@hitachivantara/uikit-react-core 5.0.0-next.12 → 5.0.0-next.14

package/dist/cjs/providers/Provider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.cjs","sources":["../../../src/providers/Provider.tsx"],"sourcesContent":["import { css, Global, CacheProvider } from \"@emotion/react\";\nimport { CssBaseline, getThemesVars } from \"@hitachivantara/uikit-styles\";\nimport { parseThemes } from \"utils\";\nimport { HvTheme } from \"../types/theme\";\nimport { HvThemeProvider } from \"./ThemeProvider\";\nimport { emotionCache } from \"emotion\";\n\n// Provider props\nexport type HvProviderProps = {\n  /**\n   * Your component tree.\n   */\n  children?: React.ReactNode;\n  /**\n   * By default the baseline styles are applied globally to the application to avoid styling conflicts and for the UI Kit components to work properly.\n   * If you are providing your own baseline styles, you can set this property to false.\n   */\n  enableCssBaseline?: boolean;\n  /**\n   * Id of your root element. The theme's attributes and CSS variables will be set in this element.\n   * If no value is provided, the document's body will be used.\n   */\n  rootElementId?: string;\n  /**\n   * The UI Kit theme object used to set the theme and inject the customizations needed to meet specific design needs.\n   * If no value is provided, the default theme and mode will be `\"ds5\"` and `\"dawn\"`, respectively.\n   */\n  theme?: HvTheme;\n};\n\n/**\n * This component makes cross-component theme properties available down the React tree thanks to React context.\n *\n * The `HvProvider` should preferably be used at **the root of your component tree** and\n * be unique in the App in most cases.\n *\n * ```jsx\n * <HvProvider>\n *   <MyApp />\n * <HvProvider/>\n * ```\n *\n * If several `HvProvider`'s are used in parallel, you'll need to create different root elements and\n * set the `rootElementId` property for each one of the providers. Otherwise, the styling will not work properly.\n *\n * **UI Kit components will not work at all if the `HvProvider` is not configured correctly**,\n * as they will not be able to access the properties of the active theme.\n *\n */\nexport const HvProvider = ({\n  children,\n  rootElementId,\n  enableCssBaseline = true,\n  theme = {},\n}: HvProviderProps) => {\n  const {\n    baseTheme = \"ds5\",\n    baseColorMode = \"dawn\",\n    inheritColorModes = true,\n    name,\n    ...customizations\n  } = theme;\n\n  // Get themes list\n  const themes = parseThemes(\n    baseTheme,\n    name,\n    inheritColorModes,\n    customizations\n  );\n\n  return (\n    <CacheProvider value={emotionCache}>\n      <Global\n        styles={css`\n          ${enableCssBaseline && CssBaseline}\n          ${getThemesVars(themes)}\n        `}\n      />\n      <HvThemeProvider\n        themes={themes}\n        theme={name || baseTheme}\n        colorMode={baseColorMode}\n        rootElementId={rootElementId}\n      >\n        {children}\n      </HvThemeProvider>\n    </CacheProvider>\n  );\n};\n\nif (process.env.NODE_ENV !== \"production\") {\n  HvProvider.displayName = \"Provider\";\n}\n"],"names":["HvProvider","children","rootElementId","enableCssBaseline","theme","baseTheme","baseColorMode","inheritColorModes","name","customizations","themes","parseThemes","jsxs","CacheProvider","emotionCache","jsx","Global","CssBaseline","getThemesVars","process","env","NODE_ENV","HvThemeProvider","displayName"],"mappings":";;;;;;;;AAiDO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC,oBAAoB;AAAA,EACpBC,OAAAA,UAAQ,CAAC;AACM,MAAM;AACf,QAAA;AAAA,IACJC,YAAY;AAAA,IACZC,gBAAgB;AAAA,IAChBC,oBAAoB;AAAA,IACpBC;AAAAA,OACGC;AAAAA,EACDL,IAAAA;AAGJ,QAAMM,SAASC,MAAAA,YACbN,WACAG,MACAD,mBACAE,cAAc;AAId,SAAAG,2BAAA,KAACC,MAAc,eAAA,EAAA,OAAOC,MAAAA,cACpB,UAAA;AAAA,IAACC,2BAAAA,IAAAC,MAAA,QAAA,EACC,QACIb,sBAAAA,IAAAA,qBAAqBc,yBAAW,KAChCC,YAAAA,cAAcR,MAAM,GAACS,OAAAA,QAAAC,IAAAC,aAAAF,eAAAA,KAAAA,uBAAAA,QAAAC,IAAAC,aACvB,eAAA,KAAA,qrIAAA,EAAA,CAAA;AAAA,IAEJN,2BAAAA,IAACO,iCACC,QACA,OAAOd,QAAQH,WACf,WAAWC,eACX,eAECL,SACH,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;AAEA,IAAIkB,QAAQC,IAAIC,aAAa,cAAc;AACzCrB,aAAWuB,cAAc;AAC3B;;"}
+{"version":3,"file":"Provider.cjs","sources":["../../../src/providers/Provider.tsx"],"sourcesContent":["import { css, Global, CacheProvider } from \"@emotion/react\";\nimport {\n  CssBaseline,\n  getThemesVars,\n  HvThemeStructure,\n} from \"@hitachivantara/uikit-styles\";\nimport { processThemes } from \"utils\";\nimport { HvTheme } from \"../types/theme\";\nimport { HvThemeProvider } from \"./ThemeProvider\";\nimport { emotionCache } from \"utils/emotion\";\n\n// Provider props\nexport type HvProviderProps = {\n  /**\n   * Your component tree.\n   */\n  children?: React.ReactNode;\n  /**\n   * By default the baseline styles are applied globally to the application to avoid styling conflicts and for the UI Kit components to work properly.\n   * If you are providing your own baseline styles, you can set this property to false.\n   */\n  enableCssBaseline?: boolean;\n  /**\n   * Id of your root element. The theme's attributes and CSS variables will be set in this element.\n   *\n   * If no value is provided, the document's body will be used.\n   */\n  rootElementId?: string;\n  /**\n   * List of themes to be used by UI Kit.\n   * You can provide your own themes created with the `createTheme` utility and/or the default themes `ds3` and `ds5` provided by UI Kit.\n   *\n   * If no value is provided, the `ds5` theme will be used.\n   */\n  themes?: (HvTheme | HvThemeStructure)[];\n  /**\n   * The active theme. It must be one of the themes passed to `themes`.\n   *\n   * If no value is provided, the first theme from the `themes` list is used. If no `themes` list is provided, the `ds5` theme will be used.\n   */\n  theme?: string;\n  /**\n   * The active color mode. It must be one of the color modes of the active theme.\n   *\n   * If no value is provided, the first color mode defined in the active theme is used.\n   * For the default themes `ds3` and `ds5`, the `dawn` color mode is the one used.\n   */\n  colorMode?: string;\n};\n\n/**\n * Enables theming capabilities and makes cross-component theme properties available down the tree.\n */\nexport const HvProvider = ({\n  children,\n  rootElementId,\n  enableCssBaseline = true,\n  themes,\n  theme,\n  colorMode,\n}: HvProviderProps) => {\n  // Themes\n  const themesList: (HvTheme | HvThemeStructure)[] = processThemes(themes);\n\n  return (\n    <CacheProvider value={emotionCache}>\n      <Global\n        styles={css`\n          ${enableCssBaseline && CssBaseline}\n          ${getThemesVars(themesList)}\n        `}\n      />\n      <HvThemeProvider\n        themes={themesList}\n        theme={theme || themesList[0].name}\n        colorMode={colorMode || Object.keys(themesList[0].colors.modes)[0]}\n        rootElementId={rootElementId}\n      >\n        {children}\n      </HvThemeProvider>\n    </CacheProvider>\n  );\n};\n"],"names":["HvProvider","children","rootElementId","enableCssBaseline","themes","theme","colorMode","themesList","processThemes","CacheProvider","value","emotionCache","_jsx","Global","styles","CssBaseline","getThemesVars","process","env","NODE_ENV","HvThemeProvider","name","Object","keys","colors","modes"],"mappings":";;;;;;;;AAqDO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC,oBAAoB;AAAA,EACpBC;AAAAA,EAAAA,OACAC;AAAAA,EACAC;AACe,MAAM;AAEfC,QAAAA,aAA6CC,oBAAcJ,MAAM;AAEvE,yCACGK,MAAAA,eAAa;AAAA,IAACC,OAAOC,QAAAA;AAAAA,IAAaV,UAAA,CACjCW,2BAAAA,IAACC,cAAM;AAAA,MACLC,kCACIX,qBAAqBY,yBAAW,KAChCC,YAAAA,cAAcT,UAAU,UAACU,QAAAC,IAAAC,wDAAAF,QAAAC,IAAAC,aAAA,eAAA,KAAA,y8HAAA;AAAA,IAAA,CAE7B,GACFP,2BAAAA,IAACQ,+BAAe;AAAA,MACdhB,QAAQG;AAAAA,MACRF,OAAOA,WAASE,WAAW,CAAC,EAAEc;AAAAA,MAC9Bf,WAAWA,aAAagB,OAAOC,KAAKhB,WAAW,CAAC,EAAEiB,OAAOC,KAAK,EAAE,CAAC;AAAA,MACjEvB;AAAAA,MAA6BD;AAAAA,IAAAA,CAGb,CAAA;AAAA,EAAA,CACJ;AAEpB;;"}

package/dist/cjs/providers/ThemeProvider.cjs

@@ -1,20 +1,11 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const uikitStyles = require("@hitachivantara/uikit-styles");
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const styles = require("@mui/material/styles");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const theme = require("../utils/theme.cjs");
-const HvThemeContext = React.createContext({
-  themes: [],
-  activeTheme: void 0,
-  colorModes: [],
-  selectedTheme: "",
-  selectedMode: "",
-  changeTheme: () => {
-  },
-  rootId: void 0
-});
 const HvThemeProvider = ({
   children,
   themes: themesList,
@@ -24,18 +15,18 @@ const HvThemeProvider = ({
 }) => {
   let pTheme = uikitStyles.parseTheme(themesList, theme$1, colorMode);
   const [rootId] = React.useState(rootElementId);
-  const [activeTheme, setActiveTheme] = React.useState(themesList[pTheme.selected]);
-  const [selectedTheme, setSelectedTheme] = React.useState(pTheme.selected);
+  const [activeTheme, setActiveTheme] = React.useState(pTheme.theme);
+  const [selectedTheme, setSelectedTheme] = React.useState(pTheme.selectedTheme);
   const [selectedMode, setThemeMode] = React.useState(pTheme.selectedMode);
   const [colorModes, setColorModes] = React.useState(pTheme.colorModes);
-  const [themes] = React.useState(Object.keys(themesList));
+  const [themes] = React.useState(themesList.map((t) => t.name));
   const changeTheme = (newTheme = selectedTheme, newMode = selectedMode) => {
     pTheme = uikitStyles.parseTheme(themesList, newTheme, newMode);
-    setActiveTheme(themesList[pTheme.selected]);
-    setSelectedTheme(pTheme.selected);
+    setActiveTheme(pTheme.theme);
+    setSelectedTheme(pTheme.selectedTheme);
     setThemeMode(pTheme.selectedMode);
     setColorModes(pTheme.colorModes);
-    theme.setElementAttrs(pTheme.selected, pTheme.selectedMode, pTheme.styles, rootId);
+    theme.setElementAttrs(pTheme.selectedTheme, pTheme.selectedMode, pTheme.styles, rootId);
   };
   React.useEffect(() => {
     changeTheme(theme$1, colorMode);
@@ -52,12 +43,21 @@ const HvThemeProvider = ({
   const MuiTheme = styles.createTheme({
     breakpoints: {
       values: {
-        ...themesList[selectedTheme].breakpoints.values
+        ...activeTheme.breakpoints.values
       }
     }
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(styles.ThemeProvider, { theme: MuiTheme, children: /* @__PURE__ */ jsxRuntime.jsx(HvThemeContext.Provider, { value, children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(styles.ThemeProvider, {
+    theme: MuiTheme,
+    children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactShared.HvThemeContext.Provider, {
+      value,
+      children
+    })
+  });
 };
-exports.HvThemeContext = HvThemeContext;
+Object.defineProperty(exports, "HvThemeContext", {
+  enumerable: true,
+  get: () => uikitReactShared.HvThemeContext
+});
 exports.HvThemeProvider = HvThemeProvider;
 //# sourceMappingURL=ThemeProvider.cjs.map

package/dist/cjs/providers/ThemeProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.cjs","sources":["../../../src/providers/ThemeProvider.tsx"],"sourcesContent":["import { createContext, useEffect, useMemo, useState } from \"react\";\nimport {\n  HvBaseTheme,\n  parseTheme,\n  HvThemeColorMode,\n} from \"@hitachivantara/uikit-styles\";\nimport {\n  createTheme,\n  ThemeProvider as MuiThemeProvider,\n} from \"@mui/material/styles\";\nimport { setElementAttrs } from \"utils\";\nimport { HvCustomizedTheme } from \"../types/theme\";\n\ninterface HvThemeContextValue {\n  themes: (HvBaseTheme | string)[];\n  activeTheme?: HvCustomizedTheme;\n  colorModes: (HvThemeColorMode | string)[];\n  selectedTheme: HvBaseTheme | string;\n  selectedMode: HvThemeColorMode | string;\n  changeTheme: (\n    theme?: HvBaseTheme | string,\n    mode?: HvThemeColorMode | string\n  ) => void;\n  rootId?: string;\n}\n\ninterface HvThemeProviderProps {\n  children: React.ReactNode;\n  themes: { [themeName: string]: HvCustomizedTheme };\n  theme: HvBaseTheme | string;\n  colorMode: HvThemeColorMode | string;\n  rootElementId?: string;\n}\n\nexport const HvThemeContext = createContext<HvThemeContextValue>({\n  themes: [],\n  activeTheme: undefined,\n  colorModes: [],\n  selectedTheme: \"\",\n  selectedMode: \"\",\n  changeTheme: () => {},\n  rootId: undefined,\n});\n\nexport const HvThemeProvider = ({\n  children,\n  themes: themesList,\n  theme,\n  colorMode,\n  rootElementId,\n}: HvThemeProviderProps) => {\n  let pTheme = parseTheme(themesList, theme, colorMode);\n\n  const [rootId] = useState<string | undefined>(rootElementId);\n  const [activeTheme, setActiveTheme] = useState<HvCustomizedTheme>(\n    themesList[pTheme.selected]\n  );\n  const [selectedTheme, setSelectedTheme] = useState<string>(pTheme.selected);\n  const [selectedMode, setThemeMode] = useState<string>(pTheme.selectedMode);\n  const [colorModes, setColorModes] = useState<string[]>(pTheme.colorModes);\n  const [themes] = useState<string[]>(Object.keys(themesList));\n\n  const changeTheme = (newTheme = selectedTheme, newMode = selectedMode) => {\n    pTheme = parseTheme(themesList, newTheme, newMode);\n\n    setActiveTheme(themesList[pTheme.selected]);\n    setSelectedTheme(pTheme.selected);\n    setThemeMode(pTheme.selectedMode);\n    setColorModes(pTheme.colorModes);\n\n    setElementAttrs(\n      pTheme.selected,\n      pTheme.selectedMode,\n      pTheme.styles,\n      rootId\n    );\n  };\n\n  useEffect(() => {\n    changeTheme(theme, colorMode);\n  }, [theme, colorMode]);\n\n  const value = useMemo(\n    () => ({\n      themes,\n      colorModes,\n      activeTheme,\n      selectedTheme,\n      selectedMode,\n      changeTheme,\n      rootId,\n    }),\n    [\n      themes,\n      colorModes,\n      activeTheme,\n      selectedTheme,\n      selectedMode,\n      changeTheme,\n      rootId,\n    ]\n  );\n\n  const MuiTheme = createTheme({\n    breakpoints: {\n      values: {\n        ...themesList[selectedTheme].breakpoints.values,\n      },\n    },\n  });\n\n  return (\n    <MuiThemeProvider theme={MuiTheme}>\n      <HvThemeContext.Provider value={value}>\n        {children}\n      </HvThemeContext.Provider>\n    </MuiThemeProvider>\n  );\n};\n"],"names":["HvThemeContext","createContext","themes","activeTheme","undefined","colorModes","selectedTheme","selectedMode","changeTheme","rootId","HvThemeProvider","children","themesList","theme","colorMode","rootElementId","pTheme","parseTheme","useState","setActiveTheme","selected","setSelectedTheme","setThemeMode","setColorModes","Object","keys","newTheme","newMode","setElementAttrs","styles","useEffect","value","useMemo","MuiTheme","createTheme","breakpoints","values","jsx","MuiThemeProvider"],"mappings":";;;;;;;AAkCO,MAAMA,iBAAiBC,MAAAA,cAAmC;AAAA,EAC/DC,QAAQ,CAAE;AAAA,EACVC,aAAaC;AAAAA,EACbC,YAAY,CAAE;AAAA,EACdC,eAAe;AAAA,EACfC,cAAc;AAAA,EACdC,aAAaA,MAAM;AAAA,EAAC;AAAA,EACpBC,QAAQL;AACV,CAAC;AAEM,MAAMM,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAT,QAAQU;AAAAA,EAAAA,OACRC;AAAAA,EACAC;AAAAA,EACAC;AACoB,MAAM;AAC1B,MAAIC,SAASC,YAAAA,WAAWL,YAAYC,SAAOC,SAAS;AAEpD,QAAM,CAACL,MAAM,IAAIS,MAAAA,SAA6BH,aAAa;AAC3D,QAAM,CAACZ,aAAagB,cAAc,IAAID,MAAAA,SACpCN,WAAWI,OAAOI,SAAS;AAE7B,QAAM,CAACd,eAAee,gBAAgB,IAAIH,MAAAA,SAAiBF,OAAOI,QAAQ;AAC1E,QAAM,CAACb,cAAce,YAAY,IAAIJ,MAAAA,SAAiBF,OAAOT,YAAY;AACzE,QAAM,CAACF,YAAYkB,aAAa,IAAIL,MAAAA,SAAmBF,OAAOX,UAAU;AACxE,QAAM,CAACH,MAAM,IAAIgB,eAAmBM,OAAOC,KAAKb,UAAU,CAAC;AAE3D,QAAMJ,cAAcA,CAACkB,WAAWpB,eAAeqB,UAAUpB,iBAAiB;AAC/DU,aAAAA,YAAAA,WAAWL,YAAYc,UAAUC,OAAO;AAElCf,mBAAAA,WAAWI,OAAOI,SAAS;AAC1CC,qBAAiBL,OAAOI,QAAQ;AAChCE,iBAAaN,OAAOT,YAAY;AAChCgB,kBAAcP,OAAOX,UAAU;AAE/BuB,0BACEZ,OAAOI,UACPJ,OAAOT,cACPS,OAAOa,QACPpB,MAAM;AAAA,EAAA;AAIVqB,QAAAA,UAAU,MAAM;AACdtB,gBAAYK,SAAOC,SAAS;AAAA,EAAA,GAC3B,CAACD,SAAOC,SAAS,CAAC;AAEfiB,QAAAA,QAAQC,MAAAA,QACZ,OAAO;AAAA,IACL9B;AAAAA,IACAG;AAAAA,IACAF;AAAAA,IACAG;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,EAAAA,IAEF,CACEP,QACAG,YACAF,aACAG,eACAC,cACAC,aACAC,MAAM,CACP;AAGH,QAAMwB,WAAWC,OAAAA,YAAY;AAAA,IAC3BC,aAAa;AAAA,MACXC,QAAQ;AAAA,QACN,GAAGxB,WAAWN,eAAe6B,YAAYC;AAAAA,MAC3C;AAAA,IACF;AAAA,EAAA,CACD;AAGC,SAAAC,2BAAA,IAACC,OAAiB,eAAA,EAAA,OAAOL,UACvB,UAAAI,2BAAAA,IAAC,eAAe,UAAf,EAAwB,OACtB1B,SACH,CAAA,EACF,CAAA;AAEJ;;;"}
+{"version":3,"file":"ThemeProvider.cjs","sources":["../../../src/providers/ThemeProvider.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { parseTheme, HvThemeStructure } from \"@hitachivantara/uikit-styles\";\nimport { HvThemeContext } from \"@hitachivantara/uikit-react-shared\";\nimport type { HvThemeContextValue } from \"@hitachivantara/uikit-react-shared\";\nimport {\n  createTheme,\n  ThemeProvider as MuiThemeProvider,\n} from \"@mui/material/styles\";\nimport { setElementAttrs } from \"utils\";\nimport { HvTheme } from \"../types/theme\";\n\nexport { HvThemeContext };\nexport type { HvThemeContextValue };\n\ninterface HvThemeProviderProps {\n  children: React.ReactNode;\n  themes: (HvTheme | HvThemeStructure)[];\n  theme: string;\n  colorMode: string;\n  rootElementId?: string;\n}\n\nexport const HvThemeProvider = ({\n  children,\n  themes: themesList,\n  theme,\n  colorMode,\n  rootElementId,\n}: HvThemeProviderProps) => {\n  let pTheme = parseTheme(themesList, theme, colorMode);\n\n  const [rootId] = useState<string | undefined>(rootElementId);\n  const [activeTheme, setActiveTheme] = useState<HvTheme | HvThemeStructure>(\n    pTheme.theme\n  );\n  const [selectedTheme, setSelectedTheme] = useState<string>(\n    pTheme.selectedTheme\n  );\n  const [selectedMode, setThemeMode] = useState<string>(pTheme.selectedMode);\n  const [colorModes, setColorModes] = useState<string[]>(pTheme.colorModes);\n  const [themes] = useState<string[]>(themesList.map((t) => t.name));\n\n  const changeTheme = (newTheme = selectedTheme, newMode = selectedMode) => {\n    pTheme = parseTheme(themesList, newTheme, newMode);\n\n    setActiveTheme(pTheme.theme);\n    setSelectedTheme(pTheme.selectedTheme);\n    setThemeMode(pTheme.selectedMode);\n    setColorModes(pTheme.colorModes);\n\n    setElementAttrs(\n      pTheme.selectedTheme,\n      pTheme.selectedMode,\n      pTheme.styles,\n      rootId\n    );\n  };\n\n  useEffect(() => {\n    changeTheme(theme, colorMode);\n  }, [theme, colorMode]);\n\n  const value = useMemo(\n    () => ({\n      themes,\n      colorModes,\n      activeTheme: activeTheme as HvTheme,\n      selectedTheme,\n      selectedMode,\n      changeTheme,\n      rootId,\n    }),\n    [\n      themes,\n      colorModes,\n      activeTheme,\n      selectedTheme,\n      selectedMode,\n      changeTheme,\n      rootId,\n    ]\n  );\n\n  const MuiTheme = createTheme({\n    breakpoints: {\n      values: {\n        ...activeTheme.breakpoints.values,\n      },\n    },\n  });\n\n  return (\n    <MuiThemeProvider theme={MuiTheme}>\n      <HvThemeContext.Provider value={value}>\n        {children}\n      </HvThemeContext.Provider>\n    </MuiThemeProvider>\n  );\n};\n"],"names":["HvThemeProvider","children","themes","themesList","theme","colorMode","rootElementId","pTheme","parseTheme","rootId","useState","activeTheme","setActiveTheme","selectedTheme","setSelectedTheme","selectedMode","setThemeMode","colorModes","setColorModes","map","t","name","changeTheme","newTheme","newMode","setElementAttrs","styles","useEffect","value","useMemo","MuiTheme","createTheme","breakpoints","values","MuiThemeProvider","HvThemeContext","Provider"],"mappings":";;;;;;;;AAsBO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC,QAAQC;AAAAA,EAAAA,OACRC;AAAAA,EACAC;AAAAA,EACAC;AACoB,MAAM;AAC1B,MAAIC,SAASC,YAAAA,WAAWL,YAAYC,SAAOC,SAAS;AAEpD,QAAM,CAACI,MAAM,IAAIC,MAAAA,SAA6BJ,aAAa;AAC3D,QAAM,CAACK,aAAaC,cAAc,IAAIF,MAAAA,SACpCH,OAAOH,KAAK;AAEd,QAAM,CAACS,eAAeC,gBAAgB,IAAIJ,MAAAA,SACxCH,OAAOM,aAAa;AAEtB,QAAM,CAACE,cAAcC,YAAY,IAAIN,MAAAA,SAAiBH,OAAOQ,YAAY;AACzE,QAAM,CAACE,YAAYC,aAAa,IAAIR,MAAAA,SAAmBH,OAAOU,UAAU;AAClE,QAAA,CAACf,MAAM,IAAIQ,MAAAA,SAAmBP,WAAWgB,IAAKC,CAAAA,MAAMA,EAAEC,IAAI,CAAC;AAEjE,QAAMC,cAAcA,CAACC,WAAWV,eAAeW,UAAUT,iBAAiB;AAC/DP,aAAAA,YAAAA,WAAWL,YAAYoB,UAAUC,OAAO;AAEjDZ,mBAAeL,OAAOH,KAAK;AAC3BU,qBAAiBP,OAAOM,aAAa;AACrCG,iBAAaT,OAAOQ,YAAY;AAChCG,kBAAcX,OAAOU,UAAU;AAE/BQ,0BACElB,OAAOM,eACPN,OAAOQ,cACPR,OAAOmB,QACPjB,MAAM;AAAA,EAAA;AAIVkB,QAAAA,UAAU,MAAM;AACdL,gBAAYlB,SAAOC,SAAS;AAAA,EAAA,GAC3B,CAACD,SAAOC,SAAS,CAAC;AAEfuB,QAAAA,QAAQC,MAAAA,QACZ,OAAO;AAAA,IACL3B;AAAAA,IACAe;AAAAA,IACAN;AAAAA,IACAE;AAAAA,IACAE;AAAAA,IACAO;AAAAA,IACAb;AAAAA,EAAAA,IAEF,CACEP,QACAe,YACAN,aACAE,eACAE,cACAO,aACAb,MAAM,CACP;AAGH,QAAMqB,WAAWC,OAAAA,YAAY;AAAA,IAC3BC,aAAa;AAAA,MACXC,QAAQ;AAAA,QACN,GAAGtB,YAAYqB,YAAYC;AAAAA,MAC7B;AAAA,IACF;AAAA,EAAA,CACD;AAED,wCACGC,OAAAA,eAAgB;AAAA,IAAC9B,OAAO0B;AAAAA,IAAS7B,UAC/BkC,2BAAAA,IAAAA,iBAAAA,eAAeC,UAAQ;AAAA,MAACR;AAAAA,MAAa3B;AAAAA,IAAAA,CAC3B;AAAA,EAAA,CAEM;AAEvB;;;;;;"}

package/dist/cjs/utils/Random.cjs

@@ -1,16 +1,7 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 class Random {
   constructor(seed = 0, max = 1, min = 0) {
-    __publicField(this, "i");
-    __publicField(this, "max");
-    __publicField(this, "min");
     this.i = seed;
     this.max = max;
     this.min = min;

package/dist/cjs/utils/Random.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Random.cjs","sources":["../../../src/utils/Random.ts"],"sourcesContent":["export default class Random {\n  i: number;\n\n  max: number;\n\n  min: number;\n\n  constructor(seed = 0, max = 1, min = 0) {\n    this.i = seed;\n    this.max = max;\n    this.min = min;\n  }\n\n  next(max = this.max, min = this.min) {\n    const r = (Math.abs(Math.sin(this.i)) * 10 ** 4) % 1;\n    this.i += 1;\n    return Math.floor(r * (max - min + 1)) + min;\n  }\n}\n"],"names":["Random","constructor","seed","max","min","i","next","r","Math","abs","sin","floor"],"mappings":";;;;;;;;AAAA,MAAqBA,OAAO;AAAA,EAO1BC,YAAYC,OAAO,GAAGC,MAAM,GAAGC,MAAM,GAAG;AANxCC;AAEAF;AAEAC;AAGE,SAAKC,IAAIH;AACT,SAAKC,MAAMA;AACX,SAAKC,MAAMA;AAAAA,EACb;AAAA,EAEAE,KAAKH,MAAM,KAAKA,KAAKC,MAAM,KAAKA,KAAK;AAC7BG,UAAAA,IAAKC,KAAKC,IAAID,KAAKE,IAAI,KAAKL,CAAC,CAAC,IAAI,MAAM,IAAK;AACnD,SAAKA,KAAK;AACV,WAAOG,KAAKG,MAAMJ,KAAKJ,MAAMC,MAAM,EAAE,IAAIA;AAAAA,EAC3C;AACF;;"}
+{"version":3,"file":"Random.cjs","sources":["../../../src/utils/Random.ts"],"sourcesContent":["export default class Random {\n  i: number;\n\n  max: number;\n\n  min: number;\n\n  constructor(seed = 0, max = 1, min = 0) {\n    this.i = seed;\n    this.max = max;\n    this.min = min;\n  }\n\n  next(max = this.max, min = this.min) {\n    const r = (Math.abs(Math.sin(this.i)) * 10 ** 4) % 1;\n    this.i += 1;\n    return Math.floor(r * (max - min + 1)) + min;\n  }\n}\n"],"names":["Random","constructor","seed","max","min","i","next","r","Math","abs","sin","floor"],"mappings":";;AAAA,MAAqBA,OAAO;AAAA,EAO1BC,YAAYC,OAAO,GAAGC,MAAM,GAAGC,MAAM,GAAG;AACtC,SAAKC,IAAIH;AACT,SAAKC,MAAMA;AACX,SAAKC,MAAMA;AAAAA,EACb;AAAA,EAEAE,KAAKH,MAAM,KAAKA,KAAKC,MAAM,KAAKA,KAAK;AAC7BG,UAAAA,IAAKC,KAAKC,IAAID,KAAKE,IAAI,KAAKL,CAAC,CAAC,IAAI,MAAM,IAAK;AACnD,SAAKA,KAAK;AACV,WAAOG,KAAKG,MAAMJ,KAAKJ,MAAMC,MAAM,EAAE,IAAIA;AAAAA,EAC3C;AACF;;"}

package/dist/cjs/utils/classes.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const getClasses = (keys, name) => {
   const classesObj = {};
   keys.forEach((key) => {

package/dist/cjs/utils/classes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"classes.cjs","sources":["../../../src/utils/classes.ts"],"sourcesContent":["export const getClasses = <T>(keys: string[], name: string): T => {\n  const classesObj = {};\n  keys.forEach((key: string) => {\n    classesObj[key] = `${name}-${key}`;\n  });\n  return classesObj as T;\n};\n"],"names":["getClasses","keys","name","classesObj","forEach","key"],"mappings":";;AAAaA,MAAAA,aAAa,CAAIC,MAAgBC,SAAoB;AAChE,QAAMC,aAAa,CAAA;AACdC,OAAAA,QAAQ,CAACC,QAAgB;AACjBA,eAAAA,OAAQ,GAAEH,QAAQG;AAAAA,EAAAA,CAC9B;AACMF,SAAAA;AACT;;"}
+{"version":3,"file":"classes.cjs","sources":["../../../src/utils/classes.ts"],"sourcesContent":["export const getClasses = <T>(keys: string[], name: string): T => {\n  const classesObj = {};\n  keys.forEach((key: string) => {\n    classesObj[key] = `${name}-${key}`;\n  });\n  return classesObj as T;\n};\n"],"names":["getClasses","keys","name","classesObj","forEach","key"],"mappings":";;AAAaA,MAAAA,aAAa,CAAIC,MAAgBC,SAAoB;AAChE,QAAMC,aAAa,CAAA;AACdC,OAAAA,QAAQ,CAACC,QAAgB;AACjBA,eAAAA,GAAG,IAAK,GAAEH,QAAQG;AAAAA,EAAAA,CAC9B;AACMF,SAAAA;AACT;;"}

package/dist/cjs/{emotion/cache.cjs → utils/emotion.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const createCache = require("@emotion/cache");
 const createEmotion = require("@emotion/css/create-instance");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -36,4 +36,4 @@ exports.injectGlobal = injectGlobal;
 exports.keyframes = keyframes;
 exports.merge = merge;
 exports.sheet = sheet;
-//# sourceMappingURL=cache.cjs.map
+//# sourceMappingURL=emotion.cjs.map

package/dist/cjs/utils/emotion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"emotion.cjs","sources":["../../../src/utils/emotion.tsx"],"sourcesContent":["import createCache from \"@emotion/cache\";\nimport createEmotion from \"@emotion/css/create-instance\";\n\n/**\n * Moves UI Kit styles to the top of the <head> so they're loaded first.\n * This enables users to override the UI Kit styles if necessary.\n */\n\nconst key: string = \"hv-uikit\";\n\nexport const emotionCache = createCache({\n  key: `${key}-style`,\n  prepend: true,\n});\n\nexport const {\n  flush,\n  hydrate,\n  cx,\n  merge,\n  getRegisteredStyles,\n  injectGlobal,\n  keyframes,\n  css,\n  sheet,\n  cache,\n} = createEmotion({\n  key: `${key}-css`,\n  prepend: true,\n});\n"],"names":["key","emotionCache","createCache","prepend","flush","hydrate","cx","merge","getRegisteredStyles","injectGlobal","keyframes","css","sheet","cache","createEmotion"],"mappings":";;;;;;;AAQA,MAAMA,MAAc;AAEb,MAAMC,eAAeC,qBAAAA,QAAY;AAAA,EACtCF,KAAM,GAAEA;AAAAA,EACRG,SAAS;AACX,CAAC;AAEY,MAAA;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACF,IAAIC,+BAAc;AAAA,EAChBd,KAAM,GAAEA;AAAAA,EACRG,SAAS;AACX,CAAC;;;;;;;;;;;;"}

package/dist/cjs/utils/focusUtils.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const outlineStyles = {
   outlineColor: "#52A8EC",
   outlineStyle: "solid",

package/dist/cjs/utils/focusableElementFinder.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"focusableElementFinder.cjs","sources":["../../../src/utils/focusableElementFinder.ts"],"sourcesContent":["const SELECTORS =\n  'input, button, select, textarea, a[href], [tabindex]:not([tabindex=\"-1\"]';\n\n/**\n * Gets the list of focusable elements.\n * @param node\n * @returns {*|NodeListOf<HTMLElementTagNameMap[string]>|NodeListOf<*>|NodeListOf<SVGElementTagNameMap[string]>|*[]}\n */\nconst getFocusableList = (node) =>\n  (node && node.querySelectorAll(SELECTORS)) || [];\n\n/**\n * Auxiliary function to find adjacent nodes to focus.\n *\n * @param nodeId\n * @returns {{prevFocus: *, nextFocus: *}}\n */\nconst getPrevNextFocus = (nodeId) => {\n  const nodes = getFocusableList(document);\n\n  const nbNodes = nodes.length;\n  let index = 0;\n  for (; index < nbNodes; index += 1) {\n    if (nodes[index].id === nodeId) {\n      break;\n    }\n  }\n  return {\n    nextFocus: nodes[index + 1 > nbNodes - 1 ? 0 : index + 1],\n    prevFocus: nodes[index - 1 < 0 ? nbNodes - 1 : index - 1],\n  };\n};\n\n/**\n * Get the first and last focusable element from a node.\n *\n * @param nodeId\n * @returns {{last: *, first: *}}\n */\nconst getFirstAndLastFocus = (node) => {\n  const focusableList = getFocusableList(node);\n\n  return {\n    first: focusableList[0] || null,\n    last: focusableList[focusableList.length - 1] || null,\n  };\n};\n\nexport { getFocusableList, getFirstAndLastFocus, getPrevNextFocus };\nexport default getPrevNextFocus;\n"],"names":["SELECTORS","getFocusableList","node","querySelectorAll","getPrevNextFocus","nodeId","nodes","document","nbNodes","length","index","id","nextFocus","prevFocus","getFirstAndLastFocus","focusableList","first","last"],"mappings":";;AAAA,MAAMA,YACJ;AAOF,MAAMC,mBAAoBC,CACvBA,SAAAA,QAAQA,KAAKC,iBAAiBH,SAAS,KAAM,CAAE;AAQlD,MAAMI,mBAAoBC,CAAW,WAAA;AAC7BC,QAAAA,QAAQL,iBAAiBM,QAAQ;AAEvC,QAAMC,UAAUF,MAAMG;AACtB,MAAIC,QAAQ;AACLA,SAAAA,QAAQF,SAASE,SAAS,GAAG;AAC9BJ,QAAAA,MAAMI,OAAOC,OAAON,QAAQ;AAC9B;AAAA,IACF;AAAA,EACF;AACO,SAAA;AAAA,IACLO,WAAWN,MAAMI,QAAQ,IAAIF,UAAU,IAAI,IAAIE,QAAQ;AAAA,IACvDG,WAAWP,MAAMI,QAAQ,IAAI,IAAIF,UAAU,IAAIE,QAAQ;AAAA,EAAA;AAE3D;AAQA,MAAMI,uBAAwBZ,CAAS,SAAA;AAC/Ba,QAAAA,gBAAgBd,iBAAiBC,IAAI;AAEpC,SAAA;AAAA,IACLc,OAAOD,cAAc,MAAM;AAAA,IAC3BE,MAAMF,cAAcA,cAAcN,SAAS,MAAM;AAAA,EAAA;AAErD;;;;;"}
+{"version":3,"file":"focusableElementFinder.cjs","sources":["../../../src/utils/focusableElementFinder.ts"],"sourcesContent":["const SELECTORS =\n  'input, button, select, textarea, a[href], [tabindex]:not([tabindex=\"-1\"]';\n\n/**\n * Gets the list of focusable elements.\n * @param node\n * @returns {*|NodeListOf<HTMLElementTagNameMap[string]>|NodeListOf<*>|NodeListOf<SVGElementTagNameMap[string]>|*[]}\n */\nconst getFocusableList = (node) =>\n  (node && node.querySelectorAll(SELECTORS)) || [];\n\n/**\n * Auxiliary function to find adjacent nodes to focus.\n *\n * @param nodeId\n * @returns {{prevFocus: *, nextFocus: *}}\n */\nconst getPrevNextFocus = (nodeId) => {\n  const nodes = getFocusableList(document);\n\n  const nbNodes = nodes.length;\n  let index = 0;\n  for (; index < nbNodes; index += 1) {\n    if (nodes[index].id === nodeId) {\n      break;\n    }\n  }\n  return {\n    nextFocus: nodes[index + 1 > nbNodes - 1 ? 0 : index + 1],\n    prevFocus: nodes[index - 1 < 0 ? nbNodes - 1 : index - 1],\n  };\n};\n\n/**\n * Get the first and last focusable element from a node.\n *\n * @param nodeId\n * @returns {{last: *, first: *}}\n */\nconst getFirstAndLastFocus = (node) => {\n  const focusableList = getFocusableList(node);\n\n  return {\n    first: focusableList[0] || null,\n    last: focusableList[focusableList.length - 1] || null,\n  };\n};\n\nexport { getFocusableList, getFirstAndLastFocus, getPrevNextFocus };\nexport default getPrevNextFocus;\n"],"names":["SELECTORS","getFocusableList","node","querySelectorAll","getPrevNextFocus","nodeId","nodes","document","nbNodes","length","index","id","nextFocus","prevFocus","getFirstAndLastFocus","focusableList","first","last"],"mappings":";;AAAA,MAAMA,YACJ;AAOF,MAAMC,mBAAoBC,CACvBA,SAAAA,QAAQA,KAAKC,iBAAiBH,SAAS,KAAM,CAAE;AAQlD,MAAMI,mBAAoBC,CAAW,WAAA;AAC7BC,QAAAA,QAAQL,iBAAiBM,QAAQ;AAEvC,QAAMC,UAAUF,MAAMG;AACtB,MAAIC,QAAQ;AACLA,SAAAA,QAAQF,SAASE,SAAS,GAAG;AAClC,QAAIJ,MAAMI,KAAK,EAAEC,OAAON,QAAQ;AAC9B;AAAA,IACF;AAAA,EACF;AACO,SAAA;AAAA,IACLO,WAAWN,MAAMI,QAAQ,IAAIF,UAAU,IAAI,IAAIE,QAAQ,CAAC;AAAA,IACxDG,WAAWP,MAAMI,QAAQ,IAAI,IAAIF,UAAU,IAAIE,QAAQ,CAAC;AAAA,EAAA;AAE5D;AAQA,MAAMI,uBAAwBZ,CAAS,SAAA;AAC/Ba,QAAAA,gBAAgBd,iBAAiBC,IAAI;AAEpC,SAAA;AAAA,IACLc,OAAOD,cAAc,CAAC,KAAK;AAAA,IAC3BE,MAAMF,cAAcA,cAAcN,SAAS,CAAC,KAAK;AAAA,EAAA;AAErD;;;;;"}

package/dist/cjs/utils/iconVariant.cjs

@@ -1,17 +1,28 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const iconVariant = (variant, color, semantic) => {
   switch (variant) {
     case "success":
-      return /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Success, { color, semantic: semantic && "sema1" });
+      return /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Success, {
+        color,
+        semantic: semantic && "sema1"
+      });
     case "warning":
-      return /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Caution, { color, semantic: semantic && "sema3" });
+      return /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Caution, {
+        color,
+        semantic: semantic && "sema3"
+      });
     case "error":
-      return /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Fail, { color, semantic: semantic && "sema4" });
+      return /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Fail, {
+        color,
+        semantic: semantic && "sema4"
+      });
     case "info":
-      return /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Info, { color });
+      return /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Info, {
+        color
+      });
     default:
       return null;
   }

package/dist/cjs/utils/iconVariant.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"iconVariant.cjs","sources":["../../../src/utils/iconVariant.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Fail,\n  Success,\n  Caution,\n  Info,\n} from \"@hitachivantara/uikit-react-icons\";\n\nconst iconVariant = (variant, color, semantic) => {\n  switch (variant) {\n    case \"success\":\n      return <Success color={color} semantic={semantic && \"sema1\"} />;\n    case \"warning\":\n      return <Caution color={color} semantic={semantic && \"sema3\"} />;\n    case \"error\":\n      return <Fail color={color} semantic={semantic && \"sema4\"} />;\n    case \"info\":\n      return <Info color={color} />;\n    default:\n      return null;\n  }\n};\n\nexport default iconVariant;\n"],"names":["iconVariant","variant","color","semantic","jsx","Success","Caution","Fail","Info"],"mappings":";;;;AAQA,MAAMA,cAAcA,CAACC,SAASC,OAAOC,aAAa;AAChD,UAAQF,SAAO;AAAA,IACb,KAAK;AACH,aAAQG,2BAAAA,IAAAC,gBAAAA,SAAA,EAAQ,OAAc,UAAUF,YAAY,QAAW,CAAA;AAAA,IACjE,KAAK;AACH,aAAQC,2BAAAA,IAAAE,gBAAAA,SAAA,EAAQ,OAAc,UAAUH,YAAY,QAAW,CAAA;AAAA,IACjE,KAAK;AACH,aAAQC,2BAAAA,IAAAG,gBAAAA,MAAA,EAAK,OAAc,UAAUJ,YAAY,QAAW,CAAA;AAAA,IAC9D,KAAK;AACI,aAAAC,+BAACI,gBAAAA,QAAK,MAAgB,CAAA;AAAA,IAC/B;AACS,aAAA;AAAA,EAAK;AAElB;AAEA,MAAA,gBAAeR;;"}
+{"version":3,"file":"iconVariant.cjs","sources":["../../../src/utils/iconVariant.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Fail,\n  Success,\n  Caution,\n  Info,\n} from \"@hitachivantara/uikit-react-icons\";\n\nconst iconVariant = (variant, color, semantic) => {\n  switch (variant) {\n    case \"success\":\n      return <Success color={color} semantic={semantic && \"sema1\"} />;\n    case \"warning\":\n      return <Caution color={color} semantic={semantic && \"sema3\"} />;\n    case \"error\":\n      return <Fail color={color} semantic={semantic && \"sema4\"} />;\n    case \"info\":\n      return <Info color={color} />;\n    default:\n      return null;\n  }\n};\n\nexport default iconVariant;\n"],"names":["iconVariant","variant","color","semantic","Success","Caution","Fail","Info"],"mappings":";;;;AAQA,MAAMA,cAAcA,CAACC,SAASC,OAAOC,aAAa;AAChD,UAAQF,SAAO;AAAA,IACb,KAAK;AACH,4CAAQG,gBAAAA,SAAO;AAAA,QAACF;AAAAA,QAAcC,UAAUA,YAAY;AAAA,MAAA,CAAW;AAAA,IACjE,KAAK;AACH,4CAAQE,gBAAAA,SAAO;AAAA,QAACH;AAAAA,QAAcC,UAAUA,YAAY;AAAA,MAAA,CAAW;AAAA,IACjE,KAAK;AACH,4CAAQG,gBAAAA,MAAI;AAAA,QAACJ;AAAAA,QAAcC,UAAUA,YAAY;AAAA,MAAA,CAAW;AAAA,IAC9D,KAAK;AACH,4CAAQI,gBAAAA,MAAI;AAAA,QAACL;AAAAA,MAAAA,CAAgB;AAAA,IAC/B;AACS,aAAA;AAAA,EAAK;AAElB;AAEA,MAAA,gBAAeF;;"}

package/dist/cjs/utils/keyboardUtils/keyCheck.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const getKeyCodeFromEvent = (event) => event ? event.keyCode : void 0;
 const isKeycode = (number, keyCode) => number === null || number === void 0 ? void 0 : number === keyCode;
 const isKeypress = (event, keyCode) => isKeycode(getKeyCodeFromEvent(event), keyCode);

package/dist/cjs/utils/keyboardUtils/keyboardCodes.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const keyboardCodes = Object.freeze({
   Backspace: 8,
   Tab: 9,

package/dist/cjs/utils/multiSelectionEventHandler.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"multiSelectionEventHandler.cjs","sources":["../../../src/utils/multiSelectionEventHandler.ts"],"sourcesContent":["const cycleThroughSelection = (\n  selectedState,\n  index,\n  allValues,\n  selectionCheck\n) => {\n  const newValue: any[] = [];\n  selectedState.forEach((isSelected, i) => {\n    if (i === index) {\n      if (selectionCheck || !isSelected) {\n        newValue.push(allValues[i]);\n      }\n    } else if (isSelected) {\n      newValue.push(allValues[i]);\n    }\n  });\n\n  return newValue;\n};\n\nconst multiSelectionEventHandler = (\n  evt,\n  index,\n  selectionAnchor,\n  allValues,\n  selectedState,\n  selectionCheck\n) => {\n  let newValue: any[] = [];\n\n  if (evt.nativeEvent.shiftKey) {\n    if (selectionAnchor.current === undefined) {\n      selectionAnchor.current = index;\n      newValue.push(allValues[index]);\n    } else {\n      let selectionStart;\n      let selectionEnd;\n      if (selectionAnchor.current > index) {\n        selectionStart = index;\n        selectionEnd = selectionAnchor.current + 1;\n      } else {\n        selectionStart = selectionAnchor.current;\n        selectionEnd = index + 1;\n      }\n\n      const selectedValues = allValues.slice(selectionStart, selectionEnd);\n\n      newValue.push(...selectedValues);\n    }\n  } else if (evt.nativeEvent.metaKey) {\n    selectionAnchor.current = index;\n\n    newValue = cycleThroughSelection(\n      selectedState,\n      index,\n      allValues,\n      selectionCheck\n    );\n  } else {\n    selectionAnchor.current = index;\n\n    newValue = cycleThroughSelection(\n      selectedState,\n      index,\n      allValues,\n      selectionCheck\n    );\n  }\n\n  return newValue;\n};\n\nexport default multiSelectionEventHandler;\n"],"names":["cycleThroughSelection","selectedState","index","allValues","selectionCheck","newValue","forEach","isSelected","i","push","multiSelectionEventHandler","evt","selectionAnchor","nativeEvent","shiftKey","current","undefined","selectionStart","selectionEnd","selectedValues","slice","metaKey"],"mappings":";;AAAA,MAAMA,wBAAwBA,CAC5BC,eACAC,OACAC,WACAC,mBACG;AACH,QAAMC,WAAkB,CAAA;AACVC,gBAAAA,QAAQ,CAACC,YAAYC,MAAM;AACvC,QAAIA,MAAMN,OAAO;AACXE,UAAAA,kBAAkB,CAACG,YAAY;AACxBE,iBAAAA,KAAKN,UAAUK,EAAE;AAAA,MAC5B;AAAA,eACSD,YAAY;AACZE,eAAAA,KAAKN,UAAUK,EAAE;AAAA,IAC5B;AAAA,EAAA,CACD;AAEMH,SAAAA;AACT;AAEA,MAAMK,6BAA6BA,CACjCC,KACAT,OACAU,iBACAT,WACAF,eACAG,mBACG;AACH,MAAIC,WAAkB,CAAA;AAElBM,MAAAA,IAAIE,YAAYC,UAAU;AACxBF,QAAAA,gBAAgBG,YAAYC,QAAW;AACzCJ,sBAAgBG,UAAUb;AACjBO,eAAAA,KAAKN,UAAUD,MAAM;AAAA,IAAA,OACzB;AACDe,UAAAA;AACAC,UAAAA;AACAN,UAAAA,gBAAgBG,UAAUb,OAAO;AAClBA,yBAAAA;AACjBgB,uBAAeN,gBAAgBG,UAAU;AAAA,MAAA,OACpC;AACLE,yBAAiBL,gBAAgBG;AACjCG,uBAAehB,QAAQ;AAAA,MACzB;AAEA,YAAMiB,iBAAiBhB,UAAUiB,MAAMH,gBAAgBC,YAAY;AAE1DT,eAAAA,KAAK,GAAGU,cAAc;AAAA,IACjC;AAAA,EAAA,WACSR,IAAIE,YAAYQ,SAAS;AAClCT,oBAAgBG,UAAUb;AAE1BG,eAAWL,sBACTC,eACAC,OACAC,WACAC,cAAc;AAAA,EAAA,OAEX;AACLQ,oBAAgBG,UAAUb;AAE1BG,eAAWL,sBACTC,eACAC,OACAC,WACAC,cAAc;AAAA,EAElB;AAEOC,SAAAA;AACT;AAEA,MAAA,+BAAeK;;"}
+{"version":3,"file":"multiSelectionEventHandler.cjs","sources":["../../../src/utils/multiSelectionEventHandler.ts"],"sourcesContent":["const cycleThroughSelection = (\n  selectedState,\n  index,\n  allValues,\n  selectionCheck\n) => {\n  const newValue: any[] = [];\n  selectedState.forEach((isSelected, i) => {\n    if (i === index) {\n      if (selectionCheck || !isSelected) {\n        newValue.push(allValues[i]);\n      }\n    } else if (isSelected) {\n      newValue.push(allValues[i]);\n    }\n  });\n\n  return newValue;\n};\n\nconst multiSelectionEventHandler = (\n  evt,\n  index,\n  selectionAnchor,\n  allValues,\n  selectedState,\n  selectionCheck\n) => {\n  let newValue: any[] = [];\n\n  if (evt.nativeEvent.shiftKey) {\n    if (selectionAnchor.current === undefined) {\n      selectionAnchor.current = index;\n      newValue.push(allValues[index]);\n    } else {\n      let selectionStart;\n      let selectionEnd;\n      if (selectionAnchor.current > index) {\n        selectionStart = index;\n        selectionEnd = selectionAnchor.current + 1;\n      } else {\n        selectionStart = selectionAnchor.current;\n        selectionEnd = index + 1;\n      }\n\n      const selectedValues = allValues.slice(selectionStart, selectionEnd);\n\n      newValue.push(...selectedValues);\n    }\n  } else if (evt.nativeEvent.metaKey) {\n    selectionAnchor.current = index;\n\n    newValue = cycleThroughSelection(\n      selectedState,\n      index,\n      allValues,\n      selectionCheck\n    );\n  } else {\n    selectionAnchor.current = index;\n\n    newValue = cycleThroughSelection(\n      selectedState,\n      index,\n      allValues,\n      selectionCheck\n    );\n  }\n\n  return newValue;\n};\n\nexport default multiSelectionEventHandler;\n"],"names":["cycleThroughSelection","selectedState","index","allValues","selectionCheck","newValue","forEach","isSelected","i","push","multiSelectionEventHandler","evt","selectionAnchor","nativeEvent","shiftKey","current","undefined","selectionStart","selectionEnd","selectedValues","slice","metaKey"],"mappings":";;AAAA,MAAMA,wBAAwBA,CAC5BC,eACAC,OACAC,WACAC,mBACG;AACH,QAAMC,WAAkB,CAAA;AACVC,gBAAAA,QAAQ,CAACC,YAAYC,MAAM;AACvC,QAAIA,MAAMN,OAAO;AACXE,UAAAA,kBAAkB,CAACG,YAAY;AACxBE,iBAAAA,KAAKN,UAAUK,CAAC,CAAC;AAAA,MAC5B;AAAA,eACSD,YAAY;AACZE,eAAAA,KAAKN,UAAUK,CAAC,CAAC;AAAA,IAC5B;AAAA,EAAA,CACD;AAEMH,SAAAA;AACT;AAEA,MAAMK,6BAA6BA,CACjCC,KACAT,OACAU,iBACAT,WACAF,eACAG,mBACG;AACH,MAAIC,WAAkB,CAAA;AAElBM,MAAAA,IAAIE,YAAYC,UAAU;AACxBF,QAAAA,gBAAgBG,YAAYC,QAAW;AACzCJ,sBAAgBG,UAAUb;AACjBO,eAAAA,KAAKN,UAAUD,KAAK,CAAC;AAAA,IAAA,OACzB;AACDe,UAAAA;AACAC,UAAAA;AACAN,UAAAA,gBAAgBG,UAAUb,OAAO;AAClBA,yBAAAA;AACjBgB,uBAAeN,gBAAgBG,UAAU;AAAA,MAAA,OACpC;AACLE,yBAAiBL,gBAAgBG;AACjCG,uBAAehB,QAAQ;AAAA,MACzB;AAEA,YAAMiB,iBAAiBhB,UAAUiB,MAAMH,gBAAgBC,YAAY;AAE1DT,eAAAA,KAAK,GAAGU,cAAc;AAAA,IACjC;AAAA,EAAA,WACSR,IAAIE,YAAYQ,SAAS;AAClCT,oBAAgBG,UAAUb;AAE1BG,eAAWL,sBACTC,eACAC,OACAC,WACAC,cAAc;AAAA,EAAA,OAEX;AACLQ,oBAAgBG,UAAUb;AAE1BG,eAAWL,sBACTC,eACAC,OACAC,WACAC,cAAc;AAAA,EAElB;AAEOC,SAAAA;AACT;AAEA,MAAA,+BAAeK;;"}

package/dist/cjs/utils/setId.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const isNil = require("lodash/isNil");
 const uniqueId = require("lodash/uniqueId");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };

package/dist/cjs/utils/sizes.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const decreaseSize = (size) => {
   switch (size) {
     case "xl":

package/dist/cjs/utils/theme.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const setElementAttrs = (theme, mode, styles, elementId) => {
   const element = elementId && document.getElementById(elementId) || document.body;
@@ -16,7 +16,7 @@ const setElementAttrs = (theme, mode, styles, elementId) => {
   element.style.fontFamily = styles.fontFamily;
 };
 const applyThemeCustomizations = (obj, customizations) => {
-  const isObject = (val) => val && typeof val === "object";
+  const isObject = (val) => val && typeof val === "object" && !Array.isArray(val);
   const customizedTheme = {
     ...obj
   };
@@ -33,40 +33,56 @@ const applyThemeCustomizations = (obj, customizations) => {
   });
   return customizedTheme;
 };
-const parseThemes = (baseTheme, newThemeName, inheritColorModes, customizations) => {
-  const customizedTheme = customizations ? applyThemeCustomizations(uikitStyles.themes[baseTheme], customizations) : {
-    ...uikitStyles.themes[baseTheme]
+const createTheme = (theme) => {
+  var _a;
+  const {
+    name,
+    base = "ds5",
+    inheritColorModes = true,
+    ...customizations
+  } = theme;
+  const customizedTheme = customizations ? applyThemeCustomizations(uikitStyles.themes[base], customizations) : {
+    ...uikitStyles.themes[base]
   };
+  customizedTheme.name = name.trim();
   if (customizations) {
     Object.keys(customizedTheme.colors.modes).forEach((mode) => {
-      if (!uikitStyles.themes[baseTheme].colors.modes[mode]) {
+      if (!uikitStyles.themes[base].colors.modes[mode]) {
         customizedTheme.colors.modes[mode] = {
-          type: customizedTheme.colors.modes[mode].type || "light",
-          backgroundColor: uikitStyles.colors.light.atmo2,
-          ...uikitStyles.colors.common,
-          ...uikitStyles.colors.light,
+          ...uikitStyles.themes[base].colors.modes.dawn,
           ...customizedTheme.colors.modes[mode]
         };
       }
     });
   }
-  let customizedThemes = newThemeName ? {
-    ...uikitStyles.themes,
-    [newThemeName]: customizedTheme
-  } : {
-    ...uikitStyles.themes,
-    [baseTheme]: customizedTheme
-  };
-  if (!inheritColorModes && newThemeName && customizations) {
-    Object.keys(customizedThemes[newThemeName].colors.modes).forEach((m) => {
-      var _a;
-      if (!Object.keys(((_a = customizations.colors) == null ? void 0 : _a.modes) || {}).includes(m)) {
-        delete customizedThemes[newThemeName].colors.modes[m];
+  if (!inheritColorModes && ((_a = customizations.colors) == null ? void 0 : _a.modes)) {
+    Object.keys(customizedTheme.colors.modes).forEach((mode) => {
+      var _a2;
+      if (!Object.keys(((_a2 = customizations.colors) == null ? void 0 : _a2.modes) || {}).includes(mode)) {
+        delete customizedTheme.colors.modes[mode];
+      }
+    });
+  }
+  return customizedTheme;
+};
+const processThemes = (themesList) => {
+  if (themesList && Array.isArray(themesList) && themesList.length > 0) {
+    const list = [];
+    themesList.map((theme) => {
+      const i = list.findIndex((t) => t.name.trim() === theme.name.trim());
+      if (i !== -1) {
+        list.splice(i, 1);
+        list.push(theme);
+      } else {
+        list.push(theme);
       }
     });
+    return list;
+  } else {
+    return [uikitStyles.themes.ds5];
   }
-  return customizedThemes;
 };
-exports.parseThemes = parseThemes;
+exports.createTheme = createTheme;
+exports.processThemes = processThemes;
 exports.setElementAttrs = setElementAttrs;
 //# sourceMappingURL=theme.cjs.map

package/dist/cjs/utils/theme.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"theme.cjs","sources":["../../../src/utils/theme.ts"],"sourcesContent":["/*eslint import/namespace: [2, { allowComputed: true }]*/\nimport {\n  themes,\n  HvBaseTheme,\n  colors,\n  HvThemeColorModeStructure,\n  HvParsedThemeStyles,\n} from \"@hitachivantara/uikit-styles\";\nimport { HvThemeCustomizationProps, HvCustomizedTheme } from \"types/theme\";\n\n/**\n * Sets the element attributes for a theme and color mode.\n */\nexport const setElementAttrs = (\n  theme: string,\n  mode: string,\n  styles: HvParsedThemeStyles,\n  elementId?: string\n) => {\n  const element =\n    (elementId && document.getElementById(elementId)) || document.body;\n\n  element.setAttribute(`data-theme`, theme);\n  element.setAttribute(`data-color-mode`, mode);\n\n  // Set default properties for all components to inherit\n  element.style.backgroundColor = styles.bgColor;\n  element.style.colorScheme = styles.colorScheme;\n  element.style.accentColor = styles.accentColor;\n  element.style.color = styles.color;\n  element.style.fontSize = styles.fontSize;\n  element.style.fontWeight = styles.fontWeight;\n  element.style.lineHeight = styles.lineHeight;\n  element.style.letterSpacing = styles.letterSpacing;\n  element.style.fontFamily = styles.fontFamily;\n};\n\n/**\n * Applies the customizations to a theme.\n */\nconst applyThemeCustomizations = (obj: object, customizations: object) => {\n  const isObject = (val: any) => val && typeof val === \"object\";\n\n  // Customized theme\n  const customizedTheme = { ...obj };\n\n  // Add new values to the theme or replace values\n  Object.keys(customizations).forEach((key) => {\n    if (customizedTheme[key]) {\n      if (isObject(customizedTheme[key]) && isObject(customizations[key])) {\n        customizedTheme[key] = applyThemeCustomizations(\n          customizedTheme[key],\n          customizations[key]\n        );\n      } else if (typeof customizedTheme[key] == typeof customizations[key]) {\n        customizedTheme[key] = customizations[key];\n      }\n    } else {\n      customizedTheme[key] = customizations[key];\n    }\n  });\n\n  return customizedTheme;\n};\n\n/**\n * Creates a list of customized themes based on the base theme and customizations given.\n *\n * If a newThemeName is given, a new theme is created based on the base theme and customizations.\n */\nexport const parseThemes = (\n  baseTheme: HvBaseTheme,\n  newThemeName?: string,\n  inheritColorModes?: boolean,\n  customizations?: HvThemeCustomizationProps\n): { [themeName: string]: HvCustomizedTheme } => {\n  // Apply customizations to the base theme\n  const customizedTheme: HvCustomizedTheme = customizations\n    ? (applyThemeCustomizations(\n        themes[baseTheme],\n        customizations\n      ) as HvCustomizedTheme)\n    : { ...themes[baseTheme] };\n\n  // Fill new color modes with missing colors\n  if (customizations) {\n    Object.keys(customizedTheme.colors.modes).forEach((mode) => {\n      if (!themes[baseTheme].colors.modes[mode]) {\n        customizedTheme.colors.modes[mode] = {\n          type: customizedTheme.colors.modes[mode].type || \"light\",\n          backgroundColor: colors.light.atmo2,\n          ...colors.common,\n          ...colors.light,\n          ...(customizedTheme.colors.modes[mode] as Partial<\n            HvThemeColorModeStructure & { [key: string]: string }\n          >),\n        };\n      }\n    });\n  }\n\n  // Create new themes list\n  let customizedThemes: {\n    [themeName: string]: HvCustomizedTheme;\n  } = newThemeName\n    ? { ...themes, [newThemeName]: customizedTheme }\n    : { ...themes, [baseTheme]: customizedTheme };\n\n  // If we have a new theme name and the flag `inheritColorModes` is false we're removing\n  // any color modes that might have been inherited and directly defined\n  if (!inheritColorModes && newThemeName && customizations) {\n    Object.keys(customizedThemes[newThemeName].colors.modes).forEach((m) => {\n      if (!Object.keys(customizations.colors?.modes || {}).includes(m)) {\n        delete customizedThemes[newThemeName].colors.modes[m];\n      }\n    });\n  }\n\n  return customizedThemes;\n};\n"],"names":["setElementAttrs","theme","mode","styles","elementId","element","document","getElementById","body","setAttribute","style","backgroundColor","bgColor","colorScheme","accentColor","color","fontSize","fontWeight","lineHeight","letterSpacing","fontFamily","applyThemeCustomizations","obj","customizations","isObject","val","customizedTheme","Object","keys","forEach","key","parseThemes","baseTheme","newThemeName","inheritColorModes","themes","colors","modes","type","light","atmo2","common","customizedThemes","m","includes"],"mappings":";;;AAaO,MAAMA,kBAAkBA,CAC7BC,OACAC,MACAC,QACAC,cACG;AACH,QAAMC,UACHD,aAAaE,SAASC,eAAeH,SAAS,KAAME,SAASE;AAExDC,UAAAA,aAAc,cAAaR,KAAK;AAChCQ,UAAAA,aAAc,mBAAkBP,IAAI;AAGpCQ,UAAAA,MAAMC,kBAAkBR,OAAOS;AAC/BF,UAAAA,MAAMG,cAAcV,OAAOU;AAC3BH,UAAAA,MAAMI,cAAcX,OAAOW;AAC3BJ,UAAAA,MAAMK,QAAQZ,OAAOY;AACrBL,UAAAA,MAAMM,WAAWb,OAAOa;AACxBN,UAAAA,MAAMO,aAAad,OAAOc;AAC1BP,UAAAA,MAAMQ,aAAaf,OAAOe;AAC1BR,UAAAA,MAAMS,gBAAgBhB,OAAOgB;AAC7BT,UAAAA,MAAMU,aAAajB,OAAOiB;AACpC;AAKA,MAAMC,2BAA2BA,CAACC,KAAaC,mBAA2B;AACxE,QAAMC,WAAWA,CAACC,QAAaA,OAAO,OAAOA,QAAQ;AAGrD,QAAMC,kBAAkB;AAAA,IAAE,GAAGJ;AAAAA,EAAAA;AAG7BK,SAAOC,KAAKL,cAAc,EAAEM,QAASC,CAAQ,QAAA;AAC3C,QAAIJ,gBAAgBI,MAAM;AACxB,UAAIN,SAASE,gBAAgBI,IAAI,KAAKN,SAASD,eAAeO,IAAI,GAAG;AACnEJ,wBAAgBI,OAAOT,yBACrBK,gBAAgBI,MAChBP,eAAeO,IAAI;AAAA,MAAA,WAEZ,OAAOJ,gBAAgBI,QAAQ,OAAOP,eAAeO,MAAM;AACpEJ,wBAAgBI,OAAOP,eAAeO;AAAAA,MACxC;AAAA,IAAA,OACK;AACLJ,sBAAgBI,OAAOP,eAAeO;AAAAA,IACxC;AAAA,EAAA,CACD;AAEMJ,SAAAA;AACT;AAOO,MAAMK,cAAcA,CACzBC,WACAC,cACAC,mBACAX,mBAC+C;AAE/C,QAAMG,kBAAqCH,iBACtCF,yBACCc,YAAOH,OAAAA,YACPT,cAAc,IAEhB;AAAA,IAAE,GAAGY,YAAAA,OAAOH;AAAAA,EAAAA;AAGhB,MAAIT,gBAAgB;AAClBI,WAAOC,KAAKF,gBAAgBU,OAAOC,KAAK,EAAER,QAAS3B,CAAS,SAAA;AAC1D,UAAI,CAACiC,YAAAA,OAAOH,WAAWI,OAAOC,MAAMnC,OAAO;AACzBkC,wBAAAA,OAAOC,MAAMnC,QAAQ;AAAA,UACnCoC,MAAMZ,gBAAgBU,OAAOC,MAAMnC,MAAMoC,QAAQ;AAAA,UACjD3B,iBAAiByB,YAAAA,OAAOG,MAAMC;AAAAA,UAC9B,GAAGJ,YAAOK,OAAAA;AAAAA,UACV,GAAGL,YAAOG,OAAAA;AAAAA,UACV,GAAIb,gBAAgBU,OAAOC,MAAMnC;AAAAA,QAAAA;AAAAA,MAIrC;AAAA,IAAA,CACD;AAAA,EACH;AAGA,MAAIwC,mBAEAT,eACA;AAAA,IAAE,GAAGE,YAAAA;AAAAA,IAAQ,CAACF,eAAeP;AAAAA,EAAAA,IAC7B;AAAA,IAAE,GAAGS,YAAAA;AAAAA,IAAQ,CAACH,YAAYN;AAAAA,EAAAA;AAI1B,MAAA,CAACQ,qBAAqBD,gBAAgBV,gBAAgB;AACxDI,WAAOC,KAAKc,iBAAiBT,cAAcG,OAAOC,KAAK,EAAER,QAASc,CAAM,MAAA;;AAClE,UAAA,CAAChB,OAAOC,OAAKL,oBAAea,WAAfb,mBAAuBc,UAAS,EAAE,EAAEO,SAASD,CAAC,GAAG;AACzDD,eAAAA,iBAAiBT,cAAcG,OAAOC,MAAMM;AAAAA,MACrD;AAAA,IAAA,CACD;AAAA,EACH;AAEOD,SAAAA;AACT;;;"}
+{"version":3,"file":"theme.cjs","sources":["../../../src/utils/theme.ts"],"sourcesContent":["/*eslint import/namespace: [2, { allowComputed: true }]*/\nimport {\n  themes,\n  HvThemeColorModeStructure,\n  HvParsedThemeStyles,\n  HvThemeStructure,\n} from \"@hitachivantara/uikit-styles\";\nimport { HvTheme, HvCreateThemeProps } from \"../types/theme\";\n\n/**\n * Sets the element attributes for a theme and color mode.\n */\nexport const setElementAttrs = (\n  theme: string,\n  mode: string,\n  styles: HvParsedThemeStyles,\n  elementId?: string\n) => {\n  const element =\n    (elementId && document.getElementById(elementId)) || document.body;\n\n  element.setAttribute(`data-theme`, theme);\n  element.setAttribute(`data-color-mode`, mode);\n\n  // Set default properties for all components to inherit\n  element.style.backgroundColor = styles.bgColor;\n  element.style.colorScheme = styles.colorScheme;\n  element.style.accentColor = styles.accentColor;\n  element.style.color = styles.color;\n  element.style.fontSize = styles.fontSize;\n  element.style.fontWeight = styles.fontWeight;\n  element.style.lineHeight = styles.lineHeight;\n  element.style.letterSpacing = styles.letterSpacing;\n  element.style.fontFamily = styles.fontFamily;\n};\n\n/**\n * Applies customizations to a theme.\n */\nconst applyThemeCustomizations = (obj: object, customizations: object) => {\n  const isObject = (val: any) =>\n    val && typeof val === \"object\" && !Array.isArray(val);\n\n  // Customized theme\n  const customizedTheme = { ...obj };\n\n  // Add new values to the theme or replace values\n  Object.keys(customizations).forEach((key) => {\n    if (customizedTheme[key]) {\n      if (isObject(customizedTheme[key]) && isObject(customizations[key])) {\n        customizedTheme[key] = applyThemeCustomizations(\n          customizedTheme[key],\n          customizations[key]\n        );\n      } else if (typeof customizedTheme[key] == typeof customizations[key]) {\n        customizedTheme[key] = customizations[key];\n      }\n    } else {\n      customizedTheme[key] = customizations[key];\n    }\n  });\n\n  return customizedTheme;\n};\n\n/**\n * Creates a customized theme based on the base theme and customizations given.\n * For the color modes, the colors that are not defined will be replaced by the values from the dawn mode of the base theme.\n */\nexport const createTheme = (\n  theme: HvCreateThemeProps\n): HvTheme | HvThemeStructure => {\n  const {\n    name,\n    base = \"ds5\",\n    inheritColorModes = true,\n    ...customizations\n  } = theme;\n\n  // Apply customizations to the base theme\n  const customizedTheme: HvTheme | HvThemeStructure = customizations\n    ? (applyThemeCustomizations(themes[base], customizations) as HvTheme)\n    : { ...themes[base] };\n\n  // Set theme name\n  customizedTheme.name = name.trim();\n\n  // Fill new color modes with missing colors\n  if (customizations) {\n    Object.keys(customizedTheme.colors.modes).forEach((mode) => {\n      if (!themes[base].colors.modes[mode]) {\n        customizedTheme.colors.modes[mode] = {\n          ...themes[base].colors.modes.dawn,\n          ...(customizedTheme.colors.modes[mode] as Partial<\n            HvThemeColorModeStructure & { [key: string]: string }\n          >),\n        };\n      }\n    });\n  }\n\n  // If the flag `inheritColorModes` is false and customizations were given for the color modes,\n  // we're removing any color modes that might have been inherited\n  if (!inheritColorModes && customizations.colors?.modes) {\n    Object.keys(customizedTheme.colors.modes).forEach((mode) => {\n      if (!Object.keys(customizations.colors?.modes || {}).includes(mode)) {\n        delete customizedTheme.colors.modes[mode];\n      }\n    });\n  }\n\n  // Created theme\n  return customizedTheme;\n};\n\n/**\n * Process the themes provided to the HvProvider:\n *  - Cleans themes with the same name\n *  - Returns the default if the list is empty (ds5)\n */\nexport const processThemes = (\n  themesList?: (HvTheme | HvThemeStructure)[]\n): (HvTheme | HvThemeStructure)[] => {\n  if (themesList && Array.isArray(themesList) && themesList.length > 0) {\n    const list: (HvTheme | HvThemeStructure)[] = [];\n\n    themesList.map((theme) => {\n      const i: number = list.findIndex(\n        (t) => t.name.trim() === theme.name.trim()\n      );\n\n      if (i !== -1) {\n        list.splice(i, 1);\n        list.push(theme);\n      } else {\n        list.push(theme);\n      }\n    });\n\n    // Cleaned themes\n    return list;\n  } else {\n    // DS5\n    return [themes.ds5];\n  }\n};\n"],"names":["setElementAttrs","theme","mode","styles","elementId","element","document","getElementById","body","setAttribute","style","backgroundColor","bgColor","colorScheme","accentColor","color","fontSize","fontWeight","lineHeight","letterSpacing","fontFamily","applyThemeCustomizations","obj","customizations","isObject","val","Array","isArray","customizedTheme","Object","keys","forEach","key","createTheme","name","base","inheritColorModes","themes","trim","colors","modes","dawn","includes","processThemes","themesList","length","list","map","i","findIndex","t","splice","push","ds5"],"mappings":"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"}

package/dist/cjs/utils/transientOptions.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const transientOptions = {
   shouldForwardProp: (propName) => !propName.startsWith("$")
 };

package/dist/esm/components/Accordion/Accordion.js

@@ -1,9 +1,9 @@
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { useCallback, useMemo } from "react";
 import clsx from "clsx";
 import { DropUpXS, DropDownXS } from "@hitachivantara/uikit-react-icons";
 import { StyledLabel, StyledRoot, StyledContainer } from "./Accordion.styles.js";
 import accordionClasses from "./accordionClasses.js";
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { useControlled } from "../../hooks/useControlled.js";
 import { setId } from "../../utils/setId.js";
 const HvAccordion = ({
@@ -59,17 +59,44 @@ const HvAccordion = ({
   const accordionContainer = setId(id, "container");
   const accordionHeader = useMemo(() => {
     const color = disabled && ["atmo5"] || void 0;
-    const accordionButton = /* @__PURE__ */ jsxs(StyledLabel, { id: accordionHeaderId, component: "div", role: "button", className: clsx(accordionClasses.label, classes == null ? void 0 : classes.label, disabled && clsx(accordionClasses.disabled, classes == null ? void 0 : classes.disabled)), disabled, tabIndex: 0, onKeyDown: handleKeyDown, onClick: handleClick, variant: "label", "aria-expanded": isOpen, "aria-disabled": disabled, children: [
-      isOpen ? /* @__PURE__ */ jsx(DropUpXS, { color }) : /* @__PURE__ */ jsx(DropDownXS, { color }),
-      label
-    ] });
-    const result = headingLevel === void 0 ? accordionButton : /* @__PURE__ */ jsx(StyledLabel, { component: `h${headingLevel}`, children: accordionButton });
+    const accordionButton = /* @__PURE__ */ jsxs(StyledLabel, {
+      id: accordionHeaderId,
+      component: "div",
+      role: "button",
+      className: clsx(accordionClasses.label, classes == null ? void 0 : classes.label, disabled && clsx(accordionClasses.disabled, classes == null ? void 0 : classes.disabled)),
+      disabled,
+      tabIndex: 0,
+      onKeyDown: handleKeyDown,
+      onClick: handleClick,
+      variant: "label",
+      "aria-expanded": isOpen,
+      "aria-disabled": disabled,
+      children: [isOpen ? /* @__PURE__ */ jsx(DropUpXS, {
+        color
+      }) : /* @__PURE__ */ jsx(DropDownXS, {
+        color
+      }), label]
+    });
+    const result = headingLevel === void 0 ? accordionButton : /* @__PURE__ */ jsx(StyledLabel, {
+      component: `h${headingLevel}`,
+      children: accordionButton
+    });
     return result;
   }, [classes, handleClick, handleKeyDown, label, accordionHeaderId, disabled, headingLevel, isOpen]);
-  return /* @__PURE__ */ jsxs(StyledRoot, { id, className: clsx(className, accordionClasses.root, classes == null ? void 0 : classes.root), ...others, children: [
-    accordionHeader,
-    /* @__PURE__ */ jsx(StyledContainer, { id: accordionContainer, role: "region", "aria-labelledby": accordionHeaderId, className: clsx(accordionClasses.container, classes == null ? void 0 : classes.container, !isOpen && clsx(accordionClasses.hidden, classes == null ? void 0 : classes.hidden)), hidden: !isOpen, ...containerProps, children })
-  ] });
+  return /* @__PURE__ */ jsxs(StyledRoot, {
+    id,
+    className: clsx(className, accordionClasses.root, classes == null ? void 0 : classes.root),
+    ...others,
+    children: [accordionHeader, /* @__PURE__ */ jsx(StyledContainer, {
+      id: accordionContainer,
+      role: "region",
+      "aria-labelledby": accordionHeaderId,
+      className: clsx(accordionClasses.container, classes == null ? void 0 : classes.container, !isOpen && clsx(accordionClasses.hidden, classes == null ? void 0 : classes.hidden)),
+      hidden: !isOpen,
+      ...containerProps,
+      children
+    })]
+  });
 };
 export {
   HvAccordion

package/dist/esm/components/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, {\n  SyntheticEvent,\n  useCallback,\n  useMemo,\n  HTMLAttributes,\n} from \"react\";\nimport clsx from \"clsx\";\nimport { useControlled } from \"hooks\";\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps } from \"../../types\";\nimport { setId } from \"utils\";\nimport { StyledContainer, StyledLabel, StyledRoot } from \"./Accordion.styles\";\nimport accordionClasses, { HvAccordionClasses } from \"./accordionClasses\";\n\nexport type HvAccordionProps = HvBaseProps & {\n  /**\n   * Id to be applied to the root node of the accordion.\n   */\n  id?: string;\n  /**\n   * Class names to be applied to the accordion.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvAccordionClasses;\n  /**\n   * The accordion label button.\n   */\n  label?: string;\n  /**\n   * The function that will be executed whenever the accordion toggles it will receive the state of the accordion\n   */\n  onChange?: (event: React.SyntheticEvent, value: boolean) => void;\n  /**\n   * Whether the accordion is open or not, if this property is defined the accordion must be fully controlled.\n   */\n  expanded?: boolean;\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * An object containing props to be passed onto container holding the accordion children.\n   */\n  containerProps?: HTMLAttributes<HTMLDivElement>;\n  /**\n   * Heading Level to apply to accordion button if ´undefined´ the button won't have a header wrapper.\n   */\n  headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n  /**\n   * Is the accordion disabled.\n   */\n  disabled?: boolean;\n};\n\n/**\n * A accordion is a design element that expands in place to expose hidden information.\n */\nexport const HvAccordion = ({\n  id,\n  className,\n  classes,\n  disabled = false,\n  label,\n  onChange,\n  children,\n  expanded,\n  headingLevel,\n  defaultExpanded = false,\n  containerProps,\n  ...others\n}: HvAccordionProps) => {\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n  const handleAction = useCallback(\n    (event: SyntheticEvent) => {\n      if (!disabled) {\n        onChange?.(event, isOpen);\n        setIsOpen(!isOpen);\n        return true;\n      }\n      return false;\n    },\n    [disabled, onChange, isOpen, setIsOpen]\n  );\n\n  const handleClick = useCallback(\n    (event: SyntheticEvent) => {\n      handleAction(event);\n      event.preventDefault();\n      event.stopPropagation();\n    },\n    [handleAction]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      let isEventHandled = false;\n      const { key } = event;\n\n      if (\n        event.altKey ||\n        event.ctrlKey ||\n        event.metaKey ||\n        event.currentTarget !== event.target\n      ) {\n        return;\n      }\n      switch (key) {\n        case \"Enter\":\n        case \" \":\n          isEventHandled = handleAction(event);\n          break;\n        default:\n          return;\n      }\n\n      if (isEventHandled) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [handleAction]\n  );\n\n  const accordionHeaderId = setId(id, \"button\");\n  const accordionContainer = setId(id, \"container\");\n  const accordionHeader = useMemo(() => {\n    const color = (disabled && [\"atmo5\"]) || undefined;\n    const accordionButton = (\n      <StyledLabel\n        id={accordionHeaderId}\n        component=\"div\"\n        role=\"button\"\n        className={clsx(\n          accordionClasses.label,\n          classes?.label,\n          disabled && clsx(accordionClasses.disabled, classes?.disabled)\n        )}\n        disabled={disabled}\n        tabIndex={0}\n        onKeyDown={handleKeyDown}\n        onClick={handleClick}\n        variant={\"label\"}\n        aria-expanded={isOpen}\n        aria-disabled={disabled}\n      >\n        {isOpen ? <DropUpXS color={color} /> : <DropDownXS color={color} />}\n        {label}\n      </StyledLabel>\n    );\n    const result =\n      headingLevel === undefined ? (\n        accordionButton\n      ) : (\n        <StyledLabel component={`h${headingLevel}`}>\n          {accordionButton}\n        </StyledLabel>\n      );\n    return result;\n  }, [\n    classes,\n    handleClick,\n    handleKeyDown,\n    label,\n    accordionHeaderId,\n    disabled,\n    headingLevel,\n    isOpen,\n  ]);\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(className, accordionClasses.root, classes?.root)}\n      {...others}\n    >\n      {accordionHeader}\n      <StyledContainer\n        id={accordionContainer}\n        role=\"region\"\n        aria-labelledby={accordionHeaderId}\n        className={clsx(\n          accordionClasses.container,\n          classes?.container,\n          !isOpen && clsx(accordionClasses.hidden, classes?.hidden)\n        )}\n        hidden={!isOpen}\n        {...containerProps}\n      >\n        {children}\n      </StyledContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvAccordion","id","className","classes","disabled","label","onChange","children","expanded","headingLevel","defaultExpanded","containerProps","others","isOpen","setIsOpen","useControlled","Boolean","handleAction","useCallback","event","handleClick","preventDefault","stopPropagation","handleKeyDown","isEventHandled","key","altKey","ctrlKey","metaKey","currentTarget","target","accordionHeaderId","setId","accordionContainer","accordionHeader","useMemo","color","undefined","accordionButton","clsx","accordionClasses","result","root","container","hidden"],"mappings":";;;;;;;;AA4DO,MAAMA,cAAcA,CAAC;AAAA,EAC1BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,KACGC;AACa,MAAM;AAChB,QAAA,CAACC,QAAQC,SAAS,IAAIC,cAAcP,UAAUQ,QAAQN,eAAe,CAAC;AAEtEO,QAAAA,eAAeC,YACnB,CAACC,UAA0B;AACzB,QAAI,CAACf,UAAU;AACbE,2CAAWa,OAAON;AAClBC,gBAAU,CAACD,MAAM;AACV,aAAA;AAAA,IACT;AACO,WAAA;AAAA,KAET,CAACT,UAAUE,UAAUO,QAAQC,SAAS,CAAC;AAGnCM,QAAAA,cAAcF,YAClB,CAACC,UAA0B;AACzBF,iBAAaE,KAAK;AAClBA,UAAME,eAAgB;AACtBF,UAAMG,gBAAiB;AAAA,EAAA,GAEzB,CAACL,YAAY,CAAC;AAGVM,QAAAA,gBAAgBL,YACpB,CAACC,UAA+C;AAC9C,QAAIK,iBAAiB;AACf,UAAA;AAAA,MAAEC;AAAAA,IAAQN,IAAAA;AAGdA,QAAAA,MAAMO,UACNP,MAAMQ,WACNR,MAAMS,WACNT,MAAMU,kBAAkBV,MAAMW,QAC9B;AACA;AAAA,IACF;AACA,YAAQL,KAAG;AAAA,MACT,KAAK;AAAA,MACL,KAAK;AACHD,yBAAiBP,aAAaE,KAAK;AACnC;AAAA,MACF;AACE;AAAA,IAAO;AAGX,QAAIK,gBAAgB;AAClBL,YAAME,eAAgB;AACtBF,YAAMG,gBAAiB;AAAA,IACzB;AAAA,EAAA,GAEF,CAACL,YAAY,CAAC;AAGVc,QAAAA,oBAAoBC,MAAM/B,IAAI,QAAQ;AACtCgC,QAAAA,qBAAqBD,MAAM/B,IAAI,WAAW;AAC1CiC,QAAAA,kBAAkBC,QAAQ,MAAM;AACpC,UAAMC,QAAShC,YAAY,CAAC,OAAO,KAAMiC;AACzC,UAAMC,kBACJ,qBAAC,aACC,EAAA,IAAIP,mBACJ,WAAU,OACV,MAAK,UACL,WAAWQ,KACTC,iBAAiBnC,OACjBF,mCAASE,OACTD,YAAYmC,KAAKC,iBAAiBpC,UAAUD,mCAASC,QAAQ,CAAC,GAEhE,UACA,UAAU,GACV,WAAWmB,eACX,SAASH,aACT,SAAS,SACT,iBAAeP,QACf,iBAAeT,UAEdS,UAAAA;AAAAA,MAAAA,6BAAU,UAAS,EAAA,MAAA,CAAgB,IAAG,oBAAC,cAAW,OAAgB;AAAA,MAClER;AAAAA,IACH,EAAA,CAAA;AAEIoC,UAAAA,SACJhC,iBAAiB4B,SACfC,sCAEC,aAAY,EAAA,WAAY,IAAG7B,gBACzB6B,UACH,gBAAA,CAAA;AAEGG,WAAAA;AAAAA,EAAAA,GACN,CACDtC,SACAiB,aACAG,eACAlB,OACA0B,mBACA3B,UACAK,cACAI,MAAM,CACP;AAED,SACG,qBAAA,YAAA,EACC,IACA,WAAW0B,KAAKrC,WAAWsC,iBAAiBE,MAAMvC,mCAASuC,IAAI,GAC3D9B,GAAAA,QAEHsB,UAAAA;AAAAA,IAAAA;AAAAA,IACA,oBAAA,iBAAA,EACC,IAAID,oBACJ,MAAK,UACL,mBAAiBF,mBACjB,WAAWQ,KACTC,iBAAiBG,WACjBxC,mCAASwC,WACT,CAAC9B,UAAU0B,KAAKC,iBAAiBI,QAAQzC,mCAASyC,MAAM,CAAC,GAE3D,QAAQ,CAAC/B,QACLF,GAAAA,gBAEHJ,SACH,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"Accordion.js","sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, {\n  SyntheticEvent,\n  useCallback,\n  useMemo,\n  HTMLAttributes,\n} from \"react\";\nimport clsx from \"clsx\";\nimport { useControlled } from \"hooks\";\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps } from \"../../types\";\nimport { setId } from \"utils\";\nimport { StyledContainer, StyledLabel, StyledRoot } from \"./Accordion.styles\";\nimport accordionClasses, { HvAccordionClasses } from \"./accordionClasses\";\n\nexport type HvAccordionProps = HvBaseProps & {\n  /**\n   * Id to be applied to the root node of the accordion.\n   */\n  id?: string;\n  /**\n   * Class names to be applied to the accordion.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvAccordionClasses;\n  /**\n   * The accordion label button.\n   */\n  label?: string;\n  /**\n   * The function that will be executed whenever the accordion toggles it will receive the state of the accordion\n   */\n  onChange?: (event: React.SyntheticEvent, value: boolean) => void;\n  /**\n   * Whether the accordion is open or not, if this property is defined the accordion must be fully controlled.\n   */\n  expanded?: boolean;\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * An object containing props to be passed onto container holding the accordion children.\n   */\n  containerProps?: HTMLAttributes<HTMLDivElement>;\n  /**\n   * Heading Level to apply to accordion button if ´undefined´ the button won't have a header wrapper.\n   */\n  headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n  /**\n   * Is the accordion disabled.\n   */\n  disabled?: boolean;\n};\n\n/**\n * A accordion is a design element that expands in place to expose hidden information.\n */\nexport const HvAccordion = ({\n  id,\n  className,\n  classes,\n  disabled = false,\n  label,\n  onChange,\n  children,\n  expanded,\n  headingLevel,\n  defaultExpanded = false,\n  containerProps,\n  ...others\n}: HvAccordionProps) => {\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n  const handleAction = useCallback(\n    (event: SyntheticEvent) => {\n      if (!disabled) {\n        onChange?.(event, isOpen);\n        setIsOpen(!isOpen);\n        return true;\n      }\n      return false;\n    },\n    [disabled, onChange, isOpen, setIsOpen]\n  );\n\n  const handleClick = useCallback(\n    (event: SyntheticEvent) => {\n      handleAction(event);\n      event.preventDefault();\n      event.stopPropagation();\n    },\n    [handleAction]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      let isEventHandled = false;\n      const { key } = event;\n\n      if (\n        event.altKey ||\n        event.ctrlKey ||\n        event.metaKey ||\n        event.currentTarget !== event.target\n      ) {\n        return;\n      }\n      switch (key) {\n        case \"Enter\":\n        case \" \":\n          isEventHandled = handleAction(event);\n          break;\n        default:\n          return;\n      }\n\n      if (isEventHandled) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [handleAction]\n  );\n\n  const accordionHeaderId = setId(id, \"button\");\n  const accordionContainer = setId(id, \"container\");\n  const accordionHeader = useMemo(() => {\n    const color = (disabled && [\"atmo5\"]) || undefined;\n    const accordionButton = (\n      <StyledLabel\n        id={accordionHeaderId}\n        component=\"div\"\n        role=\"button\"\n        className={clsx(\n          accordionClasses.label,\n          classes?.label,\n          disabled && clsx(accordionClasses.disabled, classes?.disabled)\n        )}\n        disabled={disabled}\n        tabIndex={0}\n        onKeyDown={handleKeyDown}\n        onClick={handleClick}\n        variant={\"label\"}\n        aria-expanded={isOpen}\n        aria-disabled={disabled}\n      >\n        {isOpen ? <DropUpXS color={color} /> : <DropDownXS color={color} />}\n        {label}\n      </StyledLabel>\n    );\n    const result =\n      headingLevel === undefined ? (\n        accordionButton\n      ) : (\n        <StyledLabel component={`h${headingLevel}`}>\n          {accordionButton}\n        </StyledLabel>\n      );\n    return result;\n  }, [\n    classes,\n    handleClick,\n    handleKeyDown,\n    label,\n    accordionHeaderId,\n    disabled,\n    headingLevel,\n    isOpen,\n  ]);\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(className, accordionClasses.root, classes?.root)}\n      {...others}\n    >\n      {accordionHeader}\n      <StyledContainer\n        id={accordionContainer}\n        role=\"region\"\n        aria-labelledby={accordionHeaderId}\n        className={clsx(\n          accordionClasses.container,\n          classes?.container,\n          !isOpen && clsx(accordionClasses.hidden, classes?.hidden)\n        )}\n        hidden={!isOpen}\n        {...containerProps}\n      >\n        {children}\n      </StyledContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvAccordion","id","className","classes","disabled","label","onChange","children","expanded","headingLevel","defaultExpanded","containerProps","others","isOpen","setIsOpen","useControlled","Boolean","handleAction","useCallback","event","handleClick","preventDefault","stopPropagation","handleKeyDown","isEventHandled","key","altKey","ctrlKey","metaKey","currentTarget","target","accordionHeaderId","setId","accordionContainer","accordionHeader","useMemo","color","undefined","accordionButton","StyledLabel","component","role","clsx","accordionClasses","tabIndex","onKeyDown","onClick","variant","_jsx","DropUpXS","DropDownXS","result","StyledRoot","root","StyledContainer","container","hidden"],"mappings":"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"}

package/dist/esm/components/Accordion/Accordion.styles.js

@@ -64,6 +64,7 @@ const StyledLabel = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV =
   "&:focus-visible": {
     ...outlineStyles
   },
+  // cursor
   cursor: "pointer",
   ...disabled && {
     cursor: "not-allowed",