@beinformed/ui 1.63.2 → 2.0.0-beta.0

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,15 +0,0 @@
-import { getThemeProp } from "./themeProps";
-/**
- */
-const renderBackground = (path, defaultValue) => _ref => {
-  let {
-    theme
-  } = _ref;
-  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","_ref","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,KACpCC,IAAA,IAA+B;EAAA,IAA9B;IAAEC;EAAsB,CAAC,GAAAD,IAAA;EACxB,MAAME,KAAK,GAAGN,YAAY,CAACK,KAAK,EAAEH,IAAI,EAAEC,YAAY,CAAC;EAErD,IAAI,OAAOG,KAAK,KAAK,QAAQ,EAAE;IAC7B,OAAO,eAAeA,KAAK,EAAE;EAC/B;EAEA,OAAOA,KAAK;AACd,CAAC;AAEH,SAASL,gBAAgB","ignoreList":[]}

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

@@ -1,37 +0,0 @@
-import { darken, hsl, lighten, parseToHsl } from "polished";
-import { getThemeProp } from "./themeProps";
-/*
- * Themed color x amount darkened
- */
-/**
- */
-const darkenColor = (amount, path, defaultValue) => _ref => {
-  let {
-    theme
-  } = _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.flow

@@ -1,47 +0,0 @@
-// @flow
-import { darken, hsl, lighten, parseToHsl } from "polished";
-import { getThemeProp } from "./themeProps";
-
-import type { UtilThemeProps } from "../types";
-
-/*
- * Themed color x amount darkened
- */
-/**
- */
-const darkenColor =
-  (
-    amount: number | string,
-    path: string,
-    defaultValue?: string,
-  ): ((UtilThemeProps) => string) =>
-  ({ theme }: UtilThemeProps) =>
-    darken(amount, getThemeProp(theme, path, defaultValue));
-
-/*
- * Themed color x amount lightened
- */
-/**
- */
-const lightenColor =
-  (
-    amount: number | string,
-    path: string,
-    defaultValue?: string,
-  ): ((UtilThemeProps) => string) =>
-  ({ theme }: UtilThemeProps) =>
-    lighten(amount, getThemeProp(theme, path, defaultValue));
-
-/*
- * Make a color lighter or darker in the same color family
- */
-/**
- */
-const changeHSL = (
-  color: string,
-  saturation?: number,
-  lightness?: number,
-  hueAdjustment: number = 0,
-): string => hsl(parseToHsl(color).hue + hueAdjustment, saturation, lightness);
-
-export { darkenColor, lightenColor, changeHSL };

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

@@ -1 +0,0 @@
-{"version":3,"file":"colors.js","names":["darken","hsl","lighten","parseToHsl","getThemeProp","darkenColor","amount","path","defaultValue","_ref","theme","lightenColor","_ref2","changeHSL","color","saturation","lightness","hueAdjustment","arguments","length","undefined","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,GACfA,CACEC,MAAuB,EACvBC,IAAY,EACZC,YAAqB,KAEvBC,IAAA;EAAA,IAAC;IAAEC;EAAsB,CAAC,GAAAD,IAAA;EAAA,OACxBT,MAAM,CAACM,MAAM,EAAEF,YAAY,CAACM,KAAK,EAAEH,IAAI,EAAEC,YAAY,CAAC,CAAC;AAAA;;AAE3D;AACA;AACA;AACA;AACA;AACA,MAAMG,YAAY,GAChBA,CACEL,MAAuB,EACvBC,IAAY,EACZC,YAAqB,KAEvBI,KAAA;EAAA,IAAC;IAAEF;EAAsB,CAAC,GAAAE,KAAA;EAAA,OACxBV,OAAO,CAACI,MAAM,EAAEF,YAAY,CAACM,KAAK,EAAEH,IAAI,EAAEC,YAAY,CAAC,CAAC;AAAA;;AAE5D;AACA;AACA;AACA;AACA;AACA,MAAMK,SAAS,GAAG,SAAAA,CAChBC,KAAa,EACbC,UAAmB,EACnBC,SAAkB;EAAA,IAClBC,aAAqB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC;EAAA,OACdjB,GAAG,CAACE,UAAU,CAACW,KAAK,CAAC,CAACO,GAAG,GAAGJ,aAAa,EAAEF,UAAU,EAAEC,SAAS,CAAC;AAAA;AAE9E,SAASX,WAAW,EAAEM,YAAY,EAAEE,SAAS","ignoreList":[]}

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

@@ -1,86 +0,0 @@
-import { getLuminance, parseToRgb } from "polished";
-import { getThemeStringProp, getProp } from "./themeProps";
-import { ThemePropertyException } from "../../exceptions";
-/**
- * calculate the contrast ratio of two colors
- */
-const getColorContrast = (color1, color2) => {
-  const luminance1 = getLuminance(color1);
-  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) => {
-  let bgColor = getProp(theme, bgColorProperty, defaultValue);
-  if (typeof bgColor === "object") {
-    bgColor = bgColor?.backgroundColor ?? defaultValue;
-  }
-  if (typeof bgColor === "string") {
-    return bgColor;
-  }
-  throw new ThemePropertyException(`${bgColorProperty} is not a string, but: ${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";
-  return _ref => {
-    let {
-      theme = {
-        settings: {}
-      }
-    } = _ref;
-    const bgColor = getBackgroundColor(theme, bgColorProperty, "#ffffff");
-    const preferredColor = getThemeStringProp(theme, preferredColorProperty);
-    const darkColor = getThemeStringProp(theme, standardDarkProperty, "#212529");
-    const lightColor = getThemeStringProp(theme, standardLightProperty, "#fff");
-    return getContrastYIQ(bgColor, darkColor, lightColor, preferredColor);
-  };
-};
-export { getColorContrast, getYIQ, getContrastYIQ, renderContrastColor };
-//# sourceMappingURL=contrast.js.map

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

@@ -1,117 +0,0 @@
-// @flow
-import { getLuminance, parseToRgb } from "polished";
-
-import { getThemeStringProp, getProp } from "./themeProps";
-
-import { ThemePropertyException } from "../../exceptions";
-
-import type { Theme, UtilThemeProps } from "../types";
-
-/**
- * calculate the contrast ratio of two colors
- */
-const getColorContrast = (color1: string, color2: string): number => {
-  const luminance1 = getLuminance(color1);
-  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: string): number => {
-  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 = (
-  color: string,
-  dark: string = "#212529",
-  light: string = "#fff",
-  preferredColor?: string,
-): string => {
-  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: Theme,
-  bgColorProperty: string,
-  defaultValue: string,
-) => {
-  let bgColor = getProp(theme, bgColorProperty, defaultValue);
-
-  if (typeof bgColor === "object") {
-    bgColor = bgColor?.backgroundColor ?? defaultValue;
-  }
-
-  if (typeof bgColor === "string") {
-    return bgColor;
-  }
-
-  throw new ThemePropertyException(
-    `${bgColorProperty} is not a string, but: ${typeof bgColor}`,
-  );
-};
-
-/**
- * Retrieve the contrast color for the given background property,
- * based on theme properties
- */
-const renderContrastColor =
-  (
-    bgColorProperty: string,
-    preferredColorProperty?: string,
-    standardDarkProperty: string = "YIQ_DARK_COLOR",
-    standardLightProperty: string = "YIQ_LIGHT_COLOR",
-  ): ((UtilThemeProps) => string) =>
-  ({ theme = { settings: {} } }: UtilThemeProps) => {
-    const bgColor = getBackgroundColor(theme, bgColorProperty, "#ffffff");
-    const preferredColor = getThemeStringProp(theme, preferredColorProperty);
-    const darkColor = getThemeStringProp(
-      theme,
-      standardDarkProperty,
-      "#212529",
-    );
-    const lightColor = getThemeStringProp(theme, standardLightProperty, "#fff");
-
-    return getContrastYIQ(bgColor, darkColor, lightColor, preferredColor);
-  };
-
-export { getColorContrast, getYIQ, getContrastYIQ, renderContrastColor };

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

@@ -1 +0,0 @@
-{"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","arguments","length","undefined","light","preferredColor","yiqColor","darkColor","lightColor","getBackgroundColor","theme","bgColorProperty","defaultValue","bgColor","backgroundColor","renderContrastColor","preferredColorProperty","standardDarkProperty","standardLightProperty","_ref","settings"],"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 = { settings: {} } }: 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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","ignoreList":[]}

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

@@ -1,28 +0,0 @@
-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";
-  let defaultValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "0.25rem";
-  return _ref => {
-    let {
-      theme = {
-        settings: {}
-      }
-    } = _ref;
-    if (theme.ROUNDED_CORNERS) {
-      const propertyName = property && property !== DEFAULT_CORNER_PROPERTY ? `border-${property}-radius` : DEFAULT_CORNER_PROPERTY;
-      return `${propertyName}: ${getThemeStringProp(theme, path, defaultValue)}`;
-    }
-    return "";
-  };
-};
-export { roundedCorners };
-//# sourceMappingURL=corners.js.map