@kaizen/components 0.0.0-canary-bump-react-intl-20230830002428 → 0.0.0-canary-cg-test-20231009053130

package/dist/cjs/packages/components/src/KaizenProvider/ThemeProvider/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"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":["createContext","defaultTheme","__rest","useState","ThemeManager","useEffect","useContext"],"mappings":";;;;;;;AAUa,IAAA,YAAA,GAA+BA,oBAAqBC,kBAAY,EAAA;AAMhE,IAAA,aAAA,GAAgB,SAAC,EAM7B,EAAA;AALC,EAAA,IAAA,YAAA,GAAY,GAAA,YACT,EAAA,KAAA,GAAKC,iBAAA,EAFoB,EAAA,gBAG7B,CAAA,CAAA;AAIQ,EAAA,IAAA,oBAAA,GAAwBC,eAC7B,WAAA;AAAM,IAAA,OAAA,YAAA,IAAgB,IAAIC,yBAAA,CAAaH,kBAAY,CAAA,CAAA;AAAA,GAAC;AAGhD,EAAA,IAAA,EAAoB,GAAAE,cAAA,CACxB,oBAAqB,CAAA,eAAA,EAAiB,CAAA,EADjC,KAAK,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE;AAId,EAAAE,eAAA,CAAU,WAAA;AACR,IAAA,IAAI,SAAY,GAAA,KAAA,CAAA;AAChB,IAAM,IAAA,QAAA,GAAW,SAAC,QAAe,EAAA;AAC/B,MAAA,IAAI,CAAC,SAAA;AAAW,QAAA,QAAA,CAAS,QAAQ,CAAA,CAAA;AAAA,KACnC,CAAA;AACA,IAAA,oBAAA,CAAqB,uBAAuB,QAAQ,CAAA,CAAA;AACpD,IAAA,OAAO,WAAA;AACL,MAAY,SAAA,GAAA,IAAA,CAAA;AACZ,MAAA,oBAAA,CAAqB,0BAA0B,QAAQ,CAAA,CAAA;AAAA,KACzD,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,OACE,KAAA,CAAA,aAAA;AAAA,IAAA,KAAA,CAAA,QAAA;AAAA,IAAA,IAAA;AAAA,IACE,KAAA,CAAC,cAAA,YAAa,CAAA,QAAA,EAAS,EAAA,KAAO,EAAA,KAAA,EAC3B,EAAA,KAAA,CAAM,QAAQ,CAAA;AAAA,IAEjB,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,KAAI,SACJ,EAAA,IAAA,EAAK,oEACL,EAAA,EAAA,EAAG,MACH,EAAA,IAAA,EAAK,YACL,EAAA,WAAA,EAAY,aACZ,CAAA;AAAA,IACF,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,KAAI,SACJ,EAAA,IAAA,EAAK,yEACL,EAAA,EAAA,EAAG,MACH,EAAA,IAAA,EAAK,YACL,EAAA,WAAA,EAAY,aACZ,CAAA;AAAA,IACF,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,KAAI,SACJ,EAAA,IAAA,EAAK,sEACL,EAAA,EAAA,EAAG,MACH,EAAA,IAAA,EAAK,YACL,EAAA,WAAA,EAAY,aACZ,CAAA;AAAA,IACF,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,KAAI,SACJ,EAAA,IAAA,EAAK,uEACL,EAAA,EAAA,EAAG,MACH,EAAA,IAAA,EAAK,YACL,EAAA,WAAA,EAAY,aACZ,CAAA;AAAA,IACF,KACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,KAAI,SACJ,EAAA,IAAA,EAAK,iFACL,EAAA,EAAA,EAAG,MACH,EAAA,IAAA,EAAK,YACL,EAAA,WAAA,EAAY,aAAW,CAAA;AAAA,GACvB,CAAA;AAGR,EAAA;AAEO,IAAM,WAAW,WAAa;AAAA,EAAA,OAAAC,iBAAW,YAAY,CAAA,CAAA;AAAvB;;;;;;"}

package/dist/cjs/packages/components/src/KaizenProvider/ThemeProvider/themes/heart.js

@@ -0,0 +1,316 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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.default = heartTheme;
+exports.heartTheme = heartTheme;
+//# sourceMappingURL=heart.js.map

package/dist/cjs/packages/components/src/KaizenProvider/ThemeProvider/themes/heart.js.map

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

package/dist/cjs/packages/components/src/KaizenProvider/ThemeProvider/themes/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var heart = require('./heart.js');
+
+var defaultTheme = heart.heartTheme;
+
+exports.heartTheme = heart.heartTheme;
+exports.defaultTheme = defaultTheme;
+//# sourceMappingURL=index.js.map

package/dist/cjs/packages/components/src/KaizenProvider/ThemeProvider/themes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../src/KaizenProvider/ThemeProvider/themes/index.ts"],"sourcesContent":["export * from \"./heart\"\nexport * from \"./types\"\n\nimport { heartTheme } from \"./heart\"\nexport const defaultTheme = heartTheme\n"],"names":["heartTheme"],"mappings":";;;;AAIO,IAAM,YAAe,GAAAA;;;;;"}

package/dist/cjs/packages/components/src/Label/Label.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var classnames = require('classnames');
+var Label_module = require('./Label.module.scss.js');
+
+var Label = function(_a) {
+  var children = _a.children, _b = _a.labelText, labelText = _b === void 0 ? "" : _b, _c = _a.labelType, labelType = _c === void 0 ? "text" : _c, _d = _a.labelPosition, labelPosition = _d === void 0 ? "end" : _d, _e = _a.reversed, reversed = _e === void 0 ? false : _e, _f = _a.variant, variant = _f === void 0 ? "default" : _f, disabled = _a.disabled, classNameOverride = _a.classNameOverride, restProps = tslib_es6.__rest(_a, ["children", "labelText", "labelType", "labelPosition", "reversed", "variant", "disabled", "classNameOverride"]);
+  return React.createElement(
+    "label",
+    tslib_es6.__assign({ className: classnames(Label_module.label, classNameOverride, Label_module[labelType], reversed && Label_module.reversed, variant === "prominent" && Label_module.prominent, disabled && Label_module.disabled) }, restProps),
+    children,
+    React.createElement("span", { className: classnames(labelPosition === "start" && Label_module.prependedLabel, labelPosition === "end" && Label_module.appendedLabel) }, labelText)
+  );
+};
+Label.displayName = "Label";
+
+exports.Label = Label;
+//# sourceMappingURL=Label.js.map

package/dist/cjs/packages/components/src/Label/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sources":["../../../../../../src/Label/Label.tsx"],"sourcesContent":["import React, { LabelHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Label.module.scss\"\n\ntype LabelType = \"text\" | \"checkbox\" | \"toggle\" | \"radio\"\n\nexport type LabelProps = {\n  children?: React.ReactNode\n  labelText?: string | React.ReactNode\n  labelType?: LabelType\n  labelPosition?: \"start\" | \"end\"\n  reversed?: boolean\n  variant?: \"default\" | \"prominent\"\n  disabled?: boolean\n} & OverrideClassName<LabelHTMLAttributes<HTMLLabelElement>>\n\nexport const Label = ({\n  children,\n  labelText = \"\",\n  labelType = \"text\",\n  labelPosition = \"end\",\n  reversed = false,\n  variant = \"default\",\n  disabled,\n  classNameOverride,\n  ...restProps\n}: LabelProps): JSX.Element => (\n  <label\n    className={classnames(\n      styles.label,\n      classNameOverride,\n      styles[labelType],\n      reversed && styles.reversed,\n      variant === \"prominent\" && styles.prominent,\n      disabled && styles.disabled\n    )}\n    {...restProps}\n  >\n    {children}\n    <span\n      className={classnames(\n        labelPosition === \"start\" && styles.prependedLabel,\n        labelPosition === \"end\" && styles.appendedLabel\n      )}\n    >\n      {labelText}\n    </span>\n  </label>\n)\n\nLabel.displayName = \"Label\"\n"],"names":["__rest","__assign","styles"],"mappings":";;;;;;;AAiBa,IAAA,KAAA,GAAQ,SAAC,EAUT,EAAA;AATX,EAAA,IAAA,sBACA,EAAA,EAAA,GAAA,EAAA,CAAA,SAAA,EAAA,SAAS,GAAA,EAAA,KAAA,KAAG,CAAA,GAAA,EAAA,GAAE,EACd,EAAA,EAAA,iBAAA,wBAAY,CAAA,GAAA,MAAA,GAAM,EAClB,EAAA,EAAA,GAAqB,EAAA,CAAA,aAAA,EAArB,aAAa,GAAA,EAAA,KAAA,KAAG,CAAA,GAAA,KAAA,GAAK,EACrB,EAAA,EAAA,GAAgB,EAAA,CAAA,QAAA,EAAhB,QAAW,GAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,KACX,EAAA,EAAA,GAAA,EAAA,CAAA,OAAA,EAAA,OAAU,GAAA,EAAA,KAAA,KAAA,CAAA,GAAA,SAAA,KACV,EAAA,QAAA,gBACA,wCACG,EAAA,SAAA,GATiBA,gBAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,WAAA,EAAA,eAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,EAAA,mBAAA,CAUrB,CAAA,CAAA;AAA8B,EAAA,OAC7B,KACE,CAAA,aAAA;AAAA,IAAA,OAAA;AAAA,IAAAC,kBAAA,CAAA,EAAA,SAAW,EAAA,UAAA,CACTC,aAAO,KACP,EAAA,iBAAA,EACAA,YAAO,CAAA,SAAS,CAChB,EAAA,QAAA,IAAYA,aAAO,QACnB,EAAA,OAAA,KAAY,eAAeA,YAAO,CAAA,SAAA,EAClC,YAAYA,YAAO,CAAA,QAAQ,KAEzB,SAAS,CAAA;AAAA,IAEZ,QAAA;AAAA,IACD,MACE,aAAA,CAAA,MAAA,EAAA,EAAA,SAAA,EAAW,WACT,aAAkB,KAAA,OAAA,IAAWA,YAAO,CAAA,cAAA,EACpC,kBAAkB,KAAS,IAAAA,YAAA,CAAO,aAAa,CAAA,IAGhD,SAAS,CAAA;AAAA,GACL,CAAA;;AAIX,KAAA,CAAM,WAAc,GAAA,OAAA;;;;"}

package/dist/cjs/packages/components/src/Label/Label.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"label":"Label-module_label__Dmp7q","reversed":"Label-module_reversed__n6Q4r","disabled":"Label-module_disabled__qOB4e","text":"Label-module_text__LUnIh","radio":"Label-module_radio__-Iu-D","checkbox":"Label-module_checkbox__Fhjww","toggle":"Label-module_toggle__4tyKF","prependedLabel":"Label-module_prependedLabel__pdsEt","appendedLabel":"Label-module_appendedLabel__-OHis","prominent":"Label-module_prominent__SPdrr"};
+
+module.exports = styles;
+//# sourceMappingURL=Label.module.scss.js.map

package/dist/cjs/packages/components/src/Label/Label.module.scss.js.map

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

package/dist/cjs/packages/components/src/LabelledMessage/LabelledMessage.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var classnames = require('classnames');
+var LabelledMessage_module = require('./LabelledMessage.module.scss.js');
+
+var LabelledMessage = function(_a) {
+  var label = _a.label, message = _a.message, classNameOverride = _a.classNameOverride, restProps = tslib_es6.__rest(_a, ["label", "message", "classNameOverride"]);
+  return React.createElement(
+    "span",
+    tslib_es6.__assign({ className: classnames(LabelledMessage_module.labelledMessage, classNameOverride) }, restProps),
+    React.createElement("span", null, label),
+    React.createElement("span", { className: LabelledMessage_module.labelSeparator }, ":"),
+    React.createElement("span", null, message)
+  );
+};
+LabelledMessage.displayName = "LabelledMessage";
+
+exports.LabelledMessage = LabelledMessage;
+//# sourceMappingURL=LabelledMessage.js.map

package/dist/cjs/packages/components/src/LabelledMessage/LabelledMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelledMessage.js","sources":["../../../../../../src/LabelledMessage/LabelledMessage.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./LabelledMessage.module.scss\"\n\nexport type LabelledMessageProps = {\n  label: string | React.ReactElement\n  message: string | React.ReactElement\n} & OverrideClassName<HTMLAttributes<HTMLSpanElement>>\n\nexport const LabelledMessage = ({\n  label,\n  message,\n  classNameOverride,\n  ...restProps\n}: LabelledMessageProps): JSX.Element => (\n  <span\n    className={classnames(styles.labelledMessage, classNameOverride)}\n    {...restProps}\n  >\n    <span>{label}</span>\n    <span className={styles.labelSeparator}>:</span>\n    <span>{message}</span>\n  </span>\n)\n\nLabelledMessage.displayName = \"LabelledMessage\"\n"],"names":["__rest","__assign","styles"],"mappings":";;;;;;;AAUa,IAAA,eAAA,GAAkB,SAAC,EAKT,EAAA;AAJrB,EAAA,IAAA,QAAK,EAAA,CAAA,KAAA,EACL,OAAO,GAAA,EAAA,CAAA,SACP,iBAAiB,GAAA,EAAA,CAAA,iBACd,EAAA,SAAA,GAJ2BA,iBAAA,EAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,mBAAA,CAK/B,CAAA,CAAA;AAAwC,EAAA,OACvC,KAAA,CAAA,aAAA;AAAA,IAAA,MAAA;AAAA,IAAAC,kBAAA,CAAA,EACE,SAAW,EAAA,UAAA,CAAWC,uBAAO,eAAiB,EAAA,iBAAiB,KAC3D,SAAS,CAAA;AAAA,IAEb,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,KAAK,CAAA;AAAA,IACZ,KAAA,CAAA,cAAA,MAAA,EAAA,EAAM,WAAWA,sBAAO,CAAA,cAAA,IAAwB,GAAA,CAAA;AAAA,IAChD,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,OAAO,CAAA;AAAA,GAAQ,CAAA;;AAI1B,eAAA,CAAgB,WAAc,GAAA,iBAAA;;;;"}

package/dist/cjs/packages/components/src/LabelledMessage/LabelledMessage.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"labelledMessage":"LabelledMessage-module_labelledMessage__8hqzY","labelSeparator":"LabelledMessage-module_labelSeparator__f3zFN"};
+
+module.exports = styles;
+//# sourceMappingURL=LabelledMessage.module.scss.js.map

package/dist/cjs/packages/components/src/LabelledMessage/LabelledMessage.module.scss.js.map

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

package/dist/cjs/packages/components/src/MultiSelect/subcomponents/Popover/Popover.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var reactDom$1 = require('react-dom');
+var reactDom = require('@floating-ui/react-dom');
+var classnames = require('classnames');
+var reactFocusOn = require('react-focus-on');
+var Popover_module = require('./Popover.module.scss.js');
+
+var Popover = function(_a) {
+  var children = _a.children, refs = _a.refs, floatingOptions = _a.floatingOptions, focusOnProps = _a.focusOnProps, portalContainer = _a.portalContainer, classNameOverride = _a.classNameOverride, restProps = tslib_es6.__rest(_a, ["children", "refs", "floatingOptions", "focusOnProps", "portalContainer", "classNameOverride"]);
+  var floatingStyles = reactDom.useFloating(tslib_es6.__assign({ elements: {
+    reference: refs.reference.current,
+    floating: refs.floating.current
+  }, placement: "bottom-start", middleware: [
+    reactDom.offset(15),
+    reactDom.flip(),
+    reactDom.size({
+      apply: function(_a2) {
+        var availableWidth = _a2.availableWidth, availableHeight = _a2.availableHeight, elements = _a2.elements;
+        Object.assign(elements.floating.style, {
+          maxWidth: "".concat(Math.min(availableWidth, 400), "px"),
+          minWidth: "".concat(Math.min(availableWidth, 196), "px"),
+          maxHeight: "".concat(Math.min(availableHeight, 352), "px")
+        });
+      }
+    })
+  ], whileElementsMounted: reactDom.autoUpdate }, floatingOptions)).floatingStyles;
+  return reactDom$1.createPortal(React.createElement(
+    reactFocusOn.FocusOn,
+    tslib_es6.__assign({ scrollLock: false }, focusOnProps),
+    React.createElement("div", tslib_es6.__assign({ ref: refs.setFloating, style: floatingStyles, className: classnames(Popover_module.popover, classNameOverride), role: "dialog", "aria-modal": "true" }, restProps), children)
+  ), portalContainer !== null && portalContainer !== void 0 ? portalContainer : document.body);
+};
+Popover.displayName = "Popover";
+
+exports.Popover = Popover;
+//# sourceMappingURL=Popover.js.map

package/dist/cjs/packages/components/src/MultiSelect/subcomponents/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../../../../../../../src/MultiSelect/subcomponents/Popover/Popover.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport {\n  autoUpdate,\n  flip,\n  offset,\n  ReferenceType,\n  useFloating,\n  UseFloatingReturn,\n  UseFloatingOptions,\n  size,\n} from \"@floating-ui/react-dom\"\nimport classnames from \"classnames\"\nimport { FocusOn } from \"react-focus-on\"\nimport { ReactFocusOnProps } from \"react-focus-on/dist/es5/types\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Popover.module.scss\"\n\nexport type PopoverProps<RT extends ReferenceType = ReferenceType> = {\n  children: React.ReactNode\n  refs: UseFloatingReturn<RT>[\"refs\"]\n  /**\n   * passes in additional options / override for https://floating-ui.com/docs/tooltip#usefloating-hook\n   */\n  floatingOptions?: Omit<UseFloatingOptions, \"elements\">\n  focusOnProps?: Omit<ReactFocusOnProps, \"children\">\n  portalContainer?: Element | DocumentFragment\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Popover = <RT extends ReferenceType>({\n  children,\n  refs,\n  floatingOptions,\n  focusOnProps,\n  portalContainer,\n  classNameOverride,\n  ...restProps\n}: PopoverProps<RT>): JSX.Element => {\n  const { floatingStyles } = useFloating({\n    elements: {\n      reference: refs.reference.current,\n      floating: refs.floating.current,\n    },\n    placement: \"bottom-start\",\n    middleware: [\n      offset(15),\n      flip(),\n      size({\n        apply({ availableWidth, availableHeight, elements }) {\n          Object.assign(elements.floating.style, {\n            maxWidth: `${Math.min(availableWidth, 400)}px`,\n            minWidth: `${Math.min(availableWidth, 196)}px`,\n            maxHeight: `${Math.min(availableHeight, 352)}px`,\n          })\n        },\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n    ...floatingOptions,\n  })\n\n  return createPortal(\n    <FocusOn scrollLock={false} {...focusOnProps}>\n      <div\n        ref={refs.setFloating}\n        style={floatingStyles}\n        className={classnames(styles.popover, classNameOverride)}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        {...restProps}\n      >\n        {children}\n      </div>\n    </FocusOn>,\n    portalContainer ?? document.body\n  )\n}\n\nPopover.displayName = \"Popover\"\n"],"names":["__rest","useFloating","__assign","offset","flip","size","_a","autoUpdate","createPortal","FocusOn","styles"],"mappings":";;;;;;;;;;AA6Ba,IAAA,OAAA,GAAU,SAA2B,EAQ/B,EAAA;AAPjB,EAAA,IAAA,sBACA,EAAA,IAAA,YACA,oCACA,EAAA,YAAA,oBACA,oCACA,EAAA,iBAAA,yBACG,SAP6C,GAAAA,gBAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,mBAAA,CAQjD,CAAA,CAAA;AACS,EAAA,IAAA,cAAmB,GAAAC,oBAAA,CAAWC,kBAAA,CAAA,EACpC,QAAU,EAAA;AAAA,IACR,SAAA,EAAW,KAAK,SAAU,CAAA,OAAA;AAAA,IAC1B,QAAA,EAAU,KAAK,QAAS,CAAA,OAAA;AAAA,GACzB,EACD,SAAW,EAAA,cAAA,EACX,UAAY,EAAA;AAAA,IACVC,gBAAO,EAAE,CAAA;AAAA,IACTC,aAAM,EAAA;AAAA,IACNC,aAAK,CAAA;AAAA,MACH,KAAA,WAAMC,GAA6C,EAAA;AAA3C,QAAA,IAAA,qCAAgB,kBAAeA,GAAA,CAAA,eAAA,EAAE,WAAQA,GAAA,CAAA,QAAA,CAAA;AAC/C,QAAO,MAAA,CAAA,MAAA,CAAO,QAAS,CAAA,QAAA,CAAS,KAAO,EAAA;AAAA,UACrC,QAAA,EAAU,GAAG,MAAA,CAAA,IAAA,CAAK,IAAI,cAAgB,EAAA,GAAG,GAAK,IAAA,CAAA;AAAA,UAC9C,QAAA,EAAU,GAAG,MAAA,CAAA,IAAA,CAAK,IAAI,cAAgB,EAAA,GAAG,GAAK,IAAA,CAAA;AAAA,UAC9C,SAAA,EAAW,GAAG,MAAA,CAAA,IAAA,CAAK,IAAI,eAAiB,EAAA,GAAG,GAAK,IAAA,CAAA;AAAA,SACjD,CAAA,CAAA;AAAA,OACH;AAAA,KACD,CAAA;AAAA,KAEH,oBAAsB,EAAAC,mBAAA,EACnB,EAAA,eAAe,CAAA;AAGpB,EAAA,OAAOC,wBACL,KAAC,CAAA,aAAA;AAAA,IAAAC,oBAAA;AAAA,yBAAQ,UAAY,EAAA,KAAA,IAAW,YAAY,CAAA;AAAA,IAC1C,KAAA,CAAA,cAAA,KAAA,EAAAP,kBAAA,CAAA,EACE,GAAK,EAAA,IAAA,CAAK,WACV,EAAA,KAAA,EAAO,cACP,EAAA,SAAA,EAAW,WAAWQ,cAAO,CAAA,OAAA,EAAS,iBAAiB,CAAA,EACvD,IAAK,EAAA,QAAA,gBACM,MAAM,EAAA,EACb,SAAS,CAAA,EAEZ,QAAQ,CAAA;AAAA,KAGb,eAAA,KAAA,IAAA,IAAA,yBAAA,CAAA,GAAA,eAAA,GAAmB,SAAS,IAAI,CAAA,CAAA;AAEpC,EAAA;AAEA,OAAA,CAAQ,WAAc,GAAA,SAAA;;;;"}

package/dist/cjs/packages/components/src/MultiSelect/subcomponents/Popover/Popover.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"popover":"Popover-module_popover__B7k5I"};
+
+module.exports = styles;
+//# sourceMappingURL=Popover.module.scss.js.map

package/dist/cjs/packages/components/src/MultiSelect/subcomponents/Popover/Popover.module.scss.js.map

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

package/dist/cjs/packages/components/src/Notification/GenericNotification/GenericNotification.js

@@ -0,0 +1,119 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var classnames = require('classnames');
+var typography = require('@kaizen/typography');
+var CautionIcon = require('../../Icon/CautionIcon.js');
+var CloseIcon = require('../../Icon/CloseIcon.js');
+var ExclamationIcon = require('../../Icon/ExclamationIcon.js');
+var InformationIcon = require('../../Icon/InformationIcon.js');
+var SecurityTipIcon = require('../../Icon/SecurityTipIcon.js');
+var SuccessIcon = require('../../Icon/SuccessIcon.js');
+var GenericNotification_module = require('./GenericNotification.module.scss.js');
+
+var renderIcon = function(type) {
+  switch (type) {
+    case "positive":
+      return React.createElement(SuccessIcon.SuccessIcon, { role: "presentation", inheritSize: true });
+    case "negative":
+      return React.createElement(ExclamationIcon.ExclamationIcon, { role: "presentation", inheritSize: true });
+    case "cautionary":
+      return React.createElement(CautionIcon.CautionIcon, { role: "presentation", inheritSize: true });
+    case "informative":
+      return React.createElement(InformationIcon.InformationIcon, { role: "presentation", inheritSize: true });
+    case "security":
+      return React.createElement(SecurityTipIcon.SecurityTipIcon, { role: "presentation", inheritSize: true });
+    default:
+      return React.createElement(InformationIcon.InformationIcon, { role: "presentation", inheritSize: true });
+  }
+};
+var GenericNotification = (
+  /** @class */
+  function(_super) {
+    tslib_es6.__extends(GenericNotification2, _super);
+    function GenericNotification2(props) {
+      var _this = _super.call(this, props) || this;
+      _this.state = {
+        hidden: true,
+        removed: false
+      };
+      _this.containerRef = React.createRef();
+      _this.hide = _this.hide.bind(_this);
+      _this.onTransitionEnd = _this.onTransitionEnd.bind(_this);
+      return _this;
+    }
+    GenericNotification2.prototype.componentDidMount = function() {
+      var _this = this;
+      requestAnimationFrame(function() {
+        if (_this.containerRef.current) {
+          _this.setState({ hidden: false });
+        }
+      });
+    };
+    GenericNotification2.prototype.render = function() {
+      if (this.state.removed) {
+        return null;
+      }
+      return React.createElement(
+        "div",
+        { className: this.className(), style: { marginTop: this.marginTop() }, ref: this.containerRef, onTransitionEnd: this.onTransitionEnd },
+        React.createElement("div", { className: GenericNotification_module.icon }, renderIcon(this.props.type)),
+        React.createElement(
+          "div",
+          { className: this.textContainerClassName() },
+          this.props.style !== "global" && React.createElement(NotificationHeading, { titleProp: this.props.title, headingProps: this.props.headingProps }),
+          this.props.children && React.createElement("div", { className: GenericNotification_module.text }, this.props.children)
+        ),
+        !this.props.persistent && React.createElement(CancelButton, { onClick: this.hide })
+      );
+    };
+    GenericNotification2.prototype.className = function() {
+      return classnames(GenericNotification_module.notification, GenericNotification_module[this.props.type], GenericNotification_module[this.props.style], this.state.hidden && GenericNotification_module.hidden, this.props.noBottomMargin && GenericNotification_module.noBottomMargin, this.props.classNameOverride, this.props.persistent && GenericNotification_module.persistent);
+    };
+    GenericNotification2.prototype.textContainerClassName = function() {
+      return classnames(GenericNotification_module.textContainer, this.props.forceMultiline && GenericNotification_module.forceMultiline);
+    };
+    GenericNotification2.prototype.marginTop = function() {
+      if (this.state.hidden && this.containerRef.current) {
+        return -this.containerRef.current.clientHeight + "px";
+      }
+      return "0";
+    };
+    GenericNotification2.prototype.onTransitionEnd = function(e) {
+      if (this.state.hidden && e.propertyName === "margin-top") {
+        this.setState({ removed: true });
+        if (this.props.onHide) {
+          this.props.onHide();
+        }
+      }
+    };
+    GenericNotification2.prototype.hide = function() {
+      this.setState({ hidden: true });
+    };
+    GenericNotification2.defaultProps = {
+      persistent: false
+    };
+    return GenericNotification2;
+  }(React.Component)
+);
+var CancelButton = function(_a) {
+  var onClick = _a.onClick;
+  return React.createElement(
+    "button",
+    { className: GenericNotification_module.cancel, type: "button", onClick, "data-testid": "close-button", "aria-label": "Close notification" },
+    React.createElement(CloseIcon.CloseIcon, { role: "presentation" })
+  );
+};
+var NotificationHeading = function(_a) {
+  var titleProp = _a.titleProp, headingProps = _a.headingProps;
+  if (headingProps) {
+    return React.createElement(typography.Heading, { variant: headingProps.variant || "heading-6", tag: headingProps.tag || "div", color: headingProps.color || "dark", classNameOverride: GenericNotification_module.notificationTitle }, headingProps.children);
+  } else if (titleProp) {
+    return React.createElement(typography.Heading, { variant: "heading-6", tag: "div", color: "dark", classNameOverride: GenericNotification_module.notificationTitle }, titleProp);
+  } else
+    return null;
+};
+
+module.exports = GenericNotification;
+//# sourceMappingURL=GenericNotification.js.map