@beinformed/ui 1.20.8 → 1.20.9

package/lib/react-theme/utils/colors.js

@@ -15,11 +15,11 @@ var _themeProps = require("./themeProps");
 
 /**
  */
-var darkenColor = function darkenColor(amount, path, defaultValue) {
-  return function (_ref) {
-    var theme = _ref.theme;
-    return (0, _polished.darken)(amount, (0, _themeProps.getThemeProp)(theme, path, defaultValue));
-  };
+const darkenColor = (amount, path, defaultValue) => _ref => {
+  let {
+    theme
+  } = _ref;
+  return (0, _polished.darken)(amount, (0, _themeProps.getThemeProp)(theme, path, defaultValue));
 };
 /*
  * Themed color x amount lightened
@@ -31,11 +31,11 @@ var darkenColor = function darkenColor(amount, path, defaultValue) {
 
 exports.darkenColor = darkenColor;
 
-var lightenColor = function lightenColor(amount, path, defaultValue) {
-  return function (_ref2) {
-    var theme = _ref2.theme;
-    return (0, _polished.lighten)(amount, (0, _themeProps.getThemeProp)(theme, path, defaultValue));
-  };
+const lightenColor = (amount, path, defaultValue) => _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return (0, _polished.lighten)(amount, (0, _themeProps.getThemeProp)(theme, path, defaultValue));
 };
 /*
  * Make a color lighter or darker in the same color family
@@ -47,8 +47,8 @@ var lightenColor = function lightenColor(amount, path, defaultValue) {
 
 exports.lightenColor = lightenColor;
 
-var changeHSL = function changeHSL(color, saturation, lightness) {
-  var hueAdjustment = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+const changeHSL = function (color, saturation, lightness) {
+  let hueAdjustment = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
   return (0, _polished.hsl)((0, _polished.parseToHsl)(color).hue + hueAdjustment, saturation, lightness);
 };
 

package/lib/react-theme/utils/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":["darkenColor","amount","path","defaultValue","theme","darken","getThemeProp","lightenColor","lighten","changeHSL","color","saturation","lightness","hueAdjustment","hsl","parseToHsl","hue"],"sources":["../../../src/react-theme/utils/colors.js"],"sourcesContent":["// @flow\nimport { darken, hsl, lighten, parseToHsl } from \"polished\";\nimport { getThemeProp } from \"./themeProps\";\n\nimport type { UtilThemeProps } from \"../types\";\n\n/*\n * Themed color x amount darkened\n */\n/**\n */\nconst darkenColor =\n  (\n    amount: number | string,\n    path: string,\n    defaultValue?: string\n  ): ((UtilThemeProps) => string) =>\n  ({ theme }: UtilThemeProps) =>\n    darken(amount, getThemeProp(theme, path, defaultValue));\n\n/*\n * Themed color x amount lightened\n */\n/**\n */\nconst lightenColor =\n  (\n    amount: number | string,\n    path: string,\n    defaultValue?: string\n  ): ((UtilThemeProps) => string) =>\n  ({ theme }: UtilThemeProps) =>\n    lighten(amount, getThemeProp(theme, path, defaultValue));\n\n/*\n * Make a color lighter or darker in the same color family\n */\n/**\n */\nconst changeHSL = (\n  color: string,\n  saturation?: number,\n  lightness?: number,\n  hueAdjustment: number = 0\n): string => hsl(parseToHsl(color).hue + hueAdjustment, saturation, lightness);\n\nexport { darkenColor, lightenColor, changeHSL };\n"],"mappings":";;;;;;;AACA;;AACA;;AAIA;AACA;AACA;;AACA;AACA;AACA,IAAMA,WAAW,GACf,SADIA,WACJ,CACEC,MADF,EAEEC,IAFF,EAGEC,YAHF;EAAA,OAKA;IAAA,IAAGC,KAAH,QAAGA,KAAH;IAAA,OACE,IAAAC,gBAAA,EAAOJ,MAAP,EAAe,IAAAK,wBAAA,EAAaF,KAAb,EAAoBF,IAApB,EAA0BC,YAA1B,CAAf,CADF;EAAA,CALA;AAAA,CADF;AASA;AACA;AACA;;AACA;AACA;;;;;AACA,IAAMI,YAAY,GAChB,SADIA,YACJ,CACEN,MADF,EAEEC,IAFF,EAGEC,YAHF;EAAA,OAKA;IAAA,IAAGC,KAAH,SAAGA,KAAH;IAAA,OACE,IAAAI,iBAAA,EAAQP,MAAR,EAAgB,IAAAK,wBAAA,EAAaF,KAAb,EAAoBF,IAApB,EAA0BC,YAA1B,CAAhB,CADF;EAAA,CALA;AAAA,CADF;AASA;AACA;AACA;;AACA;AACA;;;;;AACA,IAAMM,SAAS,GAAG,SAAZA,SAAY,CAChBC,KADgB,EAEhBC,UAFgB,EAGhBC,SAHgB;EAAA,IAIhBC,aAJgB,uEAIQ,CAJR;EAAA,OAKL,IAAAC,aAAA,EAAI,IAAAC,oBAAA,EAAWL,KAAX,EAAkBM,GAAlB,GAAwBH,aAA5B,EAA2CF,UAA3C,EAAuDC,SAAvD,CALK;AAAA,CAAlB"}
+{"version":3,"file":"colors.js","names":["darkenColor","amount","path","defaultValue","theme","darken","getThemeProp","lightenColor","lighten","changeHSL","color","saturation","lightness","hueAdjustment","hsl","parseToHsl","hue"],"sources":["../../../src/react-theme/utils/colors.js"],"sourcesContent":["// @flow\nimport { darken, hsl, lighten, parseToHsl } from \"polished\";\nimport { getThemeProp } from \"./themeProps\";\n\nimport type { UtilThemeProps } from \"../types\";\n\n/*\n * Themed color x amount darkened\n */\n/**\n */\nconst darkenColor =\n  (\n    amount: number | string,\n    path: string,\n    defaultValue?: string\n  ): ((UtilThemeProps) => string) =>\n  ({ theme }: UtilThemeProps) =>\n    darken(amount, getThemeProp(theme, path, defaultValue));\n\n/*\n * Themed color x amount lightened\n */\n/**\n */\nconst lightenColor =\n  (\n    amount: number | string,\n    path: string,\n    defaultValue?: string\n  ): ((UtilThemeProps) => string) =>\n  ({ theme }: UtilThemeProps) =>\n    lighten(amount, getThemeProp(theme, path, defaultValue));\n\n/*\n * Make a color lighter or darker in the same color family\n */\n/**\n */\nconst changeHSL = (\n  color: string,\n  saturation?: number,\n  lightness?: number,\n  hueAdjustment: number = 0\n): string => hsl(parseToHsl(color).hue + hueAdjustment, saturation, lightness);\n\nexport { darkenColor, lightenColor, changeHSL };\n"],"mappings":";;;;;;;AACA;;AACA;;AAIA;AACA;AACA;;AACA;AACA;AACA,MAAMA,WAAW,GACf,CACEC,MADF,EAEEC,IAFF,EAGEC,YAHF,KAKA;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OACE,IAAAC,gBAAA,EAAOJ,MAAP,EAAe,IAAAK,wBAAA,EAAaF,KAAb,EAAoBF,IAApB,EAA0BC,YAA1B,CAAf,CADF;AAAA,CANF;AASA;AACA;AACA;;AACA;AACA;;;;;AACA,MAAMI,YAAY,GAChB,CACEN,MADF,EAEEC,IAFF,EAGEC,YAHF,KAKA;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OACE,IAAAI,iBAAA,EAAQP,MAAR,EAAgB,IAAAK,wBAAA,EAAaF,KAAb,EAAoBF,IAApB,EAA0BC,YAA1B,CAAhB,CADF;AAAA,CANF;AASA;AACA;AACA;;AACA;AACA;;;;;AACA,MAAMM,SAAS,GAAG,UAChBC,KADgB,EAEhBC,UAFgB,EAGhBC,SAHgB;EAAA,IAIhBC,aAJgB,uEAIQ,CAJR;EAAA,OAKL,IAAAC,aAAA,EAAI,IAAAC,oBAAA,EAAWL,KAAX,EAAkBM,GAAlB,GAAwBH,aAA5B,EAA2CF,UAA3C,EAAuDC,SAAvD,CALK;AAAA,CAAlB"}

package/lib/react-theme/utils/contrast.js

@@ -9,8 +9,6 @@ exports.renderContrastColor = exports.getYIQ = exports.getContrastYIQ = exports.
 
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 
-var _typeof2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/typeof"));
-
 var _polished = require("polished");
 
 var _themeProps = require("./themeProps");
@@ -20,9 +18,9 @@ var _exceptions = require("../../exceptions");
 /**
  * calculate the contrast ratio of two colors
  */
-var getColorContrast = function getColorContrast(color1, color2) {
-  var luminance1 = (0, _polished.getLuminance)(color1);
-  var luminance2 = (0, _polished.getLuminance)(color2);
+const getColorContrast = (color1, color2) => {
+  const luminance1 = (0, _polished.getLuminance)(color1);
+  const luminance2 = (0, _polished.getLuminance)(color2);
   return parseFloat((luminance1 > luminance2 ? (luminance1 + 0.05) / (luminance2 + 0.05) : (luminance2 + 0.05) / (luminance1 + 0.05)).toFixed(2));
 };
 /*
@@ -37,8 +35,8 @@ var getColorContrast = function getColorContrast(color1, color2) {
 
 exports.getColorContrast = getColorContrast;
 
-var getYIQ = function getYIQ(color) {
-  var rgb = (0, _polished.parseToRgb)(color);
+const getYIQ = color => {
+  const rgb = (0, _polished.parseToRgb)(color);
   return (rgb.red * 299 + rgb.green * 587 + rgb.blue * 114) / 1000;
 };
 /**
@@ -50,18 +48,18 @@ var getYIQ = function getYIQ(color) {
 
 exports.getYIQ = getYIQ;
 
-var getContrastYIQ = function getContrastYIQ(color) {
-  var dark = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "#212529";
-  var light = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "#fff";
-  var preferredColor = arguments.length > 3 ? arguments[3] : undefined;
-  var yiqColor = getYIQ(color);
+const getContrastYIQ = function (color) {
+  let dark = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "#212529";
+  let light = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "#fff";
+  let preferredColor = arguments.length > 3 ? arguments[3] : undefined;
+  const yiqColor = getYIQ(color);
 
   if (preferredColor && getColorContrast(color, preferredColor) >= 4.5) {
     return preferredColor;
   }
 
-  var darkColor = getYIQ(dark) < 127.5 ? dark : "#212529";
-  var lightColor = getYIQ(light) > 127.5 ? light : "#fff";
+  const darkColor = getYIQ(dark) < 127.5 ? dark : "#212529";
+  const lightColor = getYIQ(light) > 127.5 ? light : "#fff";
 
   if (yiqColor > 127.5) {
     if (getColorContrast(color, darkColor) < 3) {
@@ -83,12 +81,12 @@ var getContrastYIQ = function getContrastYIQ(color) {
 
 exports.getContrastYIQ = getContrastYIQ;
 
-var getBackgroundColor = function getBackgroundColor(theme, bgColorProperty, defaultValue) {
+const getBackgroundColor = (theme, bgColorProperty, defaultValue) => {
   var _context;
 
-  var bgColor = (0, _themeProps.getProp)(theme, bgColorProperty, defaultValue);
+  let bgColor = (0, _themeProps.getProp)(theme, bgColorProperty, defaultValue);
 
-  if ((0, _typeof2.default)(bgColor) === "object") {
+  if (typeof bgColor === "object") {
     var _bgColor$backgroundCo, _bgColor;
 
     bgColor = (_bgColor$backgroundCo = (_bgColor = bgColor) === null || _bgColor === void 0 ? void 0 : _bgColor.backgroundColor) !== null && _bgColor$backgroundCo !== void 0 ? _bgColor$backgroundCo : defaultValue;
@@ -98,7 +96,7 @@ var getBackgroundColor = function getBackgroundColor(theme, bgColorProperty, def
     return bgColor;
   }
 
-  throw new _exceptions.ThemePropertyException((0, _concat.default)(_context = "".concat(bgColorProperty, " is not a string, but: ")).call(_context, (0, _typeof2.default)(bgColor)));
+  throw new _exceptions.ThemePropertyException((0, _concat.default)(_context = "".concat(bgColorProperty, " is not a string, but: ")).call(_context, typeof bgColor));
 };
 /**
  * Retrieve the contrast color for the given background property,
@@ -106,16 +104,17 @@ var getBackgroundColor = function getBackgroundColor(theme, bgColorProperty, def
  */
 
 
-var renderContrastColor = function renderContrastColor(bgColorProperty, preferredColorProperty) {
-  var standardDarkProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "YIQ_DARK_COLOR";
-  var standardLightProperty = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "YIQ_LIGHT_COLOR";
-  return function (_ref) {
-    var _ref$theme = _ref.theme,
-        theme = _ref$theme === void 0 ? {} : _ref$theme;
-    var bgColor = getBackgroundColor(theme, bgColorProperty, "#ffffff");
-    var preferredColor = (0, _themeProps.getThemeStringProp)(theme, preferredColorProperty);
-    var darkColor = (0, _themeProps.getThemeStringProp)(theme, standardDarkProperty, "#212529");
-    var lightColor = (0, _themeProps.getThemeStringProp)(theme, standardLightProperty, "#fff");
+const renderContrastColor = function (bgColorProperty, preferredColorProperty) {
+  let standardDarkProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "YIQ_DARK_COLOR";
+  let standardLightProperty = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "YIQ_LIGHT_COLOR";
+  return _ref => {
+    let {
+      theme = {}
+    } = _ref;
+    const bgColor = getBackgroundColor(theme, bgColorProperty, "#ffffff");
+    const preferredColor = (0, _themeProps.getThemeStringProp)(theme, preferredColorProperty);
+    const darkColor = (0, _themeProps.getThemeStringProp)(theme, standardDarkProperty, "#212529");
+    const lightColor = (0, _themeProps.getThemeStringProp)(theme, standardLightProperty, "#fff");
     return getContrastYIQ(bgColor, darkColor, lightColor, preferredColor);
   };
 };

package/lib/react-theme/utils/contrast.js.map

@@ -1 +1 @@
-{"version":3,"file":"contrast.js","names":["getColorContrast","color1","color2","luminance1","getLuminance","luminance2","parseFloat","toFixed","getYIQ","color","rgb","parseToRgb","red","green","blue","getContrastYIQ","dark","light","preferredColor","yiqColor","darkColor","lightColor","getBackgroundColor","theme","bgColorProperty","defaultValue","bgColor","getProp","backgroundColor","ThemePropertyException","renderContrastColor","preferredColorProperty","standardDarkProperty","standardLightProperty","getThemeStringProp"],"sources":["../../../src/react-theme/utils/contrast.js"],"sourcesContent":["// @flow\nimport { getLuminance, parseToRgb } from \"polished\";\n\nimport { getThemeStringProp, getProp } from \"./themeProps\";\n\nimport { ThemePropertyException } from \"../../exceptions\";\n\nimport type { Theme, UtilThemeProps } from \"../types\";\n\n/**\n * calculate the contrast ratio of two colors\n */\nconst getColorContrast = (color1: string, color2: string): number => {\n  const luminance1 = getLuminance(color1);\n  const luminance2 = getLuminance(color2);\n  return parseFloat(\n    (luminance1 > luminance2\n      ? (luminance1 + 0.05) / (luminance2 + 0.05)\n      : (luminance2 + 0.05) / (luminance1 + 0.05)\n    ).toFixed(2)\n  );\n};\n\n/*\n * The YIQ equation converts the RGB color (0 to 255) into a YIQ color space.\n * YIQ is the standard formula for calculating the perceived brightness of a color,\n * and is recommended by the World Wide Web Consortium (W3C).\n */\n/**\n */\nconst getYIQ = (color: string): number => {\n  const rgb = parseToRgb(color);\n\n  return (rgb.red * 299 + rgb.green * 587 + rgb.blue * 114) / 1000;\n};\n\n/**\n * Get dark or light color, depending on the given color\n * When the contrast between the color and the light or dark color is too low,\n * the preferred color is returned\n */\nconst getContrastYIQ = (\n  color: string,\n  dark: string = \"#212529\",\n  light: string = \"#fff\",\n  preferredColor?: string\n): string => {\n  const yiqColor = getYIQ(color);\n\n  if (preferredColor && getColorContrast(color, preferredColor) >= 4.5) {\n    return preferredColor;\n  }\n\n  const darkColor = getYIQ(dark) < 127.5 ? dark : \"#212529\";\n  const lightColor = getYIQ(light) > 127.5 ? light : \"#fff\";\n\n  if (yiqColor > 127.5) {\n    if (getColorContrast(color, darkColor) < 3) {\n      return \"#212529\";\n    }\n\n    return darkColor;\n  }\n\n  if (getColorContrast(color, lightColor) < 3) {\n    return \"#fff\";\n  }\n  return lightColor;\n};\n\n/**\n */\nconst getBackgroundColor = (\n  theme: Theme,\n  bgColorProperty: string,\n  defaultValue: string\n) => {\n  let bgColor = getProp(theme, bgColorProperty, defaultValue);\n\n  if (typeof bgColor === \"object\") {\n    bgColor = bgColor?.backgroundColor ?? defaultValue;\n  }\n\n  if (typeof bgColor === \"string\") {\n    return bgColor;\n  }\n\n  throw new ThemePropertyException(\n    `${bgColorProperty} is not a string, but: ${typeof bgColor}`\n  );\n};\n\n/**\n * Retrieve the contrast color for the given background property,\n * based on theme properties\n */\nconst renderContrastColor =\n  (\n    bgColorProperty: string,\n    preferredColorProperty?: string,\n    standardDarkProperty: string = \"YIQ_DARK_COLOR\",\n    standardLightProperty: string = \"YIQ_LIGHT_COLOR\"\n  ): ((UtilThemeProps) => string) =>\n  ({ theme = {} }: UtilThemeProps) => {\n    const bgColor = getBackgroundColor(theme, bgColorProperty, \"#ffffff\");\n    const preferredColor = getThemeStringProp(theme, preferredColorProperty);\n    const darkColor = getThemeStringProp(\n      theme,\n      standardDarkProperty,\n      \"#212529\"\n    );\n    const lightColor = getThemeStringProp(theme, standardLightProperty, \"#fff\");\n\n    return getContrastYIQ(bgColor, darkColor, lightColor, preferredColor);\n  };\n\nexport { getColorContrast, getYIQ, getContrastYIQ, renderContrastColor };\n"],"mappings":"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"}
+{"version":3,"file":"contrast.js","names":["getColorContrast","color1","color2","luminance1","getLuminance","luminance2","parseFloat","toFixed","getYIQ","color","rgb","parseToRgb","red","green","blue","getContrastYIQ","dark","light","preferredColor","yiqColor","darkColor","lightColor","getBackgroundColor","theme","bgColorProperty","defaultValue","bgColor","getProp","backgroundColor","ThemePropertyException","renderContrastColor","preferredColorProperty","standardDarkProperty","standardLightProperty","getThemeStringProp"],"sources":["../../../src/react-theme/utils/contrast.js"],"sourcesContent":["// @flow\nimport { getLuminance, parseToRgb } from \"polished\";\n\nimport { getThemeStringProp, getProp } from \"./themeProps\";\n\nimport { ThemePropertyException } from \"../../exceptions\";\n\nimport type { Theme, UtilThemeProps } from \"../types\";\n\n/**\n * calculate the contrast ratio of two colors\n */\nconst getColorContrast = (color1: string, color2: string): number => {\n  const luminance1 = getLuminance(color1);\n  const luminance2 = getLuminance(color2);\n  return parseFloat(\n    (luminance1 > luminance2\n      ? (luminance1 + 0.05) / (luminance2 + 0.05)\n      : (luminance2 + 0.05) / (luminance1 + 0.05)\n    ).toFixed(2)\n  );\n};\n\n/*\n * The YIQ equation converts the RGB color (0 to 255) into a YIQ color space.\n * YIQ is the standard formula for calculating the perceived brightness of a color,\n * and is recommended by the World Wide Web Consortium (W3C).\n */\n/**\n */\nconst getYIQ = (color: string): number => {\n  const rgb = parseToRgb(color);\n\n  return (rgb.red * 299 + rgb.green * 587 + rgb.blue * 114) / 1000;\n};\n\n/**\n * Get dark or light color, depending on the given color\n * When the contrast between the color and the light or dark color is too low,\n * the preferred color is returned\n */\nconst getContrastYIQ = (\n  color: string,\n  dark: string = \"#212529\",\n  light: string = \"#fff\",\n  preferredColor?: string\n): string => {\n  const yiqColor = getYIQ(color);\n\n  if (preferredColor && getColorContrast(color, preferredColor) >= 4.5) {\n    return preferredColor;\n  }\n\n  const darkColor = getYIQ(dark) < 127.5 ? dark : \"#212529\";\n  const lightColor = getYIQ(light) > 127.5 ? light : \"#fff\";\n\n  if (yiqColor > 127.5) {\n    if (getColorContrast(color, darkColor) < 3) {\n      return \"#212529\";\n    }\n\n    return darkColor;\n  }\n\n  if (getColorContrast(color, lightColor) < 3) {\n    return \"#fff\";\n  }\n  return lightColor;\n};\n\n/**\n */\nconst getBackgroundColor = (\n  theme: Theme,\n  bgColorProperty: string,\n  defaultValue: string\n) => {\n  let bgColor = getProp(theme, bgColorProperty, defaultValue);\n\n  if (typeof bgColor === \"object\") {\n    bgColor = bgColor?.backgroundColor ?? defaultValue;\n  }\n\n  if (typeof bgColor === \"string\") {\n    return bgColor;\n  }\n\n  throw new ThemePropertyException(\n    `${bgColorProperty} is not a string, but: ${typeof bgColor}`\n  );\n};\n\n/**\n * Retrieve the contrast color for the given background property,\n * based on theme properties\n */\nconst renderContrastColor =\n  (\n    bgColorProperty: string,\n    preferredColorProperty?: string,\n    standardDarkProperty: string = \"YIQ_DARK_COLOR\",\n    standardLightProperty: string = \"YIQ_LIGHT_COLOR\"\n  ): ((UtilThemeProps) => string) =>\n  ({ theme = {} }: UtilThemeProps) => {\n    const bgColor = getBackgroundColor(theme, bgColorProperty, \"#ffffff\");\n    const preferredColor = getThemeStringProp(theme, preferredColorProperty);\n    const darkColor = getThemeStringProp(\n      theme,\n      standardDarkProperty,\n      \"#212529\"\n    );\n    const lightColor = getThemeStringProp(theme, standardLightProperty, \"#fff\");\n\n    return getContrastYIQ(bgColor, darkColor, lightColor, preferredColor);\n  };\n\nexport { getColorContrast, getYIQ, getContrastYIQ, renderContrastColor };\n"],"mappings":"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"}

package/lib/react-theme/utils/corners.js

@@ -11,7 +11,7 @@ var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-sta
 
 var _themeProps = require("./themeProps");
 
-var DEFAULT_CORNER_PROPERTY = "border-radius";
+const DEFAULT_CORNER_PROPERTY = "border-radius";
 /*
  * Border radius based on the theme setting for rounded corners
  * When ROUNDED_CORNERS is not true in the theme, no rounded corners are returned
@@ -20,18 +20,19 @@ var DEFAULT_CORNER_PROPERTY = "border-radius";
 /**
  */
 
-var roundedCorners = function roundedCorners() {
-  var property = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_CORNER_PROPERTY;
-  var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "BORDER_RADIUS";
-  var defaultValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "0.25rem";
-  return function (_ref) {
-    var _ref$theme = _ref.theme,
-        theme = _ref$theme === void 0 ? {} : _ref$theme;
+const roundedCorners = function () {
+  let property = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_CORNER_PROPERTY;
+  let path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "BORDER_RADIUS";
+  let defaultValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "0.25rem";
+  return _ref => {
+    let {
+      theme = {}
+    } = _ref;
 
     if (theme.ROUNDED_CORNERS) {
       var _context;
 
-      var propertyName = property && property !== DEFAULT_CORNER_PROPERTY ? "border-".concat(property, "-radius") : DEFAULT_CORNER_PROPERTY;
+      const propertyName = property && property !== DEFAULT_CORNER_PROPERTY ? "border-".concat(property, "-radius") : DEFAULT_CORNER_PROPERTY;
       return (0, _concat.default)(_context = "".concat(propertyName, ": ")).call(_context, (0, _themeProps.getThemeStringProp)(theme, path, defaultValue));
     }
 

package/lib/react-theme/utils/corners.js.map

@@ -1 +1 @@
-{"version":3,"file":"corners.js","names":["DEFAULT_CORNER_PROPERTY","roundedCorners","property","path","defaultValue","theme","ROUNDED_CORNERS","propertyName","getThemeStringProp"],"sources":["../../../src/react-theme/utils/corners.js"],"sourcesContent":["// @flow\nimport { getThemeStringProp } from \"./themeProps\";\n\nimport type { UtilThemeProps } from \"../types\";\n\nconst DEFAULT_CORNER_PROPERTY = \"border-radius\";\n\n/*\n * Border radius based on the theme setting for rounded corners\n * When ROUNDED_CORNERS is not true in the theme, no rounded corners are returned\n */\n/**\n */\nconst roundedCorners =\n  (\n    property: string = DEFAULT_CORNER_PROPERTY,\n    path: string = \"BORDER_RADIUS\",\n    defaultValue: string = \"0.25rem\"\n  ): ((UtilThemeProps) => string) =>\n  ({ theme = {} }: UtilThemeProps) => {\n    if (theme.ROUNDED_CORNERS) {\n      const propertyName =\n        property && property !== DEFAULT_CORNER_PROPERTY\n          ? `border-${property}-radius`\n          : DEFAULT_CORNER_PROPERTY;\n\n      return `${propertyName}: ${getThemeStringProp(\n        theme,\n        path,\n        defaultValue\n      )}`;\n    }\n\n    return \"\";\n  };\n\nexport { roundedCorners };\n"],"mappings":";;;;;;;;;;;AACA;;AAIA,IAAMA,uBAAuB,GAAG,eAAhC;AAEA;AACA;AACA;AACA;;AACA;AACA;;AACA,IAAMC,cAAc,GAClB,SADIA,cACJ;EAAA,IACEC,QADF,uEACqBF,uBADrB;EAAA,IAEEG,IAFF,uEAEiB,eAFjB;EAAA,IAGEC,YAHF,uEAGyB,SAHzB;EAAA,OAKA,gBAAoC;IAAA,sBAAjCC,KAAiC;IAAA,IAAjCA,KAAiC,2BAAzB,EAAyB;;IAClC,IAAIA,KAAK,CAACC,eAAV,EAA2B;MAAA;;MACzB,IAAMC,YAAY,GAChBL,QAAQ,IAAIA,QAAQ,KAAKF,uBAAzB,oBACcE,QADd,eAEIF,uBAHN;MAKA,iDAAUO,YAAV,wBAA2B,IAAAC,8BAAA,EACzBH,KADyB,EAEzBF,IAFyB,EAGzBC,YAHyB,CAA3B;IAKD;;IAED,OAAO,EAAP;EACD,CApBD;AAAA,CADF"}
+{"version":3,"file":"corners.js","names":["DEFAULT_CORNER_PROPERTY","roundedCorners","property","path","defaultValue","theme","ROUNDED_CORNERS","propertyName","getThemeStringProp"],"sources":["../../../src/react-theme/utils/corners.js"],"sourcesContent":["// @flow\nimport { getThemeStringProp } from \"./themeProps\";\n\nimport type { UtilThemeProps } from \"../types\";\n\nconst DEFAULT_CORNER_PROPERTY = \"border-radius\";\n\n/*\n * Border radius based on the theme setting for rounded corners\n * When ROUNDED_CORNERS is not true in the theme, no rounded corners are returned\n */\n/**\n */\nconst roundedCorners =\n  (\n    property: string = DEFAULT_CORNER_PROPERTY,\n    path: string = \"BORDER_RADIUS\",\n    defaultValue: string = \"0.25rem\"\n  ): ((UtilThemeProps) => string) =>\n  ({ theme = {} }: UtilThemeProps) => {\n    if (theme.ROUNDED_CORNERS) {\n      const propertyName =\n        property && property !== DEFAULT_CORNER_PROPERTY\n          ? `border-${property}-radius`\n          : DEFAULT_CORNER_PROPERTY;\n\n      return `${propertyName}: ${getThemeStringProp(\n        theme,\n        path,\n        defaultValue\n      )}`;\n    }\n\n    return \"\";\n  };\n\nexport { roundedCorners };\n"],"mappings":";;;;;;;;;;;AACA;;AAIA,MAAMA,uBAAuB,GAAG,eAAhC;AAEA;AACA;AACA;AACA;;AACA;AACA;;AACA,MAAMC,cAAc,GAClB;EAAA,IACEC,QADF,uEACqBF,uBADrB;EAAA,IAEEG,IAFF,uEAEiB,eAFjB;EAAA,IAGEC,YAHF,uEAGyB,SAHzB;EAAA,OAKA,QAAoC;IAAA,IAAnC;MAAEC,KAAK,GAAG;IAAV,CAAmC;;IAClC,IAAIA,KAAK,CAACC,eAAV,EAA2B;MAAA;;MACzB,MAAMC,YAAY,GAChBL,QAAQ,IAAIA,QAAQ,KAAKF,uBAAzB,oBACcE,QADd,eAEIF,uBAHN;MAKA,iDAAUO,YAAV,wBAA2B,IAAAC,8BAAA,EACzBH,KADyB,EAEzBF,IAFyB,EAGzBC,YAHyB,CAA3B;IAKD;;IAED,OAAO,EAAP;EACD,CApBD;AAAA,CADF"}

package/lib/react-theme/utils/spacers.js

@@ -21,10 +21,10 @@ var _IllegalStateException = _interopRequireDefault(require("../../exceptions/Il
 
 /**
  */
-var getSize = function getSize(theme) {
-  var ratio = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-  var path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "SPACER";
-  var unit = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "rem";
+const getSize = function (theme) {
+  let ratio = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  let path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "SPACER";
+  let unit = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "rem";
 
   if (typeof ratio === "string") {
     return ratio;
@@ -34,7 +34,7 @@ var getSize = function getSize(theme) {
     if (typeof theme[path] === "number") {
       var _context;
 
-      var size = (0, _big.default)(ratio).times(theme[path]);
+      const size = (0, _big.default)(ratio).times(theme[path]);
       return (0, _concat.default)(_context = "".concat(size)).call(_context, unit);
     }
 
@@ -51,11 +51,12 @@ var getSize = function getSize(theme) {
  */
 
 
-var spacer = function spacer() {
-  var ratio = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-  return function (_ref) {
-    var _ref$theme = _ref.theme,
-        theme = _ref$theme === void 0 ? {} : _ref$theme;
+const spacer = function () {
+  let ratio = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+  return _ref => {
+    let {
+      theme = {}
+    } = _ref;
     return getSize(theme, ratio);
   };
 };
@@ -71,17 +72,16 @@ var spacer = function spacer() {
 
 exports.spacer = spacer;
 
-var spacers = function spacers() {
+const spacers = function () {
   for (var _len = arguments.length, ratios = new Array(_len), _key = 0; _key < _len; _key++) {
     ratios[_key] = arguments[_key];
   }
 
-  return function (_ref2) {
-    var _ref2$theme = _ref2.theme,
-        theme = _ref2$theme === void 0 ? {} : _ref2$theme;
-    return (0, _map.default)(ratios).call(ratios, function (ratio) {
-      return getSize(theme, ratio);
-    }).join(" ");
+  return _ref2 => {
+    let {
+      theme = {}
+    } = _ref2;
+    return (0, _map.default)(ratios).call(ratios, ratio => getSize(theme, ratio)).join(" ");
   };
 };
 /*
@@ -94,11 +94,12 @@ var spacers = function spacers() {
 
 exports.spacers = spacers;
 
-var gutter = function gutter() {
-  var ratio = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-  return function (_ref3) {
-    var _ref3$theme = _ref3.theme,
-        theme = _ref3$theme === void 0 ? {} : _ref3$theme;
+const gutter = function () {
+  let ratio = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+  return _ref3 => {
+    let {
+      theme = {}
+    } = _ref3;
     return getSize(theme, ratio, "GRID_GUTTER", "px");
   };
 };

package/lib/react-theme/utils/spacers.js.map

@@ -1 +1 @@
-{"version":3,"file":"spacers.js","names":["getSize","theme","ratio","path","unit","size","Big","times","IllegalStateException","IllegalArgumentException","spacer","spacers","ratios","join","gutter"],"sources":["../../../src/react-theme/utils/spacers.js"],"sourcesContent":["// @flow\nimport Big from \"big.js\";\n\nimport type { Theme, UtilThemeProps } from \"../types\";\nimport IllegalArgumentException from \"../../exceptions/IllegalArgumentException\";\nimport IllegalStateException from \"../../exceptions/IllegalStateException\";\n\n/**\n */\nconst getSize = (\n  theme: Theme,\n  ratio: number | string = 1,\n  path: string = \"SPACER\",\n  unit: string = \"rem\"\n) => {\n  if (typeof ratio === \"string\") {\n    return ratio;\n  }\n\n  if (typeof ratio === \"number\") {\n    if (typeof theme[path] === \"number\") {\n      const size = Big(ratio).times(theme[path]);\n      return `${size}${unit}`;\n    }\n    throw new IllegalStateException(`Size ${path} must be a number`);\n  }\n\n  throw new IllegalArgumentException(\n    `Ratio ${JSON.stringify(ratio)} must be a string or number`\n  );\n};\n\n/*\n * Render spacers based on the given ratio * theme SPACER\n */\n/**\n */\nconst spacer =\n  (ratio: number = 1): ((UtilThemeProps) => string) =>\n  ({ theme = {} }: UtilThemeProps) =>\n    getSize(theme, ratio);\n\n/*\n * Render spacers based on the given ratio * theme SPACER\n * Ratio's can be given clockwise with shorthand,\n * spacers(0.5, 1) with a spacer of 0.8 will give \"0.4rem 1rem\";\n */\n/**\n */\nconst spacers =\n  (...ratios: Array<number | \"auto\">): ((UtilThemeProps) => string) =>\n  ({ theme = {} }: UtilThemeProps) =>\n    ratios.map((ratio) => getSize(theme, ratio)).join(\" \");\n\n/*\n * Render a gutter based on GUTTER property\n */\n/**\n */\nconst gutter =\n  (ratio: number = 1): ((UtilThemeProps) => string) =>\n  ({ theme = {} }: UtilThemeProps) =>\n    getSize(theme, ratio, \"GRID_GUTTER\", \"px\");\n\nexport { spacer, spacers, gutter };\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AAGA;;AACA;;AAEA;AACA;AACA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CACdC,KADc,EAKX;EAAA,IAHHC,KAGG,uEAHsB,CAGtB;EAAA,IAFHC,IAEG,uEAFY,QAEZ;EAAA,IADHC,IACG,uEADY,KACZ;;EACH,IAAI,OAAOF,KAAP,KAAiB,QAArB,EAA+B;IAC7B,OAAOA,KAAP;EACD;;EAED,IAAI,OAAOA,KAAP,KAAiB,QAArB,EAA+B;IAC7B,IAAI,OAAOD,KAAK,CAACE,IAAD,CAAZ,KAAuB,QAA3B,EAAqC;MAAA;;MACnC,IAAME,IAAI,GAAG,IAAAC,YAAA,EAAIJ,KAAJ,EAAWK,KAAX,CAAiBN,KAAK,CAACE,IAAD,CAAtB,CAAb;MACA,iDAAUE,IAAV,kBAAiBD,IAAjB;IACD;;IACD,MAAM,IAAII,8BAAJ,gBAAkCL,IAAlC,uBAAN;EACD;;EAED,MAAM,IAAIM,iCAAJ,iBACK,wBAAeP,KAAf,CADL,iCAAN;AAGD,CArBD;AAuBA;AACA;AACA;;AACA;AACA;;;AACA,IAAMQ,MAAM,GACV,SADIA,MACJ;EAAA,IAACR,KAAD,uEAAiB,CAAjB;EAAA,OACA;IAAA,sBAAGD,KAAH;IAAA,IAAGA,KAAH,2BAAW,EAAX;IAAA,OACED,OAAO,CAACC,KAAD,EAAQC,KAAR,CADT;EAAA,CADA;AAAA,CADF;AAKA;AACA;AACA;AACA;AACA;;AACA;AACA;;;;;AACA,IAAMS,OAAO,GACX,SADIA,OACJ;EAAA,kCAAIC,MAAJ;IAAIA,MAAJ;EAAA;;EAAA,OACA;IAAA,wBAAGX,KAAH;IAAA,IAAGA,KAAH,4BAAW,EAAX;IAAA,OACE,kBAAAW,MAAM,MAAN,CAAAA,MAAM,EAAK,UAACV,KAAD;MAAA,OAAWF,OAAO,CAACC,KAAD,EAAQC,KAAR,CAAlB;IAAA,CAAL,CAAN,CAA6CW,IAA7C,CAAkD,GAAlD,CADF;EAAA,CADA;AAAA,CADF;AAKA;AACA;AACA;;AACA;AACA;;;;;AACA,IAAMC,MAAM,GACV,SADIA,MACJ;EAAA,IAACZ,KAAD,uEAAiB,CAAjB;EAAA,OACA;IAAA,wBAAGD,KAAH;IAAA,IAAGA,KAAH,4BAAW,EAAX;IAAA,OACED,OAAO,CAACC,KAAD,EAAQC,KAAR,EAAe,aAAf,EAA8B,IAA9B,CADT;EAAA,CADA;AAAA,CADF"}
+{"version":3,"file":"spacers.js","names":["getSize","theme","ratio","path","unit","size","Big","times","IllegalStateException","IllegalArgumentException","spacer","spacers","ratios","join","gutter"],"sources":["../../../src/react-theme/utils/spacers.js"],"sourcesContent":["// @flow\nimport Big from \"big.js\";\n\nimport type { Theme, UtilThemeProps } from \"../types\";\nimport IllegalArgumentException from \"../../exceptions/IllegalArgumentException\";\nimport IllegalStateException from \"../../exceptions/IllegalStateException\";\n\n/**\n */\nconst getSize = (\n  theme: Theme,\n  ratio: number | string = 1,\n  path: string = \"SPACER\",\n  unit: string = \"rem\"\n) => {\n  if (typeof ratio === \"string\") {\n    return ratio;\n  }\n\n  if (typeof ratio === \"number\") {\n    if (typeof theme[path] === \"number\") {\n      const size = Big(ratio).times(theme[path]);\n      return `${size}${unit}`;\n    }\n    throw new IllegalStateException(`Size ${path} must be a number`);\n  }\n\n  throw new IllegalArgumentException(\n    `Ratio ${JSON.stringify(ratio)} must be a string or number`\n  );\n};\n\n/*\n * Render spacers based on the given ratio * theme SPACER\n */\n/**\n */\nconst spacer =\n  (ratio: number = 1): ((UtilThemeProps) => string) =>\n  ({ theme = {} }: UtilThemeProps) =>\n    getSize(theme, ratio);\n\n/*\n * Render spacers based on the given ratio * theme SPACER\n * Ratio's can be given clockwise with shorthand,\n * spacers(0.5, 1) with a spacer of 0.8 will give \"0.4rem 1rem\";\n */\n/**\n */\nconst spacers =\n  (...ratios: Array<number | \"auto\">): ((UtilThemeProps) => string) =>\n  ({ theme = {} }: UtilThemeProps) =>\n    ratios.map((ratio) => getSize(theme, ratio)).join(\" \");\n\n/*\n * Render a gutter based on GUTTER property\n */\n/**\n */\nconst gutter =\n  (ratio: number = 1): ((UtilThemeProps) => string) =>\n  ({ theme = {} }: UtilThemeProps) =>\n    getSize(theme, ratio, \"GRID_GUTTER\", \"px\");\n\nexport { spacer, spacers, gutter };\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AAGA;;AACA;;AAEA;AACA;AACA,MAAMA,OAAO,GAAG,UACdC,KADc,EAKX;EAAA,IAHHC,KAGG,uEAHsB,CAGtB;EAAA,IAFHC,IAEG,uEAFY,QAEZ;EAAA,IADHC,IACG,uEADY,KACZ;;EACH,IAAI,OAAOF,KAAP,KAAiB,QAArB,EAA+B;IAC7B,OAAOA,KAAP;EACD;;EAED,IAAI,OAAOA,KAAP,KAAiB,QAArB,EAA+B;IAC7B,IAAI,OAAOD,KAAK,CAACE,IAAD,CAAZ,KAAuB,QAA3B,EAAqC;MAAA;;MACnC,MAAME,IAAI,GAAG,IAAAC,YAAA,EAAIJ,KAAJ,EAAWK,KAAX,CAAiBN,KAAK,CAACE,IAAD,CAAtB,CAAb;MACA,iDAAUE,IAAV,kBAAiBD,IAAjB;IACD;;IACD,MAAM,IAAII,8BAAJ,gBAAkCL,IAAlC,uBAAN;EACD;;EAED,MAAM,IAAIM,iCAAJ,iBACK,wBAAeP,KAAf,CADL,iCAAN;AAGD,CArBD;AAuBA;AACA;AACA;;AACA;AACA;;;AACA,MAAMQ,MAAM,GACV;EAAA,IAACR,KAAD,uEAAiB,CAAjB;EAAA,OACA;IAAA,IAAC;MAAED,KAAK,GAAG;IAAV,CAAD;IAAA,OACED,OAAO,CAACC,KAAD,EAAQC,KAAR,CADT;EAAA,CADA;AAAA,CADF;AAKA;AACA;AACA;AACA;AACA;;AACA;AACA;;;;;AACA,MAAMS,OAAO,GACX;EAAA,kCAAIC,MAAJ;IAAIA,MAAJ;EAAA;;EAAA,OACA;IAAA,IAAC;MAAEX,KAAK,GAAG;IAAV,CAAD;IAAA,OACE,kBAAAW,MAAM,MAAN,CAAAA,MAAM,EAAMV,KAAD,IAAWF,OAAO,CAACC,KAAD,EAAQC,KAAR,CAAvB,CAAN,CAA6CW,IAA7C,CAAkD,GAAlD,CADF;EAAA,CADA;AAAA,CADF;AAKA;AACA;AACA;;AACA;AACA;;;;;AACA,MAAMC,MAAM,GACV;EAAA,IAACZ,KAAD,uEAAiB,CAAjB;EAAA,OACA;IAAA,IAAC;MAAED,KAAK,GAAG;IAAV,CAAD;IAAA,OACED,OAAO,CAACC,KAAD,EAAQC,KAAR,EAAe,aAAf,EAA8B,IAA9B,CADT;EAAA,CADA;AAAA,CADF"}

package/lib/react-theme/utils/themeProps.js

@@ -9,18 +9,16 @@ exports.themeProp = exports.getThemeStringProp = exports.getThemeProp = exports.
 
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 
-var _typeof2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/typeof"));
-
 var _objects = require("../../utils/helpers/objects");
 
 var _exceptions = require("../../exceptions");
 
 /**
  */
-var getProp = function getProp() {
-  var theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
-  var defaultValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
+const getProp = function () {
+  let theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
+  let defaultValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
   return path === "" ? defaultValue : (0, _objects.get)(theme, path, defaultValue);
 };
 /**
@@ -29,19 +27,19 @@ var getProp = function getProp() {
 
 exports.getProp = getProp;
 
-var getThemeProp = function getThemeProp() {
+const getThemeProp = function () {
   var _context;
 
-  var theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
-  var defaultValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
-  var value = getProp(theme, path, defaultValue);
+  let theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
+  let defaultValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
+  const value = getProp(theme, path, defaultValue);
 
-  if (value != null && (typeof value === "string" || typeof value === "number" || (0, _typeof2.default)(value) === "object")) {
+  if (value != null && (typeof value === "string" || typeof value === "number" || typeof value === "object")) {
     return value;
   }
 
-  throw new _exceptions.ThemePropertyException((0, _concat.default)(_context = "".concat(path, " is not a string, number or plain object, but: ")).call(_context, (0, _typeof2.default)(value)));
+  throw new _exceptions.ThemePropertyException((0, _concat.default)(_context = "".concat(path, " is not a string, number or plain object, but: ")).call(_context, typeof value));
 };
 /**
  */
@@ -49,13 +47,13 @@ var getThemeProp = function getThemeProp() {
 
 exports.getThemeProp = getThemeProp;
 
-var getThemeStringProp = function getThemeStringProp() {
+const getThemeStringProp = function () {
   var _context2;
 
-  var theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
-  var defaultValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
-  var value = getProp(theme, path, defaultValue);
+  let theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
+  let defaultValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
+  const value = getProp(theme, path, defaultValue);
 
   if (typeof value === "string") {
     return value;
@@ -63,7 +61,7 @@ var getThemeStringProp = function getThemeStringProp() {
     return value.toString();
   }
 
-  throw new _exceptions.ThemePropertyException((0, _concat.default)(_context2 = "".concat(path, " is not a string, but: ")).call(_context2, (0, _typeof2.default)(value)));
+  throw new _exceptions.ThemePropertyException((0, _concat.default)(_context2 = "".concat(path, " is not a string, but: ")).call(_context2, typeof value));
 };
 /**
  */
@@ -71,19 +69,19 @@ var getThemeStringProp = function getThemeStringProp() {
 
 exports.getThemeStringProp = getThemeStringProp;
 
-var getThemeNumberProp = function getThemeNumberProp() {
+const getThemeNumberProp = function () {
   var _context3;
 
-  var theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
-  var defaultValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-  var value = getProp(theme, path, defaultValue);
+  let theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
+  let defaultValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  const value = getProp(theme, path, defaultValue);
 
   if (typeof value === "number") {
     return value;
   }
 
-  throw new _exceptions.ThemePropertyException((0, _concat.default)(_context3 = "".concat(path, " is not a number, but: ")).call(_context3, (0, _typeof2.default)(value)));
+  throw new _exceptions.ThemePropertyException((0, _concat.default)(_context3 = "".concat(path, " is not a number, but: ")).call(_context3, typeof value));
 };
 /*
  * Retrieve property value from theme property of styled component
@@ -95,11 +93,11 @@ var getThemeNumberProp = function getThemeNumberProp() {
 
 exports.getThemeNumberProp = getThemeNumberProp;
 
-var themeProp = function themeProp(path, defaultValue) {
-  return function (_ref) {
-    var theme = _ref.theme;
-    return getThemeProp(theme, path, defaultValue);
-  };
+const themeProp = (path, defaultValue) => _ref => {
+  let {
+    theme
+  } = _ref;
+  return getThemeProp(theme, path, defaultValue);
 };
 
 exports.themeProp = themeProp;

package/lib/react-theme/utils/themeProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"themeProps.js","names":["getProp","theme","path","defaultValue","get","getThemeProp","value","ThemePropertyException","getThemeStringProp","toString","getThemeNumberProp","themeProp"],"sources":["../../../src/react-theme/utils/themeProps.js"],"sourcesContent":["// @flow\nimport { get } from \"../../utils/helpers/objects\";\n\nimport { ThemePropertyException } from \"../../exceptions\";\n\nimport type { Theme, ThemePropValue } from \"../types\";\n\n/**\n */\nexport const getProp = (\n  theme: $Shape<Theme> = {},\n  path: string = \"\",\n  defaultValue: ThemePropValue = \"\"\n): ?ThemePropValue => {\n  return path === \"\" ? defaultValue : get(theme, path, defaultValue);\n};\n\n/**\n */\nexport const getThemeProp = (\n  theme: $Shape<Theme> = {},\n  path: string = \"\",\n  defaultValue: ThemePropValue = \"\"\n): ThemePropValue => {\n  const value = getProp(theme, path, defaultValue);\n\n  if (\n    value != null &&\n    (typeof value === \"string\" ||\n      typeof value === \"number\" ||\n      typeof value === \"object\")\n  ) {\n    return value;\n  }\n\n  throw new ThemePropertyException(\n    `${path} is not a string, number or plain object, but: ${typeof value}`\n  );\n};\n\n/**\n */\nexport const getThemeStringProp = (\n  theme: $Shape<Theme> = {},\n  path: string = \"\",\n  defaultValue: string = \"\"\n): string => {\n  const value = getProp(theme, path, defaultValue);\n\n  if (typeof value === \"string\") {\n    return value;\n  } else if (typeof value === \"number\") {\n    return value.toString();\n  }\n\n  throw new ThemePropertyException(\n    `${path} is not a string, but: ${typeof value}`\n  );\n};\n\n/**\n */\nexport const getThemeNumberProp = (\n  theme: $Shape<Theme> = {},\n  path: string = \"\",\n  defaultValue: number = 0\n): number => {\n  const value = getProp(theme, path, defaultValue);\n\n  if (typeof value === \"number\") {\n    return value;\n  }\n\n  throw new ThemePropertyException(\n    `${path} is not a number, but: ${typeof value}`\n  );\n};\n\n/*\n * Retrieve property value from theme property of styled component\n */\n/**\n */\nexport const themeProp =\n  (\n    path: string,\n    defaultValue?: ThemePropValue\n  ): (({ theme: Theme }) => ThemePropValue) =>\n  ({ theme }: { theme: Theme }) =>\n    getThemeProp(theme, path, defaultValue);\n"],"mappings":";;;;;;;;;;;;;AACA;;AAEA;;AAIA;AACA;AACO,IAAMA,OAAO,GAAG,SAAVA,OAAU,GAID;EAAA,IAHpBC,KAGoB,uEAHG,EAGH;EAAA,IAFpBC,IAEoB,uEAFL,EAEK;EAAA,IADpBC,YACoB,uEADW,EACX;EACpB,OAAOD,IAAI,KAAK,EAAT,GAAcC,YAAd,GAA6B,IAAAC,YAAA,EAAIH,KAAJ,EAAWC,IAAX,EAAiBC,YAAjB,CAApC;AACD,CANM;AAQP;AACA;;;;;AACO,IAAME,YAAY,GAAG,SAAfA,YAAe,GAIP;EAAA;;EAAA,IAHnBJ,KAGmB,uEAHI,EAGJ;EAAA,IAFnBC,IAEmB,uEAFJ,EAEI;EAAA,IADnBC,YACmB,uEADY,EACZ;EACnB,IAAMG,KAAK,GAAGN,OAAO,CAACC,KAAD,EAAQC,IAAR,EAAcC,YAAd,CAArB;;EAEA,IACEG,KAAK,IAAI,IAAT,KACC,OAAOA,KAAP,KAAiB,QAAjB,IACC,OAAOA,KAAP,KAAiB,QADlB,IAEC,sBAAOA,KAAP,MAAiB,QAHnB,CADF,EAKE;IACA,OAAOA,KAAP;EACD;;EAED,MAAM,IAAIC,kCAAJ,2CACDL,IADC,2FAC4DI,KAD5D,GAAN;AAGD,CAnBM;AAqBP;AACA;;;;;AACO,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB,GAIrB;EAAA;;EAAA,IAHXP,KAGW,uEAHY,EAGZ;EAAA,IAFXC,IAEW,uEAFI,EAEJ;EAAA,IADXC,YACW,uEADY,EACZ;EACX,IAAMG,KAAK,GAAGN,OAAO,CAACC,KAAD,EAAQC,IAAR,EAAcC,YAAd,CAArB;;EAEA,IAAI,OAAOG,KAAP,KAAiB,QAArB,EAA+B;IAC7B,OAAOA,KAAP;EACD,CAFD,MAEO,IAAI,OAAOA,KAAP,KAAiB,QAArB,EAA+B;IACpC,OAAOA,KAAK,CAACG,QAAN,EAAP;EACD;;EAED,MAAM,IAAIF,kCAAJ,4CACDL,IADC,oEACoCI,KADpC,GAAN;AAGD,CAhBM;AAkBP;AACA;;;;;AACO,IAAMI,kBAAkB,GAAG,SAArBA,kBAAqB,GAIrB;EAAA;;EAAA,IAHXT,KAGW,uEAHY,EAGZ;EAAA,IAFXC,IAEW,uEAFI,EAEJ;EAAA,IADXC,YACW,uEADY,CACZ;EACX,IAAMG,KAAK,GAAGN,OAAO,CAACC,KAAD,EAAQC,IAAR,EAAcC,YAAd,CAArB;;EAEA,IAAI,OAAOG,KAAP,KAAiB,QAArB,EAA+B;IAC7B,OAAOA,KAAP;EACD;;EAED,MAAM,IAAIC,kCAAJ,4CACDL,IADC,oEACoCI,KADpC,GAAN;AAGD,CAdM;AAgBP;AACA;AACA;;AACA;AACA;;;;;AACO,IAAMK,SAAS,GACpB,SADWA,SACX,CACET,IADF,EAEEC,YAFF;EAAA,OAIA;IAAA,IAAGF,KAAH,QAAGA,KAAH;IAAA,OACEI,YAAY,CAACJ,KAAD,EAAQC,IAAR,EAAcC,YAAd,CADd;EAAA,CAJA;AAAA,CADK"}
+{"version":3,"file":"themeProps.js","names":["getProp","theme","path","defaultValue","get","getThemeProp","value","ThemePropertyException","getThemeStringProp","toString","getThemeNumberProp","themeProp"],"sources":["../../../src/react-theme/utils/themeProps.js"],"sourcesContent":["// @flow\nimport { get } from \"../../utils/helpers/objects\";\n\nimport { ThemePropertyException } from \"../../exceptions\";\n\nimport type { Theme, ThemePropValue } from \"../types\";\n\n/**\n */\nexport const getProp = (\n  theme: $Shape<Theme> = {},\n  path: string = \"\",\n  defaultValue: ThemePropValue = \"\"\n): ?ThemePropValue => {\n  return path === \"\" ? defaultValue : get(theme, path, defaultValue);\n};\n\n/**\n */\nexport const getThemeProp = (\n  theme: $Shape<Theme> = {},\n  path: string = \"\",\n  defaultValue: ThemePropValue = \"\"\n): ThemePropValue => {\n  const value = getProp(theme, path, defaultValue);\n\n  if (\n    value != null &&\n    (typeof value === \"string\" ||\n      typeof value === \"number\" ||\n      typeof value === \"object\")\n  ) {\n    return value;\n  }\n\n  throw new ThemePropertyException(\n    `${path} is not a string, number or plain object, but: ${typeof value}`\n  );\n};\n\n/**\n */\nexport const getThemeStringProp = (\n  theme: $Shape<Theme> = {},\n  path: string = \"\",\n  defaultValue: string = \"\"\n): string => {\n  const value = getProp(theme, path, defaultValue);\n\n  if (typeof value === \"string\") {\n    return value;\n  } else if (typeof value === \"number\") {\n    return value.toString();\n  }\n\n  throw new ThemePropertyException(\n    `${path} is not a string, but: ${typeof value}`\n  );\n};\n\n/**\n */\nexport const getThemeNumberProp = (\n  theme: $Shape<Theme> = {},\n  path: string = \"\",\n  defaultValue: number = 0\n): number => {\n  const value = getProp(theme, path, defaultValue);\n\n  if (typeof value === \"number\") {\n    return value;\n  }\n\n  throw new ThemePropertyException(\n    `${path} is not a number, but: ${typeof value}`\n  );\n};\n\n/*\n * Retrieve property value from theme property of styled component\n */\n/**\n */\nexport const themeProp =\n  (\n    path: string,\n    defaultValue?: ThemePropValue\n  ): (({ theme: Theme }) => ThemePropValue) =>\n  ({ theme }: { theme: Theme }) =>\n    getThemeProp(theme, path, defaultValue);\n"],"mappings":";;;;;;;;;;;AACA;;AAEA;;AAIA;AACA;AACO,MAAMA,OAAO,GAAG,YAID;EAAA,IAHpBC,KAGoB,uEAHG,EAGH;EAAA,IAFpBC,IAEoB,uEAFL,EAEK;EAAA,IADpBC,YACoB,uEADW,EACX;EACpB,OAAOD,IAAI,KAAK,EAAT,GAAcC,YAAd,GAA6B,IAAAC,YAAA,EAAIH,KAAJ,EAAWC,IAAX,EAAiBC,YAAjB,CAApC;AACD,CANM;AAQP;AACA;;;;;AACO,MAAME,YAAY,GAAG,YAIP;EAAA;;EAAA,IAHnBJ,KAGmB,uEAHI,EAGJ;EAAA,IAFnBC,IAEmB,uEAFJ,EAEI;EAAA,IADnBC,YACmB,uEADY,EACZ;EACnB,MAAMG,KAAK,GAAGN,OAAO,CAACC,KAAD,EAAQC,IAAR,EAAcC,YAAd,CAArB;;EAEA,IACEG,KAAK,IAAI,IAAT,KACC,OAAOA,KAAP,KAAiB,QAAjB,IACC,OAAOA,KAAP,KAAiB,QADlB,IAEC,OAAOA,KAAP,KAAiB,QAHnB,CADF,EAKE;IACA,OAAOA,KAAP;EACD;;EAED,MAAM,IAAIC,kCAAJ,2CACDL,IADC,qEACqD,OAAOI,KAD5D,EAAN;AAGD,CAnBM;AAqBP;AACA;;;;;AACO,MAAME,kBAAkB,GAAG,YAIrB;EAAA;;EAAA,IAHXP,KAGW,uEAHY,EAGZ;EAAA,IAFXC,IAEW,uEAFI,EAEJ;EAAA,IADXC,YACW,uEADY,EACZ;EACX,MAAMG,KAAK,GAAGN,OAAO,CAACC,KAAD,EAAQC,IAAR,EAAcC,YAAd,CAArB;;EAEA,IAAI,OAAOG,KAAP,KAAiB,QAArB,EAA+B;IAC7B,OAAOA,KAAP;EACD,CAFD,MAEO,IAAI,OAAOA,KAAP,KAAiB,QAArB,EAA+B;IACpC,OAAOA,KAAK,CAACG,QAAN,EAAP;EACD;;EAED,MAAM,IAAIF,kCAAJ,4CACDL,IADC,8CAC6B,OAAOI,KADpC,EAAN;AAGD,CAhBM;AAkBP;AACA;;;;;AACO,MAAMI,kBAAkB,GAAG,YAIrB;EAAA;;EAAA,IAHXT,KAGW,uEAHY,EAGZ;EAAA,IAFXC,IAEW,uEAFI,EAEJ;EAAA,IADXC,YACW,uEADY,CACZ;EACX,MAAMG,KAAK,GAAGN,OAAO,CAACC,KAAD,EAAQC,IAAR,EAAcC,YAAd,CAArB;;EAEA,IAAI,OAAOG,KAAP,KAAiB,QAArB,EAA+B;IAC7B,OAAOA,KAAP;EACD;;EAED,MAAM,IAAIC,kCAAJ,4CACDL,IADC,8CAC6B,OAAOI,KADpC,EAAN;AAGD,CAdM;AAgBP;AACA;AACA;;AACA;AACA;;;;;AACO,MAAMK,SAAS,GACpB,CACET,IADF,EAEEC,YAFF,KAIA;EAAA,IAAC;IAAEF;EAAF,CAAD;EAAA,OACEI,YAAY,CAACJ,KAAD,EAAQC,IAAR,EAAcC,YAAd,CADd;AAAA,CALK"}

package/lib/redux/_i18n/actions.js

@@ -10,12 +10,10 @@ var _ProgressIndicator = require("../actions/ProgressIndicator");
 /**
  * Update current locale
  */
-var receiveLocale = function receiveLocale(locale) {
-  return {
-    type: "UPDATE_LOCALE",
-    payload: locale
-  };
-};
+const receiveLocale = locale => ({
+  type: "UPDATE_LOCALE",
+  payload: locale
+});
 /**
  * Change locale of application and redirect
  */
@@ -23,12 +21,10 @@ var receiveLocale = function receiveLocale(locale) {
 
 exports.receiveLocale = receiveLocale;
 
-var updateLocale = function updateLocale(locale) {
-  return function (dispatch) {
-    dispatch((0, _ProgressIndicator.startProgress)());
-    dispatch(receiveLocale(locale));
-    dispatch((0, _ProgressIndicator.finishProgress)());
-  };
+const updateLocale = locale => dispatch => {
+  dispatch((0, _ProgressIndicator.startProgress)());
+  dispatch(receiveLocale(locale));
+  dispatch((0, _ProgressIndicator.finishProgress)());
 };
 /**
  */
@@ -36,15 +32,13 @@ var updateLocale = function updateLocale(locale) {
 
 exports.updateLocale = updateLocale;
 
-var setLocales = function setLocales(locales, locale) {
-  return {
-    type: "SET_LOCALES",
-    payload: {
-      locales: locales,
-      locale: locale
-    }
-  };
-};
+const setLocales = (locales, locale) => ({
+  type: "SET_LOCALES",
+  payload: {
+    locales,
+    locale
+  }
+});
 
 exports.setLocales = setLocales;
 //# sourceMappingURL=actions.js.map

package/lib/redux/_i18n/actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"actions.js","names":["receiveLocale","locale","type","payload","updateLocale","dispatch","startProgress","finishProgress","setLocales","locales"],"sources":["../../../src/redux/_i18n/actions.js"],"sourcesContent":["// @flow\nimport { startProgress, finishProgress } from \"../actions/ProgressIndicator\";\n\nimport type Locales from \"../../i18n/Locales\";\nimport type { SetLocalesAction, UpdateLocaleAction } from \"./types\";\nimport type { ThunkAction } from \"../types\";\n\n/**\n * Update current locale\n */\nexport const receiveLocale = (locale: string): UpdateLocaleAction => ({\n  type: \"UPDATE_LOCALE\",\n  payload: locale,\n});\n\n/**\n * Change locale of application and redirect\n */\nexport const updateLocale =\n  (locale: string): ThunkAction =>\n  (dispatch) => {\n    dispatch(startProgress());\n    dispatch(receiveLocale(locale));\n\n    dispatch(finishProgress());\n  };\n\n/**\n */\nexport const setLocales = (\n  locales: Locales,\n  locale: string\n): SetLocalesAction => ({\n  type: \"SET_LOCALES\",\n  payload: {\n    locales,\n    locale,\n  },\n});\n"],"mappings":";;;;;;;AACA;;AAMA;AACA;AACA;AACO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,MAAD;EAAA,OAAyC;IACpEC,IAAI,EAAE,eAD8D;IAEpEC,OAAO,EAAEF;EAF2D,CAAzC;AAAA,CAAtB;AAKP;AACA;AACA;;;;;AACO,IAAMG,YAAY,GACvB,SADWA,YACX,CAACH,MAAD;EAAA,OACA,UAACI,QAAD,EAAc;IACZA,QAAQ,CAAC,IAAAC,gCAAA,GAAD,CAAR;IACAD,QAAQ,CAACL,aAAa,CAACC,MAAD,CAAd,CAAR;IAEAI,QAAQ,CAAC,IAAAE,iCAAA,GAAD,CAAR;EACD,CAND;AAAA,CADK;AASP;AACA;;;;;AACO,IAAMC,UAAU,GAAG,SAAbA,UAAa,CACxBC,OADwB,EAExBR,MAFwB;EAAA,OAGF;IACtBC,IAAI,EAAE,aADgB;IAEtBC,OAAO,EAAE;MACPM,OAAO,EAAPA,OADO;MAEPR,MAAM,EAANA;IAFO;EAFa,CAHE;AAAA,CAAnB"}
+{"version":3,"file":"actions.js","names":["receiveLocale","locale","type","payload","updateLocale","dispatch","startProgress","finishProgress","setLocales","locales"],"sources":["../../../src/redux/_i18n/actions.js"],"sourcesContent":["// @flow\nimport { startProgress, finishProgress } from \"../actions/ProgressIndicator\";\n\nimport type Locales from \"../../i18n/Locales\";\nimport type { SetLocalesAction, UpdateLocaleAction } from \"./types\";\nimport type { ThunkAction } from \"../types\";\n\n/**\n * Update current locale\n */\nexport const receiveLocale = (locale: string): UpdateLocaleAction => ({\n  type: \"UPDATE_LOCALE\",\n  payload: locale,\n});\n\n/**\n * Change locale of application and redirect\n */\nexport const updateLocale =\n  (locale: string): ThunkAction =>\n  (dispatch) => {\n    dispatch(startProgress());\n    dispatch(receiveLocale(locale));\n\n    dispatch(finishProgress());\n  };\n\n/**\n */\nexport const setLocales = (\n  locales: Locales,\n  locale: string\n): SetLocalesAction => ({\n  type: \"SET_LOCALES\",\n  payload: {\n    locales,\n    locale,\n  },\n});\n"],"mappings":";;;;;;;AACA;;AAMA;AACA;AACA;AACO,MAAMA,aAAa,GAAIC,MAAD,KAAyC;EACpEC,IAAI,EAAE,eAD8D;EAEpEC,OAAO,EAAEF;AAF2D,CAAzC,CAAtB;AAKP;AACA;AACA;;;;;AACO,MAAMG,YAAY,GACtBH,MAAD,IACCI,QAAD,IAAc;EACZA,QAAQ,CAAC,IAAAC,gCAAA,GAAD,CAAR;EACAD,QAAQ,CAACL,aAAa,CAACC,MAAD,CAAd,CAAR;EAEAI,QAAQ,CAAC,IAAAE,iCAAA,GAAD,CAAR;AACD,CAPI;AASP;AACA;;;;;AACO,MAAMC,UAAU,GAAG,CACxBC,OADwB,EAExBR,MAFwB,MAGF;EACtBC,IAAI,EAAE,aADgB;EAEtBC,OAAO,EAAE;IACPM,OADO;IAEPR;EAFO;AAFa,CAHE,CAAnB"}

package/lib/redux/_i18n/index.js

@@ -13,7 +13,7 @@ _Object$keys(_reducer).forEach(function (key) {
   if (key in exports && exports[key] === _reducer[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _reducer[key];
     }
   });
@@ -26,7 +26,7 @@ _Object$keys(_actions).forEach(function (key) {
   if (key in exports && exports[key] === _actions[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _actions[key];
     }
   });