@kaizen/components 1.27.0 → 1.29.0

package/dist/cjs/dts/KaizenProvider/ThemeProvider/themes/types.d.ts

@@ -1,229 +0,0 @@
-import type { CSSProperties as ReactCSSProperties } from "react";
-/**
- * Use a custom type for CSS properties becauase we should eventually write a more strongly typed version using template literal types.
- * This could definitely be contributed back to the community too. An example starting point here https://github.com/ghoullier/awesome-template-literal-types#css-parser
- * For example:
- * ```ts
- * type Font = {
- *   fontSize: `${number}rem`,
- *
- *  }
- * type HexDigit = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | A | B | C | D | E | F ;
- * type Color = `rgba(${number}, ${number}, ${number}, ${number}) | #${HexDigit}${HexDigit}${HexDigit}` // You get the point
- *
- * ```
- * */
-type KaizenCSSProperties = ReactCSSProperties;
-type Hex = string;
-export type TypographyFont = {
-    fontFamily: KaizenCSSProperties["fontFamily"];
-    fontWeight: KaizenCSSProperties["fontWeight"];
-    fontSize: KaizenCSSProperties["fontSize"];
-    lineHeight: KaizenCSSProperties["lineHeight"];
-    letterSpacing: KaizenCSSProperties["letterSpacing"];
-};
-export type ThemeKey = "heart" | "custom";
-export type Theme = {
-    themeKey: ThemeKey;
-    border: {
-        solid: {
-            borderWidth: KaizenCSSProperties["borderWidth"];
-            borderRadius: KaizenCSSProperties["borderRadius"];
-            borderStyle: KaizenCSSProperties["borderStyle"];
-            borderColor: KaizenCSSProperties["borderColor"];
-        };
-        dashed: {
-            borderWidth: KaizenCSSProperties["borderWidth"];
-            borderRadius: KaizenCSSProperties["borderRadius"];
-            borderStyle: KaizenCSSProperties["borderStyle"];
-        };
-        borderless: {
-            borderWidth: KaizenCSSProperties["borderWidth"];
-            borderRadius: KaizenCSSProperties["borderRadius"];
-            borderStyle: KaizenCSSProperties["borderStyle"];
-            borderColor: KaizenCSSProperties["borderColor"];
-        };
-        focusRing: {
-            borderWidth: KaizenCSSProperties["borderWidth"];
-            borderRadius: KaizenCSSProperties["borderRadius"];
-            borderStyle: KaizenCSSProperties["borderStyle"];
-        };
-    };
-    animation: {
-        easingFunction: {
-            easeInOut: string;
-            easeIn: string;
-            easeOut: string;
-            linear: string;
-            bounceIn: string;
-            bounceOut: string;
-            bounceInOut: string;
-        };
-        duration: {
-            instant: string;
-            immediate: string;
-            rapid: string;
-            fast: string;
-            slow: string;
-            deliberate: string;
-        };
-    };
-    color: {
-        purple: {
-            "100": Hex;
-            "200": Hex;
-            "300": Hex;
-            "400": Hex;
-            "500": Hex;
-            "600": Hex;
-            "700": Hex;
-            "800": Hex;
-        };
-        blue: {
-            "100": Hex;
-            "200": Hex;
-            "300": Hex;
-            "400": Hex;
-            "500": Hex;
-            "600": Hex;
-            "700": Hex;
-        };
-        green: {
-            "100": Hex;
-            "200": Hex;
-            "300": Hex;
-            "400": Hex;
-            "500": Hex;
-            "600": Hex;
-            "700": Hex;
-        };
-        yellow: {
-            "100": Hex;
-            "200": Hex;
-            "300": Hex;
-            "400": Hex;
-            "500": Hex;
-            "600": Hex;
-            "700": Hex;
-        };
-        red: {
-            "100": Hex;
-            "200": Hex;
-            "300": Hex;
-            "400": Hex;
-            "500": Hex;
-            "600": Hex;
-            "700": Hex;
-        };
-        orange: {
-            "100": Hex;
-            "200": Hex;
-            "300": Hex;
-            "400": Hex;
-            "500": Hex;
-            "600": Hex;
-            "700": Hex;
-        };
-        gray: {
-            "100": Hex;
-            "200": Hex;
-            "300": Hex;
-            "400": Hex;
-            "500": Hex;
-            "600": Hex;
-        };
-        white: Hex;
-    };
-    dataViz: {
-        favorable: Hex;
-        unfavorable: Hex;
-    };
-    layout: {
-        contentMaxWidth: string;
-        contentMaxWidthWithSidebar: string;
-        contentSideMargin: string;
-        mobileActionsDrawerHeight: string;
-        navigationBarHeight: string;
-        breakpoints: {
-            medium: string;
-            large: string;
-        };
-    };
-    shadow: {
-        small: {
-            boxShadow: string;
-        };
-        large: {
-            boxShadow: string;
-        };
-    };
-    spacing: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        xxl: string;
-        xxxl: string;
-        xxxxl: string;
-        xxxxxl: string;
-        0: string;
-        1: string;
-        2: string;
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-        24: string;
-        32: string;
-        40: string;
-        48: string;
-        56: string;
-        64: string;
-        72: string;
-        80: string;
-        96: string;
-        112: string;
-        128: string;
-        160: string;
-        200: string;
-        240: string;
-        280: string;
-        320: string;
-    };
-    typography: {
-        dataLarge: TypographyFont;
-        dataLargeUnits: TypographyFont;
-        dataMedium: TypographyFont;
-        dataMediumUnits: TypographyFont;
-        dataSmall: TypographyFont;
-        dataSmallUnits: TypographyFont;
-        display0: TypographyFont;
-        heading1: TypographyFont;
-        heading2: TypographyFont;
-        heading3: TypographyFont;
-        heading4: TypographyFont;
-        heading5: TypographyFont;
-        heading6: TypographyFont;
-        paragraphIntroLede: TypographyFont;
-        paragraphBody: TypographyFont;
-        paragraphSmall: TypographyFont;
-        paragraphExtraSmall: TypographyFont;
-        paragraphBold: {
-            fontWeight: KaizenCSSProperties["fontWeight"];
-        };
-        buttonPrimary: TypographyFont;
-        buttonSecondary: TypographyFont;
-    };
-};
-export type DeepMapObjectLeafs<T, LeafType> = T extends string | number | bigint | boolean | symbol | null | undefined | ((...params: any[]) => any) ? LeafType : T extends Record<any, any> ? {
-    [Key in keyof T]: DeepMapObjectLeafs<T[Key], LeafType>;
-} : T;
-/**
- * Apologies for the complex types.
- * This type represents the Theme type but with every leaf value in the tree mapped strictly to a string, rather than a number or a more complex type such as a string union.
- * The reason for this is to have a more accurate type for the generated hierarchy of design tokens which are represented as CSS custom properties, e.g. `var(--color-purple-800)`.
- */
-export type CSSVariableTheme = DeepMapObjectLeafs<Theme, string>;
-export {};

package/dist/cjs/dts/types/DatePicker.d.ts

@@ -1,3 +0,0 @@
-import { StringSuggestions } from "./StringSuggestions";
-export type FilterDateSupportedLocales = StringSuggestions<"en-US" | "en-AU">;
-export type { DateRange, DisabledDays } from "@kaizen/date-picker";

package/dist/esm/Button/DirectionalLink/DirectionalLink.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DirectionalLink.mjs","sources":["../../../../src/Button/DirectionalLink/DirectionalLink.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  ArrowBackwardIcon,\n  ArrowForwardIcon,\n  EndIcon,\n  StartIcon,\n} from \"~components/Icon\"\nimport { GenericButton, GenericProps } from \"../GenericButton\"\n\nexport type DirectionalLinkProps = {\n  label: string\n  disabled?: boolean\n  direction: \"prev\" | \"next\" | \"start\" | \"end\"\n} & GenericProps\n\nconst iconMap = {\n  prev: <ArrowBackwardIcon role=\"presentation\" />,\n  next: <ArrowForwardIcon role=\"presentation\" />,\n  start: <StartIcon role=\"presentation\" />,\n  end: <EndIcon role=\"presentation\" />,\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |\n * {@link https://cultureamp.design/?path=/story/components-buttons-directionallink--docs Storybook}\n */\nexport const DirectionalLink = (props: DirectionalLinkProps): JSX.Element => (\n  <GenericButton\n    {...props}\n    iconButton\n    directionalLink\n    icon={iconMap[props.direction]}\n  />\n)\n\nDirectionalLink.defaultProps = {\n  reversed: false,\n  disabled: false,\n}\n\nDirectionalLink.displayName = \"DirectionalLink\"\n"],"names":["iconMap","prev","React","createElement","ArrowBackwardIcon","role","next","ArrowForwardIcon","start","StartIcon","end","EndIcon","DirectionalLink","props","GenericButton","__assign","iconButton","directionalLink","icon","direction","defaultProps","reversed","disabled","displayName"],"mappings":";;;;;;;;;AAeA,IAAMA,OAAO,GAAG;EACdC,IAAI,eAAEC,KAAC,CAAAC,aAAA,CAAAC,iBAAiB;IAACC,IAAI,EAAC;GAAiB,CAAA;EAC/CC,IAAI,eAAEJ,KAAC,CAAAC,aAAA,CAAAI,gBAAgB;IAACF,IAAI,EAAC;GAAiB,CAAA;EAC9CG,KAAK,eAAEN,KAAC,CAAAC,aAAA,CAAAM,SAAS;IAACJ,IAAI,EAAC;GAAiB,CAAA;EACxCK,GAAG,eAAER,KAAC,CAAAC,aAAA,CAAAQ,OAAO;IAACN,IAAI,EAAC;GAAiB;CACrC;AAED;;;AAGG;AAHH,MAIaO,eAAe;EAAA,MAAfA,eAAe,GAAG,SAAAA,CAACC,KAA2B,EAAkB;IAAA,oBAC3EX,KAAA,CAAAC,aAAA,CAACW,aAAa,EAAAC,QAAA,CAAA,CAAA,CAAA,EACRF,KAAK,EACT;MAAAG,UAAU,EACV,IAAA;MAAAC,eAAe,EACf,IAAA;MAAAC,IAAI,EAAElB,OAAO,CAACa,KAAK,CAACM,SAAS;KAAC,CAAA,CAC9B;EACH,CAAA;EAEDP,eAAe,CAACQ,YAAY,GAAG;IAC7BC,QAAQ,EAAE,KAAK;IACfC,QAAQ,EAAE;GACX;EAEDV,eAAe,CAACW,WAAW,GAAG,iBAAiB;EAAA,OAdlCX,eAAe;AAAA;"}

package/dist/esm/Button/PaginationLink/PaginationLink.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaginationLink.mjs","sources":["../../../../src/Button/PaginationLink/PaginationLink.tsx"],"sourcesContent":["import React from \"react\"\nimport { GenericProps, GenericButton } from \"../GenericButton\"\n\nexport type PaginationLinkProps = GenericProps & {\n  pageNumber: number\n  isActive?: boolean\n  /* A description for screen readers to understand because label used here is a number */\n  \"aria-label\": string\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |\n * {@link https://cultureamp.design/?path=/story/components-buttons-paginationlink--docs Storybook}\n */\nexport const PaginationLink = ({\n  pageNumber,\n  ...restProps\n}: PaginationLinkProps): JSX.Element => (\n  <GenericButton {...restProps} paginationLink label={`${pageNumber}`} />\n)\n\nPaginationLink.defaultProps = {\n  reversed: false,\n  isActive: false,\n}\n\nPaginationLink.displayName = \"PaginationLink\"\n"],"names":["PaginationLink","_a","pageNumber","restProps","__rest","React","createElement","GenericButton","__assign","paginationLink","label","concat","defaultProps","reversed","isActive","displayName"],"mappings":";;;;AAUA;;;AAGG;AAHH,MAIaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAGT,EAAA;IAFpB,IAAAC,UAAU,GAAAD,EAAA,CAAAC,UAAA;MACPC,SAAS,GAAAC,MAAA,CAAAH,EAAA,EAFiB,cAG9B,CADa;IAC0B,oBACtCI,KAAA,CAAAC,aAAA,CAACC,aAAa,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKL,SAAS,EAAE;MAAAM,cAAc,EAAC,IAAA;MAAAC,KAAK,EAAE,EAAG,CAAAC,MAAA,CAAAT,UAAU;IAAE,CAAA,CAAA,CAAI;GACxE;EAEDF,cAAc,CAACY,YAAY,GAAG;IAC5BC,QAAQ,EAAE,KAAK;IACfC,QAAQ,EAAE;GACX;EAEDd,cAAc,CAACe,WAAW,GAAG,gBAAgB;EAAA,OAZhCf,cAAc;AAAA;"}

package/dist/esm/FilterDateRangePicker/subcomponents/DateInputDescription/DateInputDescription.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateInputDescription.mjs","sources":["../../../../../src/FilterDateRangePicker/subcomponents/DateInputDescription/DateInputDescription.tsx"],"sourcesContent":["import React from \"react\"\nimport { useIntl } from \"@cultureamp/i18n-react-intl\"\nimport { LabelledMessage } from \"~components/LabelledMessage\"\nimport { formatDescriptionInputFormat } from \"./utils/formatDescriptionInputFormat\"\nimport styles from \"./DateInputDescription.module.scss\"\n\nexport type DateInputDescriptionProps = {\n  description?: string | JSX.Element\n  locale: Locale\n}\n\nexport const DateInputDescription = ({\n  description,\n  locale,\n}: DateInputDescriptionProps): JSX.Element => {\n  const { formatMessage } = useIntl()\n  const hasCustomDescription =\n    (typeof description === \"string\" && description !== \"\") ||\n    React.isValidElement(description)\n\n  const translatedInputFormatMessage = formatMessage({\n    id: \"filterDateRangePicker.inputFormat\",\n    defaultMessage: \"Input format\",\n    description: \"Label for the 'Input format' field\",\n  })\n\n  if (hasCustomDescription) {\n    return (\n      <span className={styles.dateInputDescription}>\n        <span>{description}</span>\n        <span className={styles.dateInputFormatContainer}>\n          (\n          <LabelledMessage\n            label={translatedInputFormatMessage}\n            message={formatDescriptionInputFormat(locale)}\n          />\n          )\n        </span>\n      </span>\n    )\n  }\n\n  return (\n    <LabelledMessage\n      label={translatedInputFormatMessage}\n      message={formatDescriptionInputFormat(locale)}\n    />\n  )\n}\n\nDateInputDescription.displayName = \"DateInputDescription\"\n"],"names":["DateInputDescription","_a","description","locale","formatMessage","useIntl","hasCustomDescription","React","isValidElement","translatedInputFormatMessage","id","defaultMessage","createElement","className","styles","dateInputDescription","dateInputFormatContainer","LabelledMessage","label","message","formatDescriptionInputFormat","displayName"],"mappings":";;;;;MAWaA,oBAAoB;EAAA,MAApBA,oBAAoB,GAAG,SAAAA,CAACC,EAGT,EAAA;QAF1BC,WAAW,GAAAD,EAAA,CAAAC,WAAA;MACXC,MAAM,GAAAF,EAAA,CAAAE,MAAA;IAEE,IAAAC,aAAa,GAAKC,OAAO,CAAE,CAAA,cAAd;IACrB,IAAMC,oBAAoB,GACvB,OAAOJ,WAAW,KAAK,QAAQ,IAAIA,WAAW,KAAK,EAAE,iBACtDK,KAAK,CAACC,cAAc,CAACN,WAAW,CAAC;IAEnC,IAAMO,4BAA4B,GAAGL,aAAa,CAAC;MACjDM,EAAE,EAAE,mCAAmC;MACvCC,cAAc,EAAE,cAAc;MAC9BT,WAAW,EAAE;IACd,CAAA,CAAC;IAEF,IAAII,oBAAoB,EAAE;MACxB,oBACEC,KAAM,CAAAK,aAAA,CAAA,MAAA,EAAA;QAAAC,SAAS,EAAEC,MAAM,CAACC;MAAoB,CAAA,eAC1CR,KAAA,CAAAK,aAAA,CAAA,MAAA,EAAA,IAAA,EAAOV,WAAW,CAAQ,eAC1BK,KAAA,CAAAK,aAAA,CAAA,MAAA,EAAA;QAAMC,SAAS,EAAEC,MAAM,CAACE;MAAwB,CAAA,oBAE9CT,KAAA,CAAAK,aAAA,CAACK,eAAe,EAAA;QACdC,KAAK,EAAET,4BAA4B;QACnCU,OAAO,EAAEC,4BAA4B,CAACjB,MAAM;OAC5C,CAAA,EAEG,GAAA,CAAA,CACF;IAEV;IAED,oBACEI,KAAC,CAAAK,aAAA,CAAAK,eAAe,EACd;MAAAC,KAAK,EAAET,4BAA4B;MACnCU,OAAO,EAAEC,4BAA4B,CAACjB,MAAM;IAAC,CAAA,CAC7C;EAEN,CAAC;EAEDH,oBAAoB,CAACqB,WAAW,GAAG,sBAAsB;EAAA,OAvC5CrB,oBAAoB;AAAA;"}

package/dist/esm/FilterDateRangePicker/subcomponents/DateInputDescription/utils/formatDescriptionInputFormat.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"formatDescriptionInputFormat.mjs","sources":["../../../../../../src/FilterDateRangePicker/subcomponents/DateInputDescription/utils/formatDescriptionInputFormat.ts"],"sourcesContent":["export const formatDescriptionInputFormat = (locale: Locale): string =>\n  locale.formatLong?.date({ width: \"short\" }).toLowerCase()\n"],"names":["formatDescriptionInputFormat","locale","_a","formatLong","date","width","toLowerCase"],"mappings":"AAAa,IAAAA,4BAA4B,GAAG,SAAAA,CAACC,MAAc,EACzD;EAAA,IAAAC,EAAA;EAAA,OAAA,CAAAA,EAAA,GAAAD,MAAM,CAACE,UAAU,0CAAEC,IAAI,CAAC;IAAEC,KAAK,EAAE;EAAO,CAAE,CAAA,CAAEC,WAAW,EAAE;AAAA,CAAA;"}

package/dist/esm/KaizenProvider/OptionalIntlProvider/OptionalIntlProvider.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OptionalIntlProvider.mjs","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,UAAU,CAACC,WAAW,CAAC;IAEtC,IAAIF,MAAM,EAAE,OAAOD,QAAQ;IAC3B,oBAAOI,KAAA,CAAAC,aAAA,CAACC,kBAAkB,EAAC;MAAAP,MAAM,EAAEA;IAAM,CAAA,EAAGC,QAAQ,CAAsB;EAC5E,CAAC;EAEDH,oBAAoB,CAACU,WAAW,GAAG,sBAAsB;EAAA,OAV5CV,oBAAoB;AAAA;"}

package/dist/esm/KaizenProvider/ThemeProvider/ThemeProvider.mjs

@@ -1,60 +0,0 @@
-import { __rest } from 'tslib';
-import React, { createContext, useContext } from 'react';
-import { makeCssVariableDefinitionsMap } from '@kaizen/design-tokens';
-import { defaultTheme } from './themes/index.mjs';
-var ThemeContext = /*#__PURE__*/createContext(null);
-/**
- * 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 userTheme = _a.theme,
-    props = __rest(_a, ["theme"]);
-  var theme = userTheme !== null && userTheme !== void 0 ? userTheme : defaultTheme;
-  var themeVariables = makeCssVariableDefinitionsMap(theme);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ThemeContext.Provider, {
-    value: theme
-  }, /*#__PURE__*/React.createElement("div", {
-    id: "kaizen--theme-root",
-    style: themeVariables
-  }, props.children)), /*#__PURE__*/React.createElement("link", {
-    rel: "preload",
-    href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-bold.woff2",
-    as: "font",
-    type: "font/woff2",
-    crossOrigin: "anonymous"
-  }), /*#__PURE__*/React.createElement("link", {
-    rel: "preload",
-    href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-demi-bold.woff2",
-    as: "font",
-    type: "font/woff2",
-    crossOrigin: "anonymous"
-  }), /*#__PURE__*/React.createElement("link", {
-    rel: "preload",
-    href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-medium.woff2",
-    as: "font",
-    type: "font/woff2",
-    crossOrigin: "anonymous"
-  }), /*#__PURE__*/React.createElement("link", {
-    rel: "preload",
-    href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-regular.woff2",
-    as: "font",
-    type: "font/woff2",
-    crossOrigin: "anonymous"
-  }), /*#__PURE__*/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 () {
-  var context = useContext(ThemeContext);
-  if (!context) {
-    throw new Error("useTheme must be used within the KaizenProvider");
-  }
-  return context;
-};
-export { ThemeContext, ThemeProvider, useTheme };
-//# sourceMappingURL=ThemeProvider.mjs.map

package/dist/esm/KaizenProvider/ThemeProvider/ThemeProvider.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeProvider.mjs","sources":["../../../../src/KaizenProvider/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\"\nimport { makeCssVariableDefinitionsMap } from \"@kaizen/design-tokens\"\nimport { defaultTheme, Theme as BaseTheme } from \"./themes\"\n\n// We set the generic default value to `any` as ThemeContext\n// is instantiated as a constant which does not accept generics.\ntype ThemeContextValue<Theme extends BaseTheme = any> = Theme\n\nexport const ThemeContext = createContext<ThemeContextValue | null>(null)\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 = <Theme extends BaseTheme = BaseTheme>({\n  theme: userTheme,\n  ...props\n}: {\n  theme?: Theme\n  children: React.ReactNode\n}): JSX.Element => {\n  const theme = userTheme ?? defaultTheme\n  const themeVariables = makeCssVariableDefinitionsMap(theme)\n\n  return (\n    <>\n      <ThemeContext.Provider value={theme}>\n        <div id=\"kaizen--theme-root\" style={themeVariables}>\n          {props.children}\n        </div>\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 = <\n  Theme extends BaseTheme = BaseTheme,\n>(): ThemeContextValue<Theme> => {\n  const context = useContext(ThemeContext)\n\n  if (!context) {\n    throw new Error(\"useTheme must be used within the KaizenProvider\")\n  }\n\n  return context\n}\n"],"names":["ThemeContext","createContext","ThemeProvider","_a","userTheme","theme","props","__rest","defaultTheme","themeVariables","makeCssVariableDefinitionsMap","React","createElement","Fragment","Provider","value","id","style","children","rel","href","as","type","crossOrigin","useTheme","context","useContext","Error"],"mappings":";;;;IAQaA,YAAY,gBAAGC,aAAa,CAA2B,IAAI,CAAC;AAEzE;;;AAGG;AACI,IAAMC,aAAa,GAAG,SAAAA,CAAsCC,EAMlE,EAAA;EALC,IAAOC,SAAS,GAAAD,EAAA,CAAAE,KAAA;IACbC,KAAK,GAAAC,MAAA,CAAAJ,EAAA,EAFyD,SAGlE,CADS;EAKR,IAAME,KAAK,GAAGD,SAAS,KAAA,IAAA,IAATA,SAAS,KAAT,KAAA,CAAA,GAAAA,SAAS,GAAII,YAAY;EACvC,IAAMC,cAAc,GAAGC,6BAA6B,CAACL,KAAK,CAAC;EAE3D,oBACEM,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KAAA,CAAAC,aAAA,CAACZ,YAAY,CAACc,QAAQ,EAAC;IAAAC,KAAK,EAAEV;EAAK,CAAA,eACjCM,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,EAAE,EAAC,oBAAoB;IAACC,KAAK,EAAER;EAAc,CAAA,EAC/CH,KAAK,CAACY,QAAQ,CACX,CACgB,eACxBP,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IACEO,GAAG,EAAC,SAAS;IACbC,IAAI,EAAC,oEAAoE;IACzEC,EAAE,EAAC,MAAM;IACTC,IAAI,EAAC,YAAY;IACjBC,WAAW,EAAC;EAAW,CACvB,CAAA,eACFZ,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IACEO,GAAG,EAAC,SAAS;IACbC,IAAI,EAAC,yEAAyE;IAC9EC,EAAE,EAAC,MAAM;IACTC,IAAI,EAAC,YAAY;IACjBC,WAAW,EAAC;EAAW,CACvB,CAAA,eACFZ,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IACEO,GAAG,EAAC,SAAS;IACbC,IAAI,EAAC,sEAAsE;IAC3EC,EAAE,EAAC,MAAM;IACTC,IAAI,EAAC,YAAY;IACjBC,WAAW,EAAC;EAAW,CACvB,CAAA,eACFZ,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IACEO,GAAG,EAAC,SAAS;IACbC,IAAI,EAAC,uEAAuE;IAC5EC,EAAE,EAAC,MAAM;IACTC,IAAI,EAAC,YAAY;IACjBC,WAAW,EAAC;EAAW,CACvB,CAAA,eACFZ,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAO,GAAG,EAAC,SAAS;IACbC,IAAI,EAAC,iFAAiF;IACtFC,EAAE,EAAC,MAAM;IACTC,IAAI,EAAC,YAAY;IACjBC,WAAW,EAAC;EAAW,CAAA,CACvB,CACD;AAEP,CAAC;AAEY,IAAAC,QAAQ,GAAG,SAAAA,CAAA,EAAA;EAGtB,IAAMC,OAAO,GAAGC,UAAU,CAAC1B,YAAY,CAAC;EAExC,IAAI,CAACyB,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CAAC,iDAAiD,CAAC;EACnE;EAED,OAAOF,OAAO;AAChB,CAAA;"}

package/dist/esm/KaizenProvider/ThemeProvider/themes/heart.mjs

@@ -1,310 +0,0 @@
-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"
-    }
-  }
-};
-export { heartTheme };
-//# sourceMappingURL=heart.mjs.map