@beinformed/ui 1.65.29 → 2.0.0-beta.1

package/esm/react-theme/createTheme.js

@@ -1,101 +0,0 @@
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$entries from "@babel/runtime-corejs3/core-js-stable/object/entries";
-import flattenDeep from "lodash/flattenDeep";
-import { isPlainObject } from "../utils/helpers/objects";
-import { setSettings } from "../constants/Settings";
-const replacePlaceholders = inputTheme => {
-  var _context;
-  const possibleKeys = _mapInstanceProperty(_context = _Object$keys(inputTheme)).call(_context, key => `\\b${key}\\b`).join("|");
-  const re = new RegExp(`\\$(${possibleKeys})`, "g");
-  _Object$entries(inputTheme).forEach(([key, value]) => {
-    if (key !== "settings" && typeof value === "string") {
-      inputTheme[key] = value.replace(re,
-      // $FlowIssue[incompatible-call]
-      (match, capture) => inputTheme[capture]);
-    }
-  });
-  return inputTheme;
-};
-const generateTheme = (storedTheme, ...themeElements) => {
-  const storedSettings = storedTheme?.settings ?? {};
-  let generatedTheme = {
-    settings: {}
-  };
-  for (const element of themeElements) {
-    if (typeof element === "function") {
-      generatedTheme = element(replacePlaceholders(generatedTheme));
-    } else if (isPlainObject(element)) {
-      const generatedSettings = generatedTheme.settings;
-      // $FlowFixMe[cannot-spread-indexer]
-      generatedTheme = {
-        ...generatedTheme,
-        ...element,
-        ...storedTheme
-      };
-      if ("settings" in element) {
-        generatedTheme.settings = {
-          ...generatedSettings,
-          ...element.settings,
-          ...storedSettings
-        };
-      }
-    }
-  }
-
-  // final - replace any assignments inside the theme
-  return replacePlaceholders(generatedTheme);
-};
-
-/**
- * Create a theme from multiple theme configuration objects.
- * Properties are overwriten by iterating the configuration objects from left to right.
- *
- * 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.
- * Thus a stored configuration is leading as it can be configured by a modeller through the repository.
- *
- * Placeholders can be used, they are replaced before calling a function theme part or at the end of the theme creation.
- *
- * Both objects and function can be used, where a function receives the previous objects as input arguments.
- * For example using the method createTheme(ThemeObject, ThemeObject2, ThemeFunction, ThemeFunction2), will be handled as:
- *
- * ThemeFunction2(ThemeFunction1({ ...ThemeObject, ...ThemeObject2 }))
- *
- * @example
- * Example where the primary color of the default theme is overwritten with a primary color of the custom theme,
- * but the button bg still uses the yiq function of the default theme:
- *
- * const DefaultTheme = {
- *   PRIMARY_COLOR: "#0000ff",
- *   SECONDARY_COLOR: "#00ff00",
- *   BUTTON_COLOR: "$PRIMARY_COLOR"
- * }
- *
- * const createDefaultTheme = (input) => ({
- *   ...input,
- *   BUTTON_BG: getContrastYIQ(input.BUTTON_COLOR)
- * })
- *
- * const CustomTheme = {
- *   PRIMARY_COLOR: "#ff0000"
- * }
- *
- * createTheme(null, DefaultTheme, CustomTheme, createDefaultTheme);
- *
- * // Result:
- * {
- *   PRIMARY_COLOR: "#ff0000",
- *   BUTTON_COLOR: "#ff0000",
- *   BUTTON_BG: "#fff",
- *   SECONDARY_COLOR: "#00ff00",
- * }
- */
-const createTheme = (storedTheme, ...themeConfigs) => {
-  const customTheme = generateTheme(storedTheme, ...flattenDeep(themeConfigs));
-  if (customTheme) {
-    setSettings(customTheme.settings);
-  }
-  return customTheme;
-};
-export default createTheme;
-//# sourceMappingURL=createTheme.js.map

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

@@ -1,118 +0,0 @@
-// @flow
-import flattenDeep from "lodash/flattenDeep";
-
-import { isPlainObject } from "../utils/helpers/objects";
-
-import { setSettings } from "../constants/Settings";
-
-import type { Theme } from "./types";
-
-const replacePlaceholders = (inputTheme: Theme) => {
-  const possibleKeys = Object.keys(inputTheme)
-    .map((key) => `\\b${key}\\b`)
-    .join("|");
-
-  const re = new RegExp(`\\$(${possibleKeys})`, "g");
-  Object.entries(inputTheme).forEach(([key, value]) => {
-    if (key !== "settings" && typeof value === "string") {
-      inputTheme[key] = value.replace(
-        re,
-        // $FlowIssue[incompatible-call]
-        (match, capture) => inputTheme[capture],
-      );
-    }
-  });
-
-  return inputTheme;
-};
-
-const generateTheme = (storedTheme: Theme, ...themeElements: Array<Theme>) => {
-  const storedSettings = storedTheme?.settings ?? {};
-
-  let generatedTheme = { settings: {} };
-  for (const element of themeElements) {
-    if (typeof element === "function") {
-      generatedTheme = element(replacePlaceholders(generatedTheme));
-    } else if (isPlainObject(element)) {
-      const generatedSettings = generatedTheme.settings;
-      // $FlowFixMe[cannot-spread-indexer]
-      generatedTheme = { ...generatedTheme, ...element, ...storedTheme };
-      if ("settings" in element) {
-        generatedTheme.settings = {
-          ...generatedSettings,
-          ...element.settings,
-          ...storedSettings,
-        };
-      }
-    }
-  }
-
-  // final - replace any assignments inside the theme
-  return replacePlaceholders(generatedTheme);
-};
-
-/**
- * Create a theme from multiple theme configuration objects.
- * Properties are overwriten by iterating the configuration objects from left to right.
- *
- * 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.
- * Thus a stored configuration is leading as it can be configured by a modeller through the repository.
- *
- * Placeholders can be used, they are replaced before calling a function theme part or at the end of the theme creation.
- *
- * Both objects and function can be used, where a function receives the previous objects as input arguments.
- * For example using the method createTheme(ThemeObject, ThemeObject2, ThemeFunction, ThemeFunction2), will be handled as:
- *
- * ThemeFunction2(ThemeFunction1({ ...ThemeObject, ...ThemeObject2 }))
- *
- * @example
- * Example where the primary color of the default theme is overwritten with a primary color of the custom theme,
- * but the button bg still uses the yiq function of the default theme:
- *
- * const DefaultTheme = {
- *   PRIMARY_COLOR: "#0000ff",
- *   SECONDARY_COLOR: "#00ff00",
- *   BUTTON_COLOR: "$PRIMARY_COLOR"
- * }
- *
- * const createDefaultTheme = (input) => ({
- *   ...input,
- *   BUTTON_BG: getContrastYIQ(input.BUTTON_COLOR)
- * })
- *
- * const CustomTheme = {
- *   PRIMARY_COLOR: "#ff0000"
- * }
- *
- * createTheme(null, DefaultTheme, CustomTheme, createDefaultTheme);
- *
- * // Result:
- * {
- *   PRIMARY_COLOR: "#ff0000",
- *   BUTTON_COLOR: "#ff0000",
- *   BUTTON_BG: "#fff",
- *   SECONDARY_COLOR: "#00ff00",
- * }
- */
-const createTheme = (
-  storedTheme: Theme,
-  ...themeConfigs: Array<Theme | Array<Theme> | void>
-):
-  | any
-  | {}
-  | {
-      INPUT_FOCUS_BORDER_COLOR?: string,
-      LINK_HOVER_COLOR?: string,
-      PAGING_HOVER_COLOR?: string,
-      settings?: { [settingName: string]: string },
-    } => {
-  const customTheme = generateTheme(storedTheme, ...flattenDeep(themeConfigs));
-
-  if (customTheme) {
-    setSettings(customTheme.settings);
-  }
-
-  return customTheme;
-};
-
-export default createTheme;

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

@@ -1 +0,0 @@
-{"version":3,"file":"createTheme.js","names":["flattenDeep","isPlainObject","setSettings","replacePlaceholders","inputTheme","_context","possibleKeys","_mapInstanceProperty","_Object$keys","call","key","join","re","RegExp","_Object$entries","forEach","value","replace","match","capture","generateTheme","storedTheme","themeElements","storedSettings","settings","generatedTheme","element","generatedSettings","createTheme","themeConfigs","customTheme"],"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: Theme) => {\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 (key !== \"settings\" && typeof value === \"string\") {\n      inputTheme[key] = value.replace(\n        re,\n        // $FlowIssue[incompatible-call]\n        (match, capture) => inputTheme[capture],\n      );\n    }\n  });\n\n  return inputTheme;\n};\n\nconst generateTheme = (storedTheme: Theme, ...themeElements: Array<Theme>) => {\n  const storedSettings = storedTheme?.settings ?? {};\n\n  let generatedTheme = { settings: {} };\n  for (const element of themeElements) {\n    if (typeof element === \"function\") {\n      generatedTheme = element(replacePlaceholders(generatedTheme));\n    } else if (isPlainObject(element)) {\n      const generatedSettings = generatedTheme.settings;\n      // $FlowFixMe[cannot-spread-indexer]\n      generatedTheme = { ...generatedTheme, ...element, ...storedTheme };\n      if (\"settings\" in element) {\n        generatedTheme.settings = {\n          ...generatedSettings,\n          ...element.settings,\n          ...storedSettings,\n        };\n      }\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> | void>\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,UAAiB,IAAK;EAAA,IAAAC,QAAA;EACjD,MAAMC,YAAY,GAAGC,oBAAA,CAAAF,QAAA,GAAAG,YAAA,CAAYJ,UAAU,CAAC,EAAAK,IAAA,CAAAJ,QAAA,EACpCK,GAAG,IAAK,MAAMA,GAAG,KAAK,CAAC,CAC5BC,IAAI,CAAC,GAAG,CAAC;EAEZ,MAAMC,EAAE,GAAG,IAAIC,MAAM,CAAC,OAAOP,YAAY,GAAG,EAAE,GAAG,CAAC;EAClDQ,eAAA,CAAeV,UAAU,CAAC,CAACW,OAAO,CAAC,CAAC,CAACL,GAAG,EAAEM,KAAK,CAAC,KAAK;IACnD,IAAIN,GAAG,KAAK,UAAU,IAAI,OAAOM,KAAK,KAAK,QAAQ,EAAE;MACnDZ,UAAU,CAACM,GAAG,CAAC,GAAGM,KAAK,CAACC,OAAO,CAC7BL,EAAE;MACF;MACA,CAACM,KAAK,EAAEC,OAAO,KAAKf,UAAU,CAACe,OAAO,CACxC,CAAC;IACH;EACF,CAAC,CAAC;EAEF,OAAOf,UAAU;AACnB,CAAC;AAED,MAAMgB,aAAa,GAAGA,CAACC,WAAkB,EAAE,GAAGC,aAA2B,KAAK;EAC5E,MAAMC,cAAc,GAAGF,WAAW,EAAEG,QAAQ,IAAI,CAAC,CAAC;EAElD,IAAIC,cAAc,GAAG;IAAED,QAAQ,EAAE,CAAC;EAAE,CAAC;EACrC,KAAK,MAAME,OAAO,IAAIJ,aAAa,EAAE;IACnC,IAAI,OAAOI,OAAO,KAAK,UAAU,EAAE;MACjCD,cAAc,GAAGC,OAAO,CAACvB,mBAAmB,CAACsB,cAAc,CAAC,CAAC;IAC/D,CAAC,MAAM,IAAIxB,aAAa,CAACyB,OAAO,CAAC,EAAE;MACjC,MAAMC,iBAAiB,GAAGF,cAAc,CAACD,QAAQ;MACjD;MACAC,cAAc,GAAG;QAAE,GAAGA,cAAc;QAAE,GAAGC,OAAO;QAAE,GAAGL;MAAY,CAAC;MAClE,IAAI,UAAU,IAAIK,OAAO,EAAE;QACzBD,cAAc,CAACD,QAAQ,GAAG;UACxB,GAAGG,iBAAiB;UACpB,GAAGD,OAAO,CAACF,QAAQ;UACnB,GAAGD;QACL,CAAC;MACH;IACF;EACF;;EAEA;EACA,OAAOpB,mBAAmB,CAACsB,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,GAAGA,CAClBP,WAAkB,EAClB,GAAGQ,YAAgD,KAS5C;EACP,MAAMC,WAAW,GAAGV,aAAa,CAACC,WAAW,EAAE,GAAGrB,WAAW,CAAC6B,YAAY,CAAC,CAAC;EAE5E,IAAIC,WAAW,EAAE;IACf5B,WAAW,CAAC4B,WAAW,CAACN,QAAQ,CAAC;EACnC;EAEA,OAAOM,WAAW;AACpB,CAAC;AAED,eAAeF,WAAW","ignoreList":[]}

package/esm/react-theme/index.js

@@ -1,10 +0,0 @@
-export { default as createTheme } from "./createTheme";
-export { default as ThemeProvider } from "./ThemeProvider";
-export * from "./useTheme";
-export * from "./utils/themeProps";
-export * from "./utils/background";
-export * from "./utils/colors";
-export * from "./utils/contrast";
-export * from "./utils/corners";
-export * from "./utils/spacers";
-//# sourceMappingURL=index.js.map

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

@@ -1,15 +0,0 @@
-// @flow
-export { default as createTheme } from "./createTheme";
-export { default as ThemeProvider } from "./ThemeProvider";
-
-export * from "./useTheme";
-
-export * from "./utils/themeProps";
-
-export * from "./utils/background";
-export * from "./utils/colors";
-export * from "./utils/contrast";
-export * from "./utils/corners";
-export * from "./utils/spacers";
-
-export type * from "./types";

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

@@ -1 +0,0 @@
-{"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","ignoreList":[]}

package/esm/react-theme/types.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=types.js.map

package/esm/react-theme/types.js.flow

@@ -1,16 +0,0 @@
-// @flow
-export type ThemePropValue =
-  | string
-  | number
-  | { [key: string]: ThemePropValue, ... };
-
-export type UtilThemeProps = {
-  theme: Theme,
-  ...
-};
-
-export type Theme = {
-  settings: { [settingName: string]: string },
-  [key: string]: ThemePropValue,
-  ...
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../src/react-theme/types.js"],"sourcesContent":["// @flow\nexport type ThemePropValue =\n  | string\n  | number\n  | { [key: string]: ThemePropValue, ... };\n\nexport type UtilThemeProps = {\n  theme: Theme,\n  ...\n};\n\nexport type Theme = {\n  settings: { [settingName: string]: string },\n  [key: string]: ThemePropValue,\n  ...\n};\n"],"mappings":"","ignoreList":[]}

package/esm/react-theme/useTheme.js

@@ -1,9 +0,0 @@
-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.flow

@@ -1,13 +0,0 @@
-// @flow
-import { useContext } from "react";
-import { ThemeContext } from "styled-components";
-
-import type { Theme } from "./types";
-
-/**
- */
-const useTheme = (): Theme => {
-  return useContext(ThemeContext);
-};
-
-export { useTheme };

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

@@ -1 +0,0 @@
-{"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,GAAGA,CAAA,KAAa;EAC5B,OAAOF,UAAU,CAACC,YAAY,CAAC;AACjC,CAAC;AAED,SAASC,QAAQ","ignoreList":[]}

package/esm/react-theme/utils/__tests__/background.spec.js.flow

@@ -1,30 +0,0 @@
-import { renderBackground } from "../background";
-import { linearGradient } from "polished";
-
-describe("background", () => {
-  const theme = {
-    SIMPLE_BG: "#000000",
-    GRADIENT_BG: linearGradient({
-      colorStops: [`#000000 95%`, `#000000 100%`],
-      toDirection: "to bottom",
-      fallback: "#000000",
-    }),
-  };
-
-  it("retrieves functions that accept the theme", () => {
-    expect(typeof renderBackground()).toBe("function");
-  });
-
-  it("renderBackground", () => {
-    expect(renderBackground("SIMPLE_BG", "DEFAULT")({ theme })).toBe(
-      "background: #000000",
-    );
-    expect(renderBackground("GRADIENT_BG", "DEFAULT")({ theme })).toStrictEqual(
-      {
-        backgroundColor: "#000000",
-        backgroundImage:
-          "linear-gradient(to bottom, #000000 95%, #000000 100%)",
-      },
-    );
-  });
-});

package/esm/react-theme/utils/__tests__/colors.spec.js.flow

@@ -1,30 +0,0 @@
-import { darkenColor, lightenColor, changeHSL } from "../colors";
-
-describe("colors", () => {
-  const theme = {
-    RED: "#ff0000",
-    GREEN: "#00ff00",
-    BLUE: "#0000ff",
-  };
-
-  it("retrieves functions that accept the theme", () => {
-    expect(typeof darkenColor()).toBe("function");
-    expect(typeof lightenColor()).toBe("function");
-  });
-
-  it("darkenColor", () => {
-    expect(darkenColor(0.2, "RED")({ theme })).toBe("#900");
-    expect(darkenColor(0.2, "GREEN")({ theme })).toBe("#090");
-    expect(darkenColor(0.2, "BLUE")({ theme })).toBe("#009");
-  });
-
-  it("lightenColor", () => {
-    expect(lightenColor(0.2, "RED")({ theme })).toBe("#f66");
-    expect(lightenColor(0.2, "GREEN")({ theme })).toBe("#6f6");
-    expect(lightenColor(0.2, "BLUE")({ theme })).toBe("#66f");
-  });
-
-  it("changeHSL", () => {
-    expect(changeHSL("green", 0.5, 0.1, 3)).toBe("#0d260e");
-  });
-});

package/esm/react-theme/utils/__tests__/contrast.spec.js.flow

@@ -1,44 +0,0 @@
-import {
-  getColorContrast,
-  getYIQ,
-  getContrastYIQ,
-  renderContrastColor,
-} from "../contrast";
-
-describe("contrast", () => {
-  const theme = {
-    RED: "#ff0000",
-    GREEN: "#00ff00",
-    BLUE: "#0000ff",
-    YELLOW: "#ffff00",
-  };
-
-  it("retrieves functions that accept the theme", () => {
-    expect(typeof renderContrastColor()).toBe("function");
-  });
-
-  it("getColorContrast", () => {
-    expect(getColorContrast("red", "green")).toBe(1.29);
-    expect(getColorContrast("green", "red")).toBe(1.29);
-  });
-
-  it("getYIQ", () => {
-    expect(getYIQ("red")).toBe(76.245);
-    expect(getYIQ("green")).toBe(75.136);
-    expect(getYIQ("blue")).toBe(29.07);
-  });
-
-  it("getContrastYIQ", () => {
-    expect(getContrastYIQ("black")).toBe("#fff");
-    expect(getContrastYIQ("white")).toBe("#212529");
-    expect(getContrastYIQ("black", "red", "yellow")).toBe("yellow");
-    expect(getContrastYIQ("white", "red", "yellow")).toBe("red");
-    expect(getContrastYIQ("yellow", "red", "yellow", "blue")).toBe("blue");
-  });
-
-  it("renderContrastColor", () => {
-    expect(
-      renderContrastColor("RED", "GREEN", "BLUE", "YELLOW")({ theme }),
-    ).toBe("#ffff00");
-  });
-});

package/esm/react-theme/utils/__tests__/corners.spec.js.flow

@@ -1,27 +0,0 @@
-import { roundedCorners } from "../corners";
-
-describe("corners", () => {
-  const theme = {
-    ROUNDED_CORNERS: true,
-    BORDER_RADIUS: "0.2rem",
-    SECOND_BORDER_RADIUS: "0.4rem",
-  };
-
-  it("retrieves functions that accept the theme", () => {
-    expect(typeof roundedCorners()).toBe("function");
-  });
-
-  it("roundedCorners", () => {
-    expect(roundedCorners()({ theme: { ROUNDED_CORNERS: false } })).toBe("");
-    expect(roundedCorners()({ theme: { ROUNDED_CORNERS: true } })).toBe(
-      "border-radius: 0.25rem",
-    );
-    expect(roundedCorners()({ theme })).toBe("border-radius: 0.2rem");
-    expect(
-      roundedCorners("border-radius", "SECOND_BORDER_RADIUS")({ theme }),
-    ).toBe("border-radius: 0.4rem");
-    expect(
-      roundedCorners("left", "THIRD_BORDER_RADIUS", "0.3rem")({ theme }),
-    ).toBe("border-left-radius: 0.3rem");
-  });
-});

package/esm/react-theme/utils/__tests__/spacers.spec.js.flow

@@ -1,44 +0,0 @@
-import { spacer, spacers, gutter } from "../spacers";
-import IllegalArgumentException from "../../../exceptions/IllegalArgumentException";
-import IllegalStateException from "../../../exceptions/IllegalStateException";
-
-describe("spacers", () => {
-  const theme = {
-    SPACER: 0.8,
-    GRID_SIZE: 12,
-    GRID_GUTTER: 15,
-  };
-
-  it("retrieves functions that accept the theme", () => {
-    expect(typeof spacer()).toBe("function");
-    expect(typeof spacers()).toBe("function");
-    expect(typeof gutter()).toBe("function");
-  });
-
-  it("retrieves a spacer unit", () => {
-    expect(spacer(2)({ theme })).toBe("1.6rem");
-    expect(spacer(0.5)({ theme })).toBe("0.4rem");
-    expect(spacer("auto")({ theme })).toBe("auto");
-    expect(() => spacer([22.2])({ theme })).toThrow(IllegalArgumentException);
-  });
-
-  it("throws on illegal SPACER in theme", () => {
-    expect(() => spacer(2)({ theme: { SPACER: "auto" } })).toThrow(
-      IllegalStateException,
-    );
-  });
-
-  it("retrieves a spacers unit", () => {
-    expect(spacers(2)({ theme })).toBe("1.6rem");
-    expect(spacers(2, 3)({ theme })).toBe("1.6rem 2.4rem");
-    expect(spacers(2, 3, 4)({ theme })).toBe("1.6rem 2.4rem 3.2rem");
-    expect(spacers(2, 3, 4, 5)({ theme })).toBe("1.6rem 2.4rem 3.2rem 4rem");
-    expect(spacers("auto")({ theme })).toBe("auto");
-  });
-
-  it("handles gutter", () => {
-    expect(gutter(2)({ theme })).toBe("30px");
-    expect(gutter(0.5)({ theme })).toBe("7.5px");
-    expect(gutter("auto")({ theme })).toBe("auto");
-  });
-});

package/esm/react-theme/utils/__tests__/themeProps.spec.js.flow

@@ -1,72 +0,0 @@
-import {
-  getThemeProp,
-  getThemeStringProp,
-  getThemeNumberProp,
-} from "../../index";
-import ThemePropertyException from "../../../exceptions/ThemePropertyException";
-
-const STRING_PROP_VALUE = "This is a string prop";
-
-describe("createTheme", () => {
-  const theme = {
-    STRING_PROP: STRING_PROP_VALUE,
-    NUMBER_PROP: 12345,
-    OBJECT_PROP: {
-      key: "value",
-    },
-    /**
-     */
-    FUNCTION_PROP: () => "function result",
-    NULL_PROP: null,
-  };
-
-  it("getThemeProp", () => {
-    expect(getThemeProp(theme, "STRING_PROP", "DEFAULT")).toBe(
-      STRING_PROP_VALUE,
-    );
-    expect(getThemeProp(theme, "NUMBER_PROP", "DEFAULT")).toBe(12345);
-    expect(getThemeProp(theme, "OBJECT_PROP", "DEFAULT")).toStrictEqual({
-      key: "value",
-    });
-
-    expect(() => getThemeProp(theme, "FUNCTION_PROP", "DEFAULT")).toThrow(
-      ThemePropertyException,
-    );
-    expect(getThemeProp(theme, "NULL_PROP", "DEFAULT")).toBe("DEFAULT");
-    expect(getThemeProp(theme, "NOT_EXISTING", "DEFAULT")).toBe("DEFAULT");
-  });
-
-  it("getThemeStringProp", () => {
-    expect(getThemeStringProp(theme, "STRING_PROP", "DEFAULT")).toBe(
-      STRING_PROP_VALUE,
-    );
-    expect(getThemeStringProp(theme, "NUMBER_PROP", "DEFAULT")).toBe("12345");
-    expect(() => getThemeStringProp(theme, "OBJECT_PROP", "DEFAULT")).toThrow(
-      ThemePropertyException,
-    );
-
-    expect(() => getThemeStringProp(theme, "FUNCTION_PROP", "DEFAULT")).toThrow(
-      ThemePropertyException,
-    );
-    expect(getThemeStringProp(theme, "NULL_PROP", "DEFAULT")).toBe("DEFAULT");
-    expect(getThemeStringProp(theme, "NOT_EXISTING", "DEFAULT")).toBe(
-      "DEFAULT",
-    );
-  });
-
-  it("getThemeNumberProp", () => {
-    expect(() => getThemeNumberProp(theme, "STRING_PROP", 123)).toThrow(
-      ThemePropertyException,
-    );
-    expect(getThemeNumberProp(theme, "NUMBER_PROP", 123)).toBe(12345);
-    expect(() => getThemeNumberProp(theme, "OBJECT_PROP", 123)).toThrow(
-      ThemePropertyException,
-    );
-
-    expect(() => getThemeNumberProp(theme, "FUNCTION_PROP", 123)).toThrow(
-      ThemePropertyException,
-    );
-    expect(getThemeNumberProp(theme, "NULL_PROP", 123)).toBe(123);
-    expect(getThemeNumberProp(theme, "NOT_EXISTING", 123)).toBe(123);
-  });
-});

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

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

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

@@ -1,20 +0,0 @@
-// @flow
-import { getThemeProp } from "./themeProps";
-
-import type { ThemePropValue, UtilThemeProps } from "../types";
-
-/**
- */
-const renderBackground =
-  (path: string, defaultValue?: string): ((UtilThemeProps) => ThemePropValue) =>
-  ({ theme }: UtilThemeProps) => {
-    const value = getThemeProp(theme, path, defaultValue);
-
-    if (typeof value === "string") {
-      return `background: ${value}`;
-    }
-
-    return value;
-  };
-
-export { renderBackground };

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

@@ -1 +0,0 @@
-{"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,GACpBA,CAACC,IAAY,EAAEC,YAAqB,KACpC,CAAC;EAAEC;AAAsB,CAAC,KAAK;EAC7B,MAAMC,KAAK,GAAGL,YAAY,CAACI,KAAK,EAAEF,IAAI,EAAEC,YAAY,CAAC;EAErD,IAAI,OAAOE,KAAK,KAAK,QAAQ,EAAE;IAC7B,OAAO,eAAeA,KAAK,EAAE;EAC/B;EAEA,OAAOA,KAAK;AACd,CAAC;AAEH,SAASJ,gBAAgB","ignoreList":[]}

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

@@ -1,28 +0,0 @@
-import { darken, hsl, lighten, parseToHsl } from "polished";
-import { getThemeProp } from "./themeProps";
-/*
- * Themed color x amount darkened
- */
-/**
- */
-const darkenColor = (amount, path, defaultValue) => ({
-  theme
-}) => darken(amount, getThemeProp(theme, path, defaultValue));
-
-/*
- * Themed color x amount lightened
- */
-/**
- */
-const lightenColor = (amount, path, defaultValue) => ({
-  theme
-}) => lighten(amount, getThemeProp(theme, path, defaultValue));
-
-/*
- * Make a color lighter or darker in the same color family
- */
-/**
- */
-const changeHSL = (color, saturation, lightness, hueAdjustment = 0) => hsl(parseToHsl(color).hue + hueAdjustment, saturation, lightness);
-export { darkenColor, lightenColor, changeHSL };
-//# sourceMappingURL=colors.js.map