@kaizen/components 0.0.0-canary-cg-test-20231011223010 → 0.0.0-canary-cg-test-20231011234329

package/dist/cjs/Input/InputSearch/InputSearch.js

@@ -1,62 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var classnames = require('classnames');
-var loadingSpinner = require('@kaizen/loading-spinner');
-var SearchIcon = require('../../Icon/SearchIcon.js');
-var ClearButton = require('../../ClearButton/ClearButton.js');
-var InputSearch_module = require('./InputSearch.module.scss.js');
-const InputSearch = /*#__PURE__*/function () {
-  const InputSearch = function (props) {
-    var value = props.value,
-      onChange = props.onChange,
-      onClear = props.onClear,
-      classNameOverride = props.classNameOverride,
-      disabled = props.disabled,
-      _a = props.reversed,
-      reversed = _a === void 0 ? false : _a,
-      _b = props.loading,
-      loading = _b === void 0 ? false : _b,
-      _c = props.secondary,
-      secondary = _c === void 0 ? false : _c,
-      restProps = tslib.__rest(props, ["value", "onChange", "onClear", "classNameOverride", "disabled", "reversed", "loading", "secondary"]);
-    var inputRef = React.useRef(null);
-    var handleOnClear = function () {
-      var _a;
-      (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-      onClear && onClear();
-    };
-    return React.createElement("div", {
-      className: classnames(InputSearch_module.wrapper, secondary ? InputSearch_module.secondary : InputSearch_module["default"], reversed && InputSearch_module.reversed, disabled && InputSearch_module.disabled, value && InputSearch_module.hasEndIconAdornment, classNameOverride)
-    }, React.createElement("div", {
-      className: InputSearch_module.startIconAdornment
-    }, loading ? React.createElement(loadingSpinner.LoadingSpinner, {
-      accessibilityLabel: "",
-      size: "sm",
-      classNameOverride: InputSearch_module.loadingSpinner
-    }) : React.createElement(SearchIcon.SearchIcon, {
-      role: "presentation"
-    })), React.createElement("input", tslib.__assign({
-      ref: inputRef,
-      type: "search",
-      className: InputSearch_module.input,
-      disabled: disabled,
-      value: value,
-      onChange: onChange,
-      readOnly: onChange === undefined
-    }, restProps)), React.createElement("div", {
-      className: InputSearch_module.focusRing
-    }), value && React.createElement(ClearButton.ClearButton, {
-      isReversed: reversed,
-      onClick: handleOnClear,
-      disabled: disabled,
-      classNameOverride: InputSearch_module.endIconAdornment,
-      "aria-label": "clear search"
-    }));
-  };
-  InputSearch.displayName = "InputSearch";
-  return InputSearch;
-}();
-exports.InputSearch = InputSearch;
-//# sourceMappingURL=InputSearch.js.map

package/dist/cjs/Input/InputSearch/InputSearch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputSearch.js","sources":["../../../../src/Input/InputSearch/InputSearch.tsx"],"sourcesContent":["import React, { InputHTMLAttributes, useRef } from \"react\"\nimport classnames from \"classnames\"\nimport { LoadingSpinner } from \"@kaizen/loading-spinner\"\nimport { SearchIcon } from \"~components/Icon/SearchIcon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { ClearButton } from \"../../ClearButton\"\nimport styles from \"./InputSearch.module.scss\"\n\nexport type InputSearchProps = {\n  // id is enforced here as there's no label included in this component\n  id: string\n  reversed?: boolean\n  loading?: boolean\n  secondary?: boolean\n  onClear?: () => void\n} & OverrideClassName<\n  Omit<InputHTMLAttributes<HTMLInputElement>, \"defaultValue\">\n>\n\nexport const InputSearch = (props: InputSearchProps): JSX.Element => {\n  const {\n    value,\n    onChange,\n    onClear,\n    classNameOverride,\n    disabled,\n    reversed = false,\n    loading = false,\n    secondary = false,\n    ...restProps\n  } = props\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const handleOnClear = (): void => {\n    inputRef.current?.focus()\n    onClear && onClear()\n  }\n  return (\n    <div\n      className={classnames(\n        styles.wrapper,\n        secondary ? styles.secondary : styles.default,\n        reversed && styles.reversed,\n        disabled && styles.disabled,\n        value && styles.hasEndIconAdornment,\n        classNameOverride\n      )}\n    >\n      <div className={styles.startIconAdornment}>\n        {loading ? (\n          <LoadingSpinner\n            accessibilityLabel=\"\"\n            size=\"sm\"\n            classNameOverride={styles.loadingSpinner}\n          />\n        ) : (\n          <SearchIcon role=\"presentation\" />\n        )}\n      </div>\n\n      <input\n        ref={inputRef}\n        type=\"search\"\n        className={styles.input}\n        disabled={disabled}\n        value={value}\n        onChange={onChange}\n        readOnly={onChange === undefined}\n        {...restProps}\n      />\n      {/* Inputs aren't able to have pseudo elements like ::after on them,\n          so we have to create an element ourselves for the focus ring */}\n      <div className={styles.focusRing} />\n\n      {value && (\n        <ClearButton\n          isReversed={reversed}\n          onClick={handleOnClear}\n          disabled={disabled}\n          classNameOverride={styles.endIconAdornment}\n          aria-label=\"clear search\"\n        />\n      )}\n    </div>\n  )\n}\n\nInputSearch.displayName = \"InputSearch\"\n"],"names":["InputSearch","props","value","onChange","onClear","classNameOverride","disabled","_a","reversed","_b","loading","_c","secondary","restProps","__rest","inputRef","useRef","handleOnClear","current","focus","React","className","classnames","styles","wrapper","hasEndIconAdornment","createElement","startIconAdornment","LoadingSpinner","accessibilityLabel","size","loadingSpinner","SearchIcon","role","__assign","ref","type","input","readOnly","undefined","focusRing","ClearButton","isReversed","onClick","endIconAdornment","displayName"],"mappings":"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"}

package/dist/cjs/Input/InputSearch/InputSearch.module.scss.js

@@ -1,17 +0,0 @@
-'use strict';
-
-var styles = {
-  "wrapper": "InputSearch-module_wrapper__xz4kh",
-  "input": "InputSearch-module_input__hCit3",
-  "hasEndIconAdornment": "InputSearch-module_hasEndIconAdornment__ZtGcu",
-  "focusRing": "InputSearch-module_focusRing__kDUuP",
-  "startIconAdornment": "InputSearch-module_startIconAdornment__Tc7Yx",
-  "loadingSpinner": "InputSearch-module_loadingSpinner__GIO1C",
-  "endIconAdornment": "InputSearch-module_endIconAdornment__lm-3h",
-  "disabled": "InputSearch-module_disabled__RizfW",
-  "default": "InputSearch-module_default__4d3Ek",
-  "secondary": "InputSearch-module_secondary__l68uD",
-  "reversed": "InputSearch-module_reversed__eS7Nr"
-};
-module.exports = styles;
-//# sourceMappingURL=InputSearch.module.scss.js.map

package/dist/cjs/Input/InputSearch/InputSearch.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputSearch.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/cjs/KaizenProvider/KaizenProvider.js

@@ -1,23 +0,0 @@
-'use strict';
-
-var React = require('react');
-var OptionalIntlProvider = require('./OptionalIntlProvider/OptionalIntlProvider.js');
-var ThemeProvider = require('./ThemeProvider/ThemeProvider.js');
-require('@kaizen/design-tokens');
-const KaizenProvider = /*#__PURE__*/function () {
-  const KaizenProvider = function (_a) {
-    var children = _a.children,
-      themeManager = _a.themeManager,
-      _b = _a.locale,
-      locale = _b === void 0 ? "en" : _b;
-    return React.createElement(OptionalIntlProvider.OptionalIntlProvider, {
-      locale: locale
-    }, React.createElement(ThemeProvider.ThemeProvider, {
-      themeManager: themeManager
-    }, children));
-  };
-  KaizenProvider.displayName = "KaizenProvider";
-  return KaizenProvider;
-}();
-exports.KaizenProvider = KaizenProvider;
-//# sourceMappingURL=KaizenProvider.js.map

package/dist/cjs/KaizenProvider/KaizenProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"KaizenProvider.js","sources":["../../../src/KaizenProvider/KaizenProvider.tsx"],"sourcesContent":["import React from \"react\"\nimport { OptionalIntlProvider } from \"./OptionalIntlProvider\"\nimport { ThemeProvider, ThemeManager } from \"./ThemeProvider\"\n\nexport type KaizenProviderProps = {\n  children: React.ReactNode\n  themeManager?: ThemeManager\n  locale?: string\n}\n\nexport const KaizenProvider = ({\n  children,\n  themeManager,\n  locale = \"en\",\n}: KaizenProviderProps): JSX.Element => (\n  <OptionalIntlProvider locale={locale}>\n    <ThemeProvider themeManager={themeManager}>{children}</ThemeProvider>\n  </OptionalIntlProvider>\n)\n\nKaizenProvider.displayName = \"KaizenProvider\"\n"],"names":["KaizenProvider","_a","children","themeManager","_b","locale","React","createElement","OptionalIntlProvider","ThemeProvider","displayName"],"mappings":";;;;;;MAUaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAIT,EAAA;QAHpBC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;MACRC,YAAY,GAAAF,EAAA,CAAAE,YAAA;MACZC,cAAa;MAAbC,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,IAAI,GAAAA,EAAA;IACyB,OACtCE,KAAC,CAAAC,aAAA,CAAAC,oBAAoB,CAAAA,oBAAA,EAAC;MAAAH,MAAM,EAAEA;IAAM,CAAA,EAClCC,KAAC,CAAAC,aAAA,CAAAE,2BAAa;MAACN,YAAY,EAAEA;IAAe,CAAA,EAAAD,QAAQ,CAAiB,CAChD;EAHe,CAIvC;EAEDF,cAAc,CAACU,WAAW,GAAG,gBAAgB;EAAA,OAVhCV,cAAc;AAAA;"}

package/dist/cjs/KaizenProvider/OptionalIntlProvider/OptionalIntlProvider.js

@@ -1,20 +0,0 @@
-'use strict';
-
-var React = require('react');
-var i18nReactIntl = require('@cultureamp/i18n-react-intl');
-var reactIntl = require('react-intl');
-const OptionalIntlProvider = /*#__PURE__*/function () {
-  const OptionalIntlProvider = function (_a) {
-    var locale = _a.locale,
-      children = _a.children;
-    var parent = React.useContext(reactIntl.IntlContext);
-    if (parent) return children;
-    return React.createElement(i18nReactIntl.StaticIntlProvider, {
-      locale: locale
-    }, children);
-  };
-  OptionalIntlProvider.displayName = "OptionalIntlProvider";
-  return OptionalIntlProvider;
-}();
-exports.OptionalIntlProvider = OptionalIntlProvider;
-//# sourceMappingURL=OptionalIntlProvider.js.map

package/dist/cjs/KaizenProvider/OptionalIntlProvider/OptionalIntlProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OptionalIntlProvider.js","sources":["../../../../src/KaizenProvider/OptionalIntlProvider/OptionalIntlProvider.tsx"],"sourcesContent":["import React, { useContext } from \"react\"\nimport { StaticIntlProvider } from \"@cultureamp/i18n-react-intl\"\nimport { IntlContext } from \"react-intl\"\n\ntype Props = {\n  locale: string\n  children: React.ReactElement\n}\nexport const OptionalIntlProvider = ({\n  locale,\n  children,\n}: Props): JSX.Element => {\n  const parent = useContext(IntlContext)\n\n  if (parent) return children\n  return <StaticIntlProvider locale={locale}>{children}</StaticIntlProvider>\n}\n\nOptionalIntlProvider.displayName = \"OptionalIntlProvider\"\n"],"names":["OptionalIntlProvider","_a","locale","children","parent","useContext","IntlContext","React","createElement","StaticIntlProvider","displayName"],"mappings":";;;;;MAQaA,oBAAoB;EAAA,MAApBA,oBAAoB,GAAG,SAAAA,CAACC,EAG7B,EAAA;QAFNC,MAAM,GAAAD,EAAA,CAAAC,MAAA;MACNC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;IAER,IAAMC,MAAM,GAAGC,gBAAU,CAACC,SAAAA,CAAAA,WAAW,CAAC;IAEtC,IAAIF,MAAM,EAAE,OAAOD,QAAQ;IAC3B,OAAOI,KAAA,CAAAC,aAAA,CAACC,aAAkB,CAAAA,kBAAA,EAAC;MAAAP,MAAM,EAAEA;IAAM,CAAA,EAAGC,QAAQ,CAAsB;EAC5E,CAAC;EAEDH,oBAAoB,CAACU,WAAW,GAAG,sBAAsB;EAAA,OAV5CV,oBAAoB;AAAA;"}

package/dist/cjs/KaizenProvider/ThemeProvider/ThemeManager.js

@@ -1,88 +0,0 @@
-'use strict';
-
-var designTokens = require('@kaizen/design-tokens');
-
-/**
- * Use this class to set and apply themes, and to access or subscribe to the currently active one.
- * This class fulfills the idea of theming and runtime theme switching by relying on CSS variables,
- * and the ability to update them in JavaScript - a framework agnostic method.
- *
- * It works by converting a Theme interface to a flattened map of CSS variable keys and values, then calling `document.documentElement.style.setProperty(key, value)`.
- */
-var ThemeManager = /** @class */function () {
-  function ThemeManager(theme, rootElementId, /* This allows you to stop the  class from applying the theme automatically during construction. Defaults to true */
-  apply) {
-    if (rootElementId === void 0) {
-      rootElementId = "";
-    }
-    if (apply === void 0) {
-      apply = true;
-    }
-    var _this = this;
-    this.themeChangeListeners = [];
-    this.rootElement = null;
-    this.getRootElement = function () {
-      return _this.rootElement;
-    };
-    this.getRootElementId = function () {
-      return _this.rootElementId;
-    };
-    this.getCurrentTheme = function () {
-      return _this.theme;
-    };
-    this.setRootElement = function (element) {
-      _this.rootElement = element;
-    };
-    this.setRootElementId = function (rootElementId) {
-      return _this.rootElementId = rootElementId;
-    };
-    this.setAndApplyTheme = function (theme, force) {
-      if (!force) {
-        if (_this.theme === theme) return;
-      }
-      _this.theme = theme;
-      _this.applyCurrentTheme();
-      _this.notifyThemeChangeListeners(theme);
-    };
-    this.addThemeChangeListener = function (listener) {
-      _this.themeChangeListeners.push(listener);
-    };
-    this.removeThemeChangeListener = function (listener) {
-      _this.themeChangeListeners = _this.themeChangeListeners.filter(function (l) {
-        return l !== listener;
-      });
-    };
-    this.applyCurrentTheme = function () {
-      var _a;
-      if (typeof window !== "undefined") {
-        _this.setRootElement((_a = document.getElementById(_this.rootElementId)) !== null && _a !== void 0 ? _a : document.documentElement);
-        var cssVariableDefinitions = designTokens.makeCssVariableDefinitionsMap(_this.theme);
-        Object.entries(cssVariableDefinitions).forEach(function (_a) {
-          var _b;
-          var key = _a[0],
-            value = _a[1];
-          (_b = _this.rootElement) === null || _b === void 0 ? void 0 : _b.style.setProperty(key, value);
-        });
-      }
-    };
-    this.notifyThemeChangeListeners = function (theme) {
-      _this.themeChangeListeners.forEach(function (listener) {
-        return listener(theme);
-      });
-    };
-    /*
-      For some reason, storybook likes this way of defining class properties better.
-      If you use `constructor( private theme: Theme, ...)` - theme becomes undefined within the class's methods.
-    */
-    this.theme = theme;
-    this.rootElementId = rootElementId;
-    if (apply) this.applyCurrentTheme();
-  }
-  return ThemeManager;
-}();
-// I would like to expose this, but instantiating ThemeManager in some situations or runtimes (such as nodejs) cause exceptions.
-// For now it is not exposed, but we might come back to it, as it makes sense to have a singleton ThemeManager in almost all cases
-/* export const defaultThemeManager = new ThemeManager(defaultTheme) */
-
-exports.ThemeManager = ThemeManager;
-//# sourceMappingURL=ThemeManager.js.map

package/dist/cjs/KaizenProvider/ThemeProvider/ThemeManager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeManager.js","sources":["../../../../src/KaizenProvider/ThemeProvider/ThemeManager.ts"],"sourcesContent":["import {\n  makeCssVariableDefinitionsMap,\n  Theme as BaseTheme,\n} from \"@kaizen/design-tokens\"\n\n/**\n * Use this class to set and apply themes, and to access or subscribe to the currently active one.\n * This class fulfills the idea of theming and runtime theme switching by relying on CSS variables,\n * and the ability to update them in JavaScript - a framework agnostic method.\n *\n * It works by converting a Theme interface to a flattened map of CSS variable keys and values, then calling `document.documentElement.style.setProperty(key, value)`.\n */\n\nexport class ThemeManager<Theme extends BaseTheme = BaseTheme> {\n  private themeChangeListeners = [] as Array<(theme: Theme) => void>\n  private theme: Theme\n  private rootElement: HTMLElement | null = null\n  private rootElementId: string\n\n  constructor(\n    theme: Theme,\n    rootElementId: string = \"\",\n    /* This allows you to stop the  class from applying the theme automatically during construction. Defaults to true */\n    apply: boolean = true\n  ) {\n    /*\n      For some reason, storybook likes this way of defining class properties better.\n      If you use `constructor( private theme: Theme, ...)` - theme becomes undefined within the class's methods.\n    */\n    this.theme = theme\n    this.rootElementId = rootElementId\n    if (apply) this.applyCurrentTheme()\n  }\n\n  public getRootElement = (): HTMLElement | null => this.rootElement\n  public getRootElementId = (): string => this.rootElementId\n  public getCurrentTheme = (): Theme => this.theme\n\n  public setRootElement = (element: HTMLElement): void => {\n    this.rootElement = element\n  }\n  public setRootElementId = (rootElementId: string): string =>\n    (this.rootElementId = rootElementId)\n  public setAndApplyTheme = (theme: Theme, force?: boolean): void => {\n    if (!force) {\n      if (this.theme === theme) return\n    }\n    this.theme = theme\n    this.applyCurrentTheme()\n    this.notifyThemeChangeListeners(theme)\n  }\n\n  public addThemeChangeListener = (listener: (theme: Theme) => void): void => {\n    this.themeChangeListeners.push(listener)\n  }\n  public removeThemeChangeListener = (\n    listener: (theme: Theme) => void\n  ): void => {\n    this.themeChangeListeners = this.themeChangeListeners.filter(\n      l => l !== listener\n    )\n  }\n  public applyCurrentTheme = (): void => {\n    if (typeof window !== \"undefined\") {\n      this.setRootElement(\n        document.getElementById(this.rootElementId) ?? document.documentElement\n      )\n      const cssVariableDefinitions = makeCssVariableDefinitionsMap(this.theme)\n      Object.entries(cssVariableDefinitions).forEach(([key, value]) => {\n        this.rootElement?.style.setProperty(key, value)\n      })\n    }\n  }\n\n  private notifyThemeChangeListeners = (theme: Theme): void => {\n    this.themeChangeListeners.forEach(listener => listener(theme))\n  }\n}\n\n// I would like to expose this, but instantiating ThemeManager in some situations or runtimes (such as nodejs) cause exceptions.\n// For now it is not exposed, but we might come back to it, as it makes sense to have a singleton ThemeManager in almost all cases\n/* export const defaultThemeManager = new ThemeManager(defaultTheme) */\n"],"names":["ThemeManager","theme","rootElementId","apply","_this","themeChangeListeners","rootElement","getRootElement","getRootElementId","getCurrentTheme","setRootElement","element","setRootElementId","setAndApplyTheme","force","applyCurrentTheme","notifyThemeChangeListeners","addThemeChangeListener","listener","push","removeThemeChangeListener","filter","l","window","_a","document","getElementById","documentElement","cssVariableDefinitions","makeCssVariableDefinitionsMap","Object","entries","forEach","key","value","_b","style","setProperty"],"mappings":";;;;AAKA;;;;;;AAMG;AAEH,IAAAA,YAAA,gBAAA,YAAA;EAME,SACEA,YAAAA,CAAAC,KAAY,EACZC,aAA0B;EAE1BC,KAAqB,EAAA;IAFrB,IAAAD,aAAA,KAAA,KAAA,CAAA,EAAA;MAAAA,aAA0B,GAAA,EAAA;IAAA;IAE1B,IAAAC,KAAA,KAAA,KAAA,CAAA,EAAA;MAAAA,KAAqB,GAAA,IAAA;IAAA;IAJvB,IAaCC,KAAA,GAAA,IAAA;IAlBO,IAAoB,CAAAC,oBAAA,GAAG,EAAmC;IAE1D,IAAW,CAAAC,WAAA,GAAuB,IAAI;IAkBvC,IAAc,CAAAC,cAAA,GAAG;MAA0B,OAAAH,KAAI,CAACE,WAAW;IAAA,CAAA;IAC3D,IAAgB,CAAAE,gBAAA,GAAG;MAAc,OAAAJ,KAAI,CAACF,aAAa;IAAA,CAAA;IACnD,IAAe,CAAAO,eAAA,GAAG;MAAa,OAAAL,KAAI,CAACH,KAAK;IAAA,CAAA;IAEzC,IAAc,CAAAS,cAAA,GAAG,UAACC,OAAoB,EAAA;MAC3CP,KAAI,CAACE,WAAW,GAAGK,OAAO;IAC5B,CAAC;IACM,IAAgB,CAAAC,gBAAA,GAAG,UAACV,aAAqB,EAAA;MAC9C,OAACE,KAAI,CAACF,aAAa,GAAGA,aAAa;IAAnC,CAAoC;IAC/B,IAAA,CAAAW,gBAAgB,GAAG,UAACZ,KAAY,EAAEa,KAAe,EAAA;MACtD,IAAI,CAACA,KAAK,EAAE;QACV,IAAIV,KAAI,CAACH,KAAK,KAAKA,KAAK,EAAE;MAC3B;MACDG,KAAI,CAACH,KAAK,GAAGA,KAAK;MAClBG,KAAI,CAACW,iBAAiB,CAAA,CAAE;MACxBX,KAAI,CAACY,0BAA0B,CAACf,KAAK,CAAC;IACxC,CAAC;IAEM,IAAsB,CAAAgB,sBAAA,GAAG,UAACC,QAAgC,EAAA;MAC/Dd,KAAI,CAACC,oBAAoB,CAACc,IAAI,CAACD,QAAQ,CAAC;IAC1C,CAAC;IACM,IAAyB,CAAAE,yBAAA,GAAG,UACjCF,QAAgC,EAAA;MAEhCd,KAAI,CAACC,oBAAoB,GAAGD,KAAI,CAACC,oBAAoB,CAACgB,MAAM,CAC1D,UAAAC,CAAC,EAAA;QAAI,OAAAA,CAAC,KAAKJ,QAAQ;MAAA,CAAA,CACpB;IACH,CAAC;IACM,IAAA,CAAAH,iBAAiB,GAAG,YAAA;;MACzB,IAAI,OAAOQ,MAAM,KAAK,WAAW,EAAE;QACjCnB,KAAI,CAACM,cAAc,CACjB,CAAAc,EAAA,GAAAC,QAAQ,CAACC,cAAc,CAACtB,KAAI,CAACF,aAAa,CAAC,MAAA,IAAA,IAAAsB,EAAA,KAAA,KAAA,CAAA,GAAAA,EAAA,GAAIC,QAAQ,CAACE,eAAe,CACxE;QACD,IAAMC,sBAAsB,GAAGC,YAAAA,CAAAA,6BAA6B,CAACzB,KAAI,CAACH,KAAK,CAAC;QACxE6B,MAAM,CAACC,OAAO,CAACH,sBAAsB,CAAC,CAACI,OAAO,CAAC,UAACR,EAAY,EAAA;;cAAXS,GAAG,GAAAT,EAAA,CAAA,CAAA,CAAA;YAAEU,KAAK,GAAAV,EAAA,CAAA,CAAA,CAAA;UACzD,CAAAW,EAAA,GAAA/B,KAAI,CAACE,WAAW,MAAA,IAAA,IAAA6B,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAEC,KAAK,CAACC,WAAW,CAACJ,GAAG,EAAEC,KAAK,CAAC;QACjD,CAAC,CAAC;MACH;IACH,CAAC;IAEO,IAA0B,CAAAlB,0BAAA,GAAG,UAACf,KAAY,EAAA;MAChDG,KAAI,CAACC,oBAAoB,CAAC2B,OAAO,CAAC,UAAAd,QAAQ,EAAA;QAAI,OAAAA,QAAQ,CAACjB,KAAK,CAAC;MAAf,CAAe,CAAC;IAChE,CAAC;IAnDC;;;AAGE;IACF,IAAI,CAACA,KAAK,GAAGA,KAAK;IAClB,IAAI,CAACC,aAAa,GAAGA,aAAa;IAClC,IAAIC,KAAK,EAAE,IAAI,CAACY,iBAAiB,CAAA,CAAE;EACpC;EA6CH,OAACf,YAAA;AAAD,CAAC,EAAA;AAED;AACA;AACA;;"}

package/dist/cjs/KaizenProvider/ThemeProvider/ThemeProvider.js

@@ -1,72 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var ThemeManager = require('./ThemeManager.js');
-var index = require('./themes/index.js');
-var ThemeContext = React.createContext(index.defaultTheme);
-/**
- * Wrap your application in this provider using a ThemeManager, to synchronise it with a react context.
- * This allows child react elements to more easily use theme variables, using the {@link useTheme} hook.
- */
-var ThemeProvider = function (_a) {
-  var themeManager = _a.themeManager,
-    props = tslib.__rest(_a, ["themeManager"]);
-  var themeManagerInstance = React.useState(function () {
-    return themeManager || new ThemeManager.ThemeManager(index.defaultTheme);
-  })[0];
-  var _b = React.useState(themeManagerInstance.getCurrentTheme()),
-    theme = _b[0],
-    setTheme = _b[1];
-  React.useEffect(function () {
-    var cancelled = false;
-    var listener = function (newTheme) {
-      if (!cancelled) setTheme(newTheme);
-    };
-    themeManagerInstance.addThemeChangeListener(listener);
-    return function () {
-      cancelled = true;
-      themeManagerInstance.removeThemeChangeListener(listener);
-    };
-  }, []);
-  return React.createElement(React.Fragment, null, React.createElement(ThemeContext.Provider, {
-    value: theme
-  }, props.children), React.createElement("link", {
-    rel: "preload",
-    href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-bold.woff2",
-    as: "font",
-    type: "font/woff2",
-    crossOrigin: "anonymous"
-  }), React.createElement("link", {
-    rel: "preload",
-    href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-demi-bold.woff2",
-    as: "font",
-    type: "font/woff2",
-    crossOrigin: "anonymous"
-  }), React.createElement("link", {
-    rel: "preload",
-    href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-medium.woff2",
-    as: "font",
-    type: "font/woff2",
-    crossOrigin: "anonymous"
-  }), React.createElement("link", {
-    rel: "preload",
-    href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-regular.woff2",
-    as: "font",
-    type: "font/woff2",
-    crossOrigin: "anonymous"
-  }), React.createElement("link", {
-    rel: "preload",
-    href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-bold.woff2",
-    as: "font",
-    type: "font/woff2",
-    crossOrigin: "anonymous"
-  }));
-};
-var useTheme = function () {
-  return React.useContext(ThemeContext);
-};
-exports.ThemeContext = ThemeContext;
-exports.ThemeProvider = ThemeProvider;
-exports.useTheme = useTheme;
-//# sourceMappingURL=ThemeProvider.js.map

package/dist/cjs/KaizenProvider/ThemeProvider/ThemeProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeProvider.js","sources":["../../../../src/KaizenProvider/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["import React, {\n  Context,\n  createContext,\n  useContext,\n  useEffect,\n  useState,\n} from \"react\"\nimport { ThemeManager } from \"./ThemeManager\"\nimport { defaultTheme, Theme } from \"./themes\"\n\nexport const ThemeContext: Context<Theme> = createContext<Theme>(defaultTheme)\n\n/**\n * Wrap your application in this provider using a ThemeManager, to synchronise it with a react context.\n * This allows child react elements to more easily use theme variables, using the {@link useTheme} hook.\n */\nexport const ThemeProvider = ({\n  themeManager,\n  ...props\n}: {\n  themeManager?: ThemeManager\n  children: React.ReactNode\n}): JSX.Element => {\n  const [themeManagerInstance] = useState<ThemeManager>(\n    () => themeManager || new ThemeManager(defaultTheme)\n  )\n\n  const [theme, setTheme] = useState<Theme>(\n    themeManagerInstance.getCurrentTheme()\n  )\n\n  useEffect(() => {\n    let cancelled = false\n    const listener = (newTheme: Theme): void => {\n      if (!cancelled) setTheme(newTheme)\n    }\n    themeManagerInstance.addThemeChangeListener(listener)\n    return () => {\n      cancelled = true\n      themeManagerInstance.removeThemeChangeListener(listener)\n    }\n  }, [])\n\n  return (\n    <>\n      <ThemeContext.Provider value={theme}>\n        {props.children}\n      </ThemeContext.Provider>\n      <link\n        rel=\"preload\"\n        href=\"https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-bold.woff2\"\n        as=\"font\"\n        type=\"font/woff2\"\n        crossOrigin=\"anonymous\"\n      />\n      <link\n        rel=\"preload\"\n        href=\"https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-demi-bold.woff2\"\n        as=\"font\"\n        type=\"font/woff2\"\n        crossOrigin=\"anonymous\"\n      />\n      <link\n        rel=\"preload\"\n        href=\"https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-medium.woff2\"\n        as=\"font\"\n        type=\"font/woff2\"\n        crossOrigin=\"anonymous\"\n      />\n      <link\n        rel=\"preload\"\n        href=\"https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-regular.woff2\"\n        as=\"font\"\n        type=\"font/woff2\"\n        crossOrigin=\"anonymous\"\n      />\n      <link\n        rel=\"preload\"\n        href=\"https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-bold.woff2\"\n        as=\"font\"\n        type=\"font/woff2\"\n        crossOrigin=\"anonymous\"\n      />\n    </>\n  )\n}\n\nexport const useTheme = (): Theme => useContext(ThemeContext)\n"],"names":["ThemeContext","createContext","defaultTheme","ThemeProvider","_a","themeManager","props","__rest","themeManagerInstance","useState","ThemeManager","_b","getCurrentTheme","theme","setTheme","useEffect","cancelled","listener","newTheme","addThemeChangeListener","removeThemeChangeListener","React","createElement","Fragment","Provider","value","children","rel","href","as","type","crossOrigin","useTheme","useContext"],"mappings":";;;;;;IAUaA,YAAY,GAAmBC,KAAa,CAAAA,aAAA,CAAQC,kBAAY,CAAC;AAE9E;;;AAGG;AACI,IAAMC,aAAa,GAAG,SAAAA,CAACC,EAM7B,EAAA;EALC,IAAAC,YAAY,GAAAD,EAAA,CAAAC,YAAA;IACTC,KAAK,GAAAC,KAAAA,CAAAA,MAAA,CAAAH,EAAA,EAFoB,gBAG7B,CADS;EAKD,IAAAI,oBAAoB,GAAIC,KAAAA,CAAAA,QAAQ,CACrC,YAAA;IAAM,OAAAJ,YAAY,IAAI,IAAIK,YAAY,CAAAA,YAAA,CAACR,kBAAY,CAAC;GAAA,CACrD,GAF0B;EAIrB,IAAAS,EAAoB,GAAAF,KAAQ,CAAAA,QAAA,CAChCD,oBAAoB,CAACI,eAAe,CAAE,CAAA,CACvC;IAFMC,KAAK,GAAAF,EAAA,CAAA,CAAA,CAAA;IAAEG,QAAQ,QAErB;EAEDC,KAAAA,CAAAA,SAAS,CAAC,YAAA;IACR,IAAIC,SAAS,GAAG,KAAK;IACrB,IAAMC,QAAQ,GAAG,SAAAA,CAACC,QAAe,EAAA;MAC/B,IAAI,CAACF,SAAS,EAAEF,QAAQ,CAACI,QAAQ,CAAC;IACpC,CAAC;IACDV,oBAAoB,CAACW,sBAAsB,CAACF,QAAQ,CAAC;IACrD,OAAO,YAAA;MACLD,SAAS,GAAG,IAAI;MAChBR,oBAAoB,CAACY,yBAAyB,CAACH,QAAQ,CAAC;IAC1D,CAAC;EACF,CAAA,EAAE,EAAE,CAAC;EAEN,OACEI,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KAAC,CAAAC,aAAA,CAAAtB,YAAY,CAACwB,QAAQ,EAAC;IAAAC,KAAK,EAAEZ;EAAK,CAChC,EAAAP,KAAK,CAACoB,QAAQ,CACO,EACxBL,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IACEK,GAAG,EAAC,SAAS;IACbC,IAAI,EAAC,oEAAoE;IACzEC,EAAE,EAAC,MAAM;IACTC,IAAI,EAAC,YAAY;IACjBC,WAAW,EAAC;EAAW,CACvB,CAAA,EACFV,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IACEK,GAAG,EAAC,SAAS;IACbC,IAAI,EAAC,yEAAyE;IAC9EC,EAAE,EAAC,MAAM;IACTC,IAAI,EAAC,YAAY;IACjBC,WAAW,EAAC;EAAW,CACvB,CAAA,EACFV,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IACEK,GAAG,EAAC,SAAS;IACbC,IAAI,EAAC,sEAAsE;IAC3EC,EAAE,EAAC,MAAM;IACTC,IAAI,EAAC,YAAY;IACjBC,WAAW,EAAC;EAAW,CACvB,CAAA,EACFV,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IACEK,GAAG,EAAC,SAAS;IACbC,IAAI,EAAC,uEAAuE;IAC5EC,EAAE,EAAC,MAAM;IACTC,IAAI,EAAC,YAAY;IACjBC,WAAW,EAAC;EAAW,CACvB,CAAA,EACFV,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAK,GAAG,EAAC,SAAS;IACbC,IAAI,EAAC,iFAAiF;IACtFC,EAAE,EAAC,MAAM;IACTC,IAAI,EAAC,YAAY;IACjBC,WAAW,EAAC;EAAW,CAAA,CACvB,CACD;AAEP,CAAC;AAEM,IAAMC,QAAQ,GAAG,SAAAA,CAAA,EAAa;EAAA,OAAAC,KAAU,CAAAA,UAAA,CAACjC,YAAY,CAAC;AAAxB,CAAA;;;"}

package/dist/cjs/KaizenProvider/ThemeProvider/themes/heart.js

@@ -1,312 +0,0 @@
-'use strict';
-
-var heartTheme = {
-  themeKey: "heart",
-  animation: {
-    easingFunction: {
-      easeInOut: "cubic-bezier(0.455, 0.03, 0.515, 0.955)",
-      easeIn: "cubic-bezier(0.55, 0.085, 0.68, 0.53)",
-      easeOut: "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
-      linear: "linear",
-      bounceIn: "cubic-bezier(0.485, 0.155, 0.24, 1.245)",
-      bounceOut: "cubic-bezier(0.485, 0.155, 0.515, 0.845)",
-      bounceInOut: "cubic-bezier(0.76, -0.245, 0.24, 1.245)"
-    },
-    duration: {
-      instant: "0ms",
-      immediate: "100ms",
-      rapid: "200ms",
-      fast: "300ms",
-      slow: "400ms",
-      deliberate: "700ms"
-    }
-  },
-  border: {
-    solid: {
-      borderWidth: "2px",
-      borderRadius: "7px",
-      borderStyle: "solid",
-      borderColor: "#e1e2ea"
-    },
-    dashed: {
-      borderWidth: "2px",
-      borderRadius: "7px",
-      borderStyle: "dashed"
-    },
-    borderless: {
-      borderWidth: "2px",
-      borderRadius: "7px",
-      borderStyle: "solid",
-      borderColor: "transparent"
-    },
-    focusRing: {
-      borderWidth: "2px",
-      borderRadius: "10px",
-      borderStyle: "solid"
-    }
-  },
-  color: {
-    purple: {
-      100: "#f4edf8",
-      200: "#dfc9ea",
-      300: "#c9a5dd",
-      400: "#ae67b1",
-      500: "#844587",
-      600: "#5f3361",
-      700: "#4a234d",
-      800: "#2f2438"
-    },
-    blue: {
-      100: "#e6f6ff",
-      200: "#bde2f5",
-      300: "#73c0e8",
-      400: "#008bd6",
-      500: "#0168b3",
-      600: "#004970",
-      700: "#003157"
-    },
-    green: {
-      100: "#e8f8f4",
-      200: "#c4ede2",
-      300: "#8fdbc7",
-      400: "#5dcbad",
-      500: "#44a289",
-      600: "#2c7d67",
-      700: "#22594a"
-    },
-    yellow: {
-      100: "#fff9e4",
-      200: "#ffeeb3",
-      300: "#ffe36e",
-      400: "#ffca4d",
-      500: "#ffb600",
-      600: "#c68600",
-      700: "#876400"
-    },
-    red: {
-      100: "#fdeaee",
-      200: "#f9c2cb",
-      300: "#f597a8",
-      400: "#e0707d",
-      500: "#c93b55",
-      600: "#a82433",
-      700: "#6c1e20"
-    },
-    orange: {
-      100: "#fff0e8",
-      200: "#ffd1b9",
-      300: "#ffb08a",
-      400: "#ff9461",
-      500: "#e96c2f",
-      600: "#b74302",
-      700: "#903c00"
-    },
-    gray: {
-      100: "#f9f9f9",
-      200: "#f4f4f5",
-      300: "#eaeaec",
-      400: "#cdcdd0",
-      500: "#8c8c97",
-      600: "#524e56"
-    },
-    white: "#ffffff"
-  },
-  dataViz: {
-    favorable: "#7dd5bd",
-    unfavorable: "#e68d97"
-  },
-  layout: {
-    contentMaxWidth: "1392px",
-    contentMaxWidthWithSidebar: "1080px",
-    contentSideMargin: "72px",
-    mobileActionsDrawerHeight: "60px",
-    navigationBarHeight: "72px",
-    breakpoints: {
-      medium: "768px",
-      large: "1080px"
-    }
-  },
-  shadow: {
-    small: {
-      boxShadow: "0px 3px 16px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1)"
-    },
-    large: {
-      boxShadow: "0px 8px 40px rgba(0, 0, 0, 0.08), 0px 3px 9px rgba(0, 0, 0, 0.1)"
-    }
-  },
-  spacing: {
-    xs: "0.375rem",
-    sm: "0.75rem",
-    md: "1.5rem",
-    lg: "2.25rem",
-    xl: "3rem",
-    xxl: "3.75rem",
-    xxxl: "4.5rem",
-    xxxxl: "5.25rem",
-    xxxxxl: "6rem",
-    0: "0",
-    1: ".0625rem",
-    2: ".125rem",
-    4: ".25rem",
-    6: ".375rem",
-    8: ".5rem",
-    12: ".75rem",
-    16: "1rem",
-    24: "1.5rem",
-    32: "2rem",
-    40: "2.5rem",
-    48: "3rem",
-    56: "3.5rem",
-    64: "4rem",
-    72: "4.5rem",
-    80: "5rem",
-    96: "6rem",
-    112: "7rem",
-    128: "8rem",
-    160: "10rem",
-    200: "12.5rem",
-    240: "15rem",
-    280: "17.5rem",
-    320: "20rem"
-  },
-  typography: {
-    dataLarge: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 700,
-      fontSize: "5.25rem",
-      lineHeight: "5.25rem",
-      letterSpacing: "normal"
-    },
-    dataLargeUnits: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 700,
-      fontSize: "2.625rem",
-      lineHeight: "5.25rem",
-      letterSpacing: "normal"
-    },
-    dataMedium: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 700,
-      fontSize: "3rem",
-      lineHeight: "5rem",
-      letterSpacing: "normal"
-    },
-    dataMediumUnits: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 700,
-      fontSize: "1.5rem",
-      lineHeight: "5rem",
-      letterSpacing: "normal"
-    },
-    dataSmall: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 700,
-      fontSize: "1.5rem",
-      lineHeight: "1.5rem",
-      letterSpacing: "normal"
-    },
-    dataSmallUnits: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 700,
-      fontSize: "1.125rem",
-      lineHeight: "1.5rem",
-      letterSpacing: "normal"
-    },
-    display0: {
-      fontFamily: '"Tiempos Headline", Georgia, serif',
-      fontWeight: 800,
-      fontSize: "4.5rem",
-      lineHeight: "5.25rem",
-      letterSpacing: "0em"
-    },
-    heading1: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 700,
-      fontSize: "2.125rem",
-      lineHeight: "2.625rem",
-      letterSpacing: "normal"
-    },
-    heading2: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 700,
-      fontSize: "1.75rem",
-      lineHeight: "2.25rem",
-      letterSpacing: "normal"
-    },
-    heading3: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 700,
-      fontSize: "1.375rem",
-      lineHeight: "1.875rem",
-      letterSpacing: "normal"
-    },
-    heading4: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 600,
-      fontSize: "1.125rem",
-      lineHeight: "1.5rem",
-      letterSpacing: "normal"
-    },
-    heading5: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 600,
-      fontSize: "1rem",
-      lineHeight: "1.5rem",
-      letterSpacing: "normal"
-    },
-    heading6: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 700,
-      fontSize: "0.875rem",
-      lineHeight: "1.5rem",
-      letterSpacing: "normal"
-    },
-    paragraphIntroLede: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 400,
-      fontSize: "1.25rem",
-      lineHeight: "1.875rem",
-      letterSpacing: "0"
-    },
-    paragraphBody: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 400,
-      fontSize: "1rem",
-      lineHeight: "1.5rem",
-      letterSpacing: "normal"
-    },
-    paragraphSmall: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 400,
-      fontSize: "0.875rem",
-      lineHeight: "1.125rem",
-      letterSpacing: "normal"
-    },
-    paragraphExtraSmall: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 400,
-      fontSize: "0.75rem",
-      lineHeight: "1.125rem",
-      letterSpacing: "normal"
-    },
-    paragraphBold: {
-      fontWeight: 600
-    },
-    buttonPrimary: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 700,
-      fontSize: "1.125rem",
-      lineHeight: "1.5rem",
-      letterSpacing: "normal"
-    },
-    buttonSecondary: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 500,
-      fontSize: "1rem",
-      lineHeight: "1.5rem",
-      letterSpacing: "normal"
-    }
-  }
-};
-exports.heartTheme = heartTheme;
-//# sourceMappingURL=heart.js.map