fix(color): Improve the library size for webpack (#204)

* perf(general): Improve the library size for webpack users

See https://iamakulov.com/notes/polished-webpack/ for the decisions behind the change

* perf(general): Update the assets

* perf(general): Update the assets (again)

* perf(general): Update the assets (third attempt)

* perf(general): Update the assets (fourth attempt) + fix the naming of `em` and `rem` in docs

* perf(general): Fix the style errors

src/color/adjustHue.js

@@ -36,4 +36,6 @@ function adjustHue(degree: number, color: string): string {
   })
 }
 
-export default curry(adjustHue)
+// Don’t inline this variable into export because Rollup will remove the /*#__PURE__*/ comment
+const curriedAdjustHue = /*#__PURE__*/curry(adjustHue) // eslint-disable-line spaced-comment
+export default curriedAdjustHue

src/color/darken.js

@@ -36,4 +36,6 @@ function darken(amount: number, color: string): string {
   })
 }
 
-export default curry(darken)
+// Don’t inline this variable into export because Rollup will remove the /*#__PURE__*/ comment
+const curriedDarken = /*#__PURE__*/curry(darken) // eslint-disable-line spaced-comment
+export default curriedDarken

src/color/desaturate.js

@@ -37,4 +37,6 @@ function desaturate(amount: number, color: string): string {
   })
 }
 
-export default curry(desaturate)
+// Don’t inline this variable into export because Rollup will remove the /*#__PURE__*/ comment
+const curriedDesaturate = /*#__PURE__*/curry(desaturate) // eslint-disable-line spaced-comment
+export default curriedDesaturate

src/color/lighten.js

@@ -36,4 +36,6 @@ function lighten(amount: number, color: string): string {
   })
 }
 
-export default curry(lighten)
+// Don’t inline this variable into export because Rollup will remove the /*#__PURE__*/ comment
+const curriedLighten = /*#__PURE__*/curry(lighten) // eslint-disable-line spaced-comment
+export default curriedLighten

src/color/mix.js

@@ -67,4 +67,6 @@ function mix(weight: number = 0.5, color: string, otherColor: string): string {
   return rgba(mixedColor)
 }
 
-export default curry(mix)
+// Don’t inline this variable into export because Rollup will remove the /*#__PURE__*/ comment
+const curriedMix = /*#__PURE__*/curry(mix) // eslint-disable-line spaced-comment
+export default curriedMix

src/color/opacify.js

@@ -43,4 +43,6 @@ function opacify(amount: number, color: string) {
   return rgba(colorWithAlpha)
 }
 
-export default curry(opacify)
+// Don’t inline this variable into export because Rollup will remove the /*#__PURE__*/ comment
+const curriedOpacify = /*#__PURE__*/curry(opacify) // eslint-disable-line spaced-comment
+export default curriedOpacify

src/color/saturate.js

@@ -38,4 +38,6 @@ function saturate(amount: number, color: string): string {
   })
 }
 
-export default curry(saturate)
+// Don’t inline this variable into export because Rollup will remove the /*#__PURE__*/ comment
+const curriedSaturate = /*#__PURE__*/curry(saturate) // eslint-disable-line spaced-comment
+export default curriedSaturate

src/color/setHue.js

@@ -34,4 +34,6 @@ function setHue(hue: number, color: string): string {
   })
 }
 
-export default curry(setHue)
+// Don’t inline this variable into export because Rollup will remove the /*#__PURE__*/ comment
+const curriedSetHue = /*#__PURE__*/curry(setHue) // eslint-disable-line spaced-comment
+export default curriedSetHue

src/color/setLightness.js

@@ -34,4 +34,6 @@ function setLightness(lightness: number, color: string): string {
   })
 }
 
-export default curry(setLightness)
+// Don’t inline this variable into export because Rollup will remove the /*#__PURE__*/ comment
+const curriedSetLightness = /*#__PURE__*/curry(setLightness) // eslint-disable-line spaced-comment
+export default curriedSetLightness

src/color/setSaturation.js

@@ -34,4 +34,6 @@ function setSaturation(saturation: number, color: string): string {
   })
 }
 
-export default curry(setSaturation)
+// Don’t inline this variable into export because Rollup will remove the /*#__PURE__*/ comment
+const curriedSetSaturation = /*#__PURE__*/curry(setSaturation) // eslint-disable-line spaced-comment
+export default curriedSetSaturation

src/color/shade.js

@@ -32,4 +32,6 @@ function shade(percentage: number, color: string) {
   return mix(percentage, color, 'rgb(0, 0, 0)')
 }
 
-export default curry(shade)
+// Don’t inline this variable into export because Rollup will remove the /*#__PURE__*/ comment
+const curriedShade = /*#__PURE__*/curry(shade) // eslint-disable-line spaced-comment
+export default curriedShade

src/color/tint.js

@@ -32,4 +32,6 @@ function tint(percentage: number, color: string) {
   return mix(percentage, color, 'rgb(255, 255, 255)')
 }
 
-export default curry(tint)
+// Don’t inline this variable into export because Rollup will remove the /*#__PURE__*/ comment
+const curriedTint = /*#__PURE__*/curry(tint) // eslint-disable-line spaced-comment
+export default curriedTint

src/color/transparentize.js

@@ -43,4 +43,6 @@ function transparentize(amount: number, color: string) {
   return rgba(colorWithAlpha)
 }
 
-export default curry(transparentize)
+// Don’t inline this variable into export because Rollup will remove the /*#__PURE__*/ comment
+const curriedTransparentize = /*#__PURE__*/curry(transparentize) // eslint-disable-line spaced-comment
+export default curriedTransparentize

src/helpers/em.js

@@ -26,4 +26,6 @@ import pixelsto from '../internalHelpers/_pxto'
  * }
  */
 
-export default pixelsto('em')
+// Don’t inline this variable into export because Rollup will remove the /*#__PURE__*/ comment
+const em = /*#__PURE__*/pixelsto('em') // eslint-disable-line spaced-comment
+export default em

src/helpers/rem.js

@@ -25,4 +25,7 @@ import pixelsto from '../internalHelpers/_pxto'
  *   'height': '1rem'
  * }
  */
-export default pixelsto('rem')
+
+// Don’t inline this variable into export because Rollup will remove the /*#__PURE__*/ comment
+const rem = /*#__PURE__*/pixelsto('rem') // eslint-disable-line spaced-comment
+export default rem