@beinformed/ui 1.23.3-beta.0 → 1.23.4

package/esm/react-theme/createTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"createTheme.js","names":["flattenDeep","isPlainObject","setSettings","replacePlaceholders","inputTheme","possibleKeys","key","join","re","RegExp","forEach","value","replace","match","capture","generateTheme","storedTheme","generatedTheme","themeElements","element","createTheme","themeConfigs","customTheme","settings"],"sources":["../../src/react-theme/createTheme.js"],"sourcesContent":["// @flow\nimport flattenDeep from \"lodash/flattenDeep\";\n\nimport { isPlainObject } from \"../utils/helpers/objects\";\n\nimport { setSettings } from \"../constants/Settings\";\n\nimport type { Theme } from \"./types\";\n\nconst replacePlaceholders = (inputTheme) => {\n  const possibleKeys = Object.keys(inputTheme)\n    .map((key) => `\\\\b${key}\\\\b`)\n    .join(\"|\");\n\n  const re = new RegExp(`\\\\$(${possibleKeys})`, \"g\");\n  Object.entries(inputTheme).forEach(([key, value]) => {\n    if (typeof value === \"string\") {\n      inputTheme[key] = value.replace(\n        re,\n        (match, capture) => inputTheme[capture]\n      );\n    }\n  });\n\n  return inputTheme;\n};\n\nconst generateTheme = (storedTheme, ...themeElements) => {\n  let generatedTheme = {};\n  for (const element of themeElements) {\n    if (typeof element === \"function\") {\n      generatedTheme = element(replacePlaceholders(generatedTheme));\n    } else if (isPlainObject(element)) {\n      generatedTheme = { ...generatedTheme, ...element, ...storedTheme };\n    }\n  }\n\n  // final - replace any assignments inside the theme\n  return replacePlaceholders(generatedTheme);\n};\n\n/**\n * Create a theme from multiple theme configuration objects.\n * Properties are overwriten by iterating the configuration objects from left to right.\n *\n * The first argument represents a stored theme part, this is optional. The stored theme part will overwrite every part in the collection of theme parts.\n * Thus a stored configuration is leading as it can be configured by a modeller through the repository.\n *\n * Placeholders can be used, they are replaced before calling a function theme part or at the end of the theme creation.\n *\n * Both objects and function can be used, where a function receives the previous objects as input arguments.\n * For example using the method createTheme(ThemeObject, ThemeObject2, ThemeFunction, ThemeFunction2), will be handled as:\n *\n * ThemeFunction2(ThemeFunction1({ ...ThemeObject, ...ThemeObject2 }))\n *\n * @example\n * Example where the primary color of the default theme is overwritten with a primary color of the custom theme,\n * but the button bg still uses the yiq function of the default theme:\n *\n * const DefaultTheme = {\n *   PRIMARY_COLOR: \"#0000ff\",\n *   SECONDARY_COLOR: \"#00ff00\",\n *   BUTTON_COLOR: \"$PRIMARY_COLOR\"\n * }\n *\n * const createDefaultTheme = (input) => ({\n *   ...input,\n *   BUTTON_BG: getContrastYIQ(input.BUTTON_COLOR)\n * })\n *\n * const CustomTheme = {\n *   PRIMARY_COLOR: \"#ff0000\"\n * }\n *\n * createTheme(null, DefaultTheme, CustomTheme, createDefaultTheme);\n *\n * // Result:\n * {\n *   PRIMARY_COLOR: \"#ff0000\",\n *   BUTTON_COLOR: \"#ff0000\",\n *   BUTTON_BG: \"#fff\",\n *   SECONDARY_COLOR: \"#00ff00\",\n * }\n */\nconst createTheme = (\n  storedTheme: Theme,\n  ...themeConfigs: Array<Theme | Array<Theme>>\n):\n  | any\n  | {}\n  | {\n      INPUT_FOCUS_BORDER_COLOR?: string,\n      LINK_HOVER_COLOR?: string,\n      PAGING_HOVER_COLOR?: string,\n      settings?: { [settingName: string]: string },\n    } => {\n  const customTheme = generateTheme(storedTheme, ...flattenDeep(themeConfigs));\n\n  if (customTheme) {\n    setSettings(customTheme.settings);\n  }\n\n  return customTheme;\n};\n\nexport default createTheme;\n"],"mappings":";;;AACA,OAAOA,WAAW,MAAM,oBAAoB;AAE5C,SAASC,aAAa,QAAQ,0BAA0B;AAExD,SAASC,WAAW,QAAQ,uBAAuB;AAInD,MAAMC,mBAAmB,GAAIC,UAAU,IAAK;EAAA;EAC1C,MAAMC,YAAY,GAAG,6CAAYD,UAAU,CAAC,iBACpCE,GAAG,IAAM,MAAKA,GAAI,KAAI,CAAC,CAC5BC,IAAI,CAAC,GAAG,CAAC;EAEZ,MAAMC,EAAE,GAAG,IAAIC,MAAM,CAAE,OAAMJ,YAAa,GAAE,EAAE,GAAG,CAAC;EAClD,gBAAeD,UAAU,CAAC,CAACM,OAAO,CAAC,QAAkB;IAAA,IAAjB,CAACJ,GAAG,EAAEK,KAAK,CAAC;IAC9C,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;MAC7BP,UAAU,CAACE,GAAG,CAAC,GAAGK,KAAK,CAACC,OAAO,CAC7BJ,EAAE,EACF,CAACK,KAAK,EAAEC,OAAO,KAAKV,UAAU,CAACU,OAAO,CAAC,CACxC;IACH;EACF,CAAC,CAAC;EAEF,OAAOV,UAAU;AACnB,CAAC;AAED,MAAMW,aAAa,GAAG,UAACC,WAAW,EAAuB;EACvD,IAAIC,cAAc,GAAG,CAAC,CAAC;EAAC,kCADaC,aAAa;IAAbA,aAAa;EAAA;EAElD,KAAK,MAAMC,OAAO,IAAID,aAAa,EAAE;IACnC,IAAI,OAAOC,OAAO,KAAK,UAAU,EAAE;MACjCF,cAAc,GAAGE,OAAO,CAAChB,mBAAmB,CAACc,cAAc,CAAC,CAAC;IAC/D,CAAC,MAAM,IAAIhB,aAAa,CAACkB,OAAO,CAAC,EAAE;MACjCF,cAAc,GAAG;QAAE,GAAGA,cAAc;QAAE,GAAGE,OAAO;QAAE,GAAGH;MAAY,CAAC;IACpE;EACF;;EAEA;EACA,OAAOb,mBAAmB,CAACc,cAAc,CAAC;AAC5C,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMG,WAAW,GAAG,UAClBJ,WAAkB,EAUX;EAAA,mCATJK,YAAY;IAAZA,YAAY;EAAA;EAUf,MAAMC,WAAW,GAAGP,aAAa,CAACC,WAAW,EAAE,GAAGhB,WAAW,CAACqB,YAAY,CAAC,CAAC;EAE5E,IAAIC,WAAW,EAAE;IACfpB,WAAW,CAACoB,WAAW,CAACC,QAAQ,CAAC;EACnC;EAEA,OAAOD,WAAW;AACpB,CAAC;AAED,eAAeF,WAAW"}
+{"version":3,"file":"createTheme.js","names":["flattenDeep","isPlainObject","setSettings","replacePlaceholders","inputTheme","possibleKeys","key","join","re","RegExp","forEach","value","replace","match","capture","generateTheme","storedTheme","generatedTheme","themeElements","element","createTheme","themeConfigs","customTheme","settings"],"sources":["../../src/react-theme/createTheme.js"],"sourcesContent":["// @flow\nimport flattenDeep from \"lodash/flattenDeep\";\n\nimport { isPlainObject } from \"../utils/helpers/objects\";\n\nimport { setSettings } from \"../constants/Settings\";\n\nimport type { Theme } from \"./types\";\n\nconst replacePlaceholders = (inputTheme) => {\n  const possibleKeys = Object.keys(inputTheme)\n    .map((key) => `\\\\b${key}\\\\b`)\n    .join(\"|\");\n\n  const re = new RegExp(`\\\\$(${possibleKeys})`, \"g\");\n  Object.entries(inputTheme).forEach(([key, value]) => {\n    if (typeof value === \"string\") {\n      inputTheme[key] = value.replace(\n        re,\n        (match, capture) => inputTheme[capture]\n      );\n    }\n  });\n\n  return inputTheme;\n};\n\nconst generateTheme = (storedTheme, ...themeElements) => {\n  let generatedTheme = {};\n  for (const element of themeElements) {\n    if (typeof element === \"function\") {\n      generatedTheme = element(replacePlaceholders(generatedTheme));\n    } else if (isPlainObject(element)) {\n      generatedTheme = { ...generatedTheme, ...element, ...storedTheme };\n    }\n  }\n\n  // final - replace any assignments inside the theme\n  return replacePlaceholders(generatedTheme);\n};\n\n/**\n * Create a theme from multiple theme configuration objects.\n * Properties are overwriten by iterating the configuration objects from left to right.\n *\n * The first argument represents a stored theme part, this is optional. The stored theme part will overwrite every part in the collection of theme parts.\n * Thus a stored configuration is leading as it can be configured by a modeller through the repository.\n *\n * Placeholders can be used, they are replaced before calling a function theme part or at the end of the theme creation.\n *\n * Both objects and function can be used, where a function receives the previous objects as input arguments.\n * For example using the method createTheme(ThemeObject, ThemeObject2, ThemeFunction, ThemeFunction2), will be handled as:\n *\n * ThemeFunction2(ThemeFunction1({ ...ThemeObject, ...ThemeObject2 }))\n *\n * @example\n * Example where the primary color of the default theme is overwritten with a primary color of the custom theme,\n * but the button bg still uses the yiq function of the default theme:\n *\n * const DefaultTheme = {\n *   PRIMARY_COLOR: \"#0000ff\",\n *   SECONDARY_COLOR: \"#00ff00\",\n *   BUTTON_COLOR: \"$PRIMARY_COLOR\"\n * }\n *\n * const createDefaultTheme = (input) => ({\n *   ...input,\n *   BUTTON_BG: getContrastYIQ(input.BUTTON_COLOR)\n * })\n *\n * const CustomTheme = {\n *   PRIMARY_COLOR: \"#ff0000\"\n * }\n *\n * createTheme(null, DefaultTheme, CustomTheme, createDefaultTheme);\n *\n * // Result:\n * {\n *   PRIMARY_COLOR: \"#ff0000\",\n *   BUTTON_COLOR: \"#ff0000\",\n *   BUTTON_BG: \"#fff\",\n *   SECONDARY_COLOR: \"#00ff00\",\n * }\n */\nconst createTheme = (\n  storedTheme: Theme,\n  ...themeConfigs: Array<Theme | Array<Theme>>\n):\n  | any\n  | {}\n  | {\n      INPUT_FOCUS_BORDER_COLOR?: string,\n      LINK_HOVER_COLOR?: string,\n      PAGING_HOVER_COLOR?: string,\n      settings?: { [settingName: string]: string },\n    } => {\n  const customTheme = generateTheme(storedTheme, ...flattenDeep(themeConfigs));\n\n  if (customTheme) {\n    setSettings(customTheme.settings);\n  }\n\n  return customTheme;\n};\n\nexport default createTheme;\n"],"mappings":";;;AACA,OAAOA,WAAP,MAAwB,oBAAxB;AAEA,SAASC,aAAT,QAA8B,0BAA9B;AAEA,SAASC,WAAT,QAA4B,uBAA5B;;AAIA,MAAMC,mBAAmB,GAAIC,UAAD,IAAgB;EAAA;;EAC1C,MAAMC,YAAY,GAAG,6CAAYD,UAAZ,kBACbE,GAAD,iBAAeA,GAAf,QADc,EAElBC,IAFkB,CAEb,GAFa,CAArB;;EAIA,MAAMC,EAAE,GAAG,IAAIC,MAAJ,eAAkBJ,YAAlB,QAAmC,GAAnC,CAAX;;EACA,gBAAeD,UAAf,EAA2BM,OAA3B,CAAmC,QAAkB;IAAA,IAAjB,CAACJ,GAAD,EAAMK,KAAN,CAAiB;;IACnD,IAAI,OAAOA,KAAP,KAAiB,QAArB,EAA+B;MAC7BP,UAAU,CAACE,GAAD,CAAV,GAAkBK,KAAK,CAACC,OAAN,CAChBJ,EADgB,EAEhB,CAACK,KAAD,EAAQC,OAAR,KAAoBV,UAAU,CAACU,OAAD,CAFd,CAAlB;IAID;EACF,CAPD;;EASA,OAAOV,UAAP;AACD,CAhBD;;AAkBA,MAAMW,aAAa,GAAG,UAACC,WAAD,EAAmC;EACvD,IAAIC,cAAc,GAAG,EAArB;;EADuD,kCAAlBC,aAAkB;IAAlBA,aAAkB;EAAA;;EAEvD,KAAK,MAAMC,OAAX,IAAsBD,aAAtB,EAAqC;IACnC,IAAI,OAAOC,OAAP,KAAmB,UAAvB,EAAmC;MACjCF,cAAc,GAAGE,OAAO,CAAChB,mBAAmB,CAACc,cAAD,CAApB,CAAxB;IACD,CAFD,MAEO,IAAIhB,aAAa,CAACkB,OAAD,CAAjB,EAA4B;MACjCF,cAAc,GAAG,EAAE,GAAGA,cAAL;QAAqB,GAAGE,OAAxB;QAAiC,GAAGH;MAApC,CAAjB;IACD;EACF,CARsD,CAUvD;;;EACA,OAAOb,mBAAmB,CAACc,cAAD,CAA1B;AACD,CAZD;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAMG,WAAW,GAAG,UAClBJ,WADkB,EAWX;EAAA,mCATJK,YASI;IATJA,YASI;EAAA;;EACP,MAAMC,WAAW,GAAGP,aAAa,CAACC,WAAD,EAAc,GAAGhB,WAAW,CAACqB,YAAD,CAA5B,CAAjC;;EAEA,IAAIC,WAAJ,EAAiB;IACfpB,WAAW,CAACoB,WAAW,CAACC,QAAb,CAAX;EACD;;EAED,OAAOD,WAAP;AACD,CAnBD;;AAqBA,eAAeF,WAAf"}

package/esm/react-theme/index.js

@@ -1,4 +1,3 @@
-
 export { default as createTheme } from "./createTheme";
 export { default as ThemeProvider } from "./ThemeProvider";
 export * from "./useTheme";

package/esm/react-theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","createTheme","ThemeProvider"],"sources":["../../src/react-theme/index.js"],"sourcesContent":["// @flow\nexport { default as createTheme } from \"./createTheme\";\nexport { default as ThemeProvider } from \"./ThemeProvider\";\n\nexport * from \"./useTheme\";\n\nexport * from \"./utils/themeProps\";\n\nexport * from \"./utils/background\";\nexport * from \"./utils/colors\";\nexport * from \"./utils/contrast\";\nexport * from \"./utils/corners\";\nexport * from \"./utils/spacers\";\n\nexport type * from \"./types\";\n"],"mappings":";AACA,SAASA,OAAO,IAAIC,WAAW,QAAQ,eAAe;AACtD,SAASD,OAAO,IAAIE,aAAa,QAAQ,iBAAiB;AAE1D,cAAc,YAAY;AAE1B,cAAc,oBAAoB;AAElC,cAAc,oBAAoB;AAClC,cAAc,gBAAgB;AAC9B,cAAc,kBAAkB;AAChC,cAAc,iBAAiB;AAC/B,cAAc,iBAAiB"}
+{"version":3,"file":"index.js","names":["default","createTheme","ThemeProvider"],"sources":["../../src/react-theme/index.js"],"sourcesContent":["// @flow\nexport { default as createTheme } from \"./createTheme\";\nexport { default as ThemeProvider } from \"./ThemeProvider\";\n\nexport * from \"./useTheme\";\n\nexport * from \"./utils/themeProps\";\n\nexport * from \"./utils/background\";\nexport * from \"./utils/colors\";\nexport * from \"./utils/contrast\";\nexport * from \"./utils/corners\";\nexport * from \"./utils/spacers\";\n\nexport type * from \"./types\";\n"],"mappings":"AACA,SAASA,OAAO,IAAIC,WAApB,QAAuC,eAAvC;AACA,SAASD,OAAO,IAAIE,aAApB,QAAyC,iBAAzC;AAEA,cAAc,YAAd;AAEA,cAAc,oBAAd;AAEA,cAAc,oBAAd;AACA,cAAc,gBAAd;AACA,cAAc,kBAAd;AACA,cAAc,iBAAd;AACA,cAAc,iBAAd"}

package/esm/react-theme/useTheme.js

@@ -1,10 +1,11 @@
-
 import { useContext } from "react";
 import { ThemeContext } from "styled-components";
+
 /**
  */
 const useTheme = () => {
   return useContext(ThemeContext);
 };
+
 export { useTheme };
 //# sourceMappingURL=useTheme.js.map

package/esm/react-theme/useTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.js","names":["useContext","ThemeContext","useTheme"],"sources":["../../src/react-theme/useTheme.js"],"sourcesContent":["// @flow\nimport { useContext } from \"react\";\nimport { ThemeContext } from \"styled-components\";\n\nimport type { Theme } from \"./types\";\n\n/**\n */\nconst useTheme = (): Theme => {\n  return useContext(ThemeContext);\n};\n\nexport { useTheme };\n"],"mappings":";AACA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,YAAY,QAAQ,mBAAmB;AAIhD;AACA;AACA,MAAMC,QAAQ,GAAG,MAAa;EAC5B,OAAOF,UAAU,CAACC,YAAY,CAAC;AACjC,CAAC;AAED,SAASC,QAAQ"}
+{"version":3,"file":"useTheme.js","names":["useContext","ThemeContext","useTheme"],"sources":["../../src/react-theme/useTheme.js"],"sourcesContent":["// @flow\nimport { useContext } from \"react\";\nimport { ThemeContext } from \"styled-components\";\n\nimport type { Theme } from \"./types\";\n\n/**\n */\nconst useTheme = (): Theme => {\n  return useContext(ThemeContext);\n};\n\nexport { useTheme };\n"],"mappings":"AACA,SAASA,UAAT,QAA2B,OAA3B;AACA,SAASC,YAAT,QAA6B,mBAA7B;;AAIA;AACA;AACA,MAAMC,QAAQ,GAAG,MAAa;EAC5B,OAAOF,UAAU,CAACC,YAAD,CAAjB;AACD,CAFD;;AAIA,SAASC,QAAT"}

package/esm/react-theme/utils/background.js

@@ -1,5 +1,5 @@
-
 import { getThemeProp } from "./themeProps";
+
 /**
  */
 const renderBackground = (path, defaultValue) => _ref => {
@@ -7,10 +7,13 @@ const renderBackground = (path, defaultValue) => _ref => {
     theme
   } = _ref;
   const value = getThemeProp(theme, path, defaultValue);
+
   if (typeof value === "string") {
-    return `background: ${value}`;
+    return "background: ".concat(value);
   }
+
   return value;
 };
+
 export { renderBackground };
 //# sourceMappingURL=background.js.map

package/esm/react-theme/utils/background.js.map

@@ -1 +1 @@
-{"version":3,"file":"background.js","names":["getThemeProp","renderBackground","path","defaultValue","theme","value"],"sources":["../../../src/react-theme/utils/background.js"],"sourcesContent":["// @flow\nimport { getThemeProp } from \"./themeProps\";\n\nimport type { ThemePropValue, UtilThemeProps } from \"../types\";\n\n/**\n */\nconst renderBackground =\n  (path: string, defaultValue?: string): ((UtilThemeProps) => ThemePropValue) =>\n  ({ theme }: UtilThemeProps) => {\n    const value = getThemeProp(theme, path, defaultValue);\n\n    if (typeof value === \"string\") {\n      return `background: ${value}`;\n    }\n\n    return value;\n  };\n\nexport { renderBackground };\n"],"mappings":";AACA,SAASA,YAAY,QAAQ,cAAc;AAI3C;AACA;AACA,MAAMC,gBAAgB,GACpB,CAACC,IAAY,EAAEC,YAAqB,KACpC,QAA+B;EAAA,IAA9B;IAAEC;EAAsB,CAAC;EACxB,MAAMC,KAAK,GAAGL,YAAY,CAACI,KAAK,EAAEF,IAAI,EAAEC,YAAY,CAAC;EAErD,IAAI,OAAOE,KAAK,KAAK,QAAQ,EAAE;IAC7B,OAAQ,eAAcA,KAAM,EAAC;EAC/B;EAEA,OAAOA,KAAK;AACd,CAAC;AAEH,SAASJ,gBAAgB"}
+{"version":3,"file":"background.js","names":["getThemeProp","renderBackground","path","defaultValue","theme","value"],"sources":["../../../src/react-theme/utils/background.js"],"sourcesContent":["// @flow\nimport { getThemeProp } from \"./themeProps\";\n\nimport type { ThemePropValue, UtilThemeProps } from \"../types\";\n\n/**\n */\nconst renderBackground =\n  (path: string, defaultValue?: string): ((UtilThemeProps) => ThemePropValue) =>\n  ({ theme }: UtilThemeProps) => {\n    const value = getThemeProp(theme, path, defaultValue);\n\n    if (typeof value === \"string\") {\n      return `background: ${value}`;\n    }\n\n    return value;\n  };\n\nexport { renderBackground };\n"],"mappings":"AACA,SAASA,YAAT,QAA6B,cAA7B;;AAIA;AACA;AACA,MAAMC,gBAAgB,GACpB,CAACC,IAAD,EAAeC,YAAf,KACA,QAA+B;EAAA,IAA9B;IAAEC;EAAF,CAA8B;EAC7B,MAAMC,KAAK,GAAGL,YAAY,CAACI,KAAD,EAAQF,IAAR,EAAcC,YAAd,CAA1B;;EAEA,IAAI,OAAOE,KAAP,KAAiB,QAArB,EAA+B;IAC7B,6BAAsBA,KAAtB;EACD;;EAED,OAAOA,KAAP;AACD,CAVH;;AAYA,SAASJ,gBAAT"}

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

@@ -1,9 +1,10 @@
-
 import { darken, hsl, lighten, parseToHsl } from "polished";
 import { getThemeProp } from "./themeProps";
+
 /*
  * Themed color x amount darkened
  */
+
 /**
  */
 const darkenColor = (amount, path, defaultValue) => _ref => {
@@ -12,27 +13,32 @@ const darkenColor = (amount, path, defaultValue) => _ref => {
   } = _ref;
   return darken(amount, getThemeProp(theme, path, defaultValue));
 };
-
 /*
  * Themed color x amount lightened
  */
+
 /**
  */
+
+
 const lightenColor = (amount, path, defaultValue) => _ref2 => {
   let {
     theme
   } = _ref2;
   return lighten(amount, getThemeProp(theme, path, defaultValue));
 };
-
 /*
  * Make a color lighter or darker in the same color family
  */
+
 /**
  */
+
+
 const changeHSL = function (color, saturation, lightness) {
   let hueAdjustment = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
   return hsl(parseToHsl(color).hue + hueAdjustment, saturation, lightness);
 };
+
 export { darkenColor, lightenColor, changeHSL };
 //# sourceMappingURL=colors.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":["darken","hsl","lighten","parseToHsl","getThemeProp","darkenColor","amount","path","defaultValue","theme","lightenColor","changeHSL","color","saturation","lightness","hueAdjustment","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,SAASA,MAAM,EAAEC,GAAG,EAAEC,OAAO,EAAEC,UAAU,QAAQ,UAAU;AAC3D,SAASC,YAAY,QAAQ,cAAc;AAI3C;AACA;AACA;AACA;AACA;AACA,MAAMC,WAAW,GACf,CACEC,MAAuB,EACvBC,IAAY,EACZC,YAAqB,KAEvB;EAAA,IAAC;IAAEC;EAAsB,CAAC;EAAA,OACxBT,MAAM,CAACM,MAAM,EAAEF,YAAY,CAACK,KAAK,EAAEF,IAAI,EAAEC,YAAY,CAAC,CAAC;AAAA;;AAE3D;AACA;AACA;AACA;AACA;AACA,MAAME,YAAY,GAChB,CACEJ,MAAuB,EACvBC,IAAY,EACZC,YAAqB,KAEvB;EAAA,IAAC;IAAEC;EAAsB,CAAC;EAAA,OACxBP,OAAO,CAACI,MAAM,EAAEF,YAAY,CAACK,KAAK,EAAEF,IAAI,EAAEC,YAAY,CAAC,CAAC;AAAA;;AAE5D;AACA;AACA;AACA;AACA;AACA,MAAMG,SAAS,GAAG,UAChBC,KAAa,EACbC,UAAmB,EACnBC,SAAkB;EAAA,IAClBC,aAAqB,uEAAG,CAAC;EAAA,OACdd,GAAG,CAACE,UAAU,CAACS,KAAK,CAAC,CAACI,GAAG,GAAGD,aAAa,EAAEF,UAAU,EAAEC,SAAS,CAAC;AAAA;AAE9E,SAAST,WAAW,EAAEK,YAAY,EAAEC,SAAS"}
+{"version":3,"file":"colors.js","names":["darken","hsl","lighten","parseToHsl","getThemeProp","darkenColor","amount","path","defaultValue","theme","lightenColor","changeHSL","color","saturation","lightness","hueAdjustment","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,SAASA,MAAT,EAAiBC,GAAjB,EAAsBC,OAAtB,EAA+BC,UAA/B,QAAiD,UAAjD;AACA,SAASC,YAAT,QAA6B,cAA7B;;AAIA;AACA;AACA;;AACA;AACA;AACA,MAAMC,WAAW,GACf,CACEC,MADF,EAEEC,IAFF,EAGEC,YAHF,KAKA;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OACET,MAAM,CAACM,MAAD,EAASF,YAAY,CAACK,KAAD,EAAQF,IAAR,EAAcC,YAAd,CAArB,CADR;AAAA,CANF;AASA;AACA;AACA;;AACA;AACA;;;AACA,MAAME,YAAY,GAChB,CACEJ,MADF,EAEEC,IAFF,EAGEC,YAHF,KAKA;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OACEP,OAAO,CAACI,MAAD,EAASF,YAAY,CAACK,KAAD,EAAQF,IAAR,EAAcC,YAAd,CAArB,CADT;AAAA,CANF;AASA;AACA;AACA;;AACA;AACA;;;AACA,MAAMG,SAAS,GAAG,UAChBC,KADgB,EAEhBC,UAFgB,EAGhBC,SAHgB;EAAA,IAIhBC,aAJgB,uEAIQ,CAJR;EAAA,OAKLd,GAAG,CAACE,UAAU,CAACS,KAAD,CAAV,CAAkBI,GAAlB,GAAwBD,aAAzB,EAAwCF,UAAxC,EAAoDC,SAApD,CALE;AAAA,CAAlB;;AAOA,SAAST,WAAT,EAAsBK,YAAtB,EAAoCC,SAApC"}

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

@@ -1,7 +1,8 @@
-
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import { getLuminance, parseToRgb } from "polished";
 import { getThemeStringProp, getProp } from "./themeProps";
 import { ThemePropertyException } from "../../exceptions";
+
 /**
  * calculate the contrast ratio of two colors
  */
@@ -10,64 +11,81 @@ const getColorContrast = (color1, color2) => {
   const luminance2 = getLuminance(color2);
   return parseFloat((luminance1 > luminance2 ? (luminance1 + 0.05) / (luminance2 + 0.05) : (luminance2 + 0.05) / (luminance1 + 0.05)).toFixed(2));
 };
-
 /*
  * The YIQ equation converts the RGB color (0 to 255) into a YIQ color space.
  * YIQ is the standard formula for calculating the perceived brightness of a color,
  * and is recommended by the World Wide Web Consortium (W3C).
  */
+
 /**
  */
+
+
 const getYIQ = color => {
   const rgb = parseToRgb(color);
   return (rgb.red * 299 + rgb.green * 587 + rgb.blue * 114) / 1000;
 };
-
 /**
  * Get dark or light color, depending on the given color
  * When the contrast between the color and the light or dark color is too low,
  * the preferred color is returned
  */
+
+
 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;
   }
+
   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) {
       return "#212529";
     }
+
     return darkColor;
   }
+
   if (getColorContrast(color, lightColor) < 3) {
     return "#fff";
   }
+
   return lightColor;
 };
-
 /**
  */
+
+
 const getBackgroundColor = (theme, bgColorProperty, defaultValue) => {
+  var _context;
+
   let bgColor = getProp(theme, bgColorProperty, defaultValue);
+
   if (typeof bgColor === "object") {
-    var _bgColor;
-    bgColor = ((_bgColor = bgColor) === null || _bgColor === void 0 ? void 0 : _bgColor.backgroundColor) ?? defaultValue;
+    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;
   }
+
   if (typeof bgColor === "string") {
     return bgColor;
   }
-  throw new ThemePropertyException(`${bgColorProperty} is not a string, but: ${typeof bgColor}`);
-};
 
+  throw new ThemePropertyException(_concatInstanceProperty(_context = "".concat(bgColorProperty, " is not a string, but: ")).call(_context, typeof bgColor));
+};
 /**
  * Retrieve the contrast color for the given background property,
  * based on theme properties
  */
+
+
 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";
@@ -82,5 +100,6 @@ const renderContrastColor = function (bgColorProperty, preferredColorProperty) {
     return getContrastYIQ(bgColor, darkColor, lightColor, preferredColor);
   };
 };
+
 export { getColorContrast, getYIQ, getContrastYIQ, renderContrastColor };
 //# sourceMappingURL=contrast.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"contrast.js","names":["getLuminance","parseToRgb","getThemeStringProp","getProp","ThemePropertyException","getColorContrast","color1","color2","luminance1","luminance2","parseFloat","toFixed","getYIQ","color","rgb","red","green","blue","getContrastYIQ","dark","light","preferredColor","yiqColor","darkColor","lightColor","getBackgroundColor","theme","bgColorProperty","defaultValue","bgColor","backgroundColor","renderContrastColor","preferredColorProperty","standardDarkProperty","standardLightProperty"],"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":["getLuminance","parseToRgb","getThemeStringProp","getProp","ThemePropertyException","getColorContrast","color1","color2","luminance1","luminance2","parseFloat","toFixed","getYIQ","color","rgb","red","green","blue","getContrastYIQ","dark","light","preferredColor","yiqColor","darkColor","lightColor","getBackgroundColor","theme","bgColorProperty","defaultValue","bgColor","backgroundColor","renderContrastColor","preferredColorProperty","standardDarkProperty","standardLightProperty"],"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/esm/react-theme/utils/corners.js

@@ -1,13 +1,14 @@
-
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import { getThemeStringProp } from "./themeProps";
 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
  */
+
 /**
  */
+
 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";
@@ -16,12 +17,17 @@ const roundedCorners = function () {
     let {
       theme = {}
     } = _ref;
+
     if (theme.ROUNDED_CORNERS) {
-      const propertyName = property && property !== DEFAULT_CORNER_PROPERTY ? `border-${property}-radius` : DEFAULT_CORNER_PROPERTY;
-      return `${propertyName}: ${getThemeStringProp(theme, path, defaultValue)}`;
+      var _context;
+
+      const propertyName = property && property !== DEFAULT_CORNER_PROPERTY ? "border-".concat(property, "-radius") : DEFAULT_CORNER_PROPERTY;
+      return _concatInstanceProperty(_context = "".concat(propertyName, ": ")).call(_context, getThemeStringProp(theme, path, defaultValue));
     }
+
     return "";
   };
 };
+
 export { roundedCorners };
 //# sourceMappingURL=corners.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"corners.js","names":["getThemeStringProp","DEFAULT_CORNER_PROPERTY","roundedCorners","property","path","defaultValue","theme","ROUNDED_CORNERS","propertyName"],"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,SAASA,kBAAkB,QAAQ,cAAc;AAIjD,MAAMC,uBAAuB,GAAG,eAAe;;AAE/C;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,cAAc,GAClB;EAAA,IACEC,QAAgB,uEAAGF,uBAAuB;EAAA,IAC1CG,IAAY,uEAAG,eAAe;EAAA,IAC9BC,YAAoB,uEAAG,SAAS;EAAA,OAElC,QAAoC;IAAA,IAAnC;MAAEC,KAAK,GAAG,CAAC;IAAkB,CAAC;IAC7B,IAAIA,KAAK,CAACC,eAAe,EAAE;MACzB,MAAMC,YAAY,GAChBL,QAAQ,IAAIA,QAAQ,KAAKF,uBAAuB,GAC3C,UAASE,QAAS,SAAQ,GAC3BF,uBAAuB;MAE7B,OAAQ,GAAEO,YAAa,KAAIR,kBAAkB,CAC3CM,KAAK,EACLF,IAAI,EACJC,YAAY,CACZ,EAAC;IACL;IAEA,OAAO,EAAE;EACX,CAAC;AAAA;AAEH,SAASH,cAAc"}
+{"version":3,"file":"corners.js","names":["getThemeStringProp","DEFAULT_CORNER_PROPERTY","roundedCorners","property","path","defaultValue","theme","ROUNDED_CORNERS","propertyName"],"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,SAASA,kBAAT,QAAmC,cAAnC;AAIA,MAAMC,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,oDAAUO,YAAV,wBAA2BR,kBAAkB,CAC3CM,KAD2C,EAE3CF,IAF2C,EAG3CC,YAH2C,CAA7C;IAKD;;IAED,OAAO,EAAP;EACD,CApBD;AAAA,CADF;;AAuBA,SAASH,cAAT"}

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

@@ -1,33 +1,42 @@
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _JSON$stringify from "@babel/runtime-corejs3/core-js-stable/json/stringify";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import Big from "big.js";
 import IllegalArgumentException from "../../exceptions/IllegalArgumentException";
 import IllegalStateException from "../../exceptions/IllegalStateException";
-
 /**
  */
+
 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;
   }
+
   if (typeof ratio === "number") {
     if (typeof theme[path] === "number") {
+      var _context;
+
       const size = Big(ratio).times(theme[path]);
-      return `${size}${unit}`;
+      return _concatInstanceProperty(_context = "".concat(size)).call(_context, unit);
     }
-    throw new IllegalStateException(`Size ${path} must be a number`);
+
+    throw new IllegalStateException("Size ".concat(path, " must be a number"));
   }
-  throw new IllegalArgumentException(`Ratio ${_JSON$stringify(ratio)} must be a string or number`);
-};
 
+  throw new IllegalArgumentException("Ratio ".concat(_JSON$stringify(ratio), " must be a string or number"));
+};
 /*
  * Render spacers based on the given ratio * theme SPACER
  */
+
 /**
  */
+
+
 const spacer = function () {
   let ratio = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
   return _ref => {
@@ -37,18 +46,21 @@ const spacer = function () {
     return getSize(theme, ratio);
   };
 };
-
 /*
  * Render spacers based on the given ratio * theme SPACER
  * Ratio's can be given clockwise with shorthand,
  * spacers(0.5, 1) with a spacer of 0.8 will give "0.4rem 1rem";
  */
+
 /**
  */
+
+
 const spacers = function () {
   for (var _len = arguments.length, ratios = new Array(_len), _key = 0; _key < _len; _key++) {
     ratios[_key] = arguments[_key];
   }
+
   return _ref2 => {
     let {
       theme = {}
@@ -56,12 +68,14 @@ const spacers = function () {
     return _mapInstanceProperty(ratios).call(ratios, ratio => getSize(theme, ratio)).join(" ");
   };
 };
-
 /*
  * Render a gutter based on GUTTER property
  */
+
 /**
  */
+
+
 const gutter = function () {
   let ratio = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
   return _ref3 => {
@@ -71,5 +85,6 @@ const gutter = function () {
     return getSize(theme, ratio, "GRID_GUTTER", "px");
   };
 };
+
 export { spacer, spacers, gutter };
 //# sourceMappingURL=spacers.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"spacers.js","names":["Big","IllegalArgumentException","IllegalStateException","getSize","theme","ratio","path","unit","size","times","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,OAAOA,GAAG,MAAM,QAAQ;AAGxB,OAAOC,wBAAwB,MAAM,2CAA2C;AAChF,OAAOC,qBAAqB,MAAM,wCAAwC;;AAE1E;AACA;AACA,MAAMC,OAAO,GAAG,UACdC,KAAY,EAIT;EAAA,IAHHC,KAAsB,uEAAG,CAAC;EAAA,IAC1BC,IAAY,uEAAG,QAAQ;EAAA,IACvBC,IAAY,uEAAG,KAAK;EAEpB,IAAI,OAAOF,KAAK,KAAK,QAAQ,EAAE;IAC7B,OAAOA,KAAK;EACd;EAEA,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC7B,IAAI,OAAOD,KAAK,CAACE,IAAI,CAAC,KAAK,QAAQ,EAAE;MACnC,MAAME,IAAI,GAAGR,GAAG,CAACK,KAAK,CAAC,CAACI,KAAK,CAACL,KAAK,CAACE,IAAI,CAAC,CAAC;MAC1C,OAAQ,GAAEE,IAAK,GAAED,IAAK,EAAC;IACzB;IACA,MAAM,IAAIL,qBAAqB,CAAE,QAAOI,IAAK,mBAAkB,CAAC;EAClE;EAEA,MAAM,IAAIL,wBAAwB,CAC/B,SAAQ,gBAAeI,KAAK,CAAE,6BAA4B,CAC5D;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,MAAMK,MAAM,GACV;EAAA,IAACL,KAAa,uEAAG,CAAC;EAAA,OAClB;IAAA,IAAC;MAAED,KAAK,GAAG,CAAC;IAAkB,CAAC;IAAA,OAC7BD,OAAO,CAACC,KAAK,EAAEC,KAAK,CAAC;EAAA;AAAA;;AAEzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMM,OAAO,GACX;EAAA,kCAAIC,MAAM;IAANA,MAAM;EAAA;EAAA,OACV;IAAA,IAAC;MAAER,KAAK,GAAG,CAAC;IAAkB,CAAC;IAAA,OAC7B,qBAAAQ,MAAM,OAANA,MAAM,EAAMP,KAAK,IAAKF,OAAO,CAACC,KAAK,EAAEC,KAAK,CAAC,CAAC,CAACQ,IAAI,CAAC,GAAG,CAAC;EAAA;AAAA;;AAE1D;AACA;AACA;AACA;AACA;AACA,MAAMC,MAAM,GACV;EAAA,IAACT,KAAa,uEAAG,CAAC;EAAA,OAClB;IAAA,IAAC;MAAED,KAAK,GAAG,CAAC;IAAkB,CAAC;IAAA,OAC7BD,OAAO,CAACC,KAAK,EAAEC,KAAK,EAAE,aAAa,EAAE,IAAI,CAAC;EAAA;AAAA;AAE9C,SAASK,MAAM,EAAEC,OAAO,EAAEG,MAAM"}
+{"version":3,"file":"spacers.js","names":["Big","IllegalArgumentException","IllegalStateException","getSize","theme","ratio","path","unit","size","times","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,OAAOA,GAAP,MAAgB,QAAhB;AAGA,OAAOC,wBAAP,MAAqC,2CAArC;AACA,OAAOC,qBAAP,MAAkC,wCAAlC;AAEA;AACA;;AACA,MAAMC,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,GAAGR,GAAG,CAACK,KAAD,CAAH,CAAWI,KAAX,CAAiBL,KAAK,CAACE,IAAD,CAAtB,CAAb;MACA,oDAAUE,IAAV,kBAAiBD,IAAjB;IACD;;IACD,MAAM,IAAIL,qBAAJ,gBAAkCI,IAAlC,uBAAN;EACD;;EAED,MAAM,IAAIL,wBAAJ,iBACK,gBAAeI,KAAf,CADL,iCAAN;AAGD,CArBD;AAuBA;AACA;AACA;;AACA;AACA;;;AACA,MAAMK,MAAM,GACV;EAAA,IAACL,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,MAAMM,OAAO,GACX;EAAA,kCAAIC,MAAJ;IAAIA,MAAJ;EAAA;;EAAA,OACA;IAAA,IAAC;MAAER,KAAK,GAAG;IAAV,CAAD;IAAA,OACE,qBAAAQ,MAAM,MAAN,CAAAA,MAAM,EAAMP,KAAD,IAAWF,OAAO,CAACC,KAAD,EAAQC,KAAR,CAAvB,CAAN,CAA6CQ,IAA7C,CAAkD,GAAlD,CADF;EAAA,CADA;AAAA,CADF;AAKA;AACA;AACA;;AACA;AACA;;;AACA,MAAMC,MAAM,GACV;EAAA,IAACT,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;;AAKA,SAASK,MAAT,EAAiBC,OAAjB,EAA0BG,MAA1B"}

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

@@ -1,6 +1,7 @@
-
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import { get } from "../../utils/helpers/objects";
 import { ThemePropertyException } from "../../exceptions";
+
 /**
  */
 export const getProp = function () {
@@ -9,53 +10,66 @@ export const getProp = function () {
   let defaultValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
   return path === "" ? defaultValue : get(theme, path, defaultValue);
 };
-
 /**
  */
+
 export const getThemeProp = function () {
+  var _context;
+
   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" || typeof value === "object")) {
     return value;
   }
-  throw new ThemePropertyException(`${path} is not a string, number or plain object, but: ${typeof value}`);
-};
 
+  throw new ThemePropertyException(_concatInstanceProperty(_context = "".concat(path, " is not a string, number or plain object, but: ")).call(_context, typeof value));
+};
 /**
  */
+
 export const getThemeStringProp = function () {
+  var _context2;
+
   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;
   } else if (typeof value === "number") {
     return value.toString();
   }
-  throw new ThemePropertyException(`${path} is not a string, but: ${typeof value}`);
-};
 
+  throw new ThemePropertyException(_concatInstanceProperty(_context2 = "".concat(path, " is not a string, but: ")).call(_context2, typeof value));
+};
 /**
  */
+
 export const getThemeNumberProp = function () {
+  var _context3;
+
   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 ThemePropertyException(`${path} is not a number, but: ${typeof value}`);
-};
 
+  throw new ThemePropertyException(_concatInstanceProperty(_context3 = "".concat(path, " is not a number, but: ")).call(_context3, typeof value));
+};
 /*
  * Retrieve property value from theme property of styled component
  */
+
 /**
  */
+
 export const themeProp = (path, defaultValue) => _ref => {
   let {
     theme

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

@@ -1 +1 @@
-{"version":3,"file":"themeProps.js","names":["get","ThemePropertyException","getProp","theme","path","defaultValue","getThemeProp","value","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,SAASA,GAAG,QAAQ,6BAA6B;AAEjD,SAASC,sBAAsB,QAAQ,kBAAkB;AAIzD;AACA;AACA,OAAO,MAAMC,OAAO,GAAG,YAID;EAAA,IAHpBC,KAAoB,uEAAG,CAAC,CAAC;EAAA,IACzBC,IAAY,uEAAG,EAAE;EAAA,IACjBC,YAA4B,uEAAG,EAAE;EAEjC,OAAOD,IAAI,KAAK,EAAE,GAAGC,YAAY,GAAGL,GAAG,CAACG,KAAK,EAAEC,IAAI,EAAEC,YAAY,CAAC;AACpE,CAAC;;AAED;AACA;AACA,OAAO,MAAMC,YAAY,GAAG,YAIP;EAAA,IAHnBH,KAAoB,uEAAG,CAAC,CAAC;EAAA,IACzBC,IAAY,uEAAG,EAAE;EAAA,IACjBC,YAA4B,uEAAG,EAAE;EAEjC,MAAME,KAAK,GAAGL,OAAO,CAACC,KAAK,EAAEC,IAAI,EAAEC,YAAY,CAAC;EAEhD,IACEE,KAAK,IAAI,IAAI,KACZ,OAAOA,KAAK,KAAK,QAAQ,IACxB,OAAOA,KAAK,KAAK,QAAQ,IACzB,OAAOA,KAAK,KAAK,QAAQ,CAAC,EAC5B;IACA,OAAOA,KAAK;EACd;EAEA,MAAM,IAAIN,sBAAsB,CAC7B,GAAEG,IAAK,kDAAiD,OAAOG,KAAM,EAAC,CACxE;AACH,CAAC;;AAED;AACA;AACA,OAAO,MAAMC,kBAAkB,GAAG,YAIrB;EAAA,IAHXL,KAAoB,uEAAG,CAAC,CAAC;EAAA,IACzBC,IAAY,uEAAG,EAAE;EAAA,IACjBC,YAAoB,uEAAG,EAAE;EAEzB,MAAME,KAAK,GAAGL,OAAO,CAACC,KAAK,EAAEC,IAAI,EAAEC,YAAY,CAAC;EAEhD,IAAI,OAAOE,KAAK,KAAK,QAAQ,EAAE;IAC7B,OAAOA,KAAK;EACd,CAAC,MAAM,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IACpC,OAAOA,KAAK,CAACE,QAAQ,EAAE;EACzB;EAEA,MAAM,IAAIR,sBAAsB,CAC7B,GAAEG,IAAK,0BAAyB,OAAOG,KAAM,EAAC,CAChD;AACH,CAAC;;AAED;AACA;AACA,OAAO,MAAMG,kBAAkB,GAAG,YAIrB;EAAA,IAHXP,KAAoB,uEAAG,CAAC,CAAC;EAAA,IACzBC,IAAY,uEAAG,EAAE;EAAA,IACjBC,YAAoB,uEAAG,CAAC;EAExB,MAAME,KAAK,GAAGL,OAAO,CAACC,KAAK,EAAEC,IAAI,EAAEC,YAAY,CAAC;EAEhD,IAAI,OAAOE,KAAK,KAAK,QAAQ,EAAE;IAC7B,OAAOA,KAAK;EACd;EAEA,MAAM,IAAIN,sBAAsB,CAC7B,GAAEG,IAAK,0BAAyB,OAAOG,KAAM,EAAC,CAChD;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMI,SAAS,GACpB,CACEP,IAAY,EACZC,YAA6B,KAE/B;EAAA,IAAC;IAAEF;EAAwB,CAAC;EAAA,OAC1BG,YAAY,CAACH,KAAK,EAAEC,IAAI,EAAEC,YAAY,CAAC;AAAA"}
+{"version":3,"file":"themeProps.js","names":["get","ThemePropertyException","getProp","theme","path","defaultValue","getThemeProp","value","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,SAASA,GAAT,QAAoB,6BAApB;AAEA,SAASC,sBAAT,QAAuC,kBAAvC;;AAIA;AACA;AACA,OAAO,MAAMC,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,GAA6BL,GAAG,CAACG,KAAD,EAAQC,IAAR,EAAcC,YAAd,CAAvC;AACD,CANM;AAQP;AACA;;AACA,OAAO,MAAMC,YAAY,GAAG,YAIP;EAAA;;EAAA,IAHnBH,KAGmB,uEAHI,EAGJ;EAAA,IAFnBC,IAEmB,uEAFJ,EAEI;EAAA,IADnBC,YACmB,uEADY,EACZ;EACnB,MAAME,KAAK,GAAGL,OAAO,CAACC,KAAD,EAAQC,IAAR,EAAcC,YAAd,CAArB;;EAEA,IACEE,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,IAAIN,sBAAJ,8CACDG,IADC,qEACqD,OAAOG,KAD5D,EAAN;AAGD,CAnBM;AAqBP;AACA;;AACA,OAAO,MAAMC,kBAAkB,GAAG,YAIrB;EAAA;;EAAA,IAHXL,KAGW,uEAHY,EAGZ;EAAA,IAFXC,IAEW,uEAFI,EAEJ;EAAA,IADXC,YACW,uEADY,EACZ;EACX,MAAME,KAAK,GAAGL,OAAO,CAACC,KAAD,EAAQC,IAAR,EAAcC,YAAd,CAArB;;EAEA,IAAI,OAAOE,KAAP,KAAiB,QAArB,EAA+B;IAC7B,OAAOA,KAAP;EACD,CAFD,MAEO,IAAI,OAAOA,KAAP,KAAiB,QAArB,EAA+B;IACpC,OAAOA,KAAK,CAACE,QAAN,EAAP;EACD;;EAED,MAAM,IAAIR,sBAAJ,+CACDG,IADC,8CAC6B,OAAOG,KADpC,EAAN;AAGD,CAhBM;AAkBP;AACA;;AACA,OAAO,MAAMG,kBAAkB,GAAG,YAIrB;EAAA;;EAAA,IAHXP,KAGW,uEAHY,EAGZ;EAAA,IAFXC,IAEW,uEAFI,EAEJ;EAAA,IADXC,YACW,uEADY,CACZ;EACX,MAAME,KAAK,GAAGL,OAAO,CAACC,KAAD,EAAQC,IAAR,EAAcC,YAAd,CAArB;;EAEA,IAAI,OAAOE,KAAP,KAAiB,QAArB,EAA+B;IAC7B,OAAOA,KAAP;EACD;;EAED,MAAM,IAAIN,sBAAJ,+CACDG,IADC,8CAC6B,OAAOG,KADpC,EAAN;AAGD,CAdM;AAgBP;AACA;AACA;;AACA;AACA;;AACA,OAAO,MAAMI,SAAS,GACpB,CACEP,IADF,EAEEC,YAFF,KAIA;EAAA,IAAC;IAAEF;EAAF,CAAD;EAAA,OACEG,YAAY,CAACH,KAAD,EAAQC,IAAR,EAAcC,YAAd,CADd;AAAA,CALK"}

package/esm/redux/_i18n/actions.js

@@ -1,5 +1,5 @@
-
 import { startProgress, finishProgress } from "../actions/ProgressIndicator";
+
 /**
  * Update current locale
  */
@@ -7,18 +7,18 @@ export const receiveLocale = locale => ({
   type: "UPDATE_LOCALE",
   payload: locale
 });
-
 /**
  * Change locale of application and redirect
  */
+
 export const updateLocale = locale => dispatch => {
   dispatch(startProgress());
   dispatch(receiveLocale(locale));
   dispatch(finishProgress());
 };
-
 /**
  */
+
 export const setLocales = (locales, locale) => ({
   type: "SET_LOCALES",
   payload: {