@hitachivantara/uikit-react-core 4.4.3 → 5.0.0-next.10

package/dist/cjs/utils/theme.cjs

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const setElementAttrs = (theme, mode, styles, elementId) => {
+  const element = elementId && document.getElementById(elementId) || document.body;
+  element.setAttribute(`data-theme`, theme);
+  element.setAttribute(`data-color-mode`, mode);
+  element.style.backgroundColor = styles.bgColor;
+  element.style.colorScheme = styles.colorScheme;
+  element.style.accentColor = styles.accentColor;
+  element.style.color = styles.color;
+  element.style.fontSize = styles.fontSize;
+  element.style.fontWeight = styles.fontWeight;
+  element.style.lineHeight = styles.lineHeight;
+  element.style.letterSpacing = styles.letterSpacing;
+  element.style.fontFamily = styles.fontFamily;
+};
+const applyThemeCustomizations = (obj, customizations) => {
+  const isObject = (val) => val && typeof val === "object";
+  const customizedTheme = {
+    ...obj
+  };
+  Object.keys(customizations).forEach((key) => {
+    if (customizedTheme[key]) {
+      if (isObject(customizedTheme[key]) && isObject(customizations[key])) {
+        customizedTheme[key] = applyThemeCustomizations(customizedTheme[key], customizations[key]);
+      } else if (typeof customizedTheme[key] == typeof customizations[key]) {
+        customizedTheme[key] = customizations[key];
+      }
+    } else {
+      customizedTheme[key] = customizations[key];
+    }
+  });
+  return customizedTheme;
+};
+const parseThemes = (baseTheme, newThemeName, inheritColorModes, customizations) => {
+  const customizedTheme = customizations ? applyThemeCustomizations(uikitStyles.themes[baseTheme], customizations) : {
+    ...uikitStyles.themes[baseTheme]
+  };
+  if (customizations) {
+    Object.keys(customizedTheme.colors.modes).forEach((mode) => {
+      if (!uikitStyles.themes[baseTheme].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,
+          ...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];
+      }
+    });
+  }
+  return customizedThemes;
+};
+exports.parseThemes = parseThemes;
+exports.setElementAttrs = setElementAttrs;
+//# sourceMappingURL=theme.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme.cjs","sources":["../../../src/utils/theme.ts"],"sourcesContent":["import {\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":";;;AAYO,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;;;"}

package/dist/cjs/utils/transientOptions.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const transientOptions = {
+  shouldForwardProp: (propName) => !propName.startsWith("$")
+};
+exports.transientOptions = transientOptions;
+//# sourceMappingURL=transientOptions.cjs.map

package/dist/cjs/utils/transientOptions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"transientOptions.cjs","sources":["../../../src/utils/transientOptions.tsx"],"sourcesContent":["import { CreateStyled } from \"@emotion/styled\";\n\n/**\n * Prevent a prop from being forwarded to the DOM. This allows us to pass props to\n * our styled components without them being explicitly written in the DOM.\n *\n * Usage:\n *   export const StyledRoot = styled(\"div\", transientOptions)(\n *    ({ $option }) => ({ ... })\n *   )\n *\n * source: https://github.com/emotion-js/emotion/issues/2193#issuecomment-766173118\n */\nexport const transientOptions: Parameters<CreateStyled>[1] = {\n  shouldForwardProp: (propName: string) => !propName.startsWith(\"$\"),\n};\n"],"names":["transientOptions","shouldForwardProp","propName","startsWith"],"mappings":";;AAaO,MAAMA,mBAAgD;AAAA,EAC3DC,mBAAmBA,CAACC,aAAqB,CAACA,SAASC,WAAW,GAAG;AACnE;;"}

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

@@ -0,0 +1,77 @@
+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 { useControlled } from "../../hooks/useControlled.js";
+import { setId } from "../../utils/setId.js";
+const HvAccordion = ({
+  id,
+  className,
+  classes,
+  disabled = false,
+  label,
+  onChange,
+  children,
+  expanded,
+  headingLevel,
+  defaultExpanded = false,
+  containerProps,
+  ...others
+}) => {
+  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));
+  const handleAction = useCallback((event) => {
+    if (!disabled) {
+      onChange == null ? void 0 : onChange(event, isOpen);
+      setIsOpen(!isOpen);
+      return true;
+    }
+    return false;
+  }, [disabled, onChange, isOpen, setIsOpen]);
+  const handleClick = useCallback((event) => {
+    handleAction(event);
+    event.preventDefault();
+    event.stopPropagation();
+  }, [handleAction]);
+  const handleKeyDown = useCallback((event) => {
+    let isEventHandled = false;
+    const {
+      key
+    } = event;
+    if (event.altKey || event.ctrlKey || event.metaKey || event.currentTarget !== event.target) {
+      return;
+    }
+    switch (key) {
+      case "Enter":
+      case " ":
+        isEventHandled = handleAction(event);
+        break;
+      default:
+        return;
+    }
+    if (isEventHandled) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
+  }, [handleAction]);
+  const accordionHeaderId = setId(id, "button");
+  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 });
+    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 })
+  ] });
+};
+export {
+  HvAccordion
+};
+//# sourceMappingURL=Accordion.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,78 @@
+import _styled from "@emotion/styled/base";
+import { theme } from "@hitachivantara/uikit-styles";
+import { HvTypography } from "../Typography/Typography.js";
+import { outlineStyles } from "../../utils/focusUtils.js";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e86r8k02"
+} : {
+  target: "e86r8k02",
+  label: "StyledRoot"
+})(process.env.NODE_ENV === "production" ? {
+  name: "181xssw",
+  styles: "& + root{padding-top:8px;}"
+} : {
+  name: "181xssw",
+  styles: "& + root{padding-top:8px;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQWNjb3JkaW9uL0FjY29yZGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUswQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0FjY29yZGlvbi9BY2NvcmRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwidXRpbHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBcIiYgKyByb290XCI6IHtcbiAgICBwYWRkaW5nVG9wOiA4LFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoXG4gICh7IGhpZGRlbiB9OiB7IGhpZGRlbjogYm9vbGVhbiB9KSA9PiAoe1xuICAgIHBhZGRpbmdUb3A6IDgsXG4gICAgaGVpZ2h0OiBcImF1dG9cIixcblxuICAgIC4uLihoaWRkZW4gJiYge1xuICAgICAgaGVpZ2h0OiAwLFxuICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KShcbiAgKHsgZGlzYWJsZWQgfTogeyBkaXNhYmxlZD86IGJvb2xlYW4gfSkgPT4gKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgaGVpZ2h0OiBcIjMycHhcIixcblxuICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgfSxcbiAgICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgIH0sXG4gICAgfSksXG5cbiAgICBcIiZbZGlzYWJsZWRdLCAmOmFjdGl2ZVwiOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICB9LFxuXG4gICAgXCImOmZvY3VzXCI6IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIH0sXG5cbiAgICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIH0sXG5cbiAgICAvLyBjdXJzb3JcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIC4uLihkaXNhYmxlZCAmJiB7XG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e86r8k01"
+} : {
+  target: "e86r8k01",
+  label: "StyledContainer"
+})(({
+  hidden
+}) => ({
+  paddingTop: 8,
+  height: "auto",
+  ...hidden && {
+    height: 0,
+    display: "none"
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQWNjb3JkaW9uL0FjY29yZGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVcrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0FjY29yZGlvbi9BY2NvcmRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwidXRpbHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBcIiYgKyByb290XCI6IHtcbiAgICBwYWRkaW5nVG9wOiA4LFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoXG4gICh7IGhpZGRlbiB9OiB7IGhpZGRlbjogYm9vbGVhbiB9KSA9PiAoe1xuICAgIHBhZGRpbmdUb3A6IDgsXG4gICAgaGVpZ2h0OiBcImF1dG9cIixcblxuICAgIC4uLihoaWRkZW4gJiYge1xuICAgICAgaGVpZ2h0OiAwLFxuICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KShcbiAgKHsgZGlzYWJsZWQgfTogeyBkaXNhYmxlZD86IGJvb2xlYW4gfSkgPT4gKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgaGVpZ2h0OiBcIjMycHhcIixcblxuICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgfSxcbiAgICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgIH0sXG4gICAgfSksXG5cbiAgICBcIiZbZGlzYWJsZWRdLCAmOmFjdGl2ZVwiOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICB9LFxuXG4gICAgXCImOmZvY3VzXCI6IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIH0sXG5cbiAgICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIH0sXG5cbiAgICAvLyBjdXJzb3JcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIC4uLihkaXNhYmxlZCAmJiB7XG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
+const StyledLabel = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? {
+  target: "e86r8k00"
+} : {
+  target: "e86r8k00",
+  label: "StyledLabel"
+})(({
+  disabled
+}) => ({
+  width: "100%",
+  display: "flex",
+  justifyContent: "flex-start",
+  alignItems: "center",
+  height: "32px",
+  ...!disabled && {
+    "&:hover": {
+      background: theme.colors.atmo3
+    },
+    "&:focus": {
+      background: theme.colors.atmo3
+    }
+  },
+  "&[disabled], &:active": {
+    outline: "none"
+  },
+  "&:focus": {
+    outline: "none"
+  },
+  "&:focus-visible": {
+    ...outlineStyles
+  },
+  cursor: "pointer",
+  ...disabled && {
+    cursor: "not-allowed",
+    color: theme.colors.atmo5
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQWNjb3JkaW9uL0FjY29yZGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCMkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BY2NvcmRpb24vQWNjb3JkaW9uLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgXCImICsgcm9vdFwiOiB7XG4gICAgcGFkZGluZ1RvcDogOCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoeyBoaWRkZW4gfTogeyBoaWRkZW46IGJvb2xlYW4gfSkgPT4gKHtcbiAgICBwYWRkaW5nVG9wOiA4LFxuICAgIGhlaWdodDogXCJhdXRvXCIsXG5cbiAgICAuLi4oaGlkZGVuICYmIHtcbiAgICAgIGhlaWdodDogMCxcbiAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoXG4gICh7IGRpc2FibGVkIH06IHsgZGlzYWJsZWQ/OiBib29sZWFuIH0pID0+ICh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG5cbiAgICAuLi4oIWRpc2FibGVkICYmIHtcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgIH0sXG4gICAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgXCImW2Rpc2FibGVkXSwgJjphY3RpdmVcIjoge1xuICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgfSxcblxuICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICB9LFxuXG4gICAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICB9LFxuXG4gICAgLy8gY3Vyc29yXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAuLi4oZGlzYWJsZWQgJiYge1xuICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmF0bW81LFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */");
+export {
+  StyledContainer,
+  StyledLabel,
+  StyledRoot
+};
+//# sourceMappingURL=Accordion.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.styles.js","sources":["../../../../src/components/Accordion/Accordion.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"components\";\nimport { outlineStyles } from \"utils\";\n\nexport const StyledRoot = styled(\"div\")({\n  \"& + root\": {\n    paddingTop: 8,\n  },\n});\n\nexport const StyledContainer = styled(\"div\")(\n  ({ hidden }: { hidden: boolean }) => ({\n    paddingTop: 8,\n    height: \"auto\",\n\n    ...(hidden && {\n      height: 0,\n      display: \"none\",\n    }),\n  })\n);\n\nexport const StyledLabel = styled(HvTypography)(\n  ({ disabled }: { disabled?: boolean }) => ({\n    width: \"100%\",\n    display: \"flex\",\n    justifyContent: \"flex-start\",\n    alignItems: \"center\",\n    height: \"32px\",\n\n    ...(!disabled && {\n      \"&:hover\": {\n        background: theme.colors.atmo3,\n      },\n      \"&:focus\": {\n        background: theme.colors.atmo3,\n      },\n    }),\n\n    \"&[disabled], &:active\": {\n      outline: \"none\",\n    },\n\n    \"&:focus\": {\n      outline: \"none\",\n    },\n\n    \"&:focus-visible\": {\n      ...outlineStyles,\n    },\n\n    // cursor\n    cursor: \"pointer\",\n    ...(disabled && {\n      cursor: \"not-allowed\",\n      color: theme.colors.atmo5,\n    }),\n  })\n);\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledContainer","hidden","paddingTop","height","display","StyledLabel","HvTypography","disabled","width","justifyContent","alignItems","background","theme","colors","atmo3","outline","outlineStyles","cursor","color","atmo5"],"mappings":";;;;;;;AAKO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIrC;AAEK,MAAMC,kBAAyB,wBAAA,OAAKV,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACzC,CAAC;AAAA,EAAEO;AAA4B,OAAO;AAAA,EACpCC,YAAY;AAAA,EACZC,QAAQ;AAAA,EAER,GAAIF,UAAU;AAAA,IACZE,QAAQ;AAAA,IACRC,SAAS;AAAA,EACX;AACF,IAAEd,QAAAC,IAAAC,aACH,eAAA,KAAA,6mEAAA;AAEM,MAAMa,cAAqBC,wBAAAA,cAAYhB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAC5C,CAAC;AAAA,EAAEa;AAAiC,OAAO;AAAA,EACzCC,OAAO;AAAA,EACPJ,SAAS;AAAA,EACTK,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EACZP,QAAQ;AAAA,EAER,GAAI,CAACI,YAAY;AAAA,IACf,WAAW;AAAA,MACTI,YAAYC,MAAMC,OAAOC;AAAAA,IAC3B;AAAA,IACA,WAAW;AAAA,MACTH,YAAYC,MAAMC,OAAOC;AAAAA,IAC3B;AAAA,EACF;AAAA,EAEA,yBAAyB;AAAA,IACvBC,SAAS;AAAA,EACX;AAAA,EAEA,WAAW;AAAA,IACTA,SAAS;AAAA,EACX;AAAA,EAEA,mBAAmB;AAAA,IACjB,GAAGC;AAAAA,EACL;AAAA,EAGAC,QAAQ;AAAA,EACR,GAAIV,YAAY;AAAA,IACdU,QAAQ;AAAA,IACRC,OAAON,MAAMC,OAAOM;AAAAA,EACtB;AACF,IAAE7B,QAAAC,IAAAC,aACH,eAAA,KAAA,inEAAA;"}

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

@@ -0,0 +1,8 @@
+import { getClasses } from "../../utils/classes.js";
+const classKeys = ["root", "hidden", "container", "label", "disabled"];
+const accordionClasses = getClasses(classKeys, "HvAccordion");
+const accordionClasses$1 = accordionClasses;
+export {
+  accordionClasses$1 as default
+};
+//# sourceMappingURL=accordionClasses.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordionClasses.js","sources":["../../../../src/components/Accordion/accordionClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvAccordionClasses = {\n  /** Styles applied to the component root of the accordion. */\n  root?: string;\n  /** Styles applied to the content when it is hidden. */\n  hidden?: string;\n  /** Styles applied to the content when it is hidden. */\n  container?: string;\n  /** Styles applied to the label button. */\n  label?: string;\n  /** Styles applied to the label button when it is disabled. */\n  disabled?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"hidden\",\n  \"container\",\n  \"label\",\n  \"disabled\",\n];\n\nconst accordionClasses = getClasses<HvAccordionClasses>(\n  classKeys,\n  \"HvAccordion\"\n);\n\nexport default accordionClasses;\n"],"names":["classKeys","accordionClasses","getClasses"],"mappings":";AAeA,MAAMA,YAAsB,CAC1B,QACA,UACA,aACA,SACA,UAAU;AAGZ,MAAMC,mBAAmBC,WACvBF,WACA,aAAa;AAGf,MAAA,qBAAeC;"}

package/dist/esm/components/ActionBar/ActionBar.js

@@ -0,0 +1,18 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import clsx from "clsx";
+import { StyledRoot } from "./ActionBar.styles.js";
+import actionBarClasses from "./actionBarClasses.js";
+const HvActionBar = (props) => {
+  const {
+    classes,
+    className,
+    id,
+    children,
+    ...others
+  } = props;
+  return /* @__PURE__ */ jsx(StyledRoot, { id, className: clsx(actionBarClasses.root, classes == null ? void 0 : classes.root, className), ...others, children });
+};
+export {
+  HvActionBar
+};
+//# sourceMappingURL=ActionBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBar.js","sources":["../../../../src/components/ActionBar/ActionBar.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledRoot } from \"./ActionBar.styles\";\nimport actionBarClasses, { HvActionBarClasses } from \"./actionBarClasses\";\n\nexport type HvActionBarProps = HvBaseProps & {\n  /** Id to be applied to the root node. */\n  id?: string;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvActionBarClasses;\n};\n\nexport const HvActionBar = (props: HvActionBarProps) => {\n  const { classes, className, id, children, ...others } = props;\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(actionBarClasses.root, classes?.root, className)}\n      {...others}\n    >\n      {children}\n    </StyledRoot>\n  );\n};\n"],"names":["HvActionBar","props","classes","className","id","children","others","clsx","actionBarClasses","root"],"mappings":";;;;AAYaA,MAAAA,cAAcA,CAACC,UAA4B;AAChD,QAAA;AAAA,IAAEC;AAAAA,IAASC;AAAAA,IAAWC;AAAAA,IAAIC;AAAAA,OAAaC;AAAAA,EAAWL,IAAAA;AAExD,SACG,oBAAA,YAAA,EACC,IACA,WAAWM,KAAKC,iBAAiBC,MAAMP,mCAASO,MAAMN,SAAS,GAC3DG,GAAAA,QAEHD,SACH,CAAA;AAEJ;"}

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

@@ -0,0 +1,19 @@
+import _styled from "@emotion/styled/base";
+import { theme } from "@hitachivantara/uikit-styles";
+const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "eae5m590"
+} : {
+  target: "eae5m590",
+  label: "StyledRoot"
+})({
+  width: "100%",
+  height: "75px",
+  padding: theme.space.sm,
+  borderTop: `3px solid ${theme.colors.atmo2}`,
+  display: "flex",
+  justifyContent: "flex-end"
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQWN0aW9uQmFyL0FjdGlvbkJhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUcwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0FjdGlvbkJhci9BY3Rpb25CYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjc1cHhcIixcbiAgcGFkZGluZzogdGhlbWUuc3BhY2Uuc20sXG4gIGJvcmRlclRvcDogYDNweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vMn1gLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1lbmRcIixcbn0pO1xuIl19 */");
+export {
+  StyledRoot
+};
+//# sourceMappingURL=ActionBar.styles.js.map

package/dist/esm/components/ActionBar/ActionBar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBar.styles.js","sources":["../../../../src/components/ActionBar/ActionBar.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledRoot = styled(\"div\")({\n  width: \"100%\",\n  height: \"75px\",\n  padding: theme.space.sm,\n  borderTop: `3px solid ${theme.colors.atmo2}`,\n  display: \"flex\",\n  justifyContent: \"flex-end\",\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","width","height","padding","theme","space","sm","borderTop","colors","atmo2","display","justifyContent"],"mappings":";;AAGO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtCC,OAAO;AAAA,EACPC,QAAQ;AAAA,EACRC,SAASC,MAAMC,MAAMC;AAAAA,EACrBC,WAAY,aAAYH,MAAMI,OAAOC;AAAAA,EACrCC,SAAS;AAAA,EACTC,gBAAgB;AAClB,GAACf,QAAAC,IAAAC,aAAC,eAAA,KAAA,y4BAAA;"}

package/dist/esm/components/ActionBar/actionBarClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../utils/classes.js";
+const classKeys = ["root"];
+const actionBarClasses = getClasses(classKeys, "HvActionBar");
+const actionBarClasses$1 = actionBarClasses;
+export {
+  actionBarClasses$1 as default
+};
+//# sourceMappingURL=actionBarClasses.js.map

package/dist/esm/components/ActionBar/actionBarClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionBarClasses.js","sources":["../../../../src/components/ActionBar/actionBarClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvActionBarClasses = {\n  root?: string;\n};\n\nconst classKeys: string[] = [\"root\"];\n\nconst actionBarClasses = getClasses<HvActionBarClasses>(\n  classKeys,\n  \"HvActionBar\"\n);\n\nexport default actionBarClasses;\n"],"names":["classKeys","actionBarClasses","getClasses"],"mappings":";AAMA,MAAMA,YAAsB,CAAC,MAAM;AAEnC,MAAMC,mBAAmBC,WACvBF,WACA,aAAa;AAGf,MAAA,qBAAeC;"}

package/dist/esm/components/ActionsGeneric/ActionsGeneric.js

@@ -0,0 +1,63 @@
+import { jsx, jsxs, Fragment } from "@emotion/react/jsx-runtime";
+import clsx from "clsx";
+import { useContext, isValidElement } from "react";
+import { MoreOptionsVertical } from "@hitachivantara/uikit-react-icons";
+import { theme } from "@hitachivantara/uikit-styles";
+import { StyledRoot, StyledButton } from "./ActionsGeneric.styles.js";
+import actionsGenericClasses from "./actionsGenericClasses.js";
+import HvDropDownMenu from "../DropDownMenu/DropDownMenu.js";
+import { HvThemeContext } from "../../providers/ThemeProvider.js";
+import { setId } from "../../utils/setId.js";
+const HvActionsGeneric = ({
+  id,
+  classes,
+  className,
+  category = "secondaryGhost",
+  disabled = false,
+  actions = [],
+  actionsCallback,
+  maxVisibleActions = Infinity,
+  ...others
+}) => {
+  const {
+    activeTheme,
+    selectedMode
+  } = useContext(HvThemeContext);
+  if (!Array.isArray(actions))
+    return isValidElement(actions) ? actions : null;
+  const renderButton = (action, idx) => {
+    var _a, _b;
+    const {
+      disabled: actDisabled,
+      id: actId,
+      icon,
+      label,
+      ...other
+    } = action;
+    const actionId = setId(id, idx, "action", action.id);
+    const renderedIcon = isValidElement(icon) ? icon : icon == null ? void 0 : icon({
+      isDisabled: disabled
+    });
+    return /* @__PURE__ */ jsx(StyledButton, { id: actionId, variant: category, className: clsx(actionsGenericClasses.button, classes == null ? void 0 : classes.button), disabled: actDisabled != null ? actDisabled : disabled, onClick: (event) => actionsCallback == null ? void 0 : actionsCallback(event, id || "", action), startIcon: renderedIcon, $baseColor: ((_a = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _a.modes[selectedMode].base1) || theme.colors.base1, size: ((_b = activeTheme == null ? void 0 : activeTheme.actionsGeneric) == null ? void 0 : _b.buttonSize) || "md", ...other, children: label }, actionId || idx);
+  };
+  const renderActionsGrid = () => {
+    const actsVisible = actions.slice(0, maxVisibleActions);
+    const actsDropdown = actions.slice(maxVisibleActions);
+    const semantic = category === "semantic";
+    const iconColor = disabled && "atmo5" || semantic && "base2" || void 0;
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      actsVisible.map((action, idx) => renderButton(action, idx)),
+      /* @__PURE__ */ jsx(HvDropDownMenu, { id: setId(id, "menu"), disabled, category, classes: {
+        root: clsx(actionsGenericClasses.dropDownMenu, classes == null ? void 0 : classes.dropDownMenu),
+        icon: clsx(actionsGenericClasses.dropDownMenuButton, classes == null ? void 0 : classes.dropDownMenuButton),
+        iconSelected: clsx(actionsGenericClasses.dropDownMenuButtonSelected, classes == null ? void 0 : classes.dropDownMenuButtonSelected)
+      }, icon: /* @__PURE__ */ jsx(MoreOptionsVertical, { color: iconColor }), placement: "left", onClick: (event, action) => actionsCallback == null ? void 0 : actionsCallback(event, id || "", action), dataList: actsDropdown, keepOpened: false, disablePortal: false })
+    ] });
+  };
+  const actionOverflow = actions.length > maxVisibleActions;
+  return /* @__PURE__ */ jsx(StyledRoot, { className: clsx(className, actionsGenericClasses.root, classes == null ? void 0 : classes.root, actionOverflow && clsx(actionsGenericClasses.actionContainer, classes == null ? void 0 : classes.actionContainer)), $actionOverflow: actionOverflow, ...others, children: actionOverflow ? renderActionsGrid() : actions.map((action, idx) => renderButton(action, idx)) });
+};
+export {
+  HvActionsGeneric
+};
+//# sourceMappingURL=ActionsGeneric.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionsGeneric.js","sources":["../../../../src/components/ActionsGeneric/ActionsGeneric.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvButtonSize, HvButtonVariant, HvDropDownMenu } from \"components\";\nimport { setId } from \"utils\";\nimport React, { isValidElement, useContext } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { actionsGenericClasses, HvActionsGenericClasses } from \".\";\nimport { MoreOptionsVertical } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { StyledButton, StyledRoot } from \"./ActionsGeneric.styles\";\nimport { HvThemeContext } from \"providers\";\n\nexport type HvActionGeneric = {\n  id: string;\n  label: string;\n  icon?:\n    | React.ReactNode\n    | ((params: { isDisabled?: boolean }) => React.ReactNode);\n  disabled?: boolean;\n};\n\nexport type HvActionsGenericProps = HvBaseProps & {\n  /** Button category. */\n  category?: HvButtonVariant;\n  /**  Whether actions should be all disabled */\n  disabled?: boolean;\n  /** The renderable content inside the actions slot of the footer, or an Array of actions `{id, label, icon, disabled}` */\n  actions: React.ReactNode | HvActionGeneric[];\n  /**  The callback function ran when an action is triggered, receiving `action` as param */\n  actionsCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /**  The number of maximum visible actions before they're collapsed into a `DropDownMenu`. */\n  maxVisibleActions?: number;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvActionsGenericClasses;\n};\n\nexport const HvActionsGeneric = ({\n  id,\n  classes,\n  className,\n  category = \"secondaryGhost\",\n  disabled = false,\n  actions = [],\n  actionsCallback,\n  maxVisibleActions = Infinity,\n  ...others\n}: HvActionsGenericProps) => {\n  const { activeTheme, selectedMode } = useContext(HvThemeContext);\n\n  if (!Array.isArray(actions)) return isValidElement(actions) ? actions : null;\n\n  const renderButton = (action: HvActionGeneric, idx: number) => {\n    const { disabled: actDisabled, id: actId, icon, label, ...other } = action;\n    const actionId = setId(id, idx, \"action\", action.id);\n\n    const renderedIcon = isValidElement(icon)\n      ? icon\n      : (icon as Function)?.({ isDisabled: disabled });\n\n    return (\n      <StyledButton\n        id={actionId}\n        key={actionId || idx}\n        variant={category}\n        className={clsx(actionsGenericClasses.button, classes?.button)}\n        disabled={actDisabled ?? disabled}\n        onClick={(event: React.SyntheticEvent) =>\n          actionsCallback?.(event, id || \"\", action)\n        }\n        startIcon={renderedIcon}\n        $baseColor={\n          activeTheme?.colors?.modes[selectedMode].base1 || theme.colors.base1\n        }\n        size={(activeTheme?.actionsGeneric?.buttonSize as HvButtonSize) || \"md\"}\n        {...other}\n      >\n        {label}\n      </StyledButton>\n    );\n  };\n\n  const renderActionsGrid = () => {\n    const actsVisible = actions.slice(0, maxVisibleActions);\n    const actsDropdown = actions.slice(maxVisibleActions);\n\n    const semantic = category === \"semantic\";\n    const iconColor =\n      (disabled && \"atmo5\") || (semantic && \"base2\") || undefined;\n\n    return (\n      <>\n        {actsVisible.map((action, idx) => renderButton(action, idx))}\n        <HvDropDownMenu\n          id={setId(id, \"menu\")}\n          disabled={disabled}\n          category={category}\n          classes={{\n            root: clsx(\n              actionsGenericClasses.dropDownMenu,\n              classes?.dropDownMenu\n            ),\n            icon: clsx(\n              actionsGenericClasses.dropDownMenuButton,\n              classes?.dropDownMenuButton\n            ),\n            iconSelected: clsx(\n              actionsGenericClasses.dropDownMenuButtonSelected,\n              classes?.dropDownMenuButtonSelected\n            ),\n          }}\n          icon={<MoreOptionsVertical color={iconColor} />}\n          placement=\"left\"\n          onClick={(event: React.SyntheticEvent, action: HvActionGeneric) =>\n            actionsCallback?.(event, id || \"\", action)\n          }\n          dataList={actsDropdown}\n          keepOpened={false}\n          disablePortal={false}\n        />\n      </>\n    );\n  };\n\n  const actionOverflow = actions.length > maxVisibleActions;\n\n  return (\n    <StyledRoot\n      className={clsx(\n        className,\n        actionsGenericClasses.root,\n        classes?.root,\n        actionOverflow &&\n          clsx(actionsGenericClasses.actionContainer, classes?.actionContainer)\n      )}\n      $actionOverflow={actionOverflow}\n      {...others}\n    >\n      {actionOverflow\n        ? renderActionsGrid()\n        : actions.map((action, idx) => renderButton(action, idx))}\n    </StyledRoot>\n  );\n};\n"],"names":["HvActionsGeneric","id","classes","className","category","disabled","actions","actionsCallback","maxVisibleActions","Infinity","others","activeTheme","selectedMode","useContext","HvThemeContext","Array","isArray","isValidElement","renderButton","action","idx","actDisabled","actId","icon","label","other","actionId","setId","renderedIcon","isDisabled","clsx","actionsGenericClasses","button","event","colors","modes","base1","theme","actionsGeneric","buttonSize","renderActionsGrid","actsVisible","slice","actsDropdown","semantic","iconColor","undefined","map","root","dropDownMenu","dropDownMenuButton","iconSelected","dropDownMenuButtonSelected","actionOverflow","length","actionContainer"],"mappings":";;;;;;;;;;AAuCO,MAAMA,mBAAmBA,CAAC;AAAA,EAC/BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,UAAU,CAAE;AAAA,EACZC;AAAAA,EACAC,oBAAoBC;AAAAA,KACjBC;AACkB,MAAM;AACrB,QAAA;AAAA,IAAEC;AAAAA,IAAaC;AAAAA,EAAAA,IAAiBC,WAAWC,cAAc;AAE3D,MAAA,CAACC,MAAMC,QAAQV,OAAO;AAAUW,WAAAA,eAAeX,OAAO,IAAIA,UAAU;AAElEY,QAAAA,eAAeA,CAACC,QAAyBC,QAAgB;;AACvD,UAAA;AAAA,MAAEf,UAAUgB;AAAAA,MAAapB,IAAIqB;AAAAA,MAAOC;AAAAA,MAAMC;AAAAA,SAAUC;AAAAA,IAAUN,IAAAA;AACpE,UAAMO,WAAWC,MAAM1B,IAAImB,KAAK,UAAUD,OAAOlB,EAAE;AAEnD,UAAM2B,eAAeX,eAAeM,IAAI,IACpCA,OACCA,6BAAoB;AAAA,MAAEM,YAAYxB;AAAAA,IAAAA;AAGrC,WAAA,oBAAC,gBACC,IAAIqB,UAEJ,SAAStB,UACT,WAAW0B,KAAKC,sBAAsBC,QAAQ9B,mCAAS8B,MAAM,GAC7D,UAAUX,oCAAehB,UACzB,SAAS,CAAC4B,UACR1B,mDAAkB0B,OAAOhC,MAAM,IAAIkB,SAErC,WAAWS,cACX,cACEjB,gDAAauB,WAAbvB,mBAAqBwB,MAAMvB,cAAcwB,UAASC,MAAMH,OAAOE,OAEjE,QAAOzB,gDAAa2B,mBAAb3B,mBAA6B4B,eAA+B,MAC/Dd,GAAAA,OAEHD,UAdIE,MAAAA,GAAAA,YAAYN,GAenB;AAAA,EAAA;AAIJ,QAAMoB,oBAAoBA,MAAM;AAC9B,UAAMC,cAAcnC,QAAQoC,MAAM,GAAGlC,iBAAiB;AAChDmC,UAAAA,eAAerC,QAAQoC,MAAMlC,iBAAiB;AAEpD,UAAMoC,WAAWxC,aAAa;AAC9B,UAAMyC,YACHxC,YAAY,WAAauC,YAAY,WAAYE;AAEpD,WAEKL,qBAAAA,UAAAA,EAAAA,UAAAA;AAAAA,MAAAA,YAAYM,IAAI,CAAC5B,QAAQC,QAAQF,aAAaC,QAAQC,GAAG,CAAC;AAAA,MAC3D,oBAAC,kBACC,IAAIO,MAAM1B,IAAI,MAAM,GACpB,UACA,UACA,SAAS;AAAA,QACP+C,MAAMlB,KACJC,sBAAsBkB,cACtB/C,mCAAS+C,YAAY;AAAA,QAEvB1B,MAAMO,KACJC,sBAAsBmB,oBACtBhD,mCAASgD,kBAAkB;AAAA,QAE7BC,cAAcrB,KACZC,sBAAsBqB,4BACtBlD,mCAASkD,0BAA0B;AAAA,MAEvC,GACA,MAAM,oBAAC,qBAAoB,EAAA,OAAOP,WAAU,GAC5C,WAAU,QACV,SAAS,CAACZ,OAA6Bd,WACrCZ,mDAAkB0B,OAAOhC,MAAM,IAAIkB,SAErC,UAAUwB,cACV,YAAY,OACZ,eAAe,MAAM,CAAA;AAAA,IAEzB,EAAA,CAAA;AAAA,EAAA;AAIEU,QAAAA,iBAAiB/C,QAAQgD,SAAS9C;AAExC,SACG,oBAAA,YAAA,EACC,WAAWsB,KACT3B,WACA4B,sBAAsBiB,MACtB9C,mCAAS8C,MACTK,kBACEvB,KAAKC,sBAAsBwB,iBAAiBrD,mCAASqD,eAAe,CAAC,GAEzE,iBAAiBF,gBACjB,GAAI3C,QAEH2C,UAAAA,iBACGb,sBACAlC,QAAQyC,IAAI,CAAC5B,QAAQC,QAAQF,aAAaC,QAAQC,GAAG,CAAC,EAC5D,CAAA;AAEJ;"}

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

@@ -0,0 +1,54 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { transientOptions } from "../../utils/transientOptions.js";
+import { theme } from "@hitachivantara/uikit-styles";
+import fade from "../../utils/hexToRgbA.js";
+import { HvButton } from "../Button/Button.js";
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "e4fkrgz1"
+}, transientOptions) : _extends({}, {
+  target: "e4fkrgz1",
+  label: "StyledRoot"
+}, transientOptions))(({
+  $actionOverflow
+}) => ({
+  ...$actionOverflow && {
+    display: "flex",
+    alignItems: "center",
+    float: "right"
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQWN0aW9uc0dlbmVyaWMvQWN0aW9uc0dlbmVyaWMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BY3Rpb25zR2VuZXJpYy9BY3Rpb25zR2VuZXJpYy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCBmYWRlIGZyb20gXCJ1dGlscy9oZXhUb1JnYkFcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGFjdGlvbk92ZXJmbG93IH06IHsgJGFjdGlvbk92ZXJmbG93OiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkYWN0aW9uT3ZlcmZsb3cgJiYge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgZmxvYXQ6IFwicmlnaHRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoXG4gIChwcm9wczogSHZCdXR0b25Qcm9wcykgPT4gPEh2QnV0dG9uIHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJhc2VDb2xvciB9OiB7ICRiYXNlQ29sb3I6IHN0cmluZyB9KSA9PiAoe1xuICBcIiY6bm90KDpsYXN0LWNoaWxkKVwiOiB7XG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogZmFkZSgkYmFzZUNvbG9yLCAwLjMpLFxuICB9LFxufSkpO1xuIl19 */");
+const StyledButton = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvButton, { ...props }), process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "e4fkrgz0"
+}, transientOptions) : _extends({}, {
+  target: "e4fkrgz0",
+  label: "StyledButton"
+}, transientOptions))(({
+  $baseColor
+}) => ({
+  "&:not(:last-child)": {
+    marginRight: theme.space.xs
+  },
+  "&:hover": {
+    backgroundColor: fade($baseColor, 0.3)
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQWN0aW9uc0dlbmVyaWMvQWN0aW9uc0dlbmVyaWMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQWN0aW9uc0dlbmVyaWMvQWN0aW9uc0dlbmVyaWMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCdXR0b24sIEh2QnV0dG9uUHJvcHMgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwidXRpbHMvaGV4VG9SZ2JBXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRhY3Rpb25PdmVyZmxvdyB9OiB7ICRhY3Rpb25PdmVyZmxvdzogYm9vbGVhbiB9KSA9PiAoe1xuICAuLi4oJGFjdGlvbk92ZXJmbG93ICYmIHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGZsb2F0OiBcInJpZ2h0XCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKFxuICAocHJvcHM6IEh2QnV0dG9uUHJvcHMpID0+IDxIdkJ1dHRvbiB7Li4ucHJvcHN9IC8+LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRiYXNlQ29sb3IgfTogeyAkYmFzZUNvbG9yOiBzdHJpbmcgfSkgPT4gKHtcbiAgXCImOm5vdCg6bGFzdC1jaGlsZClcIjoge1xuICAgIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGZhZGUoJGJhc2VDb2xvciwgMC4zKSxcbiAgfSxcbn0pKTtcbiJdfQ== */");
+export {
+  StyledButton,
+  StyledRoot
+};
+//# sourceMappingURL=ActionsGeneric.styles.js.map

package/dist/esm/components/ActionsGeneric/ActionsGeneric.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionsGeneric.styles.js","sources":["../../../../src/components/ActionsGeneric/ActionsGeneric.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvButton, HvButtonProps } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport fade from \"utils/hexToRgbA\";\n\nexport const StyledRoot = styled(\n  \"div\",\n  transientOptions\n)(({ $actionOverflow }: { $actionOverflow: boolean }) => ({\n  ...($actionOverflow && {\n    display: \"flex\",\n    alignItems: \"center\",\n    float: \"right\",\n  }),\n}));\n\nexport const StyledButton = styled(\n  (props: HvButtonProps) => <HvButton {...props} />,\n  transientOptions\n)(({ $baseColor }: { $baseColor: string }) => ({\n  \"&:not(:last-child)\": {\n    marginRight: theme.space.xs,\n  },\n  \"&:hover\": {\n    backgroundColor: fade($baseColor, 0.3),\n  },\n}));\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$actionOverflow","display","alignItems","float","StyledButton","_styled","props","$baseColor","marginRight","theme","space","xs","backgroundColor","fade"],"mappings":";;;;;;;;;;;;;;;;;;;;AAMaA,MAAAA,qCACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA8C,OAAO;AAAA,EACxD,GAAIA,mBAAmB;AAAA,IACrBC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,OAAO;AAAA,EACT;AACF,IAAEV,QAAAC,IAAAC,aAAC,eAAA,KAAA,6iDAAA;AAEI,MAAMS,eAAeC,wBAC1B,CAACC,8BAA0B,UAAaA,EAAAA,GAAAA,MAAM,CAAA,GAAGb,QAAAC,IAAAC,aAAA,eAAAC,SAAA,CAAA,GAAA;AAAA,EAAAC,QAAA;AAAA,GACjDC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAES;AAAmC,OAAO;AAAA,EAC7C,sBAAsB;AAAA,IACpBC,aAAaC,MAAMC,MAAMC;AAAAA,EAC3B;AAAA,EACA,WAAW;AAAA,IACTC,iBAAiBC,KAAKN,YAAY,GAAG;AAAA,EACvC;AACF,IAAEd,QAAAC,IAAAC,aAAC,eAAA,KAAA,ijDAAA;"}

package/dist/esm/components/ActionsGeneric/actionsGenericClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../utils/classes.js";
+const classKeys = ["root", "button", "actionContainer", "dropDownMenu", "dropDownMenuButton", "dropDownMenuButtonSelected"];
+const actionsGenericClasses = getClasses(classKeys, "HvActionsGeneric");
+const actionsGenericClasses$1 = actionsGenericClasses;
+export {
+  actionsGenericClasses$1 as default
+};
+//# sourceMappingURL=actionsGenericClasses.js.map

package/dist/esm/components/ActionsGeneric/actionsGenericClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionsGenericClasses.js","sources":["../../../../src/components/ActionsGeneric/actionsGenericClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvActionsGenericClasses = {\n  /** Styles applied to element root. */\n  root?: string;\n  /** Styles applied to the visible buttons. */\n  button?: string;\n  /** Styles applied to the action container wrapper. */\n  actionContainer?: string;\n  /** Styles applied to the DropDownMenu component. */\n  dropDownMenu?: string;\n  /** Styles applied to the DropDownMenu IconButton component. */\n  dropDownMenuButton?: string;\n  /** Styles applied to the DropDownMenu IconButton component when it is selected. */\n  dropDownMenuButtonSelected?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"button\",\n  \"actionContainer\",\n  \"dropDownMenu\",\n  \"dropDownMenuButton\",\n  \"dropDownMenuButtonSelected\",\n];\n\nconst actionsGenericClasses = getClasses<HvActionsGenericClasses>(\n  classKeys,\n  \"HvActionsGeneric\"\n);\n\nexport default actionsGenericClasses;\n"],"names":["classKeys","actionsGenericClasses","getClasses"],"mappings":";AAiBA,MAAMA,YAAsB,CAC1B,QACA,UACA,mBACA,gBACA,sBACA,4BAA4B;AAG9B,MAAMC,wBAAwBC,WAC5BF,WACA,kBAAkB;AAGpB,MAAA,0BAAeC;"}

package/dist/esm/components/AppSwitcher/Action/Action.js

@@ -0,0 +1,68 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useState } from "react";
+import clsx from "clsx";
+import { theme } from "@hitachivantara/uikit-styles";
+import TitleWithTooltip from "../TitleWithTooltip.js";
+import { StyledListItem, StyledTypography, StyledIcon, StyledIconInfo, StyledImg } from "./Action.styles.js";
+import appSwitcherActionClasses from "./actionClasses.js";
+import { HvAvatar } from "../../Avatar/Avatar.js";
+import { HvTooltip } from "../../Tooltip/Tooltip.js";
+import { HvTypography } from "../../Typography/Typography.js";
+const getColor = (color, defaultColor) => theme.colors[color] || color || defaultColor;
+const HvAction = ({
+  id,
+  className,
+  classes,
+  application,
+  onClickCallback = () => {
+  },
+  isSelectedCallback = () => false
+}) => {
+  const {
+    name,
+    description,
+    disabled,
+    iconElement,
+    iconUrl,
+    url,
+    target
+  } = application;
+  const color = disabled ? theme.colors.atmo5 : getColor(application == null ? void 0 : application.color, theme.colors.acce1);
+  const [validIconUrl, setValidIconUrl] = useState(true);
+  const renderApplicationIcon = () => {
+    if (iconElement) {
+      return iconElement;
+    }
+    if (iconUrl && validIconUrl) {
+      return /* @__PURE__ */ jsx(StyledImg, { className: clsx(appSwitcherActionClasses.iconUrl, classes == null ? void 0 : classes.iconUrl), src: iconUrl, onError: () => {
+        setValidIconUrl(false);
+      }, alt: description });
+    }
+    const brokenTitle = name.split(" ");
+    const initials = brokenTitle[0].substring(0, 1) + (brokenTitle[1] ? brokenTitle[1].substring(0, 1) : "");
+    return /* @__PURE__ */ jsx(HvAvatar, { size: "SM", backgroundColor: color, variant: "square", children: initials });
+  };
+  const isSelected = isSelectedCallback(application);
+  const handleOnClick = (event) => {
+    if (disabled) {
+      event.preventDefault();
+      return;
+    }
+    onClickCallback == null ? void 0 : onClickCallback(event, {
+      ...application,
+      isSelected
+    });
+  };
+  const isLink = url != null;
+  return /* @__PURE__ */ jsx(StyledListItem, { id, interactive: true, tabIndex: 0, selected: isSelected, disabled, className: clsx(className, appSwitcherActionClasses.root, classes == null ? void 0 : classes.root, disabled && clsx(appSwitcherActionClasses.disabled, classes == null ? void 0 : classes.disabled), isSelected && clsx(appSwitcherActionClasses.selected, classes == null ? void 0 : classes.selected)), children: /* @__PURE__ */ jsxs(StyledTypography, { component: isLink ? "a" : "button", href: isLink ? url : void 0, target: isLink ? target || "_top" : void 0, className: clsx(appSwitcherActionClasses.typography, classes == null ? void 0 : classes.typography), onClick: handleOnClick, style: {
+    borderColor: color
+  }, children: [
+    /* @__PURE__ */ jsx(StyledIcon, { className: clsx(appSwitcherActionClasses.icon, classes == null ? void 0 : classes.icon), children: renderApplicationIcon() }),
+    /* @__PURE__ */ jsx(TitleWithTooltip, { title: name, className: clsx(appSwitcherActionClasses.title, classes == null ? void 0 : classes.title), type: "action" }),
+    description && /* @__PURE__ */ jsx(HvTooltip, { disableFocusListener: true, disableTouchListener: true, title: /* @__PURE__ */ jsx(HvTypography, { children: description }), children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(StyledIconInfo, { className: clsx(appSwitcherActionClasses.iconInfo, classes == null ? void 0 : classes.iconInfo), role: "img", "aria-label": description }) }) })
+  ] }) });
+};
+export {
+  HvAction
+};
+//# sourceMappingURL=Action.js.map