@hitachivantara/uikit-react-core 5.9.1 → 5.10.0

package/dist/cjs/components/DropDownMenu/DropDownMenu.cjs

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const clsx = require("clsx");
 const React = require("react");
 const react = require("@emotion/react");
 const uikitStyles = require("@hitachivantara/uikit-styles");
@@ -10,10 +9,12 @@ const DropDownMenu_styles = require("./DropDownMenu.styles.cjs");
 const dropDownMenuClasses = require("./dropDownMenuClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const focusableElementFinder = require("../../utils/focusableElementFinder.cjs");
+const BaseDropdown = require("../BaseDropdown/BaseDropdown.cjs");
+const Panel = require("../Panel/Panel.cjs");
 const List = require("../List/List.cjs");
 const useControlled = require("../../hooks/useControlled.cjs");
 const setId = require("../../utils/setId.cjs");
-const focusUtils = require("../../utils/focusUtils.cjs");
+const Button = require("../Button/Button.cjs");
 const keyCheck = require("../../utils/keyboardUtils/keyCheck.cjs");
 const keyboardCodes = require("../../utils/keyboardUtils/keyboardCodes.cjs");
 const HvDropDownMenu = ({
@@ -53,19 +54,6 @@ const HvDropDownMenu = ({
     var _a;
     (_a = containerRef == null ? void 0 : containerRef.getElementsByTagName("li")[0]) == null ? void 0 : _a.focus();
   };
-  const headerComponent = /* @__PURE__ */ jsxRuntime.jsx(DropDownMenu_styles.StyledButton, {
-    icon: true,
-    variant: category,
-    id: setId.setId(id, "icon-button"),
-    className: clsx.clsx(dropDownMenuClasses.default.icon, classes == null ? void 0 : classes.icon, open && clsx.clsx(dropDownMenuClasses.default.iconSelected, classes == null ? void 0 : classes.iconSelected)),
-    "aria-expanded": open,
-    disabled,
-    "aria-label": "Dropdown menu",
-    $open: open,
-    children: icon || /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.MoreOptionsVertical, {
-      color: disabled ? "secondary_60" : void 0
-    })
-  });
   const condensed = React.useMemo(() => dataList.every((el) => !el.icon), [dataList]);
   const popperStyle = {
     style: {
@@ -78,21 +66,26 @@ const HvDropDownMenu = ({
     children: ({
       css,
       cx
-    }) => /* @__PURE__ */ jsxRuntime.jsx(DropDownMenu_styles.StyledBaseDropDown, {
+    }) => /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown.HvBaseDropdown, {
       id,
-      className: cx(dropDownMenuClasses.default.container, className, classes == null ? void 0 : classes.container),
+      className: cx(dropDownMenuClasses.default.container, css(DropDownMenu_styles.styles.container), className, classes == null ? void 0 : classes.container),
       classes: {
-        root: cx(dropDownMenuClasses.default.root, css({
-          display: "inline-block",
-          width: "auto",
-          "&.focus-visible $icon": {
-            ...focusUtils.outlineStyles
-          }
-        }), classes == null ? void 0 : classes.root),
+        root: cx(dropDownMenuClasses.default.root, css(DropDownMenu_styles.styles.root), classes == null ? void 0 : classes.root),
         container: cx(dropDownMenuClasses.default.baseContainer, classes == null ? void 0 : classes.baseContainer)
       },
       expanded: open && !disabled,
-      component: headerComponent,
+      component: /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
+        icon: true,
+        variant: category,
+        id: setId.setId(id, "icon-button"),
+        className: cx(dropDownMenuClasses.default.icon, open && dropDownMenuClasses.default.iconSelected, css(DropDownMenu_styles.styles.icon), open && css(DropDownMenu_styles.styles.iconSelected), classes == null ? void 0 : classes.icon, open && (classes == null ? void 0 : classes.iconSelected)),
+        "aria-expanded": open,
+        disabled,
+        "aria-label": "Dropdown menu",
+        children: icon || /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.MoreOptionsVertical, {
+          color: disabled ? "secondary_60" : void 0
+        })
+      }),
       "aria-haspopup": "menu",
       placement,
       variableWidth: true,
@@ -105,7 +98,8 @@ const HvDropDownMenu = ({
       onContainerCreation: setFocusToContent,
       popperProps: popperStyle,
       ...others,
-      children: /* @__PURE__ */ jsxRuntime.jsx(DropDownMenu_styles.StyledPanel, {
+      children: /* @__PURE__ */ jsxRuntime.jsx(Panel.HvPanel, {
+        className: cx(dropDownMenuClasses.default.menuListRoot, css(DropDownMenu_styles.styles.menuListRoot), classes == null ? void 0 : classes.menuListRoot),
         children: /* @__PURE__ */ jsxRuntime.jsx(List.HvList, {
           id: listId,
           values: dataList,

package/dist/cjs/components/DropDownMenu/DropDownMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropDownMenu.cjs","sources":["../../../../src/components/DropDownMenu/DropDownMenu.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useMemo } from \"react\";\nimport { ClassNames } from \"@emotion/react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { MoreOptionsVertical } from \"@hitachivantara/uikit-react-icons\";\nimport { useControlled } from \"@core/hooks\";\nimport { HvBaseProps } from \"@core/types\";\nimport withId from \"@core/hocs/withId\";\nimport {\n  isKeypress,\n  keyboardCodes,\n  outlineStyles,\n  setId,\n  getPrevNextFocus,\n} from \"@core/utils\";\n\nimport {\n  HvBaseDropdownProps,\n  HvButtonVariant,\n  HvList,\n  HvListValue,\n} from \"@core/components\";\nimport {\n  StyledBaseDropDown,\n  StyledButton,\n  StyledPanel,\n} from \"./DropDownMenu.styles\";\nimport dropDownMenuClasses, {\n  HvDropDownMenuClasses,\n} from \"./dropDownMenuClasses\";\n\nexport interface HvDropDownMenuProps\n  extends HvBaseProps<HTMLDivElement, \"onClick\"> {\n  /** Icon. */\n  icon?: React.ReactElement;\n  /**\n   * A list containing the elements to be rendered.\n   *\n   * - label: The label of the element to be rendered.\n   * - selected: The selection state of the element.\n   * - disabled: The disabled state of the element.\n   * - icon: The icon node to be rendered on the left.\n   * - showNavIcon: If true renders the navigation icon on the right.\n   */\n  dataList: HvListValue[];\n  /** Placement of the dropdown. */\n  placement?: \"left\" | \"right\";\n  /** Disable the portal behavior. The children stay within it's parent DOM hierarchy. */\n  disablePortal?: boolean;\n  /** Function executed on toggle of the dropdown. Should receive the open status. */\n  onToggle?: (event: Event, open: boolean) => void;\n  /** Function executed in each onClick. Should received the clicked element. */\n  onClick?: (\n    event: React.ChangeEvent<HTMLLIElement>,\n    value: HvListValue\n  ) => void;\n  /** Keep the Dropdown Menu opened after clicking one option */\n  keepOpened?: boolean;\n  /** Defines if the component is disabled. */\n  disabled?: boolean;\n  /** If true it should be displayed open. */\n  expanded?: boolean;\n  /** When uncontrolled, defines the initial expanded state. */\n  defaultExpanded?: boolean;\n  /** The variant to be used in the header. */\n  category?: HvButtonVariant;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvDropDownMenuClasses;\n}\n\n/**\n * A drop-down menu is a graphical control element, similar to a list box, that allows the user to choose a value from a list.\n */\nconst HvDropDownMenu = ({\n  id,\n  classes,\n  className,\n  icon,\n  placement = \"right\",\n  dataList,\n  disablePortal = false,\n  onToggle,\n  onClick,\n  keepOpened = true,\n  disabled = false,\n  expanded,\n  defaultExpanded = false,\n  category = \"secondaryGhost\",\n  ...others\n}: HvDropDownMenuProps) => {\n  const [open, setOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const focusNodes = getPrevNextFocus(setId(id, \"icon-button\"));\n\n  const listId = setId(id, \"list\");\n\n  const handleClose = (event) => {\n    // this will only run if uncontrolled\n    setOpen(false);\n    onToggle?.(event, false);\n  };\n\n  // If the ESCAPE key is pressed inside the list, the close handler must be called.\n  const handleKeyDown = (event) => {\n    if (isKeypress(event, keyboardCodes.Tab)) {\n      const node = event.shiftKey ? focusNodes.prevFocus : focusNodes.nextFocus;\n      if (node) setTimeout(() => node.focus(), 0);\n      handleClose(event);\n    }\n    event.preventDefault();\n  };\n\n  const setFocusToContent = (containerRef) => {\n    containerRef?.getElementsByTagName(\"li\")[0]?.focus();\n  };\n\n  const headerComponent = (\n    <StyledButton\n      icon\n      variant={category}\n      id={setId(id, \"icon-button\")}\n      className={clsx(\n        dropDownMenuClasses.icon,\n        classes?.icon,\n        open && clsx(dropDownMenuClasses.iconSelected, classes?.iconSelected)\n      )}\n      aria-expanded={open}\n      disabled={disabled}\n      aria-label=\"Dropdown menu\"\n      $open={open}\n    >\n      {icon || (\n        <MoreOptionsVertical color={disabled ? \"secondary_60\" : undefined} />\n      )}\n    </StyledButton>\n  );\n\n  const condensed = useMemo(() => dataList.every((el) => !el.icon), [dataList]);\n  const popperStyle: HvBaseDropdownProps[\"popperProps\"] = {\n    style: {\n      zIndex: theme.zIndices.tooltip,\n      width: \"auto\",\n      position: \"relative\",\n    },\n  };\n\n  return (\n    <ClassNames>\n      {({ css, cx }) => (\n        <StyledBaseDropDown\n          id={id}\n          className={cx(\n            dropDownMenuClasses.container,\n            className,\n            classes?.container\n          )}\n          classes={{\n            root: cx(\n              dropDownMenuClasses.root,\n              css({\n                display: \"inline-block\",\n                width: \"auto\",\n                \"&.focus-visible $icon\": {\n                  ...outlineStyles,\n                },\n              }),\n              classes?.root\n            ),\n            container: cx(\n              dropDownMenuClasses.baseContainer,\n              classes?.baseContainer\n            ),\n          }}\n          expanded={open && !disabled}\n          component={headerComponent}\n          aria-haspopup=\"menu\"\n          placement={placement}\n          variableWidth\n          disablePortal={disablePortal}\n          onToggle={(e, s) => {\n            // this will only run if uncontrolled\n            setOpen(s);\n            onToggle?.(e, s);\n          }}\n          disabled={disabled}\n          onContainerCreation={setFocusToContent}\n          popperProps={popperStyle}\n          {...others}\n        >\n          <StyledPanel>\n            <HvList\n              id={listId}\n              values={dataList}\n              selectable={false}\n              condensed={condensed}\n              onClick={(event, item) => {\n                if (!keepOpened) handleClose(event);\n                onClick?.(event, item);\n              }}\n              onKeyDown={handleKeyDown}\n              classes={{\n                root: cx(dropDownMenuClasses.menuList, classes?.menuList),\n              }}\n            />\n          </StyledPanel>\n        </StyledBaseDropDown>\n      )}\n    </ClassNames>\n  );\n};\n\nexport default withId(HvDropDownMenu);\n"],"names":["HvDropDownMenu","id","classes","className","icon","placement","dataList","disablePortal","onToggle","onClick","keepOpened","disabled","expanded","defaultExpanded","category","others","open","setOpen","useControlled","Boolean","focusNodes","getPrevNextFocus","setId","listId","handleClose","event","handleKeyDown","isKeypress","keyboardCodes","Tab","node","shiftKey","prevFocus","nextFocus","setTimeout","focus","preventDefault","setFocusToContent","containerRef","getElementsByTagName","headerComponent","StyledButton","variant","clsx","dropDownMenuClasses","iconSelected","$open","children","_jsx","MoreOptionsVertical","color","undefined","condensed","useMemo","every","el","popperStyle","style","zIndex","theme","zIndices","tooltip","width","position","ClassNames","css","cx","StyledBaseDropDown","container","root","display","outlineStyles","baseContainer","component","variableWidth","e","s","onContainerCreation","popperProps","StyledPanel","HvList","values","selectable","item","onKeyDown","menuList","withId"],"mappings":"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"}
+{"version":3,"file":"DropDownMenu.cjs","sources":["../../../../src/components/DropDownMenu/DropDownMenu.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { ClassNames } from \"@emotion/react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { MoreOptionsVertical } from \"@hitachivantara/uikit-react-icons\";\nimport { useControlled } from \"@core/hooks\";\nimport { HvBaseProps } from \"@core/types\";\nimport withId from \"@core/hocs/withId\";\nimport {\n  isKeypress,\n  keyboardCodes,\n  setId,\n  getPrevNextFocus,\n} from \"@core/utils\";\nimport {\n  HvBaseDropdown,\n  HvBaseDropdownProps,\n  HvButton,\n  HvButtonVariant,\n  HvList,\n  HvListValue,\n  HvPanel,\n} from \"@core/components\";\nimport { styles } from \"./DropDownMenu.styles\";\nimport dropDownMenuClasses, {\n  HvDropDownMenuClasses,\n} from \"./dropDownMenuClasses\";\n\nexport interface HvDropDownMenuProps\n  extends HvBaseProps<HTMLDivElement, \"onClick\"> {\n  /** Icon. */\n  icon?: React.ReactElement;\n  /**\n   * A list containing the elements to be rendered.\n   *\n   * - label: The label of the element to be rendered.\n   * - selected: The selection state of the element.\n   * - disabled: The disabled state of the element.\n   * - icon: The icon node to be rendered on the left.\n   * - showNavIcon: If true renders the navigation icon on the right.\n   */\n  dataList: HvListValue[];\n  /** Placement of the dropdown. */\n  placement?: \"left\" | \"right\";\n  /** Disable the portal behavior. The children stay within it's parent DOM hierarchy. */\n  disablePortal?: boolean;\n  /** Function executed on toggle of the dropdown. Should receive the open status. */\n  onToggle?: (event: Event, open: boolean) => void;\n  /** Function executed in each onClick. Should received the clicked element. */\n  onClick?: (\n    event: React.ChangeEvent<HTMLLIElement>,\n    value: HvListValue\n  ) => void;\n  /** Keep the Dropdown Menu opened after clicking one option */\n  keepOpened?: boolean;\n  /** Defines if the component is disabled. */\n  disabled?: boolean;\n  /** If true it should be displayed open. */\n  expanded?: boolean;\n  /** When uncontrolled, defines the initial expanded state. */\n  defaultExpanded?: boolean;\n  /** The variant to be used in the header. */\n  category?: HvButtonVariant;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvDropDownMenuClasses;\n}\n\n/**\n * A drop-down menu is a graphical control element, similar to a list box, that allows the user to choose a value from a list.\n */\nconst HvDropDownMenu = ({\n  id,\n  classes,\n  className,\n  icon,\n  placement = \"right\",\n  dataList,\n  disablePortal = false,\n  onToggle,\n  onClick,\n  keepOpened = true,\n  disabled = false,\n  expanded,\n  defaultExpanded = false,\n  category = \"secondaryGhost\",\n  ...others\n}: HvDropDownMenuProps) => {\n  const [open, setOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const focusNodes = getPrevNextFocus(setId(id, \"icon-button\"));\n\n  const listId = setId(id, \"list\");\n\n  const handleClose = (event) => {\n    // this will only run if uncontrolled\n    setOpen(false);\n    onToggle?.(event, false);\n  };\n\n  // If the ESCAPE key is pressed inside the list, the close handler must be called.\n  const handleKeyDown = (event) => {\n    if (isKeypress(event, keyboardCodes.Tab)) {\n      const node = event.shiftKey ? focusNodes.prevFocus : focusNodes.nextFocus;\n      if (node) setTimeout(() => node.focus(), 0);\n      handleClose(event);\n    }\n    event.preventDefault();\n  };\n\n  const setFocusToContent = (containerRef) => {\n    containerRef?.getElementsByTagName(\"li\")[0]?.focus();\n  };\n\n  const condensed = useMemo(() => dataList.every((el) => !el.icon), [dataList]);\n  const popperStyle: HvBaseDropdownProps[\"popperProps\"] = {\n    style: {\n      zIndex: theme.zIndices.tooltip,\n      width: \"auto\",\n      position: \"relative\",\n    },\n  };\n\n  return (\n    <ClassNames>\n      {({ css, cx }) => (\n        <HvBaseDropdown\n          id={id}\n          className={cx(\n            dropDownMenuClasses.container,\n            css(styles.container),\n            className,\n            classes?.container\n          )}\n          classes={{\n            root: cx(dropDownMenuClasses.root, css(styles.root), classes?.root),\n            container: cx(\n              dropDownMenuClasses.baseContainer,\n              classes?.baseContainer\n            ),\n          }}\n          expanded={open && !disabled}\n          component={\n            <HvButton\n              icon\n              variant={category}\n              id={setId(id, \"icon-button\")}\n              className={cx(\n                dropDownMenuClasses.icon,\n                open && dropDownMenuClasses.iconSelected,\n                css(styles.icon),\n                open && css(styles.iconSelected),\n                classes?.icon,\n                open && classes?.iconSelected\n              )}\n              aria-expanded={open}\n              disabled={disabled}\n              aria-label=\"Dropdown menu\"\n            >\n              {icon || (\n                <MoreOptionsVertical\n                  color={disabled ? \"secondary_60\" : undefined}\n                />\n              )}\n            </HvButton>\n          }\n          aria-haspopup=\"menu\"\n          placement={placement}\n          variableWidth\n          disablePortal={disablePortal}\n          onToggle={(e, s) => {\n            // this will only run if uncontrolled\n            setOpen(s);\n            onToggle?.(e, s);\n          }}\n          disabled={disabled}\n          onContainerCreation={setFocusToContent}\n          popperProps={popperStyle}\n          {...others}\n        >\n          <HvPanel\n            className={cx(\n              dropDownMenuClasses.menuListRoot,\n              css(styles.menuListRoot),\n              classes?.menuListRoot\n            )}\n          >\n            <HvList\n              id={listId}\n              values={dataList}\n              selectable={false}\n              condensed={condensed}\n              onClick={(event, item) => {\n                if (!keepOpened) handleClose(event);\n                onClick?.(event, item);\n              }}\n              onKeyDown={handleKeyDown}\n              classes={{\n                root: cx(dropDownMenuClasses.menuList, classes?.menuList),\n              }}\n            />\n          </HvPanel>\n        </HvBaseDropdown>\n      )}\n    </ClassNames>\n  );\n};\n\nexport default withId(HvDropDownMenu);\n"],"names":["HvDropDownMenu","id","classes","className","icon","placement","dataList","disablePortal","onToggle","onClick","keepOpened","disabled","expanded","defaultExpanded","category","others","open","setOpen","useControlled","Boolean","focusNodes","getPrevNextFocus","setId","listId","handleClose","event","handleKeyDown","isKeypress","keyboardCodes","Tab","node","shiftKey","prevFocus","nextFocus","setTimeout","focus","preventDefault","setFocusToContent","containerRef","getElementsByTagName","condensed","useMemo","every","el","popperStyle","style","zIndex","theme","zIndices","tooltip","width","position","ClassNames","children","css","cx","HvBaseDropdown","dropDownMenuClasses","container","styles","root","baseContainer","component","HvButton","variant","iconSelected","_jsx","MoreOptionsVertical","color","undefined","variableWidth","e","s","onContainerCreation","popperProps","HvPanel","menuListRoot","HvList","values","selectable","item","onKeyDown","menuList","withId"],"mappings":"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"}

package/dist/cjs/components/DropDownMenu/DropDownMenu.styles.cjs

@@ -1,67 +1,28 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _styled = require("@emotion/styled/base");
-const transientOptions = require("../../utils/transientOptions.cjs");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const React = require("react");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const BaseDropdown = require("../BaseDropdown/BaseDropdown.cjs");
-const Panel = require("../Panel/Panel.cjs");
-const Button = require("../Button/Button.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-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).";
-}
-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];
-        }
-      }
+const dropDownMenuClasses = require("./dropDownMenuClasses.cjs");
+const focusUtils = require("../../utils/focusUtils.cjs");
+const styles = {
+  container: {
+    width: 32
+  },
+  root: {
+    display: "inline-block",
+    width: "auto",
+    [`&.focus-visible .${dropDownMenuClasses.default.icon}`]: {
+      ...focusUtils.outlineStyles
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-const StyledBaseDropDown = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown.HvBaseDropdown, {
-  ...props
-}), process.env.NODE_ENV === "production" ? {
-  target: "e13q7myz2"
-} : {
-  target: "e13q7myz2",
-  label: "StyledBaseDropDown"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1p2i2oq",
-  styles: "width:32px"
-} : {
-  name: "1p2i2oq",
-  styles: "width:32px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcERvd25NZW51L0Ryb3BEb3duTWVudS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNrQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Ryb3BEb3duTWVudS9Ecm9wRG93bk1lbnUuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlRHJvcGRvd24sXG4gIEh2QmFzZURyb3Bkb3duUHJvcHMsXG4gIEh2QnV0dG9uLFxuICBIdkJ1dHRvblByb3BzLFxuICBIdlBhbmVsLFxuICBIdlBhbmVsUHJvcHMsXG59IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IFBvbHltb3JwaGljUmVmIH0gZnJvbSBcIkBjb3JlL3R5cGVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlRHJvcERvd24gPSBzdHlsZWQoKHByb3BzOiBIdkJhc2VEcm9wZG93blByb3BzKSA9PiAoXG4gIDxIdkJhc2VEcm9wZG93biB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIHdpZHRoOiAzMixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUG9seW1vcnBoaWNSZWY8XCJidXR0b25cIj4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkb3BlbiB9OiB7ICRvcGVuOiBib29sZWFuIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIGJveFNpemluZzogXCJjb250ZW50LWJveFwiLFxuICBwYWRkaW5nOiAwLFxuXG4gIGJvcmRlclJhZGl1czogdGhlbWUuZHJvcERvd25NZW51LmJvcmRlclJhZGl1cyxcbiAgYm9yZGVyOiB0aGVtZS5kcm9wRG93bk1lbnUuYm9yZGVyQ2xvc2VkLFxuXG4gIC4uLigkb3BlbiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgYm94U2hhZG93OiB0aGVtZS5jb2xvcnMuc2hhZG93LFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgIH0sXG5cbiAgICBcIiYgc3ZnIC5jb2xvcjBcIjoge1xuICAgICAgZmlsbDogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgICB9LFxuXG4gICAgYm9yZGVyUmFkaXVzOiBgJHt0aGVtZS5yYWRpaS5iYXNlfSAke3RoZW1lLnJhZGlpLmJhc2V9IDBweCAwcHhgLFxuICAgIGJvcmRlcjogdGhlbWUuZHJvcERvd25NZW51LmJvcmRlck9wZW5lZCxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQYW5lbCA9IHN0eWxlZCgocHJvcHM6IEh2UGFuZWxQcm9wcykgPT4gKFxuICA8SHZQYW5lbCB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGJvcmRlcjogdGhlbWUuZHJvcERvd25NZW51LmJvcmRlck9wZW5lZCxcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS5kcm9wRG93bk1lbnUuYm9yZGVyUmFkaXVzLFxufSk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledButton = /* @__PURE__ */ _styled__default.default(React.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
-    ...props,
-    ref
-  });
-}), process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e13q7myz1"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "e13q7myz1",
-  label: "StyledButton"
-}, transientOptions.transientOptions))(({
-  $open
-}) => ({
-  position: "relative",
-  boxSizing: "content-box",
-  padding: 0,
-  borderRadius: uikitStyles.theme.dropDownMenu.borderRadius,
-  border: uikitStyles.theme.dropDownMenu.borderClosed,
-  ...$open && {
+  },
+  icon: {
+    position: "relative",
+    width: 32,
+    boxSizing: "border-box",
+    padding: 0,
+    borderRadius: uikitStyles.theme.dropDownMenu.borderRadius,
+    border: uikitStyles.theme.dropDownMenu.borderClosed
+  },
+  iconSelected: {
     backgroundColor: uikitStyles.theme.colors.atmo1,
     boxShadow: uikitStyles.theme.colors.shadow,
     "&:hover": {
@@ -72,20 +33,11 @@ const StyledButton = /* @__PURE__ */ _styled__default.default(React.forwardRef((
     },
     borderRadius: `${uikitStyles.theme.radii.base} ${uikitStyles.theme.radii.base} 0px 0px`,
     border: uikitStyles.theme.dropDownMenu.borderOpened
+  },
+  menuListRoot: {
+    border: uikitStyles.theme.dropDownMenu.borderOpened,
+    borderRadius: uikitStyles.theme.dropDownMenu.borderRadius
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcERvd25NZW51L0Ryb3BEb3duTWVudS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Ecm9wRG93bk1lbnUvRHJvcERvd25NZW51LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7XG4gIEh2QmFzZURyb3Bkb3duLFxuICBIdkJhc2VEcm9wZG93blByb3BzLFxuICBIdkJ1dHRvbixcbiAgSHZCdXR0b25Qcm9wcyxcbiAgSHZQYW5lbCxcbiAgSHZQYW5lbFByb3BzLFxufSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBQb2x5bW9ycGhpY1JlZiB9IGZyb20gXCJAY29yZS90eXBlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZURyb3BEb3duID0gc3R5bGVkKChwcm9wczogSHZCYXNlRHJvcGRvd25Qcm9wcykgPT4gKFxuICA8SHZCYXNlRHJvcGRvd24gey4uLnByb3BzfSAvPlxuKSkoe1xuICB3aWR0aDogMzIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcbiAgZm9yd2FyZFJlZigocHJvcHM6IEh2QnV0dG9uUHJvcHMsIHJlZj86IFBvbHltb3JwaGljUmVmPFwiYnV0dG9uXCI+KSA9PiB7XG4gICAgcmV0dXJuIDxIdkJ1dHRvbiB7Li4ucHJvcHN9IHJlZj17cmVmfSAvPjtcbiAgfSksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJG9wZW4gfTogeyAkb3BlbjogYm9vbGVhbiB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBib3hTaXppbmc6IFwiY29udGVudC1ib3hcIixcbiAgcGFkZGluZzogMCxcblxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmRyb3BEb3duTWVudS5ib3JkZXJSYWRpdXMsXG4gIGJvcmRlcjogdGhlbWUuZHJvcERvd25NZW51LmJvcmRlckNsb3NlZCxcblxuICAuLi4oJG9wZW4gJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgIGJveFNoYWRvdzogdGhlbWUuY29sb3JzLnNoYWRvdyxcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICB9LFxuXG4gICAgXCImIHN2ZyAuY29sb3IwXCI6IHtcbiAgICAgIGZpbGw6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG4gICAgfSxcblxuICAgIGJvcmRlclJhZGl1czogYCR7dGhlbWUucmFkaWkuYmFzZX0gJHt0aGVtZS5yYWRpaS5iYXNlfSAwcHggMHB4YCxcbiAgICBib3JkZXI6IHRoZW1lLmRyb3BEb3duTWVudS5ib3JkZXJPcGVuZWQsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFuZWwgPSBzdHlsZWQoKHByb3BzOiBIdlBhbmVsUHJvcHMpID0+IChcbiAgPEh2UGFuZWwgey4uLnByb3BzfSAvPlxuKSkoe1xuICBib3JkZXI6IHRoZW1lLmRyb3BEb3duTWVudS5ib3JkZXJPcGVuZWQsXG4gIGJvcmRlclJhZGl1czogdGhlbWUuZHJvcERvd25NZW51LmJvcmRlclJhZGl1cyxcbn0pO1xuIl19 */");
-const StyledPanel = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Panel.HvPanel, {
-  ...props
-}), process.env.NODE_ENV === "production" ? {
-  target: "e13q7myz0"
-} : {
-  target: "e13q7myz0",
-  label: "StyledPanel"
-})({
-  border: uikitStyles.theme.dropDownMenu.borderOpened,
-  borderRadius: uikitStyles.theme.dropDownMenu.borderRadius
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcERvd25NZW51L0Ryb3BEb3duTWVudS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtEMkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Ecm9wRG93bk1lbnUvRHJvcERvd25NZW51LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7XG4gIEh2QmFzZURyb3Bkb3duLFxuICBIdkJhc2VEcm9wZG93blByb3BzLFxuICBIdkJ1dHRvbixcbiAgSHZCdXR0b25Qcm9wcyxcbiAgSHZQYW5lbCxcbiAgSHZQYW5lbFByb3BzLFxufSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBQb2x5bW9ycGhpY1JlZiB9IGZyb20gXCJAY29yZS90eXBlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZURyb3BEb3duID0gc3R5bGVkKChwcm9wczogSHZCYXNlRHJvcGRvd25Qcm9wcykgPT4gKFxuICA8SHZCYXNlRHJvcGRvd24gey4uLnByb3BzfSAvPlxuKSkoe1xuICB3aWR0aDogMzIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcbiAgZm9yd2FyZFJlZigocHJvcHM6IEh2QnV0dG9uUHJvcHMsIHJlZj86IFBvbHltb3JwaGljUmVmPFwiYnV0dG9uXCI+KSA9PiB7XG4gICAgcmV0dXJuIDxIdkJ1dHRvbiB7Li4ucHJvcHN9IHJlZj17cmVmfSAvPjtcbiAgfSksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJG9wZW4gfTogeyAkb3BlbjogYm9vbGVhbiB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBib3hTaXppbmc6IFwiY29udGVudC1ib3hcIixcbiAgcGFkZGluZzogMCxcblxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmRyb3BEb3duTWVudS5ib3JkZXJSYWRpdXMsXG4gIGJvcmRlcjogdGhlbWUuZHJvcERvd25NZW51LmJvcmRlckNsb3NlZCxcblxuICAuLi4oJG9wZW4gJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgIGJveFNoYWRvdzogdGhlbWUuY29sb3JzLnNoYWRvdyxcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICB9LFxuXG4gICAgXCImIHN2ZyAuY29sb3IwXCI6IHtcbiAgICAgIGZpbGw6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG4gICAgfSxcblxuICAgIGJvcmRlclJhZGl1czogYCR7dGhlbWUucmFkaWkuYmFzZX0gJHt0aGVtZS5yYWRpaS5iYXNlfSAwcHggMHB4YCxcbiAgICBib3JkZXI6IHRoZW1lLmRyb3BEb3duTWVudS5ib3JkZXJPcGVuZWQsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFuZWwgPSBzdHlsZWQoKHByb3BzOiBIdlBhbmVsUHJvcHMpID0+IChcbiAgPEh2UGFuZWwgey4uLnByb3BzfSAvPlxuKSkoe1xuICBib3JkZXI6IHRoZW1lLmRyb3BEb3duTWVudS5ib3JkZXJPcGVuZWQsXG4gIGJvcmRlclJhZGl1czogdGhlbWUuZHJvcERvd25NZW51LmJvcmRlclJhZGl1cyxcbn0pO1xuIl19 */");
-exports.StyledBaseDropDown = StyledBaseDropDown;
-exports.StyledButton = StyledButton;
-exports.StyledPanel = StyledPanel;
+};
+exports.styles = styles;
 //# sourceMappingURL=DropDownMenu.styles.cjs.map

package/dist/cjs/components/DropDownMenu/DropDownMenu.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropDownMenu.styles.cjs","sources":["../../../../src/components/DropDownMenu/DropDownMenu.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport {\n  HvBaseDropdown,\n  HvBaseDropdownProps,\n  HvButton,\n  HvButtonProps,\n  HvPanel,\n  HvPanelProps,\n} from \"@core/components\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { forwardRef } from \"react\";\nimport { PolymorphicRef } from \"@core/types\";\n\nexport const StyledBaseDropDown = styled((props: HvBaseDropdownProps) => (\n  <HvBaseDropdown {...props} />\n))({\n  width: 32,\n});\n\nexport const StyledButton = styled(\n  forwardRef((props: HvButtonProps, ref?: PolymorphicRef<\"button\">) => {\n    return <HvButton {...props} ref={ref} />;\n  }),\n  transientOptions\n)(({ $open }: { $open: boolean }) => ({\n  position: \"relative\",\n  boxSizing: \"content-box\",\n  padding: 0,\n\n  borderRadius: theme.dropDownMenu.borderRadius,\n  border: theme.dropDownMenu.borderClosed,\n\n  ...($open && {\n    backgroundColor: theme.colors.atmo1,\n    boxShadow: theme.colors.shadow,\n\n    \"&:hover\": {\n      backgroundColor: theme.colors.atmo1,\n    },\n\n    \"& svg .color0\": {\n      fill: theme.colors.secondary,\n    },\n\n    borderRadius: `${theme.radii.base} ${theme.radii.base} 0px 0px`,\n    border: theme.dropDownMenu.borderOpened,\n  }),\n}));\n\nexport const StyledPanel = styled((props: HvPanelProps) => (\n  <HvPanel {...props} />\n))({\n  border: theme.dropDownMenu.borderOpened,\n  borderRadius: theme.dropDownMenu.borderRadius,\n});\n"],"names":["StyledBaseDropDown","_styled","props","HvBaseDropdown","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledButton","forwardRef","ref","HvButton","_extends","transientOptions","$open","position","boxSizing","padding","borderRadius","theme","dropDownMenu","border","borderClosed","backgroundColor","colors","atmo1","boxShadow","shadow","fill","secondary","radii","base","borderOpened","StyledPanel","HvPanel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAMA,qBAAqBC,iCAAAA,QAAO,CAACC,yCACvCC,aAAAA,gBAAc;AAAA,EAAA,GAAKD;AAAK,CAAA,GAC1BE,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,CAEA;AAEK,MAAMC,eAAeb,iCAAAA,QAC1Bc,MAAAA,WAAW,CAACb,OAAsBc,QAAmC;AACnE,wCAAQC,OAAAA,UAAQ;AAAA,IAAA,GAAKf;AAAAA,IAAOc;AAAAA,EAAAA,CAAY;AAC1C,CAAC,GAACZ,QAAAC,IAAAC,4BAAAY,SAAA,IAAA;AAAA,EAAAX,QAAA;AAAA,GACFY,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAX,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBW,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAA0B,OAAO;AAAA,EACpCC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,SAAS;AAAA,EAETC,cAAcC,YAAAA,MAAMC,aAAaF;AAAAA,EACjCG,QAAQF,YAAAA,MAAMC,aAAaE;AAAAA,EAE3B,GAAIR,SAAS;AAAA,IACXS,iBAAiBJ,YAAAA,MAAMK,OAAOC;AAAAA,IAC9BC,WAAWP,YAAAA,MAAMK,OAAOG;AAAAA,IAExB,WAAW;AAAA,MACTJ,iBAAiBJ,YAAAA,MAAMK,OAAOC;AAAAA,IAChC;AAAA,IAEA,iBAAiB;AAAA,MACfG,MAAMT,YAAAA,MAAMK,OAAOK;AAAAA,IACrB;AAAA,IAEAX,cAAe,GAAEC,YAAAA,MAAMW,MAAMC,QAAQZ,kBAAMW,MAAMC;AAAAA,IACjDV,QAAQF,YAAAA,MAAMC,aAAaY;AAAAA,EAC7B;AACF,IAAElC,QAAAC,IAAAC,aAAC,eAAA,KAAA,i8EAAA;AAEI,MAAMiC,cAActC,iCAAAA,QAAO,CAACC,yCAChCsC,MAAAA,SAAO;AAAA,EAAA,GAAKtC;AAAK,CAAA,GACnBE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACDmB,QAAQF,YAAAA,MAAMC,aAAaY;AAAAA,EAC3Bd,cAAcC,YAAAA,MAAMC,aAAaF;AACnC,GAACpB,QAAAC,IAAAC,aAAC,eAAA,KAAA,i8EAAA;;;;"}
+{"version":3,"file":"DropDownMenu.styles.cjs","sources":["../../../../src/components/DropDownMenu/DropDownMenu.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"@core/utils\";\nimport { CSSInterpolation } from \"@emotion/serialize\";\nimport dropDownMenuClasses, {\n  HvDropDownMenuClasses,\n} from \"./dropDownMenuClasses\";\n\nexport const styles: Partial<\n  Record<keyof HvDropDownMenuClasses, CSSInterpolation>\n> = {\n  container: {\n    width: 32,\n  },\n  root: {\n    display: \"inline-block\",\n    width: \"auto\",\n    [`&.focus-visible .${dropDownMenuClasses.icon}`]: {\n      ...outlineStyles,\n    },\n  },\n  icon: {\n    position: \"relative\",\n    width: 32,\n    boxSizing: \"border-box\",\n    padding: 0,\n    borderRadius: theme.dropDownMenu.borderRadius,\n    border: theme.dropDownMenu.borderClosed,\n  },\n  iconSelected: {\n    backgroundColor: theme.colors.atmo1,\n    boxShadow: theme.colors.shadow,\n\n    \"&:hover\": {\n      backgroundColor: theme.colors.atmo1,\n    },\n\n    \"& svg .color0\": {\n      fill: theme.colors.secondary,\n    },\n\n    borderRadius: `${theme.radii.base} ${theme.radii.base} 0px 0px`,\n    border: theme.dropDownMenu.borderOpened,\n  },\n  menuListRoot: {\n    border: theme.dropDownMenu.borderOpened,\n    borderRadius: theme.dropDownMenu.borderRadius,\n  },\n};\n"],"names":["styles","container","width","root","display","dropDownMenuClasses","icon","outlineStyles","position","boxSizing","padding","borderRadius","theme","dropDownMenu","border","borderClosed","iconSelected","backgroundColor","colors","atmo1","boxShadow","shadow","fill","secondary","radii","base","borderOpened","menuListRoot"],"mappings":";;;;;AAOO,MAAMA,SAET;AAAA,EACFC,WAAW;AAAA,IACTC,OAAO;AAAA,EACT;AAAA,EACAC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTF,OAAO;AAAA,IACP,CAAE,oBAAmBG,4BAAoBC,MAAM,GAAG;AAAA,MAChD,GAAGC,WAAAA;AAAAA,IACL;AAAA,EACF;AAAA,EACAD,MAAM;AAAA,IACJE,UAAU;AAAA,IACVN,OAAO;AAAA,IACPO,WAAW;AAAA,IACXC,SAAS;AAAA,IACTC,cAAcC,YAAAA,MAAMC,aAAaF;AAAAA,IACjCG,QAAQF,YAAAA,MAAMC,aAAaE;AAAAA,EAC7B;AAAA,EACAC,cAAc;AAAA,IACZC,iBAAiBL,YAAAA,MAAMM,OAAOC;AAAAA,IAC9BC,WAAWR,YAAAA,MAAMM,OAAOG;AAAAA,IAExB,WAAW;AAAA,MACTJ,iBAAiBL,YAAAA,MAAMM,OAAOC;AAAAA,IAChC;AAAA,IAEA,iBAAiB;AAAA,MACfG,MAAMV,YAAAA,MAAMM,OAAOK;AAAAA,IACrB;AAAA,IAEAZ,cAAe,GAAEC,YAAAA,MAAMY,MAAMC,QAAQb,kBAAMY,MAAMC;AAAAA,IACjDX,QAAQF,YAAAA,MAAMC,aAAaa;AAAAA,EAC7B;AAAA,EACAC,cAAc;AAAA,IACZb,QAAQF,YAAAA,MAAMC,aAAaa;AAAAA,IAC3Bf,cAAcC,YAAAA,MAAMC,aAAaF;AAAAA,EACnC;AACF;;"}

package/dist/cjs/components/DropDownMenu/dropDownMenuClasses.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const classes = require("../../utils/classes.cjs");
-const classKeys = ["root", "container", "baseContainer", "icon", "iconSelected", "menuList"];
+const classKeys = ["root", "container", "baseContainer", "icon", "iconSelected", "menuList", "menuListRoot"];
 const dropDownMenuClasses = classes.getClasses(classKeys, "HvDropDownMenu");
 const dropDownMenuClasses$1 = dropDownMenuClasses;
 exports.default = dropDownMenuClasses$1;

package/dist/cjs/components/DropDownMenu/dropDownMenuClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dropDownMenuClasses.cjs","sources":["../../../../src/components/DropDownMenu/dropDownMenuClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvDropDownMenuClasses {\n  /** Styles applied to the root. */\n  root?: string;\n  /** Styles applied to the container. */\n  container?: string;\n  /** Styles applied to the BaseDropdown container. */\n  baseContainer?: string;\n  /** Styles applied to the icon. */\n  icon?: string;\n  /** Styles applied to the icon when selected. */\n  iconSelected?: string;\n  /** Styles applied to the list. */\n  menuList?: string;\n}\n\nconst classKeys: (keyof HvDropDownMenuClasses)[] = [\n  \"root\",\n  \"container\",\n  \"baseContainer\",\n  \"icon\",\n  \"iconSelected\",\n  \"menuList\",\n];\n\nconst dropDownMenuClasses = getClasses(classKeys, \"HvDropDownMenu\");\n\nexport default dropDownMenuClasses;\n"],"names":["classKeys","dropDownMenuClasses","getClasses"],"mappings":";;;AAiBA,MAAMA,YAA6C,CACjD,QACA,aACA,iBACA,QACA,gBACA,UAAU;AAGZ,MAAMC,sBAAsBC,QAAWF,WAAAA,WAAW,gBAAgB;AAElE,MAAA,wBAAeC;;"}
+{"version":3,"file":"dropDownMenuClasses.cjs","sources":["../../../../src/components/DropDownMenu/dropDownMenuClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvDropDownMenuClasses {\n  /** Styles applied to the root. */\n  root?: string;\n  /** Styles applied to the container. */\n  container?: string;\n  /** Styles applied to the BaseDropdown container. */\n  baseContainer?: string;\n  /** Styles applied to the icon. */\n  icon?: string;\n  /** Styles applied to the icon when selected. */\n  iconSelected?: string;\n  /** Styles applied to the list root. */\n  menuListRoot?: string;\n  /** Styles applied to the list. */\n  menuList?: string;\n}\n\nconst classKeys: (keyof HvDropDownMenuClasses)[] = [\n  \"root\",\n  \"container\",\n  \"baseContainer\",\n  \"icon\",\n  \"iconSelected\",\n  \"menuList\",\n  \"menuListRoot\",\n];\n\nconst dropDownMenuClasses = getClasses(classKeys, \"HvDropDownMenu\");\n\nexport default dropDownMenuClasses;\n"],"names":["classKeys","dropDownMenuClasses","getClasses"],"mappings":";;;AAmBA,MAAMA,YAA6C,CACjD,QACA,aACA,iBACA,QACA,gBACA,YACA,cAAc;AAGhB,MAAMC,sBAAsBC,QAAWF,WAAAA,WAAW,gBAAgB;AAElE,MAAA,wBAAeC;;"}

package/dist/cjs/components/Table/TableCell/TableCell.cjs

@@ -11,9 +11,9 @@ const TableContext = require("../TableContext.cjs");
 const TableSectionContext = require("../TableSectionContext.cjs");
 const TableCell_styles = require("./TableCell.styles.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const checkValidHexColorValue = require("../../../utils/checkValidHexColorValue.cjs");
 const hexToRgbA = require("../../../utils/hexToRgbA.cjs");
 const useTheme = require("../../../hooks/useTheme.cjs");
-const utils = require("../utils/utils.cjs");
 const theme = require("../../../utils/theme.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
@@ -53,7 +53,7 @@ const StyledTableCell = (c) => /* @__PURE__ */ _styled__default.default(c, proce
       backgroundImage: `linear-gradient(to right, ${$sortedColor}, ${$sortedColor})`
     }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVDZWxsL1RhYmxlQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0ZFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVDZWxsL1RhYmxlQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENsYXNzTmFtZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBjYXBpdGFsaXplIGZyb20gXCJsb2Rhc2gvY2FwaXRhbGl6ZVwiO1xuaW1wb3J0IHtcbiAgQ1NTUHJvcGVydGllcyxcbiAgZm9yd2FyZFJlZixcbiAgVGRIVE1MQXR0cmlidXRlcyxcbiAgdXNlQ29udGV4dCxcbiAgdXNlRWZmZWN0LFxuICB1c2VNZW1vLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IGdldFZhclZhbHVlLCBoZXhUb1JnYkEgfSBmcm9tIFwiQGNvcmUvdXRpbHNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIkBjb3JlL2hvb2tzXCI7XG5pbXBvcnQge1xuICBIdlRhYmxlQ2VsbEFsaWduLFxuICBIdlRhYmxlQ2VsbFR5cGUsXG4gIEh2VGFibGVDZWxsVmFyaWFudCxcbn0gZnJvbSBcIi4uL1RhYmxlXCI7XG5pbXBvcnQgdGFibGVDZWxsQ2xhc3NlcywgeyBIdlRhYmxlQ2VsbENsYXNzZXMgfSBmcm9tIFwiLi90YWJsZUNlbGxDbGFzc2VzXCI7XG5pbXBvcnQgVGFibGVDb250ZXh0IGZyb20gXCIuLi9UYWJsZUNvbnRleHRcIjtcbmltcG9ydCBUYWJsZVNlY3Rpb25Db250ZXh0IGZyb20gXCIuLi9UYWJsZVNlY3Rpb25Db250ZXh0XCI7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tIFwiLi9UYWJsZUNlbGwuc3R5bGVzXCI7XG5pbXBvcnQgeyBjaGVja1ZhbGlkSGV4Q29sb3JWYWx1ZSB9IGZyb20gXCIuLi91dGlsc1wiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEh2VGFibGVDZWxsUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFRkSFRNTEF0dHJpYnV0ZXM8SFRNTFRhYmxlQ2VsbEVsZW1lbnQ+LCBcImFsaWduXCI+IHtcbiAgLyoqIFRoZSBjb21wb25lbnQgdXNlZCBmb3IgdGhlIHJvb3Qgbm9kZS4gRWl0aGVyIGEgc3RyaW5nIHRvIHVzZSBhIEhUTUwgZWxlbWVudCBvciBhIGNvbXBvbmVudC4gRGVmYXVsdHMgdG8gdGQuICovXG4gIGNvbXBvbmVudD86IFJlYWN0LkVsZW1lbnRUeXBlO1xuICAvKiogQ29udGVudCB0byBiZSByZW5kZXJlZCAqL1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqIElubGluZSBzdHlsZXMgdG8gYmUgYXBwbGllZCB0byB0aGUgcm9vdCBlbGVtZW50LiAqL1xuICBzdHlsZT86IENTU1Byb3BlcnRpZXM7XG4gIC8qKiBTZXQgdGhlIHRleHQtYWxpZ24gb24gdGhlIHRhYmxlIGNlbGwgY29udGVudC4gKi9cbiAgYWxpZ24/OiBIdlRhYmxlQ2VsbEFsaWduO1xuICAvKiogU2V0cyB0aGUgY2VsbCdzIHZhcmlhbnQuICovXG4gIHZhcmlhbnQ/OiBIdlRhYmxlQ2VsbFZhcmlhbnQgfCBcImxpc3RjaGVja2JveFwiIHwgXCJsaXN0YWN0aW9uc1wiO1xuICAvKiogU3BlY2lmeSB0aGUgY2VsbCdzIHR5cGUuIFRoZSBwcm9wIGRlZmF1bHRzIHRvIHRoZSB2YWx1ZSBpbmhlcml0ZWQgZnJvbSB0aGUgcGFyZW50IFRhYmxlSGVhZCwgVGFibGVCb2R5LCBvciBUYWJsZUZvb3RlciBjb21wb25lbnRzLiAqL1xuICB0eXBlPzogSHZUYWJsZUNlbGxUeXBlO1xuICAvKiogV2hldGhlciBvciBub3QgdGhlIGNlbGwgaXMgcGFydCBvZiBhIHNvcnRlZCBjb2x1bW4uICovXG4gIHNvcnRlZD86IGJvb2xlYW47XG4gIC8qKiBUaGUgY2VsbCBpcyBwYXJ0IG9mIGEgc3RpY2t5IGNvbHVtbi4gKi9cbiAgc3RpY2t5Q29sdW1uPzogYm9vbGVhbjtcbiAgLyoqIFRoZSBjZWxsIGlzIHBhcnQgb2YgdGhlIGxhc3Qgc3RpY2t5IHRvIHRoZSBsZWZ0IGNvbHVtbi4gKi9cbiAgc3RpY2t5Q29sdW1uTW9zdExlZnQ/OiBib29sZWFuO1xuICAvKiogVGhlIGNlbGwgaXMgcGFydCBvZiB0aGUgZmlyc3Qgc3RpY2t5IHRvIHRoZSByaWdodCBjb2x1bW4uICovXG4gIHN0aWNreUNvbHVtbkxlYXN0UmlnaHQ/OiBib29sZWFuO1xuICAvKiogVGhlIGNlbGwgaXMgcGFydCBvZiB0aGUgZmlyc3QgY29sdW1uIGluIHRoZSBncm91cC4gKi9cbiAgZ3JvdXBDb2x1bW5Nb3N0TGVmdD86IGJvb2xlYW47XG4gIC8qKiBUaGUgY2VsbCBpcyBwYXJ0IG9mIHRoZSBsYXN0IGNvbHVtbiBpbiB0aGUgZ3JvdXAuICovXG4gIGdyb3VwQ29sdW1uTW9zdFJpZ2h0PzogYm9vbGVhbjtcbiAgLyoqIFdoZXRoZXIgb3Igbm90IHRoZSBjZWxsIGlzIHJlc2l6YWJsZSAqL1xuICByZXNpemFibGU/OiBib29sZWFuO1xuICAvKiogV2hldGhlciBvciBub3QgdGhlIGNlbGwgaXMgYmVpbmcgcmVzaXplZCAqL1xuICByZXNpemluZz86IGJvb2xlYW47XG4gIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gIGNsYXNzZXM/OiBIdlRhYmxlQ2VsbENsYXNzZXM7XG59XG5cbmNvbnN0IGRlZmF1bHRDb21wb25lbnQgPSBcInRkXCI7XG5cbmludGVyZmFjZSBTdHlsZWRUYWJsZUNlbGxQcm9wcyB7XG4gICR2YXJpYW50TGlzdDogYm9vbGVhbjtcbiAgJHZhcmlhbnRMaXN0SGVhZDogYm9vbGVhbjtcbiAgJHN0aWNreUNvbHVtbjogYm9vbGVhbjtcbiAgJHN0aWNreUNvbHVtbk1vc3RMZWZ0OiBib29sZWFuO1xuICAkc3RpY2t5Q29sdW1uTGVhc3RSaWdodDogYm9vbGVhbjtcbiAgJGdyb3VwQ29sdW1uTW9zdExlZnQ6IGJvb2xlYW47XG4gICRncm91cENvbHVtbk1vc3RSaWdodDogYm9vbGVhbjtcbiAgJHJlc2l6YWJsZTogYm9vbGVhbjtcbiAgJHJlc2l6aW5nOiBib29sZWFuO1xuICAkYWxpZ246IHN0cmluZztcbiAgJHZhcmlhbnQ6IHN0cmluZztcbiAgJHR5cGU6IHN0cmluZztcbiAgJHNvcnRlZENvbG9yOiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZFRhYmxlQ2VsbCA9IChjOiBhbnkpID0+XG4gIHN0eWxlZChcbiAgICBjLFxuICAgIHRyYW5zaWVudE9wdGlvbnNcbiAgKSgoeyAkc3RpY2t5Q29sdW1uLCAkdHlwZSwgJHNvcnRlZENvbG9yIH06IFN0eWxlZFRhYmxlQ2VsbFByb3BzKSA9PiAoe1xuICAgIC4uLigkdHlwZSA9PT0gXCJib2R5XCIgJiYge1xuICAgICAgW2AmLiR7dGFibGVDZWxsQ2xhc3Nlcy5zb3J0ZWR9YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkc29ydGVkQ29sb3IsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkc3RpY2t5Q29sdW1uICYmIHtcbiAgICAgIFtgJi4ke3RhYmxlQ2VsbENsYXNzZXMuc29ydGVkfWBdOiB7XG4gICAgICAgIGJhY2tncm91bmRJbWFnZTogYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgJHskc29ydGVkQ29sb3J9LCAkeyRzb3J0ZWRDb2xvcn0pYCxcbiAgICAgIH0sXG4gICAgfSksXG4gIH0pKTtcblxuLyoqXG4gKiBgSHZUYWJsZUNlbGxgIGFjdHMgYXMgYSBgdGRgIGVsZW1lbnQgYW5kIGluaGVyaXRzIHN0eWxlcyBmcm9tIGl0cyBjb250ZXh0XG4gKi9cbmV4cG9ydCBjb25zdCBIdlRhYmxlQ2VsbCA9IGZvcndhcmRSZWY8SFRNTEVsZW1lbnQsIEh2VGFibGVDZWxsUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBjb21wb25lbnQsXG4gICAgICBjbGFzc05hbWUsXG4gICAgICBzdHlsZSxcbiAgICAgIGNsYXNzZXMsXG4gICAgICBhbGlnbiA9IFwiaW5oZXJpdFwiLFxuICAgICAgdmFyaWFudCA9IFwiZGVmYXVsdFwiLFxuICAgICAgdHlwZTogdHlwZVByb3AsXG4gICAgICBzdGlja3lDb2x1bW4gPSBmYWxzZSxcbiAgICAgIHN0aWNreUNvbHVtbk1vc3RMZWZ0ID0gZmFsc2UsXG4gICAgICBzdGlja3lDb2x1bW5MZWFzdFJpZ2h0ID0gZmFsc2UsXG4gICAgICBncm91cENvbHVtbk1vc3RMZWZ0ID0gZmFsc2UsXG4gICAgICBncm91cENvbHVtbk1vc3RSaWdodCA9IGZhbHNlLFxuICAgICAgc29ydGVkID0gZmFsc2UsXG4gICAgICByZXNpemFibGUgPSBmYWxzZSxcbiAgICAgIHJlc2l6aW5nID0gZmFsc2UsXG4gICAgICAuLi5vdGhlcnNcbiAgICB9LFxuICAgIGV4dGVybmFsUmVmXG4gICkgPT4ge1xuICAgIGNvbnN0IHsgYWN0aXZlVGhlbWUsIHNlbGVjdGVkTW9kZSB9ID0gdXNlVGhlbWUoKTtcbiAgICBjb25zdCB0YWJsZUNvbnRleHQgPSB1c2VDb250ZXh0KFRhYmxlQ29udGV4dCk7XG4gICAgY29uc3QgdGFibGVTZWN0aW9uQ29udGV4dCA9IHVzZUNvbnRleHQoVGFibGVTZWN0aW9uQ29udGV4dCk7XG5cbiAgICBjb25zdCBbc29ydGVkQ29sb3JWYWx1ZSwgc2V0U29ydGVkQ29sb3JWYWx1ZV0gPSB1c2VTdGF0ZTxcbiAgICAgIHN0cmluZyB8IHVuZGVmaW5lZFxuICAgID4oKTtcbiAgICBjb25zdCBbc29ydGVkQ29sb3JBbHBoYSwgc2V0U29ydGVkQ29sb3JBbHBoYV0gPSB1c2VTdGF0ZTxcbiAgICAgIHN0cmluZyB8IHVuZGVmaW5lZFxuICAgID4oKTtcblxuICAgIGNvbnN0IHR5cGUgPSB0eXBlUHJvcCB8fCB0YWJsZVNlY3Rpb25Db250ZXh0Py50eXBlIHx8IFwiYm9keVwiO1xuXG4gICAgY29uc3QgQ29tcG9uZW50ID1cbiAgICAgIGNvbXBvbmVudCB8fCB0YWJsZUNvbnRleHQ/LmNvbXBvbmVudHM/LlRkIHx8IGRlZmF1bHRDb21wb25lbnQ7XG5cbiAgICBjb25zdCBUYWJsZUNlbGwgPSB1c2VNZW1vKCgpID0+IFN0eWxlZFRhYmxlQ2VsbChDb21wb25lbnQpLCBbQ29tcG9uZW50XSk7XG5cbiAgICBsZXQgc29ydGVkQ29sb3IgPVxuICAgICAgY2hlY2tWYWxpZEhleENvbG9yVmFsdWUoc29ydGVkQ29sb3JWYWx1ZSkgJiYgc29ydGVkQ29sb3JBbHBoYVxuICAgICAgICA/IGhleFRvUmdiQShzb3J0ZWRDb2xvclZhbHVlLCBwYXJzZUZsb2F0KHNvcnRlZENvbG9yQWxwaGEpKVxuICAgICAgICA6IHNvcnRlZENvbG9yVmFsdWU7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgc2V0U29ydGVkQ29sb3JWYWx1ZShnZXRWYXJWYWx1ZSh0aGVtZS50YWJsZS5yb3dTb3J0ZWRDb2xvcikpO1xuICAgICAgc2V0U29ydGVkQ29sb3JBbHBoYShnZXRWYXJWYWx1ZSh0aGVtZS50YWJsZS5yb3dTb3J0ZWRDb2xvckFscGhhKSk7XG5cbiAgICAgIHNvcnRlZENvbG9yID1cbiAgICAgICAgY2hlY2tWYWxpZEhleENvbG9yVmFsdWUoc29ydGVkQ29sb3JWYWx1ZSkgJiYgc29ydGVkQ29sb3JBbHBoYVxuICAgICAgICAgID8gaGV4VG9SZ2JBKHNvcnRlZENvbG9yVmFsdWUsIHBhcnNlRmxvYXQoc29ydGVkQ29sb3JBbHBoYSkpXG4gICAgICAgICAgOiBzb3J0ZWRDb2xvclZhbHVlO1xuICAgIH0sIFtcbiAgICAgIGFjdGl2ZVRoZW1lPy5jb2xvcnM/Lm1vZGVzW3NlbGVjdGVkTW9kZV0sXG4gICAgICBzb3J0ZWRDb2xvclZhbHVlLFxuICAgICAgc29ydGVkQ29sb3JBbHBoYSxcbiAgICBdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Q2xhc3NOYW1lcz5cbiAgICAgICAgeyh7IGNzcywgY3ggfSkgPT4gKFxuICAgICAgICAgIDxUYWJsZUNlbGxcbiAgICAgICAgICAgIHJlZj17ZXh0ZXJuYWxSZWZ9XG4gICAgICAgICAgICByb2xlPXtDb21wb25lbnQgPT09IGRlZmF1bHRDb21wb25lbnQgPyBudWxsIDogXCJjZWxsXCJ9XG4gICAgICAgICAgICBzdHlsZT17c3R5bGV9XG4gICAgICAgICAgICBjbGFzc05hbWU9e2N4KFxuICAgICAgICAgICAgICB0YWJsZUNlbGxDbGFzc2VzLnJvb3QsXG4gICAgICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8ucm9vdCxcbiAgICAgICAgICAgICAgY3NzKHN0eWxlcy5yb290KSxcbiAgICAgICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlc1t0eXBlXSxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8uW3R5cGVdLFxuICAgICAgICAgICAgICBjc3Moc3R5bGVzW3R5cGVdKSxcbiAgICAgICAgICAgICAgYWxpZ24gIT09IFwiaW5oZXJpdFwiICYmXG4gICAgICAgICAgICAgICAgY3goXG4gICAgICAgICAgICAgICAgICB0YWJsZUNlbGxDbGFzc2VzW2BhbGlnbiR7Y2FwaXRhbGl6ZShhbGlnbil9YF0sXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5bYGFsaWduJHtjYXBpdGFsaXplKGFsaWduKX1gXSxcbiAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXNbYGFsaWduJHtjYXBpdGFsaXplKGFsaWduKX1gXSlcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICB0YWJsZUNvbnRleHQudmFyaWFudCA9PT0gXCJsaXN0cm93XCIgJiZcbiAgICAgICAgICAgICAgICBjeChcbiAgICAgICAgICAgICAgICAgIHRhYmxlQ2VsbENsYXNzZXMudmFyaWFudExpc3QsXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy52YXJpYW50TGlzdCxcbiAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXMudmFyaWFudExpc3QpXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgdGFibGVDb250ZXh0LnZhcmlhbnQgPT09IFwibGlzdHJvd1wiICYmXG4gICAgICAgICAgICAgICAgdHlwZSAhPT0gXCJib2R5XCIgJiZcbiAgICAgICAgICAgICAgICBjeChcbiAgICAgICAgICAgICAgICAgIHRhYmxlQ2VsbENsYXNzZXMudmFyaWFudExpc3RIZWFkLFxuICAgICAgICAgICAgICAgICAgY2xhc3Nlcz8udmFyaWFudExpc3RIZWFkLFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy52YXJpYW50TGlzdEhlYWQpXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgdmFyaWFudCAhPT0gXCJkZWZhdWx0XCIgJiZcbiAgICAgICAgICAgICAgICBjeChcbiAgICAgICAgICAgICAgICAgIHRhYmxlQ2VsbENsYXNzZXNbYHZhcmlhbnQke2NhcGl0YWxpemUodmFyaWFudCl9YF0sXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5bYHZhcmlhbnQke2NhcGl0YWxpemUodmFyaWFudCl9YF0sXG4gICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzW2B2YXJpYW50JHtjYXBpdGFsaXplKHZhcmlhbnQpfWBdKVxuICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgIHNvcnRlZCAmJlxuICAgICAgICAgICAgICAgIGN4KFxuICAgICAgICAgICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlcy5zb3J0ZWQsXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5zb3J0ZWQsXG4gICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLnNvcnRlZClcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICBzdGlja3lDb2x1bW4gJiZcbiAgICAgICAgICAgICAgICBjeChcbiAgICAgICAgICAgICAgICAgIHRhYmxlQ2VsbENsYXNzZXMuc3RpY2t5Q29sdW1uLFxuICAgICAgICAgICAgICAgICAgY2xhc3Nlcz8uc3RpY2t5Q29sdW1uLFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5zdGlja3lDb2x1bW4pXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgc3RpY2t5Q29sdW1uTW9zdExlZnQgJiZcbiAgICAgICAgICAgICAgICBjeChcbiAgICAgICAgICAgICAgICAgIHRhYmxlQ2VsbENsYXNzZXMuc3RpY2t5Q29sdW1uTW9zdExlZnQsXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5zdGlja3lDb2x1bW5Nb3N0TGVmdCxcbiAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXMuc3RpY2t5Q29sdW1uTW9zdExlZnQpXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgc3RpY2t5Q29sdW1uTGVhc3RSaWdodCAmJlxuICAgICAgICAgICAgICAgIGN4KFxuICAgICAgICAgICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlcy5zdGlja3lDb2x1bW5MZWFzdFJpZ2h0LFxuICAgICAgICAgICAgICAgICAgY2xhc3Nlcz8uc3RpY2t5Q29sdW1uTGVhc3RSaWdodCxcbiAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXMuc3RpY2t5Q29sdW1uTGVhc3RSaWdodClcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICBncm91cENvbHVtbk1vc3RMZWZ0ICYmXG4gICAgICAgICAgICAgICAgY3goXG4gICAgICAgICAgICAgICAgICB0YWJsZUNlbGxDbGFzc2VzLmdyb3VwQ29sdW1uTW9zdExlZnQsXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5ncm91cENvbHVtbk1vc3RMZWZ0LFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5ncm91cENvbHVtbk1vc3RMZWZ0KVxuICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgIGdyb3VwQ29sdW1uTW9zdFJpZ2h0ICYmXG4gICAgICAgICAgICAgICAgY3goXG4gICAgICAgICAgICAgICAgICB0YWJsZUNlbGxDbGFzc2VzLmdyb3VwQ29sdW1uTW9zdFJpZ2h0LFxuICAgICAgICAgICAgICAgICAgY2xhc3Nlcz8uZ3JvdXBDb2x1bW5Nb3N0UmlnaHQsXG4gICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLmdyb3VwQ29sdW1uTW9zdFJpZ2h0KVxuICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgIHJlc2l6YWJsZSAmJlxuICAgICAgICAgICAgICAgIGN4KFxuICAgICAgICAgICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlcy5yZXNpemFibGUsXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5yZXNpemFibGUsXG4gICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLnJlc2l6YWJsZSlcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICByZXNpemluZyAmJlxuICAgICAgICAgICAgICAgIGN4KFxuICAgICAgICAgICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlcy5yZXNpemluZyxcbiAgICAgICAgICAgICAgICAgIGNsYXNzZXM/LnJlc2l6aW5nLFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5yZXNpemluZylcbiAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICApfVxuICAgICAgICAgICAgJHR5cGU9e3R5cGV9XG4gICAgICAgICAgICAkc3RpY2t5Q29sdW1uPXtzdGlja3lDb2x1bW59XG4gICAgICAgICAgICAkc29ydGVkQ29sb3I9e3NvcnRlZENvbG9yfVxuICAgICAgICAgICAgey4uLm90aGVyc31cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9UYWJsZUNlbGw+XG4gICAgICAgICl9XG4gICAgICA8L0NsYXNzTmFtZXM+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVDZWxsL1RhYmxlQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0VFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVDZWxsL1RhYmxlQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENsYXNzTmFtZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBjYXBpdGFsaXplIGZyb20gXCJsb2Rhc2gvY2FwaXRhbGl6ZVwiO1xuaW1wb3J0IHtcbiAgQ1NTUHJvcGVydGllcyxcbiAgZm9yd2FyZFJlZixcbiAgVGRIVE1MQXR0cmlidXRlcyxcbiAgdXNlQ29udGV4dCxcbiAgdXNlRWZmZWN0LFxuICB1c2VNZW1vLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IGNoZWNrVmFsaWRIZXhDb2xvclZhbHVlLCBnZXRWYXJWYWx1ZSwgaGV4VG9SZ2JBIH0gZnJvbSBcIkBjb3JlL3V0aWxzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJAY29yZS9ob29rc1wiO1xuaW1wb3J0IHtcbiAgSHZUYWJsZUNlbGxBbGlnbixcbiAgSHZUYWJsZUNlbGxUeXBlLFxuICBIdlRhYmxlQ2VsbFZhcmlhbnQsXG59IGZyb20gXCIuLi9UYWJsZVwiO1xuaW1wb3J0IHRhYmxlQ2VsbENsYXNzZXMsIHsgSHZUYWJsZUNlbGxDbGFzc2VzIH0gZnJvbSBcIi4vdGFibGVDZWxsQ2xhc3Nlc1wiO1xuaW1wb3J0IFRhYmxlQ29udGV4dCBmcm9tIFwiLi4vVGFibGVDb250ZXh0XCI7XG5pbXBvcnQgVGFibGVTZWN0aW9uQ29udGV4dCBmcm9tIFwiLi4vVGFibGVTZWN0aW9uQ29udGV4dFwiO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSBcIi4vVGFibGVDZWxsLnN0eWxlc1wiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEh2VGFibGVDZWxsUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFRkSFRNTEF0dHJpYnV0ZXM8SFRNTFRhYmxlQ2VsbEVsZW1lbnQ+LCBcImFsaWduXCI+IHtcbiAgLyoqIFRoZSBjb21wb25lbnQgdXNlZCBmb3IgdGhlIHJvb3Qgbm9kZS4gRWl0aGVyIGEgc3RyaW5nIHRvIHVzZSBhIEhUTUwgZWxlbWVudCBvciBhIGNvbXBvbmVudC4gRGVmYXVsdHMgdG8gdGQuICovXG4gIGNvbXBvbmVudD86IFJlYWN0LkVsZW1lbnRUeXBlO1xuICAvKiogQ29udGVudCB0byBiZSByZW5kZXJlZCAqL1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqIElubGluZSBzdHlsZXMgdG8gYmUgYXBwbGllZCB0byB0aGUgcm9vdCBlbGVtZW50LiAqL1xuICBzdHlsZT86IENTU1Byb3BlcnRpZXM7XG4gIC8qKiBTZXQgdGhlIHRleHQtYWxpZ24gb24gdGhlIHRhYmxlIGNlbGwgY29udGVudC4gKi9cbiAgYWxpZ24/OiBIdlRhYmxlQ2VsbEFsaWduO1xuICAvKiogU2V0cyB0aGUgY2VsbCdzIHZhcmlhbnQuICovXG4gIHZhcmlhbnQ/OiBIdlRhYmxlQ2VsbFZhcmlhbnQgfCBcImxpc3RjaGVja2JveFwiIHwgXCJsaXN0YWN0aW9uc1wiO1xuICAvKiogU3BlY2lmeSB0aGUgY2VsbCdzIHR5cGUuIFRoZSBwcm9wIGRlZmF1bHRzIHRvIHRoZSB2YWx1ZSBpbmhlcml0ZWQgZnJvbSB0aGUgcGFyZW50IFRhYmxlSGVhZCwgVGFibGVCb2R5LCBvciBUYWJsZUZvb3RlciBjb21wb25lbnRzLiAqL1xuICB0eXBlPzogSHZUYWJsZUNlbGxUeXBlO1xuICAvKiogV2hldGhlciBvciBub3QgdGhlIGNlbGwgaXMgcGFydCBvZiBhIHNvcnRlZCBjb2x1bW4uICovXG4gIHNvcnRlZD86IGJvb2xlYW47XG4gIC8qKiBUaGUgY2VsbCBpcyBwYXJ0IG9mIGEgc3RpY2t5IGNvbHVtbi4gKi9cbiAgc3RpY2t5Q29sdW1uPzogYm9vbGVhbjtcbiAgLyoqIFRoZSBjZWxsIGlzIHBhcnQgb2YgdGhlIGxhc3Qgc3RpY2t5IHRvIHRoZSBsZWZ0IGNvbHVtbi4gKi9cbiAgc3RpY2t5Q29sdW1uTW9zdExlZnQ/OiBib29sZWFuO1xuICAvKiogVGhlIGNlbGwgaXMgcGFydCBvZiB0aGUgZmlyc3Qgc3RpY2t5IHRvIHRoZSByaWdodCBjb2x1bW4uICovXG4gIHN0aWNreUNvbHVtbkxlYXN0UmlnaHQ/OiBib29sZWFuO1xuICAvKiogVGhlIGNlbGwgaXMgcGFydCBvZiB0aGUgZmlyc3QgY29sdW1uIGluIHRoZSBncm91cC4gKi9cbiAgZ3JvdXBDb2x1bW5Nb3N0TGVmdD86IGJvb2xlYW47XG4gIC8qKiBUaGUgY2VsbCBpcyBwYXJ0IG9mIHRoZSBsYXN0IGNvbHVtbiBpbiB0aGUgZ3JvdXAuICovXG4gIGdyb3VwQ29sdW1uTW9zdFJpZ2h0PzogYm9vbGVhbjtcbiAgLyoqIFdoZXRoZXIgb3Igbm90IHRoZSBjZWxsIGlzIHJlc2l6YWJsZSAqL1xuICByZXNpemFibGU/OiBib29sZWFuO1xuICAvKiogV2hldGhlciBvciBub3QgdGhlIGNlbGwgaXMgYmVpbmcgcmVzaXplZCAqL1xuICByZXNpemluZz86IGJvb2xlYW47XG4gIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gIGNsYXNzZXM/OiBIdlRhYmxlQ2VsbENsYXNzZXM7XG59XG5cbmNvbnN0IGRlZmF1bHRDb21wb25lbnQgPSBcInRkXCI7XG5cbmludGVyZmFjZSBTdHlsZWRUYWJsZUNlbGxQcm9wcyB7XG4gICR2YXJpYW50TGlzdDogYm9vbGVhbjtcbiAgJHZhcmlhbnRMaXN0SGVhZDogYm9vbGVhbjtcbiAgJHN0aWNreUNvbHVtbjogYm9vbGVhbjtcbiAgJHN0aWNreUNvbHVtbk1vc3RMZWZ0OiBib29sZWFuO1xuICAkc3RpY2t5Q29sdW1uTGVhc3RSaWdodDogYm9vbGVhbjtcbiAgJGdyb3VwQ29sdW1uTW9zdExlZnQ6IGJvb2xlYW47XG4gICRncm91cENvbHVtbk1vc3RSaWdodDogYm9vbGVhbjtcbiAgJHJlc2l6YWJsZTogYm9vbGVhbjtcbiAgJHJlc2l6aW5nOiBib29sZWFuO1xuICAkYWxpZ246IHN0cmluZztcbiAgJHZhcmlhbnQ6IHN0cmluZztcbiAgJHR5cGU6IHN0cmluZztcbiAgJHNvcnRlZENvbG9yOiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZFRhYmxlQ2VsbCA9IChjOiBhbnkpID0+XG4gIHN0eWxlZChcbiAgICBjLFxuICAgIHRyYW5zaWVudE9wdGlvbnNcbiAgKSgoeyAkc3RpY2t5Q29sdW1uLCAkdHlwZSwgJHNvcnRlZENvbG9yIH06IFN0eWxlZFRhYmxlQ2VsbFByb3BzKSA9PiAoe1xuICAgIC4uLigkdHlwZSA9PT0gXCJib2R5XCIgJiYge1xuICAgICAgW2AmLiR7dGFibGVDZWxsQ2xhc3Nlcy5zb3J0ZWR9YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkc29ydGVkQ29sb3IsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkc3RpY2t5Q29sdW1uICYmIHtcbiAgICAgIFtgJi4ke3RhYmxlQ2VsbENsYXNzZXMuc29ydGVkfWBdOiB7XG4gICAgICAgIGJhY2tncm91bmRJbWFnZTogYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgJHskc29ydGVkQ29sb3J9LCAkeyRzb3J0ZWRDb2xvcn0pYCxcbiAgICAgIH0sXG4gICAgfSksXG4gIH0pKTtcblxuLyoqXG4gKiBgSHZUYWJsZUNlbGxgIGFjdHMgYXMgYSBgdGRgIGVsZW1lbnQgYW5kIGluaGVyaXRzIHN0eWxlcyBmcm9tIGl0cyBjb250ZXh0XG4gKi9cbmV4cG9ydCBjb25zdCBIdlRhYmxlQ2VsbCA9IGZvcndhcmRSZWY8SFRNTEVsZW1lbnQsIEh2VGFibGVDZWxsUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBjb21wb25lbnQsXG4gICAgICBjbGFzc05hbWUsXG4gICAgICBzdHlsZSxcbiAgICAgIGNsYXNzZXMsXG4gICAgICBhbGlnbiA9IFwiaW5oZXJpdFwiLFxuICAgICAgdmFyaWFudCA9IFwiZGVmYXVsdFwiLFxuICAgICAgdHlwZTogdHlwZVByb3AsXG4gICAgICBzdGlja3lDb2x1bW4gPSBmYWxzZSxcbiAgICAgIHN0aWNreUNvbHVtbk1vc3RMZWZ0ID0gZmFsc2UsXG4gICAgICBzdGlja3lDb2x1bW5MZWFzdFJpZ2h0ID0gZmFsc2UsXG4gICAgICBncm91cENvbHVtbk1vc3RMZWZ0ID0gZmFsc2UsXG4gICAgICBncm91cENvbHVtbk1vc3RSaWdodCA9IGZhbHNlLFxuICAgICAgc29ydGVkID0gZmFsc2UsXG4gICAgICByZXNpemFibGUgPSBmYWxzZSxcbiAgICAgIHJlc2l6aW5nID0gZmFsc2UsXG4gICAgICAuLi5vdGhlcnNcbiAgICB9LFxuICAgIGV4dGVybmFsUmVmXG4gICkgPT4ge1xuICAgIGNvbnN0IHsgYWN0aXZlVGhlbWUsIHNlbGVjdGVkTW9kZSB9ID0gdXNlVGhlbWUoKTtcbiAgICBjb25zdCB0YWJsZUNvbnRleHQgPSB1c2VDb250ZXh0KFRhYmxlQ29udGV4dCk7XG4gICAgY29uc3QgdGFibGVTZWN0aW9uQ29udGV4dCA9IHVzZUNvbnRleHQoVGFibGVTZWN0aW9uQ29udGV4dCk7XG5cbiAgICBjb25zdCBbc29ydGVkQ29sb3JWYWx1ZSwgc2V0U29ydGVkQ29sb3JWYWx1ZV0gPSB1c2VTdGF0ZTxcbiAgICAgIHN0cmluZyB8IHVuZGVmaW5lZFxuICAgID4oKTtcbiAgICBjb25zdCBbc29ydGVkQ29sb3JBbHBoYSwgc2V0U29ydGVkQ29sb3JBbHBoYV0gPSB1c2VTdGF0ZTxcbiAgICAgIHN0cmluZyB8IHVuZGVmaW5lZFxuICAgID4oKTtcblxuICAgIGNvbnN0IHR5cGUgPSB0eXBlUHJvcCB8fCB0YWJsZVNlY3Rpb25Db250ZXh0Py50eXBlIHx8IFwiYm9keVwiO1xuXG4gICAgY29uc3QgQ29tcG9uZW50ID1cbiAgICAgIGNvbXBvbmVudCB8fCB0YWJsZUNvbnRleHQ/LmNvbXBvbmVudHM/LlRkIHx8IGRlZmF1bHRDb21wb25lbnQ7XG5cbiAgICBjb25zdCBUYWJsZUNlbGwgPSB1c2VNZW1vKCgpID0+IFN0eWxlZFRhYmxlQ2VsbChDb21wb25lbnQpLCBbQ29tcG9uZW50XSk7XG5cbiAgICBsZXQgc29ydGVkQ29sb3IgPVxuICAgICAgY2hlY2tWYWxpZEhleENvbG9yVmFsdWUoc29ydGVkQ29sb3JWYWx1ZSkgJiYgc29ydGVkQ29sb3JBbHBoYVxuICAgICAgICA/IGhleFRvUmdiQShzb3J0ZWRDb2xvclZhbHVlLCBwYXJzZUZsb2F0KHNvcnRlZENvbG9yQWxwaGEpKVxuICAgICAgICA6IHNvcnRlZENvbG9yVmFsdWU7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgc2V0U29ydGVkQ29sb3JWYWx1ZShnZXRWYXJWYWx1ZSh0aGVtZS50YWJsZS5yb3dTb3J0ZWRDb2xvcikpO1xuICAgICAgc2V0U29ydGVkQ29sb3JBbHBoYShnZXRWYXJWYWx1ZSh0aGVtZS50YWJsZS5yb3dTb3J0ZWRDb2xvckFscGhhKSk7XG5cbiAgICAgIHNvcnRlZENvbG9yID1cbiAgICAgICAgY2hlY2tWYWxpZEhleENvbG9yVmFsdWUoc29ydGVkQ29sb3JWYWx1ZSkgJiYgc29ydGVkQ29sb3JBbHBoYVxuICAgICAgICAgID8gaGV4VG9SZ2JBKHNvcnRlZENvbG9yVmFsdWUsIHBhcnNlRmxvYXQoc29ydGVkQ29sb3JBbHBoYSkpXG4gICAgICAgICAgOiBzb3J0ZWRDb2xvclZhbHVlO1xuICAgIH0sIFtcbiAgICAgIGFjdGl2ZVRoZW1lPy5jb2xvcnM/Lm1vZGVzW3NlbGVjdGVkTW9kZV0sXG4gICAgICBzb3J0ZWRDb2xvclZhbHVlLFxuICAgICAgc29ydGVkQ29sb3JBbHBoYSxcbiAgICBdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Q2xhc3NOYW1lcz5cbiAgICAgICAgeyh7IGNzcywgY3ggfSkgPT4gKFxuICAgICAgICAgIDxUYWJsZUNlbGxcbiAgICAgICAgICAgIHJlZj17ZXh0ZXJuYWxSZWZ9XG4gICAgICAgICAgICByb2xlPXtDb21wb25lbnQgPT09IGRlZmF1bHRDb21wb25lbnQgPyBudWxsIDogXCJjZWxsXCJ9XG4gICAgICAgICAgICBzdHlsZT17c3R5bGV9XG4gICAgICAgICAgICBjbGFzc05hbWU9e2N4KFxuICAgICAgICAgICAgICB0YWJsZUNlbGxDbGFzc2VzLnJvb3QsXG4gICAgICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8ucm9vdCxcbiAgICAgICAgICAgICAgY3NzKHN0eWxlcy5yb290KSxcbiAgICAgICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlc1t0eXBlXSxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8uW3R5cGVdLFxuICAgICAgICAgICAgICBjc3Moc3R5bGVzW3R5cGVdKSxcbiAgICAgICAgICAgICAgYWxpZ24gIT09IFwiaW5oZXJpdFwiICYmXG4gICAgICAgICAgICAgICAgY3goXG4gICAgICAgICAgICAgICAgICB0YWJsZUNlbGxDbGFzc2VzW2BhbGlnbiR7Y2FwaXRhbGl6ZShhbGlnbil9YF0sXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5bYGFsaWduJHtjYXBpdGFsaXplKGFsaWduKX1gXSxcbiAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXNbYGFsaWduJHtjYXBpdGFsaXplKGFsaWduKX1gXSlcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICB0YWJsZUNvbnRleHQudmFyaWFudCA9PT0gXCJsaXN0cm93XCIgJiZcbiAgICAgICAgICAgICAgICBjeChcbiAgICAgICAgICAgICAgICAgIHRhYmxlQ2VsbENsYXNzZXMudmFyaWFudExpc3QsXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy52YXJpYW50TGlzdCxcbiAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXMudmFyaWFudExpc3QpXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgdGFibGVDb250ZXh0LnZhcmlhbnQgPT09IFwibGlzdHJvd1wiICYmXG4gICAgICAgICAgICAgICAgdHlwZSAhPT0gXCJib2R5XCIgJiZcbiAgICAgICAgICAgICAgICBjeChcbiAgICAgICAgICAgICAgICAgIHRhYmxlQ2VsbENsYXNzZXMudmFyaWFudExpc3RIZWFkLFxuICAgICAgICAgICAgICAgICAgY2xhc3Nlcz8udmFyaWFudExpc3RIZWFkLFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy52YXJpYW50TGlzdEhlYWQpXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgdmFyaWFudCAhPT0gXCJkZWZhdWx0XCIgJiZcbiAgICAgICAgICAgICAgICBjeChcbiAgICAgICAgICAgICAgICAgIHRhYmxlQ2VsbENsYXNzZXNbYHZhcmlhbnQke2NhcGl0YWxpemUodmFyaWFudCl9YF0sXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5bYHZhcmlhbnQke2NhcGl0YWxpemUodmFyaWFudCl9YF0sXG4gICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzW2B2YXJpYW50JHtjYXBpdGFsaXplKHZhcmlhbnQpfWBdKVxuICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgIHNvcnRlZCAmJlxuICAgICAgICAgICAgICAgIGN4KFxuICAgICAgICAgICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlcy5zb3J0ZWQsXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5zb3J0ZWQsXG4gICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLnNvcnRlZClcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICBzdGlja3lDb2x1bW4gJiZcbiAgICAgICAgICAgICAgICBjeChcbiAgICAgICAgICAgICAgICAgIHRhYmxlQ2VsbENsYXNzZXMuc3RpY2t5Q29sdW1uLFxuICAgICAgICAgICAgICAgICAgY2xhc3Nlcz8uc3RpY2t5Q29sdW1uLFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5zdGlja3lDb2x1bW4pXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgc3RpY2t5Q29sdW1uTW9zdExlZnQgJiZcbiAgICAgICAgICAgICAgICBjeChcbiAgICAgICAgICAgICAgICAgIHRhYmxlQ2VsbENsYXNzZXMuc3RpY2t5Q29sdW1uTW9zdExlZnQsXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5zdGlja3lDb2x1bW5Nb3N0TGVmdCxcbiAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXMuc3RpY2t5Q29sdW1uTW9zdExlZnQpXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgc3RpY2t5Q29sdW1uTGVhc3RSaWdodCAmJlxuICAgICAgICAgICAgICAgIGN4KFxuICAgICAgICAgICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlcy5zdGlja3lDb2x1bW5MZWFzdFJpZ2h0LFxuICAgICAgICAgICAgICAgICAgY2xhc3Nlcz8uc3RpY2t5Q29sdW1uTGVhc3RSaWdodCxcbiAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXMuc3RpY2t5Q29sdW1uTGVhc3RSaWdodClcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICBncm91cENvbHVtbk1vc3RMZWZ0ICYmXG4gICAgICAgICAgICAgICAgY3goXG4gICAgICAgICAgICAgICAgICB0YWJsZUNlbGxDbGFzc2VzLmdyb3VwQ29sdW1uTW9zdExlZnQsXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5ncm91cENvbHVtbk1vc3RMZWZ0LFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5ncm91cENvbHVtbk1vc3RMZWZ0KVxuICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgIGdyb3VwQ29sdW1uTW9zdFJpZ2h0ICYmXG4gICAgICAgICAgICAgICAgY3goXG4gICAgICAgICAgICAgICAgICB0YWJsZUNlbGxDbGFzc2VzLmdyb3VwQ29sdW1uTW9zdFJpZ2h0LFxuICAgICAgICAgICAgICAgICAgY2xhc3Nlcz8uZ3JvdXBDb2x1bW5Nb3N0UmlnaHQsXG4gICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLmdyb3VwQ29sdW1uTW9zdFJpZ2h0KVxuICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgIHJlc2l6YWJsZSAmJlxuICAgICAgICAgICAgICAgIGN4KFxuICAgICAgICAgICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlcy5yZXNpemFibGUsXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5yZXNpemFibGUsXG4gICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLnJlc2l6YWJsZSlcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICByZXNpemluZyAmJlxuICAgICAgICAgICAgICAgIGN4KFxuICAgICAgICAgICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlcy5yZXNpemluZyxcbiAgICAgICAgICAgICAgICAgIGNsYXNzZXM/LnJlc2l6aW5nLFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5yZXNpemluZylcbiAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICApfVxuICAgICAgICAgICAgJHR5cGU9e3R5cGV9XG4gICAgICAgICAgICAkc3RpY2t5Q29sdW1uPXtzdGlja3lDb2x1bW59XG4gICAgICAgICAgICAkc29ydGVkQ29sb3I9e3NvcnRlZENvbG9yfVxuICAgICAgICAgICAgey4uLm90aGVyc31cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9UYWJsZUNlbGw+XG4gICAgICAgICl9XG4gICAgICA8L0NsYXNzTmFtZXM+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */");
 const HvTableCell = React.forwardRef(({
   children,
   component,
@@ -85,11 +85,11 @@ const HvTableCell = React.forwardRef(({
   const type = typeProp || (tableSectionContext == null ? void 0 : tableSectionContext.type) || "body";
   const Component = component || ((_a = tableContext == null ? void 0 : tableContext.components) == null ? void 0 : _a.Td) || defaultComponent;
   const TableCell = React.useMemo(() => StyledTableCell(Component), [Component]);
-  let sortedColor = utils.checkValidHexColorValue(sortedColorValue) && sortedColorAlpha ? hexToRgbA.default(sortedColorValue, parseFloat(sortedColorAlpha)) : sortedColorValue;
+  let sortedColor = checkValidHexColorValue.default(sortedColorValue) && sortedColorAlpha ? hexToRgbA.default(sortedColorValue, parseFloat(sortedColorAlpha)) : sortedColorValue;
   React.useEffect(() => {
     setSortedColorValue(theme.getVarValue(uikitStyles.theme.table.rowSortedColor));
     setSortedColorAlpha(theme.getVarValue(uikitStyles.theme.table.rowSortedColorAlpha));
-    sortedColor = utils.checkValidHexColorValue(sortedColorValue) && sortedColorAlpha ? hexToRgbA.default(sortedColorValue, parseFloat(sortedColorAlpha)) : sortedColorValue;
+    sortedColor = checkValidHexColorValue.default(sortedColorValue) && sortedColorAlpha ? hexToRgbA.default(sortedColorValue, parseFloat(sortedColorAlpha)) : sortedColorValue;
   }, [(_b = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _b.modes[selectedMode], sortedColorValue, sortedColorAlpha]);
   return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
     children: ({

package/dist/cjs/components/Table/TableCell/TableCell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.cjs","sources":["../../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { ClassNames } from \"@emotion/react\";\nimport capitalize from \"lodash/capitalize\";\nimport {\n  CSSProperties,\n  forwardRef,\n  TdHTMLAttributes,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { getVarValue, hexToRgbA } from \"@core/utils\";\nimport { useTheme } from \"@core/hooks\";\nimport {\n  HvTableCellAlign,\n  HvTableCellType,\n  HvTableCellVariant,\n} from \"../Table\";\nimport tableCellClasses, { HvTableCellClasses } from \"./tableCellClasses\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { styles } from \"./TableCell.styles\";\nimport { checkValidHexColorValue } from \"../utils\";\n\nexport interface HvTableCellProps\n  extends Omit<TdHTMLAttributes<HTMLTableCellElement>, \"align\"> {\n  /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. */\n  component?: React.ElementType;\n  /** Content to be rendered */\n  children?: React.ReactNode;\n  /** Inline styles to be applied to the root element. */\n  style?: CSSProperties;\n  /** Set the text-align on the table cell content. */\n  align?: HvTableCellAlign;\n  /** Sets the cell's variant. */\n  variant?: HvTableCellVariant | \"listcheckbox\" | \"listactions\";\n  /** Specify the cell's type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components. */\n  type?: HvTableCellType;\n  /** Whether or not the cell is part of a sorted column. */\n  sorted?: boolean;\n  /** The cell is part of a sticky column. */\n  stickyColumn?: boolean;\n  /** The cell is part of the last sticky to the left column. */\n  stickyColumnMostLeft?: boolean;\n  /** The cell is part of the first sticky to the right column. */\n  stickyColumnLeastRight?: boolean;\n  /** The cell is part of the first column in the group. */\n  groupColumnMostLeft?: boolean;\n  /** The cell is part of the last column in the group. */\n  groupColumnMostRight?: boolean;\n  /** Whether or not the cell is resizable */\n  resizable?: boolean;\n  /** Whether or not the cell is being resized */\n  resizing?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableCellClasses;\n}\n\nconst defaultComponent = \"td\";\n\ninterface StyledTableCellProps {\n  $variantList: boolean;\n  $variantListHead: boolean;\n  $stickyColumn: boolean;\n  $stickyColumnMostLeft: boolean;\n  $stickyColumnLeastRight: boolean;\n  $groupColumnMostLeft: boolean;\n  $groupColumnMostRight: boolean;\n  $resizable: boolean;\n  $resizing: boolean;\n  $align: string;\n  $variant: string;\n  $type: string;\n  $sortedColor: string;\n}\n\nconst StyledTableCell = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(({ $stickyColumn, $type, $sortedColor }: StyledTableCellProps) => ({\n    ...($type === \"body\" && {\n      [`&.${tableCellClasses.sorted}`]: {\n        backgroundColor: $sortedColor,\n      },\n    }),\n    ...($stickyColumn && {\n      [`&.${tableCellClasses.sorted}`]: {\n        backgroundImage: `linear-gradient(to right, ${$sortedColor}, ${$sortedColor})`,\n      },\n    }),\n  }));\n\n/**\n * `HvTableCell` acts as a `td` element and inherits styles from its context\n */\nexport const HvTableCell = forwardRef<HTMLElement, HvTableCellProps>(\n  (\n    {\n      children,\n      component,\n      className,\n      style,\n      classes,\n      align = \"inherit\",\n      variant = \"default\",\n      type: typeProp,\n      stickyColumn = false,\n      stickyColumnMostLeft = false,\n      stickyColumnLeastRight = false,\n      groupColumnMostLeft = false,\n      groupColumnMostRight = false,\n      sorted = false,\n      resizable = false,\n      resizing = false,\n      ...others\n    },\n    externalRef\n  ) => {\n    const { activeTheme, selectedMode } = useTheme();\n    const tableContext = useContext(TableContext);\n    const tableSectionContext = useContext(TableSectionContext);\n\n    const [sortedColorValue, setSortedColorValue] = useState<\n      string | undefined\n    >();\n    const [sortedColorAlpha, setSortedColorAlpha] = useState<\n      string | undefined\n    >();\n\n    const type = typeProp || tableSectionContext?.type || \"body\";\n\n    const Component =\n      component || tableContext?.components?.Td || defaultComponent;\n\n    const TableCell = useMemo(() => StyledTableCell(Component), [Component]);\n\n    let sortedColor =\n      checkValidHexColorValue(sortedColorValue) && sortedColorAlpha\n        ? hexToRgbA(sortedColorValue, parseFloat(sortedColorAlpha))\n        : sortedColorValue;\n\n    useEffect(() => {\n      setSortedColorValue(getVarValue(theme.table.rowSortedColor));\n      setSortedColorAlpha(getVarValue(theme.table.rowSortedColorAlpha));\n\n      sortedColor =\n        checkValidHexColorValue(sortedColorValue) && sortedColorAlpha\n          ? hexToRgbA(sortedColorValue, parseFloat(sortedColorAlpha))\n          : sortedColorValue;\n    }, [\n      activeTheme?.colors?.modes[selectedMode],\n      sortedColorValue,\n      sortedColorAlpha,\n    ]);\n\n    return (\n      <ClassNames>\n        {({ css, cx }) => (\n          <TableCell\n            ref={externalRef}\n            role={Component === defaultComponent ? null : \"cell\"}\n            style={style}\n            className={cx(\n              tableCellClasses.root,\n              className,\n              classes?.root,\n              css(styles.root),\n              tableCellClasses[type],\n              classes?.[type],\n              css(styles[type]),\n              align !== \"inherit\" &&\n                cx(\n                  tableCellClasses[`align${capitalize(align)}`],\n                  classes?.[`align${capitalize(align)}`],\n                  css(styles[`align${capitalize(align)}`])\n                ),\n              tableContext.variant === \"listrow\" &&\n                cx(\n                  tableCellClasses.variantList,\n                  classes?.variantList,\n                  css(styles.variantList)\n                ),\n              tableContext.variant === \"listrow\" &&\n                type !== \"body\" &&\n                cx(\n                  tableCellClasses.variantListHead,\n                  classes?.variantListHead,\n                  css(styles.variantListHead)\n                ),\n              variant !== \"default\" &&\n                cx(\n                  tableCellClasses[`variant${capitalize(variant)}`],\n                  classes?.[`variant${capitalize(variant)}`],\n                  css(styles[`variant${capitalize(variant)}`])\n                ),\n              sorted &&\n                cx(\n                  tableCellClasses.sorted,\n                  classes?.sorted,\n                  css(styles.sorted)\n                ),\n              stickyColumn &&\n                cx(\n                  tableCellClasses.stickyColumn,\n                  classes?.stickyColumn,\n                  css(styles.stickyColumn)\n                ),\n              stickyColumnMostLeft &&\n                cx(\n                  tableCellClasses.stickyColumnMostLeft,\n                  classes?.stickyColumnMostLeft,\n                  css(styles.stickyColumnMostLeft)\n                ),\n              stickyColumnLeastRight &&\n                cx(\n                  tableCellClasses.stickyColumnLeastRight,\n                  classes?.stickyColumnLeastRight,\n                  css(styles.stickyColumnLeastRight)\n                ),\n              groupColumnMostLeft &&\n                cx(\n                  tableCellClasses.groupColumnMostLeft,\n                  classes?.groupColumnMostLeft,\n                  css(styles.groupColumnMostLeft)\n                ),\n              groupColumnMostRight &&\n                cx(\n                  tableCellClasses.groupColumnMostRight,\n                  classes?.groupColumnMostRight,\n                  css(styles.groupColumnMostRight)\n                ),\n              resizable &&\n                cx(\n                  tableCellClasses.resizable,\n                  classes?.resizable,\n                  css(styles.resizable)\n                ),\n              resizing &&\n                cx(\n                  tableCellClasses.resizing,\n                  classes?.resizing,\n                  css(styles.resizing)\n                )\n            )}\n            $type={type}\n            $stickyColumn={stickyColumn}\n            $sortedColor={sortedColor}\n            {...others}\n          >\n            {children}\n          </TableCell>\n        )}\n      </ClassNames>\n    );\n  }\n);\n"],"names":["defaultComponent","StyledTableCell","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$stickyColumn","$type","$sortedColor","tableCellClasses","sorted","backgroundColor","backgroundImage","HvTableCell","forwardRef","children","component","className","style","classes","align","variant","type","typeProp","stickyColumn","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","resizable","resizing","others","externalRef","activeTheme","selectedMode","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","sortedColorValue","setSortedColorValue","useState","sortedColorAlpha","setSortedColorAlpha","Component","components","Td","TableCell","useMemo","sortedColor","checkValidHexColorValue","hexToRgbA","parseFloat","useEffect","getVarValue","theme","table","rowSortedColor","rowSortedColorAlpha","colors","modes","ClassNames","css","cx","ref","role","root","styles","capitalize","variantList","variantListHead"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,MAAMA,mBAAmB;AAkBzB,MAAMC,kBAAkBA,CAACC,MAErBA,iCAAAA,QAAAA,GAACC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACDC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAAA,EAAeC;AAAAA,EAAOC;AAAmC,OAAO;AAAA,EACnE,GAAID,UAAU,UAAU;AAAA,IACtB,CAAE,KAAIE,yBAAiBC,QAAQ,GAAG;AAAA,MAChCC,iBAAiBH;AAAAA,IACnB;AAAA,EACF;AAAA,EACA,GAAIF,iBAAiB;AAAA,IACnB,CAAE,KAAIG,yBAAiBC,QAAQ,GAAG;AAAA,MAChCE,iBAAkB,6BAA4BJ,iBAAiBA;AAAAA,IACjE;AAAA,EACF;AACF,IAAET,QAAAC,IAAAC,aAAC,eAAA,KAAA,q+XAAA;AAKQY,MAAAA,cAAcC,iBACzB,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AAAA,EACRC,UAAU;AAAA,EACVC,MAAMC;AAAAA,EACNC,eAAe;AAAA,EACfC,uBAAuB;AAAA,EACvBC,yBAAyB;AAAA,EACzBC,sBAAsB;AAAA,EACtBC,uBAAuB;AAAA,EACvBlB,SAAS;AAAA,EACTmB,YAAY;AAAA,EACZC,WAAW;AAAA,EACX,GAAGC;AACL,GACAC,gBACG;;AACG,QAAA;AAAA,IAAEC;AAAAA,IAAaC;AAAAA,MAAiBC,SAAU,SAAA;AAC1CC,QAAAA,eAAeC,iBAAWC,aAAAA,OAAY;AACtCC,QAAAA,sBAAsBF,iBAAWG,oBAAAA,OAAmB;AAE1D,QAAM,CAACC,kBAAkBC,mBAAmB,IAAIC,MAE7C,SAAA;AACH,QAAM,CAACC,kBAAkBC,mBAAmB,IAAIF,MAE7C,SAAA;AAEGrB,QAAAA,OAAOC,aAAYgB,2DAAqBjB,SAAQ;AAEtD,QAAMwB,YACJ9B,eAAaoB,kDAAcW,eAAdX,mBAA0BY,OAAMpD;AAEzCqD,QAAAA,YAAYC,MAAAA,QAAQ,MAAMrD,gBAAgBiD,SAAS,GAAG,CAACA,SAAS,CAAC;AAEnEK,MAAAA,cACFC,MAAAA,wBAAwBX,gBAAgB,KAAKG,mBACzCS,kBAAUZ,kBAAkBa,WAAWV,gBAAgB,CAAC,IACxDH;AAENc,QAAAA,UAAU,MAAM;AACdb,wBAAoBc,MAAAA,YAAYC,YAAAA,MAAMC,MAAMC,cAAc,CAAC;AAC3Dd,wBAAoBW,MAAAA,YAAYC,YAAAA,MAAMC,MAAME,mBAAmB,CAAC;AAG9DR,kBAAAA,MAAAA,wBAAwBX,gBAAgB,KAAKG,mBACzCS,UAAAA,QAAUZ,kBAAkBa,WAAWV,gBAAgB,CAAC,IACxDH;AAAAA,EAAAA,GACL,EACDR,gDAAa4B,WAAb5B,mBAAqB6B,MAAM5B,eAC3BO,kBACAG,gBAAgB,CACjB;AAED,wCACGmB,MAAAA,YAAU;AAAA,IAAAhD,UACRA,CAAC;AAAA,MAAEiD;AAAAA,MAAKC;AAAAA,IAAAA,qCACNhB,WAAS;AAAA,MACRiB,KAAKlC;AAAAA,MACLmC,MAAMrB,cAAclD,mBAAmB,OAAO;AAAA,MAC9CsB;AAAAA,MACAD,WAAWgD,GACTxD,iBAAAA,QAAiB2D,MACjBnD,WACAE,mCAASiD,MACTJ,IAAIK,iBAAAA,OAAOD,IAAI,GACf3D,iBAAAA,QAAiBa,IAAI,GACrBH,mCAAUG,OACV0C,IAAIK,wBAAO/C,IAAI,CAAC,GAChBF,UAAU,aACR6C,GACExD,iBAAkB,QAAA,QAAO6D,4BAAWlD,KAAK,GAAG,GAC5CD,mCAAW,QAAOmD,oBAAAA,QAAWlD,KAAK,MAClC4C,IAAIK,iBAAAA,OAAQ,QAAOC,oBAAWlD,QAAAA,KAAK,GAAG,CAAC,CAAC,GAE5CgB,aAAaf,YAAY,aACvB4C,GACExD,iBAAAA,QAAiB8D,aACjBpD,mCAASoD,aACTP,IAAIK,iBAAAA,OAAOE,WAAW,CAAC,GAE3BnC,aAAaf,YAAY,aACvBC,SAAS,UACT2C,GACExD,yBAAiB+D,iBACjBrD,mCAASqD,iBACTR,IAAIK,iBAAAA,OAAOG,eAAe,CAAC,GAE/BnD,YAAY,aACV4C,GACExD,yBAAkB,UAAS6D,oBAAAA,QAAWjD,OAAO,GAAG,GAChDF,mCAAW,UAASmD,oBAAAA,QAAWjD,OAAO,MACtC2C,IAAIK,iBAAQ,OAAA,UAASC,4BAAWjD,OAAO,GAAG,CAAC,CAAC,GAEhDX,UACEuD,GACExD,yBAAiBC,QACjBS,mCAAST,QACTsD,IAAIK,iBAAAA,OAAO3D,MAAM,CAAC,GAEtBc,gBACEyC,GACExD,iBAAAA,QAAiBe,cACjBL,mCAASK,cACTwC,IAAIK,wBAAO7C,YAAY,CAAC,GAE5BC,wBACEwC,GACExD,iBAAAA,QAAiBgB,sBACjBN,mCAASM,sBACTuC,IAAIK,wBAAO5C,oBAAoB,CAAC,GAEpCC,0BACEuC,GACExD,yBAAiBiB,wBACjBP,mCAASO,wBACTsC,IAAIK,iBAAAA,OAAO3C,sBAAsB,CAAC,GAEtCC,uBACEsC,GACExD,iBAAAA,QAAiBkB,qBACjBR,mCAASQ,qBACTqC,IAAIK,iBAAAA,OAAO1C,mBAAmB,CAAC,GAEnCC,wBACEqC,GACExD,iBAAiBmB,QAAAA,sBACjBT,mCAASS,sBACToC,IAAIK,wBAAOzC,oBAAoB,CAAC,GAEpCC,aACEoC,GACExD,iBAAAA,QAAiBoB,WACjBV,mCAASU,WACTmC,IAAIK,iBAAAA,OAAOxC,SAAS,CAAC,GAEzBC,YACEmC,GACExD,yBAAiBqB,UACjBX,mCAASW,UACTkC,IAAIK,iBAAAA,OAAOvC,QAAQ,CAAC,CACrB;AAAA,MAELvB,OAAOe;AAAAA,MACPhB,eAAekB;AAAAA,MACfhB,cAAc2C;AAAAA,MAAY,GACtBpB;AAAAA,MAAMhB;AAAAA,IAAAA,CAED;AAAA,EAAA,CAGF;AAEjB,CAAC;;"}
+{"version":3,"file":"TableCell.cjs","sources":["../../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { ClassNames } from \"@emotion/react\";\nimport capitalize from \"lodash/capitalize\";\nimport {\n  CSSProperties,\n  forwardRef,\n  TdHTMLAttributes,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { checkValidHexColorValue, getVarValue, hexToRgbA } from \"@core/utils\";\nimport { useTheme } from \"@core/hooks\";\nimport {\n  HvTableCellAlign,\n  HvTableCellType,\n  HvTableCellVariant,\n} from \"../Table\";\nimport tableCellClasses, { HvTableCellClasses } from \"./tableCellClasses\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { styles } from \"./TableCell.styles\";\n\nexport interface HvTableCellProps\n  extends Omit<TdHTMLAttributes<HTMLTableCellElement>, \"align\"> {\n  /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. */\n  component?: React.ElementType;\n  /** Content to be rendered */\n  children?: React.ReactNode;\n  /** Inline styles to be applied to the root element. */\n  style?: CSSProperties;\n  /** Set the text-align on the table cell content. */\n  align?: HvTableCellAlign;\n  /** Sets the cell's variant. */\n  variant?: HvTableCellVariant | \"listcheckbox\" | \"listactions\";\n  /** Specify the cell's type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components. */\n  type?: HvTableCellType;\n  /** Whether or not the cell is part of a sorted column. */\n  sorted?: boolean;\n  /** The cell is part of a sticky column. */\n  stickyColumn?: boolean;\n  /** The cell is part of the last sticky to the left column. */\n  stickyColumnMostLeft?: boolean;\n  /** The cell is part of the first sticky to the right column. */\n  stickyColumnLeastRight?: boolean;\n  /** The cell is part of the first column in the group. */\n  groupColumnMostLeft?: boolean;\n  /** The cell is part of the last column in the group. */\n  groupColumnMostRight?: boolean;\n  /** Whether or not the cell is resizable */\n  resizable?: boolean;\n  /** Whether or not the cell is being resized */\n  resizing?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableCellClasses;\n}\n\nconst defaultComponent = \"td\";\n\ninterface StyledTableCellProps {\n  $variantList: boolean;\n  $variantListHead: boolean;\n  $stickyColumn: boolean;\n  $stickyColumnMostLeft: boolean;\n  $stickyColumnLeastRight: boolean;\n  $groupColumnMostLeft: boolean;\n  $groupColumnMostRight: boolean;\n  $resizable: boolean;\n  $resizing: boolean;\n  $align: string;\n  $variant: string;\n  $type: string;\n  $sortedColor: string;\n}\n\nconst StyledTableCell = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(({ $stickyColumn, $type, $sortedColor }: StyledTableCellProps) => ({\n    ...($type === \"body\" && {\n      [`&.${tableCellClasses.sorted}`]: {\n        backgroundColor: $sortedColor,\n      },\n    }),\n    ...($stickyColumn && {\n      [`&.${tableCellClasses.sorted}`]: {\n        backgroundImage: `linear-gradient(to right, ${$sortedColor}, ${$sortedColor})`,\n      },\n    }),\n  }));\n\n/**\n * `HvTableCell` acts as a `td` element and inherits styles from its context\n */\nexport const HvTableCell = forwardRef<HTMLElement, HvTableCellProps>(\n  (\n    {\n      children,\n      component,\n      className,\n      style,\n      classes,\n      align = \"inherit\",\n      variant = \"default\",\n      type: typeProp,\n      stickyColumn = false,\n      stickyColumnMostLeft = false,\n      stickyColumnLeastRight = false,\n      groupColumnMostLeft = false,\n      groupColumnMostRight = false,\n      sorted = false,\n      resizable = false,\n      resizing = false,\n      ...others\n    },\n    externalRef\n  ) => {\n    const { activeTheme, selectedMode } = useTheme();\n    const tableContext = useContext(TableContext);\n    const tableSectionContext = useContext(TableSectionContext);\n\n    const [sortedColorValue, setSortedColorValue] = useState<\n      string | undefined\n    >();\n    const [sortedColorAlpha, setSortedColorAlpha] = useState<\n      string | undefined\n    >();\n\n    const type = typeProp || tableSectionContext?.type || \"body\";\n\n    const Component =\n      component || tableContext?.components?.Td || defaultComponent;\n\n    const TableCell = useMemo(() => StyledTableCell(Component), [Component]);\n\n    let sortedColor =\n      checkValidHexColorValue(sortedColorValue) && sortedColorAlpha\n        ? hexToRgbA(sortedColorValue, parseFloat(sortedColorAlpha))\n        : sortedColorValue;\n\n    useEffect(() => {\n      setSortedColorValue(getVarValue(theme.table.rowSortedColor));\n      setSortedColorAlpha(getVarValue(theme.table.rowSortedColorAlpha));\n\n      sortedColor =\n        checkValidHexColorValue(sortedColorValue) && sortedColorAlpha\n          ? hexToRgbA(sortedColorValue, parseFloat(sortedColorAlpha))\n          : sortedColorValue;\n    }, [\n      activeTheme?.colors?.modes[selectedMode],\n      sortedColorValue,\n      sortedColorAlpha,\n    ]);\n\n    return (\n      <ClassNames>\n        {({ css, cx }) => (\n          <TableCell\n            ref={externalRef}\n            role={Component === defaultComponent ? null : \"cell\"}\n            style={style}\n            className={cx(\n              tableCellClasses.root,\n              className,\n              classes?.root,\n              css(styles.root),\n              tableCellClasses[type],\n              classes?.[type],\n              css(styles[type]),\n              align !== \"inherit\" &&\n                cx(\n                  tableCellClasses[`align${capitalize(align)}`],\n                  classes?.[`align${capitalize(align)}`],\n                  css(styles[`align${capitalize(align)}`])\n                ),\n              tableContext.variant === \"listrow\" &&\n                cx(\n                  tableCellClasses.variantList,\n                  classes?.variantList,\n                  css(styles.variantList)\n                ),\n              tableContext.variant === \"listrow\" &&\n                type !== \"body\" &&\n                cx(\n                  tableCellClasses.variantListHead,\n                  classes?.variantListHead,\n                  css(styles.variantListHead)\n                ),\n              variant !== \"default\" &&\n                cx(\n                  tableCellClasses[`variant${capitalize(variant)}`],\n                  classes?.[`variant${capitalize(variant)}`],\n                  css(styles[`variant${capitalize(variant)}`])\n                ),\n              sorted &&\n                cx(\n                  tableCellClasses.sorted,\n                  classes?.sorted,\n                  css(styles.sorted)\n                ),\n              stickyColumn &&\n                cx(\n                  tableCellClasses.stickyColumn,\n                  classes?.stickyColumn,\n                  css(styles.stickyColumn)\n                ),\n              stickyColumnMostLeft &&\n                cx(\n                  tableCellClasses.stickyColumnMostLeft,\n                  classes?.stickyColumnMostLeft,\n                  css(styles.stickyColumnMostLeft)\n                ),\n              stickyColumnLeastRight &&\n                cx(\n                  tableCellClasses.stickyColumnLeastRight,\n                  classes?.stickyColumnLeastRight,\n                  css(styles.stickyColumnLeastRight)\n                ),\n              groupColumnMostLeft &&\n                cx(\n                  tableCellClasses.groupColumnMostLeft,\n                  classes?.groupColumnMostLeft,\n                  css(styles.groupColumnMostLeft)\n                ),\n              groupColumnMostRight &&\n                cx(\n                  tableCellClasses.groupColumnMostRight,\n                  classes?.groupColumnMostRight,\n                  css(styles.groupColumnMostRight)\n                ),\n              resizable &&\n                cx(\n                  tableCellClasses.resizable,\n                  classes?.resizable,\n                  css(styles.resizable)\n                ),\n              resizing &&\n                cx(\n                  tableCellClasses.resizing,\n                  classes?.resizing,\n                  css(styles.resizing)\n                )\n            )}\n            $type={type}\n            $stickyColumn={stickyColumn}\n            $sortedColor={sortedColor}\n            {...others}\n          >\n            {children}\n          </TableCell>\n        )}\n      </ClassNames>\n    );\n  }\n);\n"],"names":["defaultComponent","StyledTableCell","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$stickyColumn","$type","$sortedColor","tableCellClasses","sorted","backgroundColor","backgroundImage","HvTableCell","forwardRef","children","component","className","style","classes","align","variant","type","typeProp","stickyColumn","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","resizable","resizing","others","externalRef","activeTheme","selectedMode","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","sortedColorValue","setSortedColorValue","useState","sortedColorAlpha","setSortedColorAlpha","Component","components","Td","TableCell","useMemo","sortedColor","checkValidHexColorValue","hexToRgbA","parseFloat","useEffect","getVarValue","theme","table","rowSortedColor","rowSortedColorAlpha","colors","modes","ClassNames","css","cx","ref","role","root","styles","capitalize","variantList","variantListHead"],"mappings":"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"}

package/dist/cjs/components/Table/TableCell/TableCell.styles.cjs

@@ -25,11 +25,6 @@ const styles = {
     backgroundColor: "inherit",
     ...uikitStyles.theme.typography.body,
     fontFamily: uikitStyles.theme.fontFamily.body
-    // these styles were left on a styled component because of the access to the css var value to add an alpha.
-    // [`&.${tableCellClasses.sorted}`]: {
-    //   backgroundColor: alpha(hexToRgb(theme.colors.atmo1), 0.4),
-    //   backgroundColor: hexToRgbA(theme.colors.atmo1, 0.4),
-    // },
   },
   footer: {},
   sorted: {},
@@ -50,13 +45,14 @@ const styles = {
     padding: 0
   },
   variantCheckbox: {
+    boxSizing: "content-box",
     padding: 0,
     width: 32,
     maxWidth: 32,
-    overflow: "hidden",
     borderRight: uikitStyles.theme.table.cellBorder
   },
   variantActions: {
+    boxSizing: "content-box",
     padding: 0,
     width: 32,
     maxWidth: 32,
@@ -103,14 +99,6 @@ const styles = {
     [`&.${tableCellClasses.default.groupColumnMostRight}+.${tableCellClasses.default.stickyColumn}`]: {
       borderLeft: 0
     }
-    // these styles were left on a styled component because of the access to the css var value to add an alpha.
-    // [`&.${tableCellClasses.sorted}`]: {
-    //   backgroundColor: theme.colors.atmo2,
-    //   backgroundImage: `linear-gradient(to right, ${alpha(
-    //     hexToRgb(theme.colors.atmo1),
-    //     0.4
-    //   )}, ${alpha(hexToRgb(theme.colors.atmo1), 0.4)})`,
-    // },
   },
   stickyColumnMostLeft: {
     borderRight: uikitStyles.theme.table.cellBorder

package/dist/cjs/components/Table/TableCell/TableCell.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.styles.cjs","sources":["../../../../../src/components/Table/TableCell/TableCell.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { CSSProperties } from \"react\";\nimport tableCellClasses, { HvTableCellClasses } from \"./tableCellClasses\";\n\nexport const styles: Partial<\n  Record<keyof HvTableCellClasses, CSSInterpolation>\n> = {\n  root: {\n    verticalAlign: \"inherit\",\n    textAlign: \"left\",\n    padding: `${theme.table.cellPaddingTop} ${theme.space.xs} ${\n      theme.table.cellPaddingBottom\n    } ${theme.spacing(4)}`,\n    borderBottom: `1px solid ${theme.colors.atmo4}`,\n  },\n\n  head: {\n    height: 52,\n    verticalAlign: \"top\",\n\n    backgroundColor: theme.colors.atmo1,\n    borderTop: `1px solid ${theme.table.headerBorderTopColor}`,\n    borderBottom: `1px solid ${theme.colors.atmo4}`,\n    ...(theme.typography.label as CSSProperties),\n  },\n  body: {\n    minHeight: 32,\n    \"td&\": {\n      height: 32,\n    },\n    backgroundColor: \"inherit\",\n    ...(theme.typography.body as CSSProperties),\n    fontFamily: theme.fontFamily.body,\n    // these styles were left on a styled component because of the access to the css var value to add an alpha.\n    // [`&.${tableCellClasses.sorted}`]: {\n    //   backgroundColor: alpha(hexToRgb(theme.colors.atmo1), 0.4),\n    //   backgroundColor: hexToRgbA(theme.colors.atmo1, 0.4),\n    // },\n  },\n  footer: {},\n\n  sorted: {},\n\n  alignLeft: {\n    textAlign: \"left\",\n  },\n  alignCenter: {\n    textAlign: \"center\",\n  },\n  alignRight: {\n    textAlign: \"right\",\n    flexDirection: \"row-reverse\",\n  },\n  alignJustify: {\n    textAlign: \"justify\",\n  },\n\n  variantNone: {\n    padding: 0,\n  },\n  variantCheckbox: {\n    padding: 0,\n    width: 32,\n    maxWidth: 32,\n    overflow: \"hidden\",\n    borderRight: theme.table.cellBorder,\n  },\n  variantActions: {\n    padding: 0,\n    width: 32,\n    maxWidth: 32,\n    borderLeft: theme.table.cellBorder,\n  },\n  variantExpand: {\n    paddingLeft: 0,\n    paddingTop: 0,\n    paddingBottom: 0,\n  },\n  variantList: {\n    minHeight: 52,\n    \"td&\": {\n      height: 52,\n    },\n    padding: \"0, 0, 0, 32px\",\n    border: 0,\n  },\n  variantListHead: {\n    backgroundColor: \"inherit\",\n    \"td&\": {\n      height: 16,\n    },\n  },\n  variantListactions: {\n    verticalAlign: \"middle\",\n    borderLeft: theme.table.cellListBorder,\n    paddingLeft: \"0\",\n    textAlign: \"center\",\n    width: 130,\n    maxWidth: 130,\n  },\n  variantListcheckbox: {\n    borderRight: theme.table.cellListBorder,\n    padding: 0,\n    textAlign: \"center\",\n    width: 34,\n    maxWidth: 34,\n  },\n  stickyColumn: {\n    position: \"sticky\",\n    zIndex: 2,\n    background: theme.colors.atmo2,\n\n    [`&.${tableCellClasses.groupColumnMostRight}+.${tableCellClasses.stickyColumn}`]:\n      {\n        borderLeft: 0,\n      },\n    // these styles were left on a styled component because of the access to the css var value to add an alpha.\n    // [`&.${tableCellClasses.sorted}`]: {\n    //   backgroundColor: theme.colors.atmo2,\n    //   backgroundImage: `linear-gradient(to right, ${alpha(\n    //     hexToRgb(theme.colors.atmo1),\n    //     0.4\n    //   )}, ${alpha(hexToRgb(theme.colors.atmo1), 0.4)})`,\n    // },\n  },\n  stickyColumnMostLeft: {\n    borderRight: theme.table.cellBorder,\n  },\n  stickyColumnLeastRight: {\n    borderLeft: theme.table.cellBorder,\n  },\n\n  groupColumnMostLeft: {\n    borderLeft: theme.table.cellBorder,\n\n    \"&:first-child\": {\n      borderLeft: 0,\n    },\n  },\n  groupColumnMostRight: {\n    borderRight: theme.table.cellBorder,\n\n    // due to the \":has()\" selector not being supported in browsers,\n    // this need to be managed with inline styles\n    // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)\n    // \"&:last-child,&:has(+ $stickyColumnLeastRight)\": {\n    \"&:last-child\": {\n      borderRight: 0,\n    },\n\n    [`&+:not(${tableCellClasses.stickyColumn})`]: {\n      borderLeft: 0,\n    },\n  },\n\n  resizable: {\n    borderRight: theme.table.cellBorder,\n  },\n\n  resizing: {\n    borderRight: `solid 2px ${theme.colors.secondary}`,\n  },\n};\n"],"names":["styles","root","verticalAlign","textAlign","padding","theme","table","cellPaddingTop","space","xs","cellPaddingBottom","spacing","borderBottom","colors","atmo4","head","height","backgroundColor","atmo1","borderTop","headerBorderTopColor","typography","label","body","minHeight","fontFamily","footer","sorted","alignLeft","alignCenter","alignRight","flexDirection","alignJustify","variantNone","variantCheckbox","width","maxWidth","overflow","borderRight","cellBorder","variantActions","borderLeft","variantExpand","paddingLeft","paddingTop","paddingBottom","variantList","border","variantListHead","variantListactions","cellListBorder","variantListcheckbox","stickyColumn","position","zIndex","background","atmo2","tableCellClasses","groupColumnMostRight","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","resizable","resizing","secondary"],"mappings":"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"}
+{"version":3,"file":"TableCell.styles.cjs","sources":["../../../../../src/components/Table/TableCell/TableCell.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { CSSProperties } from \"react\";\nimport tableCellClasses, { HvTableCellClasses } from \"./tableCellClasses\";\n\nexport const styles: Partial<\n  Record<keyof HvTableCellClasses, CSSInterpolation>\n> = {\n  root: {\n    verticalAlign: \"inherit\",\n    textAlign: \"left\",\n    padding: `${theme.table.cellPaddingTop} ${theme.space.xs} ${\n      theme.table.cellPaddingBottom\n    } ${theme.spacing(4)}`,\n    borderBottom: `1px solid ${theme.colors.atmo4}`,\n  },\n  head: {\n    height: 52,\n    verticalAlign: \"top\",\n\n    backgroundColor: theme.colors.atmo1,\n    borderTop: `1px solid ${theme.table.headerBorderTopColor}`,\n    borderBottom: `1px solid ${theme.colors.atmo4}`,\n    ...(theme.typography.label as CSSProperties),\n  },\n  body: {\n    minHeight: 32,\n    \"td&\": {\n      height: 32,\n    },\n    backgroundColor: \"inherit\",\n    ...(theme.typography.body as CSSProperties),\n    fontFamily: theme.fontFamily.body,\n  },\n  footer: {},\n\n  sorted: {},\n\n  alignLeft: {\n    textAlign: \"left\",\n  },\n  alignCenter: {\n    textAlign: \"center\",\n  },\n  alignRight: {\n    textAlign: \"right\",\n    flexDirection: \"row-reverse\",\n  },\n  alignJustify: {\n    textAlign: \"justify\",\n  },\n\n  variantNone: {\n    padding: 0,\n  },\n  variantCheckbox: {\n    boxSizing: \"content-box\",\n    padding: 0,\n    width: 32,\n    maxWidth: 32,\n    borderRight: theme.table.cellBorder,\n  },\n  variantActions: {\n    boxSizing: \"content-box\",\n    padding: 0,\n    width: 32,\n    maxWidth: 32,\n    borderLeft: theme.table.cellBorder,\n  },\n  variantExpand: {\n    paddingLeft: 0,\n    paddingTop: 0,\n    paddingBottom: 0,\n  },\n  variantList: {\n    minHeight: 52,\n    \"td&\": {\n      height: 52,\n    },\n    padding: \"0, 0, 0, 32px\",\n    border: 0,\n  },\n  variantListHead: {\n    backgroundColor: \"inherit\",\n    \"td&\": {\n      height: 16,\n    },\n  },\n  variantListactions: {\n    verticalAlign: \"middle\",\n    borderLeft: theme.table.cellListBorder,\n    paddingLeft: \"0\",\n    textAlign: \"center\",\n    width: 130,\n    maxWidth: 130,\n  },\n  variantListcheckbox: {\n    borderRight: theme.table.cellListBorder,\n    padding: 0,\n    textAlign: \"center\",\n    width: 34,\n    maxWidth: 34,\n  },\n  stickyColumn: {\n    position: \"sticky\",\n    zIndex: 2,\n    background: theme.colors.atmo2,\n\n    [`&.${tableCellClasses.groupColumnMostRight}+.${tableCellClasses.stickyColumn}`]:\n      {\n        borderLeft: 0,\n      },\n  },\n  stickyColumnMostLeft: {\n    borderRight: theme.table.cellBorder,\n  },\n  stickyColumnLeastRight: {\n    borderLeft: theme.table.cellBorder,\n  },\n\n  groupColumnMostLeft: {\n    borderLeft: theme.table.cellBorder,\n\n    \"&:first-child\": {\n      borderLeft: 0,\n    },\n  },\n  groupColumnMostRight: {\n    borderRight: theme.table.cellBorder,\n\n    // due to the \":has()\" selector not being supported in browsers,\n    // this need to be managed with inline styles\n    // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)\n    // \"&:last-child,&:has(+ $stickyColumnLeastRight)\": {\n    \"&:last-child\": {\n      borderRight: 0,\n    },\n\n    [`&+:not(${tableCellClasses.stickyColumn})`]: {\n      borderLeft: 0,\n    },\n  },\n\n  resizable: {\n    borderRight: theme.table.cellBorder,\n  },\n\n  resizing: {\n    borderRight: `solid 2px ${theme.colors.secondary}`,\n  },\n};\n"],"names":["styles","root","verticalAlign","textAlign","padding","theme","table","cellPaddingTop","space","xs","cellPaddingBottom","spacing","borderBottom","colors","atmo4","head","height","backgroundColor","atmo1","borderTop","headerBorderTopColor","typography","label","body","minHeight","fontFamily","footer","sorted","alignLeft","alignCenter","alignRight","flexDirection","alignJustify","variantNone","variantCheckbox","boxSizing","width","maxWidth","borderRight","cellBorder","variantActions","borderLeft","variantExpand","paddingLeft","paddingTop","paddingBottom","variantList","border","variantListHead","variantListactions","cellListBorder","variantListcheckbox","stickyColumn","position","zIndex","background","atmo2","tableCellClasses","groupColumnMostRight","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","resizable","resizing","secondary"],"mappings":"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"}