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

package/dist/cjs/components/ListContainer/ListItem/ListItem.cjs

@@ -1,10 +1,10 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const clsx = require("clsx");
 const ListItem_styles = require("./ListItem.styles.cjs");
 const listItemClasses = require("./listItemClasses.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const ListContext = require("../ListContext/ListContext.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const React__default = /* @__PURE__ */ _interopDefault(React);
@@ -68,17 +68,37 @@ const HvListItem = ({
     "aria-disabled": disabled || void 0,
     "aria-selected": selected
   } : {};
-  const listItem = /* @__PURE__ */ jsxRuntime.jsxs(ListItem_styles.StyledListItem, { id, role, value, onClick: handleOnClick, onKeyDown: () => {
-  }, className: clsx__default.default(className, listItemClasses.default.root, classes == null ? void 0 : classes.root, !disableGutters && clsx__default.default(listItemClasses.default.gutters, classes == null ? void 0 : classes.gutters), condensed && clsx__default.default(listItemClasses.default.condensed, classes == null ? void 0 : classes.condensed), interactive && clsx__default.default(listItemClasses.default.interactive, classes == null ? void 0 : classes.interactive), selected && clsx__default.default(listItemClasses.default.selected, classes == null ? void 0 : classes.selected), disabled && clsx__default.default(listItemClasses.default.disabled, classes == null ? void 0 : classes.disabled), startAdornment != null && clsx__default.default(listItemClasses.default.withStartAdornment, classes == null ? void 0 : classes.withStartAdornment), endAdornment != null && clsx__default.default(listItemClasses.default.withEndAdornment, classes == null ? void 0 : classes.withEndAdornment)), $gutters: !disableGutters, $interactive: interactive, $disabled: disabled || false, $selected: selected || false, $startAdornment: startAdornment != null, $endAdornment: endAdornment != null, ...roleOptionAriaProps, ...others, children: [
-    clonedStartAdornment,
-    children,
-    clonedEndAdornment
-  ] });
-  return interactiveProp ? /* @__PURE__ */ jsxRuntime.jsx(ListItem_styles.StyledFocus, { rootRef: topContainerRef, selected, disabledClass: disabled || void 0, strategy: role === "option" ? "listbox" : "menu", classes: {
-    focus: clsx__default.default(classes == null ? void 0 : classes.focus, listItemClasses.default.focus)
-  }, configuration: {
-    tabIndex
-  }, children: listItem }) : listItem;
+  const listItem = /* @__PURE__ */ jsxRuntime.jsxs(ListItem_styles.StyledListItem, {
+    id,
+    role,
+    value,
+    onClick: handleOnClick,
+    onKeyDown: () => {
+    },
+    className: clsx__default.default(className, listItemClasses.default.root, classes == null ? void 0 : classes.root, !disableGutters && clsx__default.default(listItemClasses.default.gutters, classes == null ? void 0 : classes.gutters), condensed && clsx__default.default(listItemClasses.default.condensed, classes == null ? void 0 : classes.condensed), interactive && clsx__default.default(listItemClasses.default.interactive, classes == null ? void 0 : classes.interactive), selected && clsx__default.default(listItemClasses.default.selected, classes == null ? void 0 : classes.selected), disabled && clsx__default.default(listItemClasses.default.disabled, classes == null ? void 0 : classes.disabled), startAdornment != null && clsx__default.default(listItemClasses.default.withStartAdornment, classes == null ? void 0 : classes.withStartAdornment), endAdornment != null && clsx__default.default(listItemClasses.default.withEndAdornment, classes == null ? void 0 : classes.withEndAdornment)),
+    $gutters: !disableGutters,
+    $interactive: interactive,
+    $disabled: disabled || false,
+    $selected: selected || false,
+    $startAdornment: startAdornment != null,
+    $endAdornment: endAdornment != null,
+    ...roleOptionAriaProps,
+    ...others,
+    children: [clonedStartAdornment, children, clonedEndAdornment]
+  });
+  return interactiveProp ? /* @__PURE__ */ jsxRuntime.jsx(ListItem_styles.StyledFocus, {
+    rootRef: topContainerRef,
+    selected,
+    disabledClass: disabled || void 0,
+    strategy: role === "option" ? "listbox" : "menu",
+    classes: {
+      focus: clsx__default.default(classes == null ? void 0 : classes.focus, listItemClasses.default.focus)
+    },
+    configuration: {
+      tabIndex
+    },
+    children: listItem
+  }) : listItem;
 };
 exports.HvListItem = HvListItem;
 //# sourceMappingURL=ListItem.cjs.map

package/dist/cjs/components/ListContainer/ListItem/ListItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.cjs","sources":["../../../../../src/components/ListContainer/ListItem/ListItem.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledListItem, StyledFocus } from \"./ListItem.styles\";\nimport HvListContext from \"../ListContext\";\nimport listItemClasses, { HvListItemClasses } from \"./listItemClasses\";\n\nexport type HvListItemProps = HvBaseProps<HTMLLIElement, { role }> & {\n  /**\n   * Overrides the implicit list item role.\n   * It defaults to \"option\" if unspecified and the container list role is \"listbox\".\n   */\n  role?: string;\n  /** Indicates if the list item is selected. */\n  selected?: boolean;\n  /** If true, the list item will be disabled. */\n  disabled?: boolean;\n  /**\n   * If the list item is focusable and reacts to mouse over events.\n   * Defaults to true if the container list is interactive, false otherwise.\n   */\n  interactive?: boolean;\n  /**\n   * If `true` compacts the vertical spacing intended to separate the list items.\n   * Defaults to the value set in container list.\n   */\n  condensed?: boolean;\n  /**\n   * If `true`, the left and right padding is removed.\n   * Defaults to the value set in container list.\n   */\n  disableGutters?: boolean;\n  /**\n   * Element placed before the children.\n   * Also removes the left padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is either an icon (changing the color when the item is disabled)\n   * or a selector (preventing the double focus ring, propagating the checked and disabled states and wiring the onChange event).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  startAdornment?: React.ReactNode;\n  /**\n   * Element placed after the children and aligned next to the margin.\n   * Also removes the right padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is an icon (changing the color when the item is disabled).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  endAdornment?: React.ReactNode;\n  /** The value to be set on the 'li' element */\n  value?: any;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvListItemClasses;\n};\n\nconst applyClassNameAndStateToElement = (\n  element,\n  selected,\n  disabled,\n  onClick,\n  className,\n  externalClassname\n) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, externalClassname, element?.props?.className),\n      checked: !!selected,\n      disabled,\n      onChange: (evt) => onClick?.(evt),\n    });\n  }\n\n  return null;\n};\n\nconst applyClassNameToElement = (element, className, externalClassname) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, externalClassname, element?.props?.className),\n    });\n  }\n\n  return null;\n};\n\n/**\n * ListItem description/documentation paragraph\n */\nexport const HvListItem = ({\n  id,\n  classes,\n  className,\n  role,\n  value,\n  selected,\n  disabled,\n  interactive: interactiveProp,\n  condensed: condensedProp,\n  disableGutters: disableGuttersProp,\n  startAdornment,\n  endAdornment,\n  onClick,\n  children,\n  tabIndex,\n  ...others\n}: HvListItemProps) => {\n  const {\n    topContainerRef,\n    condensed: condensedContext,\n    disableGutters: disableGuttersContext,\n    interactive: interactiveContext,\n  } = useContext<any>(HvListContext);\n\n  const condensed = condensedProp != null ? condensedProp : condensedContext;\n  const disableGutters =\n    disableGuttersProp != null ? disableGuttersProp : disableGuttersContext;\n  const interactive =\n    interactiveProp != null ? interactiveProp : interactiveContext;\n\n  const handleOnClick = useCallback(\n    (evt) => {\n      if (!disabled) {\n        onClick?.(evt);\n      }\n    },\n    [disabled, onClick]\n  );\n\n  const clonedStartAdornment = useMemo(\n    () =>\n      applyClassNameAndStateToElement(\n        startAdornment,\n        selected,\n        disabled,\n        handleOnClick,\n        clsx(\n          listItemClasses.startAdornment,\n          disabled && listItemClasses.disabled\n        ),\n        clsx(classes?.startAdornment, disabled && classes?.disabled)\n      ),\n    [classes?.startAdornment, disabled, handleOnClick, selected, startAdornment]\n  );\n  const clonedEndAdornment = useMemo(\n    () =>\n      applyClassNameToElement(\n        endAdornment,\n        clsx(\n          listItemClasses.endAdornment,\n          disabled && listItemClasses.disabled\n        ),\n        clsx(classes?.endAdornment, disabled && classes?.disabled)\n      ),\n    [classes?.endAdornment, endAdornment]\n  );\n\n  const roleOptionAriaProps =\n    role === \"option\" || role === \"menuitem\"\n      ? {\n          \"aria-disabled\": disabled || undefined,\n          \"aria-selected\": selected,\n        }\n      : {};\n\n  const listItem = (\n    <StyledListItem\n      id={id}\n      role={role}\n      value={value}\n      onClick={handleOnClick}\n      onKeyDown={() => {}}\n      className={clsx(\n        className,\n        listItemClasses.root,\n        classes?.root,\n        !disableGutters && clsx(listItemClasses.gutters, classes?.gutters),\n        condensed && clsx(listItemClasses.condensed, classes?.condensed),\n        interactive && clsx(listItemClasses.interactive, classes?.interactive),\n        selected && clsx(listItemClasses.selected, classes?.selected),\n        disabled && clsx(listItemClasses.disabled, classes?.disabled),\n        startAdornment != null &&\n          clsx(listItemClasses.withStartAdornment, classes?.withStartAdornment),\n        endAdornment != null &&\n          clsx(listItemClasses.withEndAdornment, classes?.withEndAdornment)\n      )}\n      $gutters={!disableGutters}\n      $interactive={interactive}\n      $disabled={disabled || false}\n      $selected={selected || false}\n      $startAdornment={startAdornment != null}\n      $endAdornment={endAdornment != null}\n      {...roleOptionAriaProps}\n      {...others}\n    >\n      {clonedStartAdornment}\n      {children}\n      {clonedEndAdornment}\n    </StyledListItem>\n  );\n\n  return interactiveProp ? (\n    <StyledFocus\n      rootRef={topContainerRef}\n      selected={selected}\n      disabledClass={disabled || undefined}\n      strategy={role === \"option\" ? \"listbox\" : \"menu\"}\n      classes={{ focus: clsx(classes?.focus, listItemClasses.focus) }}\n      configuration={{\n        tabIndex,\n      }}\n    >\n      {listItem}\n    </StyledFocus>\n  ) : (\n    listItem\n  );\n};\n"],"names":["applyClassNameAndStateToElement","element","selected","disabled","onClick","className","externalClassname","React","cloneElement","clsx","props","checked","onChange","evt","applyClassNameToElement","HvListItem","id","classes","role","value","interactive","interactiveProp","condensed","condensedProp","disableGutters","disableGuttersProp","startAdornment","endAdornment","children","tabIndex","others","topContainerRef","condensedContext","disableGuttersContext","interactiveContext","useContext","HvListContext","handleOnClick","useCallback","clonedStartAdornment","useMemo","listItemClasses","clonedEndAdornment","roleOptionAriaProps","undefined","listItem","StyledListItem","root","gutters","withStartAdornment","withEndAdornment","jsx","StyledFocus","focus"],"mappings":";;;;;;;;;;;AAuDA,MAAMA,kCAAkCA,CACtCC,SACAC,UACAC,UACAC,SACAC,WACAC,sBACG;;AACH,MAAIL,WAAW,MAAM;AACZM,WAAAA,eAAAA,QAAMC,aAAaP,SAAS;AAAA,MACjCI,WAAWI,cAAKJ,QAAAA,WAAWC,oBAAmBL,wCAASS,UAATT,mBAAgBI,SAAS;AAAA,MACvEM,SAAS,CAAC,CAACT;AAAAA,MACXC;AAAAA,MACAS,UAAWC,CAAQT,QAAAA,mCAAUS;AAAAA,IAAG,CACjC;AAAA,EACH;AAEO,SAAA;AACT;AAEA,MAAMC,0BAA0BA,CAACb,SAASI,WAAWC,sBAAsB;;AACzE,MAAIL,WAAW,MAAM;AACZM,WAAAA,eAAAA,QAAMC,aAAaP,SAAS;AAAA,MACjCI,WAAWI,cAAKJ,QAAAA,WAAWC,oBAAmBL,wCAASS,UAATT,mBAAgBI,SAAS;AAAA,IAAA,CACxE;AAAA,EACH;AAEO,SAAA;AACT;AAKO,MAAMU,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAZ;AAAAA,EACAa;AAAAA,EACAC;AAAAA,EACAjB;AAAAA,EACAC;AAAAA,EACAiB,aAAaC;AAAAA,EACbC,WAAWC;AAAAA,EACXC,gBAAgBC;AAAAA,EAChBC;AAAAA,EACAC;AAAAA,EACAvB;AAAAA,EACAwB;AAAAA,EACAC;AAAAA,KACGC;AACY,MAAM;AACf,QAAA;AAAA,IACJC;AAAAA,IACAT,WAAWU;AAAAA,IACXR,gBAAgBS;AAAAA,IAChBb,aAAac;AAAAA,EAAAA,IACXC,MAAAA,WAAgBC,YAAAA,OAAa;AAE3Bd,QAAAA,YAAYC,iBAAiB,OAAOA,gBAAgBS;AACpDR,QAAAA,iBACJC,sBAAsB,OAAOA,qBAAqBQ;AAC9Cb,QAAAA,cACJC,mBAAmB,OAAOA,kBAAkBa;AAExCG,QAAAA,gBAAgBC,kBACnBzB,CAAQ,QAAA;AACP,QAAI,CAACV,UAAU;AACbC,yCAAUS;AAAAA,IACZ;AAAA,EAAA,GAEF,CAACV,UAAUC,OAAO,CAAC;AAGrB,QAAMmC,uBAAuBC,MAAAA,QAC3B,MACExC,gCACE0B,gBACAxB,UACAC,UACAkC,eACA5B,cACEgC,QAAAA,gBAAAA,QAAgBf,gBAChBvB,YAAYsC,wBAAgBtC,QAAQ,GAEtCM,cAAKQ,QAAAA,mCAASS,gBAAgBvB,aAAYc,mCAASd,SAAQ,CAAC,GAEhE,CAACc,mCAASS,gBAAgBvB,UAAUkC,eAAenC,UAAUwB,cAAc,CAAC;AAExEgB,QAAAA,qBAAqBF,MAAAA,QACzB,MACE1B,wBACEa,cACAlB,sBACEgC,gBAAAA,QAAgBd,cAChBxB,YAAYsC,gBAAAA,QAAgBtC,QAAQ,GAEtCM,sBAAKQ,mCAASU,cAAcxB,aAAYc,mCAASd,SAAQ,CAAC,GAE9D,CAACc,mCAASU,cAAcA,YAAY,CAAC;AAGvC,QAAMgB,sBACJzB,SAAS,YAAYA,SAAS,aAC1B;AAAA,IACE,iBAAiBf,YAAYyC;AAAAA,IAC7B,iBAAiB1C;AAAAA,MAEnB;AAEA2C,QAAAA,2CACHC,gBACC,gBAAA,EAAA,IACA,MACA,OACA,SAAST,eACT,WAAW,MAAM;AAAA,EAAA,GACjB,WAAW5B,cAAAA,QACTJ,WACAoC,gBAAAA,QAAgBM,MAChB9B,mCAAS8B,MACT,CAACvB,kBAAkBf,cAAAA,QAAKgC,gBAAgBO,QAAAA,SAAS/B,mCAAS+B,OAAO,GACjE1B,aAAab,cAAAA,QAAKgC,gBAAAA,QAAgBnB,WAAWL,mCAASK,SAAS,GAC/DF,eAAeX,cAAKgC,QAAAA,gBAAAA,QAAgBrB,aAAaH,mCAASG,WAAW,GACrElB,YAAYO,cAAAA,QAAKgC,gBAAgBvC,QAAAA,UAAUe,mCAASf,QAAQ,GAC5DC,YAAYM,cAAAA,QAAKgC,gBAAAA,QAAgBtC,UAAUc,mCAASd,QAAQ,GAC5DuB,kBAAkB,QAChBjB,cAAAA,QAAKgC,wBAAgBQ,oBAAoBhC,mCAASgC,kBAAkB,GACtEtB,gBAAgB,QACdlB,cAAAA,QAAKgC,wBAAgBS,kBAAkBjC,mCAASiC,gBAAgB,CAAC,GAErE,UAAU,CAAC1B,gBACX,cAAcJ,aACd,WAAWjB,YAAY,OACvB,WAAWD,YAAY,OACvB,iBAAiBwB,kBAAkB,MACnC,eAAeC,gBAAgB,MAC/B,GAAIgB,qBACAb,GAAAA,QAEHS,UAAAA;AAAAA,IAAAA;AAAAA,IACAX;AAAAA,IACAc;AAAAA,EACH,EAAA,CAAA;AAGF,SAAOrB,kBACL8B,2BAAAA,IAACC,gBACC,aAAA,EAAA,SAASrB,iBACT,UACA,eAAe5B,YAAYyC,QAC3B,UAAU1B,SAAS,WAAW,YAAY,QAC1C,SAAS;AAAA,IAAEmC,OAAO5C,cAAAA,QAAKQ,mCAASoC,OAAOZ,gBAAAA,QAAgBY,KAAK;AAAA,KAC5D,eAAe;AAAA,IACbxB;AAAAA,EACF,GAECgB,oBACH,IAEAA;AAEJ;;"}
+{"version":3,"file":"ListItem.cjs","sources":["../../../../../src/components/ListContainer/ListItem/ListItem.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledListItem, StyledFocus } from \"./ListItem.styles\";\nimport HvListContext from \"../ListContext\";\nimport listItemClasses, { HvListItemClasses } from \"./listItemClasses\";\n\nexport type HvListItemProps = HvBaseProps<HTMLLIElement, { role }> & {\n  /**\n   * Overrides the implicit list item role.\n   * It defaults to \"option\" if unspecified and the container list role is \"listbox\".\n   */\n  role?: string;\n  /** Indicates if the list item is selected. */\n  selected?: boolean;\n  /** If true, the list item will be disabled. */\n  disabled?: boolean;\n  /**\n   * If the list item is focusable and reacts to mouse over events.\n   * Defaults to true if the container list is interactive, false otherwise.\n   */\n  interactive?: boolean;\n  /**\n   * If `true` compacts the vertical spacing intended to separate the list items.\n   * Defaults to the value set in container list.\n   */\n  condensed?: boolean;\n  /**\n   * If `true`, the left and right padding is removed.\n   * Defaults to the value set in container list.\n   */\n  disableGutters?: boolean;\n  /**\n   * Element placed before the children.\n   * Also removes the left padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is either an icon (changing the color when the item is disabled)\n   * or a selector (preventing the double focus ring, propagating the checked and disabled states and wiring the onChange event).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  startAdornment?: React.ReactNode;\n  /**\n   * Element placed after the children and aligned next to the margin.\n   * Also removes the right padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is an icon (changing the color when the item is disabled).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  endAdornment?: React.ReactNode;\n  /** The value to be set on the 'li' element */\n  value?: any;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvListItemClasses;\n};\n\nconst applyClassNameAndStateToElement = (\n  element,\n  selected,\n  disabled,\n  onClick,\n  className,\n  externalClassname\n) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, externalClassname, element?.props?.className),\n      checked: !!selected,\n      disabled,\n      onChange: (evt) => onClick?.(evt),\n    });\n  }\n\n  return null;\n};\n\nconst applyClassNameToElement = (element, className, externalClassname) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, externalClassname, element?.props?.className),\n    });\n  }\n\n  return null;\n};\n\n/**\n * ListItem description/documentation paragraph\n */\nexport const HvListItem = ({\n  id,\n  classes,\n  className,\n  role,\n  value,\n  selected,\n  disabled,\n  interactive: interactiveProp,\n  condensed: condensedProp,\n  disableGutters: disableGuttersProp,\n  startAdornment,\n  endAdornment,\n  onClick,\n  children,\n  tabIndex,\n  ...others\n}: HvListItemProps) => {\n  const {\n    topContainerRef,\n    condensed: condensedContext,\n    disableGutters: disableGuttersContext,\n    interactive: interactiveContext,\n  } = useContext<any>(HvListContext);\n\n  const condensed = condensedProp != null ? condensedProp : condensedContext;\n  const disableGutters =\n    disableGuttersProp != null ? disableGuttersProp : disableGuttersContext;\n  const interactive =\n    interactiveProp != null ? interactiveProp : interactiveContext;\n\n  const handleOnClick = useCallback(\n    (evt) => {\n      if (!disabled) {\n        onClick?.(evt);\n      }\n    },\n    [disabled, onClick]\n  );\n\n  const clonedStartAdornment = useMemo(\n    () =>\n      applyClassNameAndStateToElement(\n        startAdornment,\n        selected,\n        disabled,\n        handleOnClick,\n        clsx(\n          listItemClasses.startAdornment,\n          disabled && listItemClasses.disabled\n        ),\n        clsx(classes?.startAdornment, disabled && classes?.disabled)\n      ),\n    [classes?.startAdornment, disabled, handleOnClick, selected, startAdornment]\n  );\n  const clonedEndAdornment = useMemo(\n    () =>\n      applyClassNameToElement(\n        endAdornment,\n        clsx(\n          listItemClasses.endAdornment,\n          disabled && listItemClasses.disabled\n        ),\n        clsx(classes?.endAdornment, disabled && classes?.disabled)\n      ),\n    [classes?.endAdornment, endAdornment]\n  );\n\n  const roleOptionAriaProps =\n    role === \"option\" || role === \"menuitem\"\n      ? {\n          \"aria-disabled\": disabled || undefined,\n          \"aria-selected\": selected,\n        }\n      : {};\n\n  const listItem = (\n    <StyledListItem\n      id={id}\n      role={role}\n      value={value}\n      onClick={handleOnClick}\n      onKeyDown={() => {}}\n      className={clsx(\n        className,\n        listItemClasses.root,\n        classes?.root,\n        !disableGutters && clsx(listItemClasses.gutters, classes?.gutters),\n        condensed && clsx(listItemClasses.condensed, classes?.condensed),\n        interactive && clsx(listItemClasses.interactive, classes?.interactive),\n        selected && clsx(listItemClasses.selected, classes?.selected),\n        disabled && clsx(listItemClasses.disabled, classes?.disabled),\n        startAdornment != null &&\n          clsx(listItemClasses.withStartAdornment, classes?.withStartAdornment),\n        endAdornment != null &&\n          clsx(listItemClasses.withEndAdornment, classes?.withEndAdornment)\n      )}\n      $gutters={!disableGutters}\n      $interactive={interactive}\n      $disabled={disabled || false}\n      $selected={selected || false}\n      $startAdornment={startAdornment != null}\n      $endAdornment={endAdornment != null}\n      {...roleOptionAriaProps}\n      {...others}\n    >\n      {clonedStartAdornment}\n      {children}\n      {clonedEndAdornment}\n    </StyledListItem>\n  );\n\n  return interactiveProp ? (\n    <StyledFocus\n      rootRef={topContainerRef}\n      selected={selected}\n      disabledClass={disabled || undefined}\n      strategy={role === \"option\" ? \"listbox\" : \"menu\"}\n      classes={{ focus: clsx(classes?.focus, listItemClasses.focus) }}\n      configuration={{\n        tabIndex,\n      }}\n    >\n      {listItem}\n    </StyledFocus>\n  ) : (\n    listItem\n  );\n};\n"],"names":["applyClassNameAndStateToElement","element","selected","disabled","onClick","className","externalClassname","React","cloneElement","clsx","props","checked","onChange","evt","applyClassNameToElement","HvListItem","id","classes","role","value","interactive","interactiveProp","condensed","condensedProp","disableGutters","disableGuttersProp","startAdornment","endAdornment","children","tabIndex","others","topContainerRef","condensedContext","disableGuttersContext","interactiveContext","useContext","HvListContext","handleOnClick","useCallback","clonedStartAdornment","useMemo","listItemClasses","clonedEndAdornment","roleOptionAriaProps","undefined","listItem","StyledListItem","onKeyDown","root","gutters","withStartAdornment","withEndAdornment","$gutters","$interactive","$disabled","$selected","$startAdornment","$endAdornment","StyledFocus","rootRef","disabledClass","strategy","focus","configuration"],"mappings":"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"}

package/dist/cjs/components/ListContainer/ListItem/ListItem.styles.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const transientOptions = require("../../../utils/transientOptions.cjs");

package/dist/cjs/components/ListContainer/ListItem/ListItem.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.styles.cjs","sources":["../../../../../src/components/ListContainer/ListItem/ListItem.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { HvFocus } from \"components\";\nimport { outlineStyles } from \"utils\";\nimport listItemClasses from \"./listItemClasses\";\nimport { CSSProperties } from \"react\";\n\nexport const StyledListItem = styled(\n  \"li\",\n  transientOptions\n)(\n  ({\n    $gutters,\n    $interactive,\n    $selected,\n    $disabled,\n    $startAdornment,\n    $endAdornment,\n  }: {\n    $gutters: boolean;\n    $interactive: boolean;\n    $selected: boolean;\n    $disabled: boolean;\n    $startAdornment: boolean;\n    $endAdornment: boolean;\n  }) => ({\n    ...(theme.typography.body as CSSProperties),\n    padding: 0,\n    display: \"block\",\n    height: \"32px\",\n    lineHeight: \"32px\",\n    listStyleType: \"none\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n    position: \"relative\",\n\n    \"&:not(:last-child)\": {\n      marginBottom: \"8px\",\n    },\n    [`&.${listItemClasses.condensed}`]: {\n      marginBottom: 0,\n    },\n\n    ...($gutters && {\n      padding: `0 ${theme.space.xs}`,\n\n      [`&.${listItemClasses.withStartAdornment}`]: {\n        paddingLeft: 0,\n      },\n      [`&.${listItemClasses.withEndAdornment}`]: {\n        paddingRight: 0,\n      },\n    }),\n    ...($interactive && {\n      cursor: \"pointer\",\n      [`&:not(.${listItemClasses.disabled}):not(.${listItemClasses.selected}):hover`]:\n        {\n          backgroundColor: theme.list.hoverColor,\n        },\n      [`&.${listItemClasses.disabled}`]: {\n        cursor: \"not-allowed\",\n      },\n    }),\n    ...($selected && {\n      backgroundColor: theme.list.hoverColor,\n    }),\n    ...($disabled && {\n      color: theme.colors.atmo5,\n      backgroundColor: theme.list.disabledBackgroundColor,\n    }),\n    ...($startAdornment && {\n      \"& > div\": {\n        float: \"left\",\n      },\n\n      \"& svg\": {\n        boxShadow: \"none !important\",\n        outline: \"none !important\",\n      },\n      [`.${listItemClasses.disabled} > svg *.color0`]: {\n        fill: theme.colors.atmo5,\n      },\n    }),\n    ...($endAdornment && {\n      \"& > div\": { float: \"right\" },\n\n      \"& svg\": {\n        boxShadow: \"none !important\",\n        outline: \"none !important\",\n      },\n      [`.${listItemClasses.disabled} > svg *.color0`]: {\n        fill: theme.colors.atmo5,\n      },\n    }),\n    \"&.HvIsFocused\": {\n      ...outlineStyles,\n      backgroundColor: theme.colors.atmo3,\n      zIndex: 2,\n    },\n  })\n);\n\nexport const StyledFocus = styled(HvFocus)({\n  backgroundColor: theme.colors.atmo3,\n  zIndex: 2,\n});\n"],"names":["StyledListItem","process","env","NODE_ENV","_extends","target","transientOptions","label","$gutters","$interactive","$selected","$disabled","$startAdornment","$endAdornment","theme","typography","body","padding","display","height","lineHeight","listStyleType","overflow","textOverflow","whiteSpace","position","marginBottom","listItemClasses","condensed","space","xs","withStartAdornment","paddingLeft","withEndAdornment","paddingRight","cursor","disabled","selected","backgroundColor","list","hoverColor","color","colors","atmo5","disabledBackgroundColor","float","boxShadow","outline","fill","outlineStyles","atmo3","zIndex","StyledFocus","HvFocus"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAQaA,MAAAA,0DACX,MAAIC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACJC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCE;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAQF,OAAO;AAAA,EACL,GAAIC,YAAAA,MAAMC,WAAWC;AAAAA,EACrBC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,YAAY;AAAA,EACZC,eAAe;AAAA,EACfC,UAAU;AAAA,EACVC,cAAc;AAAA,EACdC,YAAY;AAAA,EACZC,UAAU;AAAA,EAEV,sBAAsB;AAAA,IACpBC,cAAc;AAAA,EAChB;AAAA,EACA,CAAE,KAAIC,wBAAgBC,cAAc;AAAA,IAClCF,cAAc;AAAA,EAChB;AAAA,EAEA,GAAIlB,YAAY;AAAA,IACdS,SAAU,KAAIH,YAAAA,MAAMe,MAAMC;AAAAA,IAE1B,CAAE,KAAIH,wBAAgBI,uBAAuB;AAAA,MAC3CC,aAAa;AAAA,IACf;AAAA,IACA,CAAE,KAAIL,wBAAgBM,qBAAqB;AAAA,MACzCC,cAAc;AAAA,IAChB;AAAA,EACF;AAAA,EACA,GAAIzB,gBAAgB;AAAA,IAClB0B,QAAQ;AAAA,IACR,CAAE,UAASR,gBAAAA,QAAgBS,kBAAkBT,wBAAgBU,oBAC3D;AAAA,MACEC,iBAAiBxB,YAAAA,MAAMyB,KAAKC;AAAAA,IAC9B;AAAA,IACF,CAAE,KAAIb,wBAAgBS,aAAa;AAAA,MACjCD,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,GAAIzB,aAAa;AAAA,IACf4B,iBAAiBxB,YAAAA,MAAMyB,KAAKC;AAAAA,EAC9B;AAAA,EACA,GAAI7B,aAAa;AAAA,IACf8B,OAAO3B,YAAAA,MAAM4B,OAAOC;AAAAA,IACpBL,iBAAiBxB,YAAAA,MAAMyB,KAAKK;AAAAA,EAC9B;AAAA,EACA,GAAIhC,mBAAmB;AAAA,IACrB,WAAW;AAAA,MACTiC,OAAO;AAAA,IACT;AAAA,IAEA,SAAS;AAAA,MACPC,WAAW;AAAA,MACXC,SAAS;AAAA,IACX;AAAA,IACA,CAAE,IAAGpB,gBAAAA,QAAgBS,4BAA4B;AAAA,MAC/CY,MAAMlC,YAAAA,MAAM4B,OAAOC;AAAAA,IACrB;AAAA,EACF;AAAA,EACA,GAAI9B,iBAAiB;AAAA,IACnB,WAAW;AAAA,MAAEgC,OAAO;AAAA,IAAQ;AAAA,IAE5B,SAAS;AAAA,MACPC,WAAW;AAAA,MACXC,SAAS;AAAA,IACX;AAAA,IACA,CAAE,IAAGpB,gBAAAA,QAAgBS,4BAA4B;AAAA,MAC/CY,MAAMlC,YAAAA,MAAM4B,OAAOC;AAAAA,IACrB;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,GAAGM,WAAAA;AAAAA,IACHX,iBAAiBxB,YAAAA,MAAM4B,OAAOQ;AAAAA,IAC9BC,QAAQ;AAAA,EACV;AACF,IAAElD,QAAAC,IAAAC,aACH,eAAA,KAAA,6lIAAA;AAEM,MAAMiD,cAAqBC,iCAAAA,QAAAA,MAAAA,SAAOpD,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EACzC+B,iBAAiBxB,YAAAA,MAAM4B,OAAOQ;AAAAA,EAC9BC,QAAQ;AACV,GAAClD,QAAAC,IAAAC,aAAC,eAAA,KAAA,imIAAA;;;"}
+{"version":3,"file":"ListItem.styles.cjs","sources":["../../../../../src/components/ListContainer/ListItem/ListItem.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { HvFocus } from \"components\";\nimport { outlineStyles } from \"utils\";\nimport listItemClasses from \"./listItemClasses\";\nimport { CSSProperties } from \"react\";\n\nexport const StyledListItem = styled(\n  \"li\",\n  transientOptions\n)(\n  ({\n    $gutters,\n    $interactive,\n    $selected,\n    $disabled,\n    $startAdornment,\n    $endAdornment,\n  }: {\n    $gutters: boolean;\n    $interactive: boolean;\n    $selected: boolean;\n    $disabled: boolean;\n    $startAdornment: boolean;\n    $endAdornment: boolean;\n  }) => ({\n    ...(theme.typography.body as CSSProperties),\n    padding: 0,\n    display: \"block\",\n    height: \"32px\",\n    lineHeight: \"32px\",\n    listStyleType: \"none\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n    position: \"relative\",\n\n    \"&:not(:last-child)\": {\n      marginBottom: \"8px\",\n    },\n    [`&.${listItemClasses.condensed}`]: {\n      marginBottom: 0,\n    },\n\n    ...($gutters && {\n      padding: `0 ${theme.space.xs}`,\n\n      [`&.${listItemClasses.withStartAdornment}`]: {\n        paddingLeft: 0,\n      },\n      [`&.${listItemClasses.withEndAdornment}`]: {\n        paddingRight: 0,\n      },\n    }),\n    ...($interactive && {\n      cursor: \"pointer\",\n      [`&:not(.${listItemClasses.disabled}):not(.${listItemClasses.selected}):hover`]:\n        {\n          backgroundColor: theme.list.hoverColor,\n        },\n      [`&.${listItemClasses.disabled}`]: {\n        cursor: \"not-allowed\",\n      },\n    }),\n    ...($selected && {\n      backgroundColor: theme.list.hoverColor,\n    }),\n    ...($disabled && {\n      color: theme.colors.atmo5,\n      backgroundColor: theme.list.disabledBackgroundColor,\n    }),\n    ...($startAdornment && {\n      \"& > div\": {\n        float: \"left\",\n      },\n\n      \"& svg\": {\n        boxShadow: \"none !important\",\n        outline: \"none !important\",\n      },\n      [`.${listItemClasses.disabled} > svg *.color0`]: {\n        fill: theme.colors.atmo5,\n      },\n    }),\n    ...($endAdornment && {\n      \"& > div\": { float: \"right\" },\n\n      \"& svg\": {\n        boxShadow: \"none !important\",\n        outline: \"none !important\",\n      },\n      [`.${listItemClasses.disabled} > svg *.color0`]: {\n        fill: theme.colors.atmo5,\n      },\n    }),\n    \"&.HvIsFocused\": {\n      ...outlineStyles,\n      backgroundColor: theme.colors.atmo3,\n      zIndex: 2,\n    },\n  })\n);\n\nexport const StyledFocus = styled(HvFocus)({\n  backgroundColor: theme.colors.atmo3,\n  zIndex: 2,\n});\n"],"names":["StyledListItem","process","env","NODE_ENV","_extends","target","transientOptions","label","$gutters","$interactive","$selected","$disabled","$startAdornment","$endAdornment","theme","typography","body","padding","display","height","lineHeight","listStyleType","overflow","textOverflow","whiteSpace","position","marginBottom","listItemClasses","condensed","space","xs","withStartAdornment","paddingLeft","withEndAdornment","paddingRight","cursor","disabled","selected","backgroundColor","list","hoverColor","color","colors","atmo5","disabledBackgroundColor","float","boxShadow","outline","fill","outlineStyles","atmo3","zIndex","StyledFocus","HvFocus"],"mappings":"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"}

package/dist/cjs/components/Loading/Loading.cjs

@@ -1,11 +1,11 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const clsx = require("clsx");
 const range = require("lodash/range");
 const Loading_styles = require("./Loading.styles.cjs");
 const loadingClasses = require("./loadingClasses.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const range__default = /* @__PURE__ */ _interopDefault(range);
@@ -28,10 +28,23 @@ const HvLoading = (props) => {
   const inline = {
     backgroundColor: getColor(small ? "acce1" : "acce3")
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(Loading_styles.StyledRoot, { hidden: !!hidden, className: clsx__default.default(className, loadingClasses.default.root, classes == null ? void 0 : classes.root, hidden && clsx__default.default(classes == null ? void 0 : classes.hidden, loadingClasses.default.hidden)), ...others, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Loading_styles.StyledBarContainer, { className: clsx__default.default(loadingClasses.default.barContainer, classes == null ? void 0 : classes.barContainer), children: range__default.default(0, 3).map((e) => /* @__PURE__ */ jsxRuntime.jsx(Loading_styles.StyledBar, { style: inline, className: clsx__default.default(loadingClasses.default.loadingBar, classes == null ? void 0 : classes.loadingBar, loadingClasses.default[variant], classes == null ? void 0 : classes[variant]), $variant: variant }, e)) }),
-    label && /* @__PURE__ */ jsxRuntime.jsx(Loading_styles.StyledLabel, { variant: "caption1", className: clsx__default.default(loadingClasses.default.label, classes == null ? void 0 : classes.label), children: label })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(Loading_styles.StyledRoot, {
+    hidden: !!hidden,
+    className: clsx__default.default(className, loadingClasses.default.root, classes == null ? void 0 : classes.root, hidden && clsx__default.default(classes == null ? void 0 : classes.hidden, loadingClasses.default.hidden)),
+    ...others,
+    children: [/* @__PURE__ */ jsxRuntime.jsx(Loading_styles.StyledBarContainer, {
+      className: clsx__default.default(loadingClasses.default.barContainer, classes == null ? void 0 : classes.barContainer),
+      children: range__default.default(0, 3).map((e) => /* @__PURE__ */ jsxRuntime.jsx(Loading_styles.StyledBar, {
+        style: inline,
+        className: clsx__default.default(loadingClasses.default.loadingBar, classes == null ? void 0 : classes.loadingBar, loadingClasses.default[variant], classes == null ? void 0 : classes[variant]),
+        $variant: variant
+      }, e))
+    }), label && /* @__PURE__ */ jsxRuntime.jsx(Loading_styles.StyledLabel, {
+      variant: "caption1",
+      className: clsx__default.default(loadingClasses.default.label, classes == null ? void 0 : classes.label),
+      children: label
+    })]
+  });
 };
 exports.HvLoading = HvLoading;
 //# sourceMappingURL=Loading.cjs.map

package/dist/cjs/components/Loading/Loading.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Loading.cjs","sources":["../../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport clsx from \"clsx\";\nimport range from \"lodash/range\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  StyledBar,\n  StyledBarContainer,\n  StyledLabel,\n  StyledRoot,\n} from \"./Loading.styles\";\nimport loadingClasses, { HvLoadingClasses } from \"./loadingClasses\";\n\nexport type HvLoadingProps = HvBaseProps<HTMLDivElement> & {\n  /** Indicates if the component should be render in a small size. */\n  small?: boolean;\n  /** The label to be displayed.  */\n  label?: string | React.ReactNode;\n  /** Whether the loading animation is hidden. */\n  hidden?: boolean;\n  /** Color applied to the bars. */\n  color?: string;\n  classes?: HvLoadingClasses;\n};\n\n/**\n * Loading provides feedback about a process that is taking place in the application.\n */\nexport const HvLoading = (props: HvLoadingProps) => {\n  const { color, hidden, small, label, classes, className, ...others } = props;\n\n  const getColor = (colorName) => {\n    return color ? theme.colors[color] || color : theme.colors[colorName];\n  };\n\n  const size = small ? \"small\" : \"regular\";\n  const colorVariant = color ? \"Color\" : \"\";\n  const variant = `${size}${colorVariant}`;\n\n  const inline = { backgroundColor: getColor(small ? \"acce1\" : \"acce3\") };\n  return (\n    <StyledRoot\n      hidden={!!hidden}\n      className={clsx(\n        className,\n        loadingClasses.root,\n        classes?.root,\n        hidden && clsx(classes?.hidden, loadingClasses.hidden)\n      )}\n      {...others}\n    >\n      <StyledBarContainer\n        className={clsx(loadingClasses.barContainer, classes?.barContainer)}\n      >\n        {range(0, 3).map((e) => (\n          <StyledBar\n            key={e}\n            style={inline}\n            className={clsx(\n              loadingClasses.loadingBar,\n              classes?.loadingBar,\n              loadingClasses[variant],\n              classes?.[variant]\n            )}\n            $variant={variant}\n          ></StyledBar>\n        ))}\n      </StyledBarContainer>\n      {label && (\n        <StyledLabel\n          variant=\"caption1\"\n          className={clsx(loadingClasses.label, classes?.label)}\n        >\n          {label}\n        </StyledLabel>\n      )}\n    </StyledRoot>\n  );\n};\n"],"names":["HvLoading","props","color","hidden","small","label","classes","className","others","getColor","colorName","theme","colors","size","colorVariant","variant","inline","backgroundColor","jsxs","StyledRoot","clsx","loadingClasses","root","jsx","StyledBarContainer","barContainer","range","map","e","StyledBar","loadingBar","StyledLabel"],"mappings":";;;;;;;;;;;AA2BaA,MAAAA,YAAYA,CAACC,UAA0B;AAC5C,QAAA;AAAA,IAAEC;AAAAA,IAAOC;AAAAA,IAAQC;AAAAA,IAAOC;AAAAA,IAAOC;AAAAA,IAASC;AAAAA,OAAcC;AAAAA,EAAWP,IAAAA;AAEvE,QAAMQ,WAAYC,CAAc,cAAA;AAC9B,WAAOR,QAAQS,kBAAMC,OAAOV,UAAUA,QAAQS,kBAAMC,OAAOF;AAAAA,EAAAA;AAGvDG,QAAAA,OAAOT,QAAQ,UAAU;AACzBU,QAAAA,eAAeZ,QAAQ,UAAU;AACjCa,QAAAA,UAAW,GAAEF,OAAOC;AAE1B,QAAME,SAAS;AAAA,IAAEC,iBAAiBR,SAASL,QAAQ,UAAU,OAAO;AAAA,EAAA;AAElE,SAAAc,gCAACC,eAAAA,cACC,QAAQ,CAAC,CAAChB,QACV,WAAWiB,cACTb,QAAAA,WACAc,eAAAA,QAAeC,MACfhB,mCAASgB,MACTnB,UAAUiB,sBAAKd,mCAASH,QAAQkB,uBAAelB,MAAM,CAAC,GAExD,GAAIK,QAEJ,UAAA;AAAA,IAAAe,2BAAA,IAACC,eACC,oBAAA,EAAA,WAAWJ,cAAKC,QAAAA,uBAAeI,cAAcnB,mCAASmB,YAAY,GAEjEC,UAAAA,eAAAA,QAAM,GAAG,CAAC,EAAEC,IAAKC,OACfL,2BAAAA,IAAAM,eAAA,WAAA,EAEC,OAAOb,QACP,WAAWI,cAAAA,QACTC,eAAeS,QAAAA,YACfxB,mCAASwB,YACTT,eAAAA,QAAeN,UACfT,mCAAUS,QAAQ,GAEpB,UAAUA,WARLa,CASN,CACF,GACH;AAAA,IACCvB,SACCkB,2BAAA,IAACQ,eACC,aAAA,EAAA,SAAQ,YACR,WAAWX,cAAAA,QAAKC,eAAAA,QAAehB,OAAOC,mCAASD,KAAK,GAEnDA,UACH,MAAA,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;;"}
+{"version":3,"file":"Loading.cjs","sources":["../../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport clsx from \"clsx\";\nimport range from \"lodash/range\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  StyledBar,\n  StyledBarContainer,\n  StyledLabel,\n  StyledRoot,\n} from \"./Loading.styles\";\nimport loadingClasses, { HvLoadingClasses } from \"./loadingClasses\";\n\nexport type HvLoadingProps = HvBaseProps<HTMLDivElement> & {\n  /** Indicates if the component should be render in a small size. */\n  small?: boolean;\n  /** The label to be displayed.  */\n  label?: string | React.ReactNode;\n  /** Whether the loading animation is hidden. */\n  hidden?: boolean;\n  /** Color applied to the bars. */\n  color?: string;\n  classes?: HvLoadingClasses;\n};\n\n/**\n * Loading provides feedback about a process that is taking place in the application.\n */\nexport const HvLoading = (props: HvLoadingProps) => {\n  const { color, hidden, small, label, classes, className, ...others } = props;\n\n  const getColor = (colorName) => {\n    return color ? theme.colors[color] || color : theme.colors[colorName];\n  };\n\n  const size = small ? \"small\" : \"regular\";\n  const colorVariant = color ? \"Color\" : \"\";\n  const variant = `${size}${colorVariant}`;\n\n  const inline = { backgroundColor: getColor(small ? \"acce1\" : \"acce3\") };\n  return (\n    <StyledRoot\n      hidden={!!hidden}\n      className={clsx(\n        className,\n        loadingClasses.root,\n        classes?.root,\n        hidden && clsx(classes?.hidden, loadingClasses.hidden)\n      )}\n      {...others}\n    >\n      <StyledBarContainer\n        className={clsx(loadingClasses.barContainer, classes?.barContainer)}\n      >\n        {range(0, 3).map((e) => (\n          <StyledBar\n            key={e}\n            style={inline}\n            className={clsx(\n              loadingClasses.loadingBar,\n              classes?.loadingBar,\n              loadingClasses[variant],\n              classes?.[variant]\n            )}\n            $variant={variant}\n          ></StyledBar>\n        ))}\n      </StyledBarContainer>\n      {label && (\n        <StyledLabel\n          variant=\"caption1\"\n          className={clsx(loadingClasses.label, classes?.label)}\n        >\n          {label}\n        </StyledLabel>\n      )}\n    </StyledRoot>\n  );\n};\n"],"names":["HvLoading","props","color","hidden","small","label","classes","className","others","getColor","colorName","theme","colors","size","colorVariant","variant","inline","backgroundColor","StyledRoot","clsx","loadingClasses","root","children","_jsx","StyledBarContainer","barContainer","range","map","e","StyledBar","style","loadingBar","$variant","StyledLabel"],"mappings":";;;;;;;;;;;AA2BaA,MAAAA,YAAYA,CAACC,UAA0B;AAC5C,QAAA;AAAA,IAAEC;AAAAA,IAAOC;AAAAA,IAAQC;AAAAA,IAAOC;AAAAA,IAAOC;AAAAA,IAASC;AAAAA,IAAW,GAAGC;AAAAA,EAAWP,IAAAA;AAEvE,QAAMQ,WAAYC,CAAc,cAAA;AACvBR,WAAAA,QAAQS,kBAAMC,OAAOV,KAAK,KAAKA,QAAQS,YAAAA,MAAMC,OAAOF,SAAS;AAAA,EAAA;AAGhEG,QAAAA,OAAOT,QAAQ,UAAU;AACzBU,QAAAA,eAAeZ,QAAQ,UAAU;AACjCa,QAAAA,UAAW,GAAEF,OAAOC;AAE1B,QAAME,SAAS;AAAA,IAAEC,iBAAiBR,SAASL,QAAQ,UAAU,OAAO;AAAA,EAAA;AACpE,yCACGc,eAAAA,YAAU;AAAA,IACTf,QAAQ,CAAC,CAACA;AAAAA,IACVI,WAAWY,cAAAA,QACTZ,WACAa,eAAAA,QAAeC,MACff,mCAASe,MACTlB,UAAUgB,cAAKb,QAAAA,mCAASH,QAAQiB,eAAAA,QAAejB,MAAM,CAAC;AAAA,IACtD,GACEK;AAAAA,IAAMc,UAAA,CAEVC,2BAAAA,IAACC,mCAAkB;AAAA,MACjBjB,WAAWY,cAAAA,QAAKC,eAAAA,QAAeK,cAAcnB,mCAASmB,YAAY;AAAA,MAAEH,UAEnEI,eAAAA,QAAM,GAAG,CAAC,EAAEC,IAAKC,CAAAA,qCACfC,0BAAS;AAAA,QAERC,OAAOd;AAAAA,QACPT,WAAWY,cACTC,QAAAA,uBAAeW,YACfzB,mCAASyB,YACTX,eAAAA,QAAeL,OAAO,GACtBT,mCAAUS,QAAQ;AAAA,QAEpBiB,UAAUjB;AAAAA,MAAQ,GARba,CAAC,CAUT;AAAA,IAAA,CAAC,GAEHvB,SACCkB,2BAAAA,IAACU,4BAAW;AAAA,MACVlB,SAAQ;AAAA,MACRR,WAAWY,cAAAA,QAAKC,eAAAA,QAAef,OAAOC,mCAASD,KAAK;AAAA,MAAEiB,UAErDjB;AAAAA,IAAAA,CAEJ,CAAA;AAAA,EAAA,CACU;AAEjB;;"}

package/dist/cjs/components/Loading/Loading.styles.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const react = require("@emotion/react");
 const uikitStyles = require("@hitachivantara/uikit-styles");

package/dist/cjs/components/Login/Login.cjs

@@ -1,9 +1,9 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const clsx = require("clsx");
 const Login_styles = require("./Login.styles.cjs");
 const loginClasses = require("./loginClasses.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const HvLogin = ({
@@ -14,9 +14,18 @@ const HvLogin = ({
   background,
   ...others
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Login_styles.StyledRoot, { id, className: clsx__default.default(className, loginClasses.default.root, classes == null ? void 0 : classes.root), style: {
-    backgroundImage: background && `url(${background})`
-  }, ...others, children: /* @__PURE__ */ jsxRuntime.jsx(Login_styles.StyledFormContainer, { className: clsx__default.default(loginClasses.default.formContainer, classes == null ? void 0 : classes.formContainer), children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Login_styles.StyledRoot, {
+    id,
+    className: clsx__default.default(className, loginClasses.default.root, classes == null ? void 0 : classes.root),
+    style: {
+      backgroundImage: background && `url(${background})`
+    },
+    ...others,
+    children: /* @__PURE__ */ jsxRuntime.jsx(Login_styles.StyledFormContainer, {
+      className: clsx__default.default(loginClasses.default.formContainer, classes == null ? void 0 : classes.formContainer),
+      children
+    })
+  });
 };
 exports.HvLogin = HvLogin;
 //# sourceMappingURL=Login.cjs.map

package/dist/cjs/components/Login/Login.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Login.cjs","sources":["../../../../src/components/Login/Login.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledFormContainer, StyledRoot } from \"./Login.styles\";\nimport loginClasses, { HvLoginClasses } from \"./loginClasses\";\n\nexport type HvLoginProps = HvBaseProps & {\n  /**\n   *  The path for the background image.\n   */\n  background?: string;\n  /**\n   * Class names to be applied.\n   */\n  classes?: HvLoginClasses;\n};\n\n/**\n * Container layout for the login form.\n */\nexport const HvLogin = ({\n  id,\n  className,\n  classes,\n  children,\n  background,\n  ...others\n}: HvLoginProps) => {\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(className, loginClasses.root, classes?.root)}\n      style={{\n        backgroundImage: background && `url(${background})`,\n      }}\n      {...others}\n    >\n      <StyledFormContainer\n        className={clsx(loginClasses.formContainer, classes?.formContainer)}\n      >\n        {children}\n      </StyledFormContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvLogin","id","className","classes","children","background","others","jsx","StyledRoot","clsx","loginClasses","root","backgroundImage","StyledFormContainer","formContainer"],"mappings":";;;;;;;;AAmBO,MAAMA,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACS,MAAM;AAEhB,SAAAC,2BAAA,IAACC,aACC,YAAA,EAAA,IACA,WAAWC,cAAAA,QAAKP,WAAWQ,aAAAA,QAAaC,MAAMR,mCAASQ,IAAI,GAC3D,OAAO;AAAA,IACLC,iBAAiBP,cAAe,OAAMA;AAAAA,EAAAA,GAEpCC,GAAAA,QAEJ,UAAAC,2BAAA,IAACM,aACC,qBAAA,EAAA,WAAWJ,cAAAA,QAAKC,aAAAA,QAAaI,eAAeX,mCAASW,aAAa,GAEjEV,UACH,EACF,CAAA;AAEJ;;"}
+{"version":3,"file":"Login.cjs","sources":["../../../../src/components/Login/Login.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledFormContainer, StyledRoot } from \"./Login.styles\";\nimport loginClasses, { HvLoginClasses } from \"./loginClasses\";\n\nexport type HvLoginProps = HvBaseProps & {\n  /**\n   *  The path for the background image.\n   */\n  background?: string;\n  /**\n   * Class names to be applied.\n   */\n  classes?: HvLoginClasses;\n};\n\n/**\n * Container layout for the login form.\n */\nexport const HvLogin = ({\n  id,\n  className,\n  classes,\n  children,\n  background,\n  ...others\n}: HvLoginProps) => {\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(className, loginClasses.root, classes?.root)}\n      style={{\n        backgroundImage: background && `url(${background})`,\n      }}\n      {...others}\n    >\n      <StyledFormContainer\n        className={clsx(loginClasses.formContainer, classes?.formContainer)}\n      >\n        {children}\n      </StyledFormContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvLogin","id","className","classes","children","background","others","StyledRoot","clsx","loginClasses","root","style","backgroundImage","StyledFormContainer","formContainer"],"mappings":";;;;;;;;AAmBO,MAAMA,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACS,MAAM;AAClB,wCACGC,aAAAA,YAAU;AAAA,IACTN;AAAAA,IACAC,WAAWM,cAAKN,QAAAA,WAAWO,aAAaC,QAAAA,MAAMP,mCAASO,IAAI;AAAA,IAC3DC,OAAO;AAAA,MACLC,iBAAiBP,cAAe,OAAMA;AAAAA,IACxC;AAAA,IAAE,GACEC;AAAAA,IAAMF,yCAETS,kCAAmB;AAAA,MAClBX,WAAWM,cAAAA,QAAKC,aAAAA,QAAaK,eAAeX,mCAASW,aAAa;AAAA,MAAEV;AAAAA,IAAAA,CAE3D;AAAA,EAAA,CAEA;AAEjB;;"}

package/dist/cjs/components/Login/Login.styles.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };

package/dist/cjs/components/MultiButton/MultiButton.cjs

@@ -1,10 +1,10 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const clsx = require("clsx");
 const React = require("react");
 const MultiButton_styles = require("./MultiButton.styles.cjs");
 const multiButtonClasses = require("./multiButtonClasses.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const React__default = /* @__PURE__ */ _interopDefault(React);
@@ -17,19 +17,24 @@ const HvMultiButton = ({
   variant = "secondarySubtle",
   ...others
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(MultiButton_styles.StyledRoot, { className: clsx__default.default(className, multiButtonClasses.default.root, classes == null ? void 0 : classes.root, vertical && clsx__default.default(classes == null ? void 0 : classes.vertical, multiButtonClasses.default.vertical)), $vertical: vertical, ...others, children: React__default.default.Children.map(children, (child) => {
-    if (React__default.default.isValidElement(child)) {
-      const childIsSelected = !!child.props.selected;
-      const btn = React.cloneElement(child, {
-        variant,
-        disabled: disabled || child.props.disabled,
-        "aria-pressed": childIsSelected,
-        className: clsx__default.default(child.props.className, multiButtonClasses.default.button, classes == null ? void 0 : classes.button, childIsSelected && clsx__default.default(multiButtonClasses.default.selected, classes == null ? void 0 : classes.selected))
-      });
-      const StyledBtn = MultiButton_styles.StyledButton(btn);
-      return React__default.default.createElement(StyledBtn);
-    }
-  }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(MultiButton_styles.StyledRoot, {
+    className: clsx__default.default(className, multiButtonClasses.default.root, classes == null ? void 0 : classes.root, vertical && clsx__default.default(classes == null ? void 0 : classes.vertical, multiButtonClasses.default.vertical)),
+    $vertical: vertical,
+    ...others,
+    children: React__default.default.Children.map(children, (child) => {
+      if (React__default.default.isValidElement(child)) {
+        const childIsSelected = !!child.props.selected;
+        const btn = React.cloneElement(child, {
+          variant,
+          disabled: disabled || child.props.disabled,
+          "aria-pressed": childIsSelected,
+          className: clsx__default.default(child.props.className, multiButtonClasses.default.button, classes == null ? void 0 : classes.button, childIsSelected && clsx__default.default(multiButtonClasses.default.selected, classes == null ? void 0 : classes.selected))
+        });
+        const StyledBtn = MultiButton_styles.StyledButton(btn);
+        return React__default.default.createElement(StyledBtn);
+      }
+    })
+  });
 };
 exports.HvMultiButton = HvMultiButton;
 //# sourceMappingURL=MultiButton.cjs.map

package/dist/cjs/components/MultiButton/MultiButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MultiButton.cjs","sources":["../../../../src/components/MultiButton/MultiButton.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { cloneElement } from \"react\";\nimport { HvButtonVariant } from \"components\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledButton, StyledRoot } from \"./MultiButton.styles\";\nimport multiButtonClasses, { HvMultiButtonClasses } from \"./multiButtonClasses\";\n\nexport type HvMultiButtonProps = HvBaseProps & {\n  /** If all the buttons are disabled. */\n  disabled?: boolean;\n  /** If the MultiButton is to be displayed vertically. */\n  vertical?: boolean;\n  /** Category of button to use */\n  variant?: HvButtonVariant;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvMultiButtonClasses;\n};\n\nexport const HvMultiButton = ({\n  className,\n  children,\n  classes,\n  disabled = false,\n  vertical = false,\n  variant = \"secondarySubtle\",\n  ...others\n}: HvMultiButtonProps) => {\n  return (\n    <StyledRoot\n      className={clsx(\n        className,\n        multiButtonClasses.root,\n        classes?.root,\n        vertical && clsx(classes?.vertical, multiButtonClasses.vertical)\n      )}\n      $vertical={vertical}\n      {...others}\n    >\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement(child)) {\n          const childIsSelected = !!child.props.selected;\n\n          const btn = cloneElement(child as React.ReactElement, {\n            variant,\n            disabled: disabled || child.props.disabled,\n            \"aria-pressed\": childIsSelected,\n            className: clsx(\n              child.props.className,\n              multiButtonClasses.button,\n              classes?.button,\n              childIsSelected &&\n                clsx(multiButtonClasses.selected, classes?.selected)\n            ),\n          });\n\n          const StyledBtn = StyledButton(btn);\n\n          return React.createElement(StyledBtn);\n        }\n      })}\n    </StyledRoot>\n  );\n};\n"],"names":["HvMultiButton","className","children","classes","disabled","vertical","variant","others","jsx","StyledRoot","clsx","multiButtonClasses","root","React","Children","map","child","isValidElement","childIsSelected","props","selected","btn","cloneElement","button","StyledBtn","StyledButton","createElement"],"mappings":";;;;;;;;;;AAkBO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,UAAU;AAAA,KACPC;AACe,MAAM;AAEtB,SAAAC,2BAAA,IAACC,mBACC,YAAA,EAAA,WAAWC,cACTT,QAAAA,WACAU,2BAAmBC,MACnBT,mCAASS,MACTP,YAAYK,cAAKP,QAAAA,mCAASE,UAAUM,mBAAAA,QAAmBN,QAAQ,CAAC,GAElE,WAAWA,UACX,GAAIE,QAEHM,UAAMC,eAAAA,QAAAA,SAASC,IAAIb,UAAWc,CAAU,UAAA;AACnCH,QAAAA,eAAAA,QAAMI,eAAeD,KAAK,GAAG;AAC/B,YAAME,kBAAkB,CAAC,CAACF,MAAMG,MAAMC;AAEhCC,YAAAA,MAAMC,mBAAaN,OAA6B;AAAA,QACpDV;AAAAA,QACAF,UAAUA,YAAYY,MAAMG,MAAMf;AAAAA,QAClC,gBAAgBc;AAAAA,QAChBjB,WAAWS,cAAAA,QACTM,MAAMG,MAAMlB,WACZU,mBAAmBY,QAAAA,QACnBpB,mCAASoB,QACTL,mBACER,cAAAA,QAAKC,mBAAAA,QAAmBS,UAAUjB,mCAASiB,QAAQ,CAAC;AAAA,MAAA,CAEzD;AAEKI,YAAAA,YAAYC,gCAAaJ,GAAG;AAE3BR,aAAAA,eAAAA,QAAMa,cAAcF,SAAS;AAAA,IACtC;AAAA,EACD,CAAA,EACH,CAAA;AAEJ;;"}
+{"version":3,"file":"MultiButton.cjs","sources":["../../../../src/components/MultiButton/MultiButton.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { cloneElement } from \"react\";\nimport { HvButtonVariant } from \"components\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledButton, StyledRoot } from \"./MultiButton.styles\";\nimport multiButtonClasses, { HvMultiButtonClasses } from \"./multiButtonClasses\";\n\nexport type HvMultiButtonProps = HvBaseProps & {\n  /** If all the buttons are disabled. */\n  disabled?: boolean;\n  /** If the MultiButton is to be displayed vertically. */\n  vertical?: boolean;\n  /** Category of button to use */\n  variant?: HvButtonVariant;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvMultiButtonClasses;\n};\n\nexport const HvMultiButton = ({\n  className,\n  children,\n  classes,\n  disabled = false,\n  vertical = false,\n  variant = \"secondarySubtle\",\n  ...others\n}: HvMultiButtonProps) => {\n  return (\n    <StyledRoot\n      className={clsx(\n        className,\n        multiButtonClasses.root,\n        classes?.root,\n        vertical && clsx(classes?.vertical, multiButtonClasses.vertical)\n      )}\n      $vertical={vertical}\n      {...others}\n    >\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement(child)) {\n          const childIsSelected = !!child.props.selected;\n\n          const btn = cloneElement(child as React.ReactElement, {\n            variant,\n            disabled: disabled || child.props.disabled,\n            \"aria-pressed\": childIsSelected,\n            className: clsx(\n              child.props.className,\n              multiButtonClasses.button,\n              classes?.button,\n              childIsSelected &&\n                clsx(multiButtonClasses.selected, classes?.selected)\n            ),\n          });\n\n          const StyledBtn = StyledButton(btn);\n\n          return React.createElement(StyledBtn);\n        }\n      })}\n    </StyledRoot>\n  );\n};\n"],"names":["HvMultiButton","className","children","classes","disabled","vertical","variant","others","StyledRoot","clsx","multiButtonClasses","root","$vertical","React","Children","map","child","isValidElement","childIsSelected","props","selected","btn","cloneElement","button","StyledBtn","StyledButton","createElement"],"mappings":";;;;;;;;;;AAkBO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,UAAU;AAAA,EACV,GAAGC;AACe,MAAM;AACxB,wCACGC,mBAAAA,YAAU;AAAA,IACTP,WAAWQ,cAAAA,QACTR,WACAS,mBAAAA,QAAmBC,MACnBR,mCAASQ,MACTN,YAAYI,cAAKN,QAAAA,mCAASE,UAAUK,mBAAAA,QAAmBL,QAAQ,CAAC;AAAA,IAElEO,WAAWP;AAAAA,IAAS,GAChBE;AAAAA,IAAML,UAETW,eAAAA,QAAMC,SAASC,IAAIb,UAAWc,CAAU,UAAA;AACnCH,UAAAA,eAAAA,QAAMI,eAAeD,KAAK,GAAG;AAC/B,cAAME,kBAAkB,CAAC,CAACF,MAAMG,MAAMC;AAEhCC,cAAAA,MAAMC,mBAAaN,OAA6B;AAAA,UACpDV;AAAAA,UACAF,UAAUA,YAAYY,MAAMG,MAAMf;AAAAA,UAClC,gBAAgBc;AAAAA,UAChBjB,WAAWQ,cAAAA,QACTO,MAAMG,MAAMlB,WACZS,mBAAmBa,QAAAA,QACnBpB,mCAASoB,QACTL,mBACET,cAAAA,QAAKC,mBAAAA,QAAmBU,UAAUjB,mCAASiB,QAAQ,CAAC;AAAA,QAAA,CAEzD;AAEKI,cAAAA,YAAYC,gCAAaJ,GAAG;AAE3BR,eAAAA,eAAAA,QAAMa,cAAcF,SAAS;AAAA,MACtC;AAAA,IAAA,CACD;AAAA,EAAA,CACU;AAEjB;;"}

package/dist/cjs/components/MultiButton/MultiButton.styles.cjs

@@ -1,10 +1,10 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const clsx = require("clsx");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const transientOptions = require("../../utils/transientOptions.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
@@ -37,6 +37,7 @@ const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.N
   background: uikitStyles.theme.colors.atmo2,
   position: "relative",
   zIndex: 0,
+  // prevent the focus ring to be hidden by sibling hover background
   "&>.HvIsFocusVisible": {
     zIndex: 5
   },
@@ -87,7 +88,7 @@ const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.N
         width: `calc(100% + 2px) !important`,
         background: uikitStyles.theme.colors.atmo1,
         ...uikitStyles.theme.typography.label,
-        borderRadius: "2px",
+        borderRadius: uikitStyles.theme.radii.base,
         border: `solid 1px ${uikitStyles.theme.colors.acce1}`,
         zIndex: 2,
         "&:hover, &:focus": {
@@ -102,10 +103,13 @@ const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.N
       }
     }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTXVsdGlCdXR0b24vTXVsdGlCdXR0b24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9NdWx0aUJ1dHRvbi9NdWx0aUJ1dHRvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICR2ZXJ0aWNhbCB9OiB7ICR2ZXJ0aWNhbDogYm9vbGVhbiB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiAzMixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgdHJhbnNpdGlvbjogXCJub25lXCIsXG4gIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiAwLFxuXG4gIC8vIHByZXZlbnQgdGhlIGZvY3VzIHJpbmcgdG8gYmUgaGlkZGVuIGJ5IHNpYmxpbmcgaG92ZXIgYmFja2dyb3VuZFxuICBcIiY+Lkh2SXNGb2N1c1Zpc2libGVcIjoge1xuICAgIHpJbmRleDogNSxcbiAgfSxcblxuICAuLi4oJHZlcnRpY2FsICYmIHtcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIGhlaWdodDogXCJhdXRvXCIsXG4gICAgYnRuU2Vjb25kYXJ5OiB7XG4gICAgICBmbGV4OiBcIjEgMSAyMHB4XCIsXG4gICAgfSxcbiAgICBcIiYgYnV0dG9uLmJ1dHRvblwiOiB7XG4gICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICBib3JkZXJMZWZ0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICBib3JkZXJSaWdodDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgYm9yZGVyVG9wOiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgICAgYm9yZGVyQm90dG9tOiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgICAgXCImOmRpc2FibGVkXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICAgICAgYm9yZGVyTGVmdDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICBib3JkZXJSaWdodDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICBib3JkZXJUb3A6IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgICAgIGJvcmRlckJvdHRvbTogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBib3JkZXJMZWZ0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgICAgYm9yZGVyUmlnaHQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgICAgICBib3JkZXJUb3A6IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgICAgICAgYm9yZGVyQm90dG9tOiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICAgIFwiJjpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICAgICAgYm9yZGVyVG9wOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIGJvcmRlclRvcExlZnRSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiBcIjJweFwiLFxuICAgICAgfSxcbiAgICAgIFwiJjpsYXN0LWNoaWxkXCI6IHtcbiAgICAgICAgYm9yZGVyQm90dG9tOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBcIjJweFwiLFxuICAgICAgICBcIiY6ZGlzYWJsZWQ6aG92ZXJcIjoge1xuICAgICAgICAgIGJvcmRlckJvdHRvbTogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH0gIWltcG9ydGFudGAsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgXCImOm5vdCg6Zmlyc3Qtb2YtdHlwZSlcIjoge1xuICAgICAgICBtYXJnaW5MZWZ0OiAwLFxuICAgICAgICBtYXJnaW5Ub3A6IC0xLFxuICAgICAgfSxcbiAgICAgIFwiJi5zZWxlY3RlZFwiOiB7XG4gICAgICAgIGhlaWdodDogMzIsXG4gICAgICAgIHdpZHRoOiBgY2FsYygxMDAlICsgMnB4KSAhaW1wb3J0YW50YCxcbiAgICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiBcIjJweFwiLFxuICAgICAgICBib3JkZXI6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYWNjZTF9YCxcbiAgICAgICAgekluZGV4OiAyLFxuICAgICAgICBcIiY6aG92ZXIsICY6Zm9jdXNcIjoge1xuICAgICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmRpc2FibGVkXCI6IHtcbiAgICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgICAgICAgYm9yZGVyOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH0sXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gKEVsZW1lbnQpID0+XG4gIHN0eWxlZCgoeyBjbGFzc05hbWUgfSkgPT4gKFxuICAgIDxFbGVtZW50LnR5cGVcbiAgICAgIHsuLi5FbGVtZW50LnByb3BzfVxuICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICBcImJ1dHRvblwiLFxuICAgICAgICBFbGVtZW50LnByb3BzLnNlbGVjdGVkICYmIFwic2VsZWN0ZWRcIixcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgIC8+XG4gICkpKHtcbiAgICBoZWlnaHQ6IDMyLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBtaW5XaWR0aDogMzIsXG4gICAgbWF4V2lkdGg6IDIwMCxcbiAgICBwYWRkaW5nOiAwLFxuICAgIHRyYW5zaXRpb246IFwibm9uZVwiLFxuICAgIGZsZXg6IFwiMSAwIDBweFwiLFxuICAgIGJvcmRlclRvcDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgIGJvcmRlckJvdHRvbTogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgIGJvcmRlckxlZnQ6IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgYm9yZGVyUmlnaHQ6IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgYm9yZGVyUmFkaXVzOiAwLFxuICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGAke3RoZW1lLmNvbG9ycy5hdG1vM31gLFxuICAgIH0sXG4gICAgXCImOmRpc2FibGVkXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgICBib3JkZXJUb3A6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIGJvcmRlckJvdHRvbTogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyVG9wOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIGJvcmRlckJvdHRvbTogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICBib3JkZXJMZWZ0OiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgICAgICBib3JkZXJSaWdodDogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgIH0sXG4gICAgfSxcbiAgICBcIiY6Zmlyc3Qtb2YtdHlwZVwiOiB7XG4gICAgICBib3JkZXJMZWZ0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICBib3JkZXJUb3BMZWZ0UmFkaXVzOiBcIjJweFwiLFxuICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogXCIycHhcIixcbiAgICB9LFxuICAgIFwiJjpsYXN0LWNoaWxkXCI6IHtcbiAgICAgIGJvcmRlclJpZ2h0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICBib3JkZXJUb3BSaWdodFJhZGl1czogXCIycHhcIixcbiAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBcIjJweFwiLFxuICAgICAgXCImOmRpc2FibGVkOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyUmlnaHQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9ICFpbXBvcnRhbnRgLFxuICAgICAgfSxcbiAgICB9LFxuICAgIFwiJjpub3QoOmZpcnN0LW9mLXR5cGUpXCI6IHtcbiAgICAgIG1hcmdpbkxlZnQ6IFwiLTFweFwiLFxuICAgIH0sXG4gICAgXCImLnNlbGVjdGVkXCI6IHtcbiAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgIGhlaWdodDogMzQsXG4gICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIGJvcmRlclJhZGl1czogXCIycHhcIixcbiAgICAgIGJvcmRlcjogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICAgICAgekluZGV4OiAyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgICBcIiY6bm90KDpkaXNhYmxlZClcIjoge1xuICAgICAgICAgIGJvcmRlcjogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgICAgIGJvcmRlcjogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICAgIFwiJjpmaXJzdC1vZi10eXBlLCAmOmxhc3QtY2hpbGRcIjoge1xuICAgICAgICBib3JkZXI6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYWNjZTF9YCxcbiAgICAgIH0sXG5cbiAgICAgIC8vIHByZXZlbnQgdGhlIGZvY3VzIHJpbmcgdG8gYmUgaGlkZGVuIGJ5IHNpYmxpbmcgaG92ZXIgYmFja2dyb3VuZFxuICAgICAgLy8gZXZlbiB3aGVuIHNlbGVjdGVkXG4gICAgICBcIiYuSHZJc0ZvY3VzVmlzaWJsZVwiOiB7XG4gICAgICAgIHpJbmRleDogNSxcbiAgICAgIH0sXG4gICAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgICAgYm9yZGVyOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICB9LFxuICAgIH0sXG4gIH0pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTXVsdGlCdXR0b24vTXVsdGlCdXR0b24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9NdWx0aUJ1dHRvbi9NdWx0aUJ1dHRvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICR2ZXJ0aWNhbCB9OiB7ICR2ZXJ0aWNhbDogYm9vbGVhbiB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiAzMixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgdHJhbnNpdGlvbjogXCJub25lXCIsXG4gIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiAwLFxuXG4gIC8vIHByZXZlbnQgdGhlIGZvY3VzIHJpbmcgdG8gYmUgaGlkZGVuIGJ5IHNpYmxpbmcgaG92ZXIgYmFja2dyb3VuZFxuICBcIiY+Lkh2SXNGb2N1c1Zpc2libGVcIjoge1xuICAgIHpJbmRleDogNSxcbiAgfSxcblxuICAuLi4oJHZlcnRpY2FsICYmIHtcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIGhlaWdodDogXCJhdXRvXCIsXG4gICAgYnRuU2Vjb25kYXJ5OiB7XG4gICAgICBmbGV4OiBcIjEgMSAyMHB4XCIsXG4gICAgfSxcbiAgICBcIiYgYnV0dG9uLmJ1dHRvblwiOiB7XG4gICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICBib3JkZXJMZWZ0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICBib3JkZXJSaWdodDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgYm9yZGVyVG9wOiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgICAgYm9yZGVyQm90dG9tOiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgICAgXCImOmRpc2FibGVkXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICAgICAgYm9yZGVyTGVmdDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICBib3JkZXJSaWdodDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICBib3JkZXJUb3A6IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgICAgIGJvcmRlckJvdHRvbTogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBib3JkZXJMZWZ0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgICAgYm9yZGVyUmlnaHQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgICAgICBib3JkZXJUb3A6IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgICAgICAgYm9yZGVyQm90dG9tOiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICAgIFwiJjpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICAgICAgYm9yZGVyVG9wOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIGJvcmRlclRvcExlZnRSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiBcIjJweFwiLFxuICAgICAgfSxcbiAgICAgIFwiJjpsYXN0LWNoaWxkXCI6IHtcbiAgICAgICAgYm9yZGVyQm90dG9tOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBcIjJweFwiLFxuICAgICAgICBcIiY6ZGlzYWJsZWQ6aG92ZXJcIjoge1xuICAgICAgICAgIGJvcmRlckJvdHRvbTogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH0gIWltcG9ydGFudGAsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgXCImOm5vdCg6Zmlyc3Qtb2YtdHlwZSlcIjoge1xuICAgICAgICBtYXJnaW5MZWZ0OiAwLFxuICAgICAgICBtYXJnaW5Ub3A6IC0xLFxuICAgICAgfSxcbiAgICAgIFwiJi5zZWxlY3RlZFwiOiB7XG4gICAgICAgIGhlaWdodDogMzIsXG4gICAgICAgIHdpZHRoOiBgY2FsYygxMDAlICsgMnB4KSAhaW1wb3J0YW50YCxcbiAgICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5yYWRpaS5iYXNlLFxuICAgICAgICBib3JkZXI6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYWNjZTF9YCxcbiAgICAgICAgekluZGV4OiAyLFxuICAgICAgICBcIiY6aG92ZXIsICY6Zm9jdXNcIjoge1xuICAgICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmRpc2FibGVkXCI6IHtcbiAgICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgICAgICAgYm9yZGVyOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH0sXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gKEVsZW1lbnQpID0+XG4gIHN0eWxlZCgoeyBjbGFzc05hbWUgfSkgPT4gKFxuICAgIDxFbGVtZW50LnR5cGVcbiAgICAgIHsuLi5FbGVtZW50LnByb3BzfVxuICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICBcImJ1dHRvblwiLFxuICAgICAgICBFbGVtZW50LnByb3BzLnNlbGVjdGVkICYmIFwic2VsZWN0ZWRcIixcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgIC8+XG4gICkpKHtcbiAgICBoZWlnaHQ6IDMyLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBtaW5XaWR0aDogMzIsXG4gICAgbWF4V2lkdGg6IDIwMCxcbiAgICBwYWRkaW5nOiAwLFxuICAgIHRyYW5zaXRpb246IFwibm9uZVwiLFxuICAgIGZsZXg6IFwiMSAwIDBweFwiLFxuICAgIGJvcmRlclRvcDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgIGJvcmRlckJvdHRvbTogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgIGJvcmRlckxlZnQ6IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgYm9yZGVyUmlnaHQ6IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgYm9yZGVyUmFkaXVzOiAwLFxuICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGAke3RoZW1lLmNvbG9ycy5hdG1vM31gLFxuICAgIH0sXG4gICAgXCImOmRpc2FibGVkXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgICBib3JkZXJUb3A6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIGJvcmRlckJvdHRvbTogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyVG9wOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIGJvcmRlckJvdHRvbTogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICBib3JkZXJMZWZ0OiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgICAgICBib3JkZXJSaWdodDogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgIH0sXG4gICAgfSxcbiAgICBcIiY6Zmlyc3Qtb2YtdHlwZVwiOiB7XG4gICAgICBib3JkZXJMZWZ0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICBib3JkZXJUb3BMZWZ0UmFkaXVzOiB0aGVtZS5yYWRpaS5iYXNlLFxuICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogdGhlbWUucmFkaWkuYmFzZSxcbiAgICB9LFxuICAgIFwiJjpsYXN0LWNoaWxkXCI6IHtcbiAgICAgIGJvcmRlclJpZ2h0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICBib3JkZXJUb3BSaWdodFJhZGl1czogdGhlbWUucmFkaWkuYmFzZSxcbiAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiB0aGVtZS5yYWRpaS5iYXNlLFxuICAgICAgXCImOmRpc2FibGVkOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyUmlnaHQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9ICFpbXBvcnRhbnRgLFxuICAgICAgfSxcbiAgICB9LFxuICAgIFwiJjpub3QoOmZpcnN0LW9mLXR5cGUpXCI6IHtcbiAgICAgIG1hcmdpbkxlZnQ6IFwiLTFweFwiLFxuICAgIH0sXG4gICAgXCImLnNlbGVjdGVkXCI6IHtcbiAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgIGhlaWdodDogMzQsXG4gICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIGJvcmRlcjogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICAgICAgekluZGV4OiAyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgICBcIiY6bm90KDpkaXNhYmxlZClcIjoge1xuICAgICAgICAgIGJvcmRlcjogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgICAgIGJvcmRlcjogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICAgIFwiJjpmaXJzdC1vZi10eXBlLCAmOmxhc3QtY2hpbGRcIjoge1xuICAgICAgICBib3JkZXI6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYWNjZTF9YCxcbiAgICAgIH0sXG5cbiAgICAgIC8vIHByZXZlbnQgdGhlIGZvY3VzIHJpbmcgdG8gYmUgaGlkZGVuIGJ5IHNpYmxpbmcgaG92ZXIgYmFja2dyb3VuZFxuICAgICAgLy8gZXZlbiB3aGVuIHNlbGVjdGVkXG4gICAgICBcIiYuSHZJc0ZvY3VzVmlzaWJsZVwiOiB7XG4gICAgICAgIHpJbmRleDogNSxcbiAgICAgIH0sXG4gICAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgICAgYm9yZGVyOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICB9LFxuICAgIH0sXG4gIH0pO1xuIl19 */");
 const StyledButton = (Element) => /* @__PURE__ */ _styled__default.default(({
   className
-}) => /* @__PURE__ */ jsxRuntime.jsx(Element.type, { ...Element.props, className: clsx__default.default("button", Element.props.selected && "selected", className) }), process.env.NODE_ENV === "production" ? {
+}) => /* @__PURE__ */ jsxRuntime.jsx(Element.type, {
+  ...Element.props,
+  className: clsx__default.default("button", Element.props.selected && "selected", className)
+}), process.env.NODE_ENV === "production" ? {
   target: "e17vrbb40"
 } : {
   target: "e17vrbb40",
@@ -140,13 +144,13 @@ const StyledButton = (Element) => /* @__PURE__ */ _styled__default.default(({
   },
   "&:first-of-type": {
     borderLeft: `solid 1px ${uikitStyles.theme.colors.atmo4}`,
-    borderTopLeftRadius: "2px",
-    borderBottomLeftRadius: "2px"
+    borderTopLeftRadius: uikitStyles.theme.radii.base,
+    borderBottomLeftRadius: uikitStyles.theme.radii.base
   },
   "&:last-child": {
     borderRight: `solid 1px ${uikitStyles.theme.colors.atmo4}`,
-    borderTopRightRadius: "2px",
-    borderBottomRightRadius: "2px",
+    borderTopRightRadius: uikitStyles.theme.radii.base,
+    borderBottomRightRadius: uikitStyles.theme.radii.base,
     "&:disabled:hover": {
       borderRight: `solid 1px ${uikitStyles.theme.colors.atmo4} !important`
     }
@@ -158,7 +162,6 @@ const StyledButton = (Element) => /* @__PURE__ */ _styled__default.default(({
     background: uikitStyles.theme.colors.atmo1,
     height: 34,
     ...uikitStyles.theme.typography.label,
-    borderRadius: "2px",
     border: `solid 1px ${uikitStyles.theme.colors.acce1}`,
     zIndex: 2,
     "&:hover": {
@@ -173,6 +176,8 @@ const StyledButton = (Element) => /* @__PURE__ */ _styled__default.default(({
     "&:first-of-type, &:last-child": {
       border: `solid 1px ${uikitStyles.theme.colors.acce1}`
     },
+    // prevent the focus ring to be hidden by sibling hover background
+    // even when selected
     "&.HvIsFocusVisible": {
       zIndex: 5
     },
@@ -183,7 +188,7 @@ const StyledButton = (Element) => /* @__PURE__ */ _styled__default.default(({
       border: `solid 1px ${uikitStyles.theme.colors.atmo4}`
     }
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTXVsdGlCdXR0b24vTXVsdGlCdXR0b24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RkUiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9NdWx0aUJ1dHRvbi9NdWx0aUJ1dHRvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICR2ZXJ0aWNhbCB9OiB7ICR2ZXJ0aWNhbDogYm9vbGVhbiB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiAzMixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgdHJhbnNpdGlvbjogXCJub25lXCIsXG4gIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiAwLFxuXG4gIC8vIHByZXZlbnQgdGhlIGZvY3VzIHJpbmcgdG8gYmUgaGlkZGVuIGJ5IHNpYmxpbmcgaG92ZXIgYmFja2dyb3VuZFxuICBcIiY+Lkh2SXNGb2N1c1Zpc2libGVcIjoge1xuICAgIHpJbmRleDogNSxcbiAgfSxcblxuICAuLi4oJHZlcnRpY2FsICYmIHtcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIGhlaWdodDogXCJhdXRvXCIsXG4gICAgYnRuU2Vjb25kYXJ5OiB7XG4gICAgICBmbGV4OiBcIjEgMSAyMHB4XCIsXG4gICAgfSxcbiAgICBcIiYgYnV0dG9uLmJ1dHRvblwiOiB7XG4gICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICBib3JkZXJMZWZ0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICBib3JkZXJSaWdodDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgYm9yZGVyVG9wOiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgICAgYm9yZGVyQm90dG9tOiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgICAgXCImOmRpc2FibGVkXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICAgICAgYm9yZGVyTGVmdDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICBib3JkZXJSaWdodDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICBib3JkZXJUb3A6IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgICAgIGJvcmRlckJvdHRvbTogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBib3JkZXJMZWZ0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgICAgYm9yZGVyUmlnaHQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgICAgICBib3JkZXJUb3A6IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgICAgICAgYm9yZGVyQm90dG9tOiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICAgIFwiJjpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICAgICAgYm9yZGVyVG9wOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIGJvcmRlclRvcExlZnRSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiBcIjJweFwiLFxuICAgICAgfSxcbiAgICAgIFwiJjpsYXN0LWNoaWxkXCI6IHtcbiAgICAgICAgYm9yZGVyQm90dG9tOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBcIjJweFwiLFxuICAgICAgICBcIiY6ZGlzYWJsZWQ6aG92ZXJcIjoge1xuICAgICAgICAgIGJvcmRlckJvdHRvbTogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH0gIWltcG9ydGFudGAsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgXCImOm5vdCg6Zmlyc3Qtb2YtdHlwZSlcIjoge1xuICAgICAgICBtYXJnaW5MZWZ0OiAwLFxuICAgICAgICBtYXJnaW5Ub3A6IC0xLFxuICAgICAgfSxcbiAgICAgIFwiJi5zZWxlY3RlZFwiOiB7XG4gICAgICAgIGhlaWdodDogMzIsXG4gICAgICAgIHdpZHRoOiBgY2FsYygxMDAlICsgMnB4KSAhaW1wb3J0YW50YCxcbiAgICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiBcIjJweFwiLFxuICAgICAgICBib3JkZXI6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYWNjZTF9YCxcbiAgICAgICAgekluZGV4OiAyLFxuICAgICAgICBcIiY6aG92ZXIsICY6Zm9jdXNcIjoge1xuICAgICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmRpc2FibGVkXCI6IHtcbiAgICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgICAgICAgYm9yZGVyOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH0sXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gKEVsZW1lbnQpID0+XG4gIHN0eWxlZCgoeyBjbGFzc05hbWUgfSkgPT4gKFxuICAgIDxFbGVtZW50LnR5cGVcbiAgICAgIHsuLi5FbGVtZW50LnByb3BzfVxuICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICBcImJ1dHRvblwiLFxuICAgICAgICBFbGVtZW50LnByb3BzLnNlbGVjdGVkICYmIFwic2VsZWN0ZWRcIixcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgIC8+XG4gICkpKHtcbiAgICBoZWlnaHQ6IDMyLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBtaW5XaWR0aDogMzIsXG4gICAgbWF4V2lkdGg6IDIwMCxcbiAgICBwYWRkaW5nOiAwLFxuICAgIHRyYW5zaXRpb246IFwibm9uZVwiLFxuICAgIGZsZXg6IFwiMSAwIDBweFwiLFxuICAgIGJvcmRlclRvcDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgIGJvcmRlckJvdHRvbTogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgIGJvcmRlckxlZnQ6IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgYm9yZGVyUmlnaHQ6IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgYm9yZGVyUmFkaXVzOiAwLFxuICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGAke3RoZW1lLmNvbG9ycy5hdG1vM31gLFxuICAgIH0sXG4gICAgXCImOmRpc2FibGVkXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgICBib3JkZXJUb3A6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIGJvcmRlckJvdHRvbTogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyVG9wOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIGJvcmRlckJvdHRvbTogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICBib3JkZXJMZWZ0OiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgICAgICBib3JkZXJSaWdodDogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgIH0sXG4gICAgfSxcbiAgICBcIiY6Zmlyc3Qtb2YtdHlwZVwiOiB7XG4gICAgICBib3JkZXJMZWZ0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICBib3JkZXJUb3BMZWZ0UmFkaXVzOiBcIjJweFwiLFxuICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogXCIycHhcIixcbiAgICB9LFxuICAgIFwiJjpsYXN0LWNoaWxkXCI6IHtcbiAgICAgIGJvcmRlclJpZ2h0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICBib3JkZXJUb3BSaWdodFJhZGl1czogXCIycHhcIixcbiAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBcIjJweFwiLFxuICAgICAgXCImOmRpc2FibGVkOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyUmlnaHQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9ICFpbXBvcnRhbnRgLFxuICAgICAgfSxcbiAgICB9LFxuICAgIFwiJjpub3QoOmZpcnN0LW9mLXR5cGUpXCI6IHtcbiAgICAgIG1hcmdpbkxlZnQ6IFwiLTFweFwiLFxuICAgIH0sXG4gICAgXCImLnNlbGVjdGVkXCI6IHtcbiAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgIGhlaWdodDogMzQsXG4gICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIGJvcmRlclJhZGl1czogXCIycHhcIixcbiAgICAgIGJvcmRlcjogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICAgICAgekluZGV4OiAyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgICBcIiY6bm90KDpkaXNhYmxlZClcIjoge1xuICAgICAgICAgIGJvcmRlcjogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgICAgIGJvcmRlcjogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICAgIFwiJjpmaXJzdC1vZi10eXBlLCAmOmxhc3QtY2hpbGRcIjoge1xuICAgICAgICBib3JkZXI6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYWNjZTF9YCxcbiAgICAgIH0sXG5cbiAgICAgIC8vIHByZXZlbnQgdGhlIGZvY3VzIHJpbmcgdG8gYmUgaGlkZGVuIGJ5IHNpYmxpbmcgaG92ZXIgYmFja2dyb3VuZFxuICAgICAgLy8gZXZlbiB3aGVuIHNlbGVjdGVkXG4gICAgICBcIiYuSHZJc0ZvY3VzVmlzaWJsZVwiOiB7XG4gICAgICAgIHpJbmRleDogNSxcbiAgICAgIH0sXG4gICAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgICAgYm9yZGVyOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICB9LFxuICAgIH0sXG4gIH0pO1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTXVsdGlCdXR0b24vTXVsdGlCdXR0b24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RkUiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9NdWx0aUJ1dHRvbi9NdWx0aUJ1dHRvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICR2ZXJ0aWNhbCB9OiB7ICR2ZXJ0aWNhbDogYm9vbGVhbiB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiAzMixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgdHJhbnNpdGlvbjogXCJub25lXCIsXG4gIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiAwLFxuXG4gIC8vIHByZXZlbnQgdGhlIGZvY3VzIHJpbmcgdG8gYmUgaGlkZGVuIGJ5IHNpYmxpbmcgaG92ZXIgYmFja2dyb3VuZFxuICBcIiY+Lkh2SXNGb2N1c1Zpc2libGVcIjoge1xuICAgIHpJbmRleDogNSxcbiAgfSxcblxuICAuLi4oJHZlcnRpY2FsICYmIHtcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIGhlaWdodDogXCJhdXRvXCIsXG4gICAgYnRuU2Vjb25kYXJ5OiB7XG4gICAgICBmbGV4OiBcIjEgMSAyMHB4XCIsXG4gICAgfSxcbiAgICBcIiYgYnV0dG9uLmJ1dHRvblwiOiB7XG4gICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICBib3JkZXJMZWZ0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICBib3JkZXJSaWdodDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgYm9yZGVyVG9wOiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgICAgYm9yZGVyQm90dG9tOiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgICAgXCImOmRpc2FibGVkXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICAgICAgYm9yZGVyTGVmdDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICBib3JkZXJSaWdodDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICBib3JkZXJUb3A6IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgICAgIGJvcmRlckJvdHRvbTogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBib3JkZXJMZWZ0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgICAgYm9yZGVyUmlnaHQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgICAgICBib3JkZXJUb3A6IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgICAgICAgYm9yZGVyQm90dG9tOiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICAgIFwiJjpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICAgICAgYm9yZGVyVG9wOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIGJvcmRlclRvcExlZnRSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiBcIjJweFwiLFxuICAgICAgfSxcbiAgICAgIFwiJjpsYXN0LWNoaWxkXCI6IHtcbiAgICAgICAgYm9yZGVyQm90dG9tOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBcIjJweFwiLFxuICAgICAgICBcIiY6ZGlzYWJsZWQ6aG92ZXJcIjoge1xuICAgICAgICAgIGJvcmRlckJvdHRvbTogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH0gIWltcG9ydGFudGAsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgXCImOm5vdCg6Zmlyc3Qtb2YtdHlwZSlcIjoge1xuICAgICAgICBtYXJnaW5MZWZ0OiAwLFxuICAgICAgICBtYXJnaW5Ub3A6IC0xLFxuICAgICAgfSxcbiAgICAgIFwiJi5zZWxlY3RlZFwiOiB7XG4gICAgICAgIGhlaWdodDogMzIsXG4gICAgICAgIHdpZHRoOiBgY2FsYygxMDAlICsgMnB4KSAhaW1wb3J0YW50YCxcbiAgICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5yYWRpaS5iYXNlLFxuICAgICAgICBib3JkZXI6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYWNjZTF9YCxcbiAgICAgICAgekluZGV4OiAyLFxuICAgICAgICBcIiY6aG92ZXIsICY6Zm9jdXNcIjoge1xuICAgICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmRpc2FibGVkXCI6IHtcbiAgICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgICAgICAgYm9yZGVyOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH0sXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gKEVsZW1lbnQpID0+XG4gIHN0eWxlZCgoeyBjbGFzc05hbWUgfSkgPT4gKFxuICAgIDxFbGVtZW50LnR5cGVcbiAgICAgIHsuLi5FbGVtZW50LnByb3BzfVxuICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICBcImJ1dHRvblwiLFxuICAgICAgICBFbGVtZW50LnByb3BzLnNlbGVjdGVkICYmIFwic2VsZWN0ZWRcIixcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgIC8+XG4gICkpKHtcbiAgICBoZWlnaHQ6IDMyLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBtaW5XaWR0aDogMzIsXG4gICAgbWF4V2lkdGg6IDIwMCxcbiAgICBwYWRkaW5nOiAwLFxuICAgIHRyYW5zaXRpb246IFwibm9uZVwiLFxuICAgIGZsZXg6IFwiMSAwIDBweFwiLFxuICAgIGJvcmRlclRvcDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgIGJvcmRlckJvdHRvbTogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgIGJvcmRlckxlZnQ6IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgYm9yZGVyUmlnaHQ6IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgYm9yZGVyUmFkaXVzOiAwLFxuICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGAke3RoZW1lLmNvbG9ycy5hdG1vM31gLFxuICAgIH0sXG4gICAgXCImOmRpc2FibGVkXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgICBib3JkZXJUb3A6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIGJvcmRlckJvdHRvbTogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyVG9wOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIGJvcmRlckJvdHRvbTogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICBib3JkZXJMZWZ0OiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgICAgICBib3JkZXJSaWdodDogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgIH0sXG4gICAgfSxcbiAgICBcIiY6Zmlyc3Qtb2YtdHlwZVwiOiB7XG4gICAgICBib3JkZXJMZWZ0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICBib3JkZXJUb3BMZWZ0UmFkaXVzOiB0aGVtZS5yYWRpaS5iYXNlLFxuICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogdGhlbWUucmFkaWkuYmFzZSxcbiAgICB9LFxuICAgIFwiJjpsYXN0LWNoaWxkXCI6IHtcbiAgICAgIGJvcmRlclJpZ2h0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICBib3JkZXJUb3BSaWdodFJhZGl1czogdGhlbWUucmFkaWkuYmFzZSxcbiAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiB0aGVtZS5yYWRpaS5iYXNlLFxuICAgICAgXCImOmRpc2FibGVkOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyUmlnaHQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9ICFpbXBvcnRhbnRgLFxuICAgICAgfSxcbiAgICB9LFxuICAgIFwiJjpub3QoOmZpcnN0LW9mLXR5cGUpXCI6IHtcbiAgICAgIG1hcmdpbkxlZnQ6IFwiLTFweFwiLFxuICAgIH0sXG4gICAgXCImLnNlbGVjdGVkXCI6IHtcbiAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgIGhlaWdodDogMzQsXG4gICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIGJvcmRlcjogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICAgICAgekluZGV4OiAyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgICBcIiY6bm90KDpkaXNhYmxlZClcIjoge1xuICAgICAgICAgIGJvcmRlcjogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgICAgIGJvcmRlcjogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICAgIFwiJjpmaXJzdC1vZi10eXBlLCAmOmxhc3QtY2hpbGRcIjoge1xuICAgICAgICBib3JkZXI6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYWNjZTF9YCxcbiAgICAgIH0sXG5cbiAgICAgIC8vIHByZXZlbnQgdGhlIGZvY3VzIHJpbmcgdG8gYmUgaGlkZGVuIGJ5IHNpYmxpbmcgaG92ZXIgYmFja2dyb3VuZFxuICAgICAgLy8gZXZlbiB3aGVuIHNlbGVjdGVkXG4gICAgICBcIiYuSHZJc0ZvY3VzVmlzaWJsZVwiOiB7XG4gICAgICAgIHpJbmRleDogNSxcbiAgICAgIH0sXG4gICAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgICAgYm9yZGVyOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICB9LFxuICAgIH0sXG4gIH0pO1xuIl19 */");
 exports.StyledButton = StyledButton;
 exports.StyledRoot = StyledRoot;
 //# sourceMappingURL=MultiButton.styles.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MultiButton.styles.cjs","sources":["../../../../src/components/MultiButton/MultiButton.styles.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { CSSProperties } from \"react\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledRoot = styled(\n  \"div\",\n  transientOptions\n)(({ $vertical }: { $vertical: boolean }) => ({\n  display: \"flex\",\n  height: 32,\n  alignItems: \"center\",\n  transition: \"none\",\n  background: theme.colors.atmo2,\n  position: \"relative\",\n  zIndex: 0,\n\n  // prevent the focus ring to be hidden by sibling hover background\n  \"&>.HvIsFocusVisible\": {\n    zIndex: 5,\n  },\n\n  ...($vertical && {\n    flexDirection: \"column\",\n    height: \"auto\",\n    btnSecondary: {\n      flex: \"1 1 20px\",\n    },\n    \"& button.button\": {\n      width: \"100%\",\n      borderLeft: `solid 1px ${theme.colors.atmo4}`,\n      borderRight: `solid 1px ${theme.colors.atmo4}`,\n      borderTop: \"solid 1px transparent\",\n      borderBottom: \"solid 1px transparent\",\n      \"&:disabled\": {\n        color: theme.colors.atmo5,\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n        borderTop: \"solid 1px transparent\",\n        borderBottom: \"solid 1px transparent\",\n        \"&:hover\": {\n          borderLeft: `solid 1px ${theme.colors.atmo4}`,\n          borderRight: `solid 1px ${theme.colors.atmo4}`,\n          borderTop: \"solid 1px transparent\",\n          borderBottom: \"solid 1px transparent\",\n        },\n      },\n      \"&:first-of-type\": {\n        borderTop: `solid 1px ${theme.colors.atmo4}`,\n        borderTopLeftRadius: \"2px\",\n        borderTopRightRadius: \"2px\",\n      },\n      \"&:last-child\": {\n        borderBottom: `solid 1px ${theme.colors.atmo4}`,\n        borderBottomLeftRadius: \"2px\",\n        borderBottomRightRadius: \"2px\",\n        \"&:disabled:hover\": {\n          borderBottom: `solid 1px ${theme.colors.atmo4} !important`,\n        },\n      },\n      \"&:not(:first-of-type)\": {\n        marginLeft: 0,\n        marginTop: -1,\n      },\n      \"&.selected\": {\n        height: 32,\n        width: `calc(100% + 2px) !important`,\n        background: theme.colors.atmo1,\n        ...(theme.typography.label as CSSProperties),\n        borderRadius: \"2px\",\n        border: `solid 1px ${theme.colors.acce1}`,\n        zIndex: 2,\n        \"&:hover, &:focus\": {\n          background: theme.colors.atmo3,\n        },\n        \"&:disabled\": {\n          zIndex: 1,\n          color: theme.colors.atmo5,\n          background: theme.colors.atmo1,\n          border: `solid 1px ${theme.colors.atmo4}`,\n        },\n      },\n    },\n  }),\n}));\n\nexport const StyledButton = (Element) =>\n  styled(({ className }) => (\n    <Element.type\n      {...Element.props}\n      className={clsx(\n        \"button\",\n        Element.props.selected && \"selected\",\n        className\n      )}\n    />\n  ))({\n    height: 32,\n    width: \"100%\",\n    minWidth: 32,\n    maxWidth: 200,\n    padding: 0,\n    transition: \"none\",\n    flex: \"1 0 0px\",\n    borderTop: `solid 1px ${theme.colors.atmo4}`,\n    borderBottom: `solid 1px ${theme.colors.atmo4}`,\n    borderLeft: \"solid 1px transparent\",\n    borderRight: \"solid 1px transparent\",\n    borderRadius: 0,\n    ...(theme.typography.body as CSSProperties),\n    \"&:active\": {\n      backgroundColor: `${theme.colors.atmo3}`,\n    },\n    \"&:disabled\": {\n      color: theme.colors.atmo5,\n      borderTop: `solid 1px ${theme.colors.atmo4}`,\n      borderBottom: `solid 1px ${theme.colors.atmo4}`,\n      \"&:hover\": {\n        borderTop: `solid 1px ${theme.colors.atmo4}`,\n        borderBottom: `solid 1px ${theme.colors.atmo4}`,\n        borderLeft: \"solid 1px transparent\",\n        borderRight: \"solid 1px transparent\",\n      },\n    },\n    \"&:first-of-type\": {\n      borderLeft: `solid 1px ${theme.colors.atmo4}`,\n      borderTopLeftRadius: \"2px\",\n      borderBottomLeftRadius: \"2px\",\n    },\n    \"&:last-child\": {\n      borderRight: `solid 1px ${theme.colors.atmo4}`,\n      borderTopRightRadius: \"2px\",\n      borderBottomRightRadius: \"2px\",\n      \"&:disabled:hover\": {\n        borderRight: `solid 1px ${theme.colors.atmo4} !important`,\n      },\n    },\n    \"&:not(:first-of-type)\": {\n      marginLeft: \"-1px\",\n    },\n    \"&.selected\": {\n      background: theme.colors.atmo1,\n      height: 34,\n      ...(theme.typography.label as CSSProperties),\n      borderRadius: \"2px\",\n      border: `solid 1px ${theme.colors.acce1}`,\n      zIndex: 2,\n      \"&:hover\": {\n        background: theme.colors.atmo3,\n        \"&:not(:disabled)\": {\n          border: `solid 1px ${theme.colors.acce1}`,\n        },\n        \"&:disabled\": {\n          border: `solid 1px ${theme.colors.atmo4}`,\n        },\n      },\n      \"&:first-of-type, &:last-child\": {\n        border: `solid 1px ${theme.colors.acce1}`,\n      },\n\n      // prevent the focus ring to be hidden by sibling hover background\n      // even when selected\n      \"&.HvIsFocusVisible\": {\n        zIndex: 5,\n      },\n      \"&:disabled\": {\n        zIndex: 1,\n        color: theme.colors.atmo5,\n        background: theme.colors.atmo1,\n        border: `solid 1px ${theme.colors.atmo4}`,\n      },\n    },\n  });\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$vertical","display","height","alignItems","transition","background","theme","colors","atmo2","position","zIndex","flexDirection","btnSecondary","flex","width","borderLeft","atmo4","borderRight","borderTop","borderBottom","color","atmo5","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","marginLeft","marginTop","atmo1","typography","borderRadius","border","acce1","atmo3","StyledButton","Element","_styled","className","jsx","props","clsx","selected","minWidth","maxWidth","padding","body","backgroundColor"],"mappings":"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"}
+{"version":3,"file":"MultiButton.styles.cjs","sources":["../../../../src/components/MultiButton/MultiButton.styles.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { CSSProperties } from \"react\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledRoot = styled(\n  \"div\",\n  transientOptions\n)(({ $vertical }: { $vertical: boolean }) => ({\n  display: \"flex\",\n  height: 32,\n  alignItems: \"center\",\n  transition: \"none\",\n  background: theme.colors.atmo2,\n  position: \"relative\",\n  zIndex: 0,\n\n  // prevent the focus ring to be hidden by sibling hover background\n  \"&>.HvIsFocusVisible\": {\n    zIndex: 5,\n  },\n\n  ...($vertical && {\n    flexDirection: \"column\",\n    height: \"auto\",\n    btnSecondary: {\n      flex: \"1 1 20px\",\n    },\n    \"& button.button\": {\n      width: \"100%\",\n      borderLeft: `solid 1px ${theme.colors.atmo4}`,\n      borderRight: `solid 1px ${theme.colors.atmo4}`,\n      borderTop: \"solid 1px transparent\",\n      borderBottom: \"solid 1px transparent\",\n      \"&:disabled\": {\n        color: theme.colors.atmo5,\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n        borderTop: \"solid 1px transparent\",\n        borderBottom: \"solid 1px transparent\",\n        \"&:hover\": {\n          borderLeft: `solid 1px ${theme.colors.atmo4}`,\n          borderRight: `solid 1px ${theme.colors.atmo4}`,\n          borderTop: \"solid 1px transparent\",\n          borderBottom: \"solid 1px transparent\",\n        },\n      },\n      \"&:first-of-type\": {\n        borderTop: `solid 1px ${theme.colors.atmo4}`,\n        borderTopLeftRadius: \"2px\",\n        borderTopRightRadius: \"2px\",\n      },\n      \"&:last-child\": {\n        borderBottom: `solid 1px ${theme.colors.atmo4}`,\n        borderBottomLeftRadius: \"2px\",\n        borderBottomRightRadius: \"2px\",\n        \"&:disabled:hover\": {\n          borderBottom: `solid 1px ${theme.colors.atmo4} !important`,\n        },\n      },\n      \"&:not(:first-of-type)\": {\n        marginLeft: 0,\n        marginTop: -1,\n      },\n      \"&.selected\": {\n        height: 32,\n        width: `calc(100% + 2px) !important`,\n        background: theme.colors.atmo1,\n        ...(theme.typography.label as CSSProperties),\n        borderRadius: theme.radii.base,\n        border: `solid 1px ${theme.colors.acce1}`,\n        zIndex: 2,\n        \"&:hover, &:focus\": {\n          background: theme.colors.atmo3,\n        },\n        \"&:disabled\": {\n          zIndex: 1,\n          color: theme.colors.atmo5,\n          background: theme.colors.atmo1,\n          border: `solid 1px ${theme.colors.atmo4}`,\n        },\n      },\n    },\n  }),\n}));\n\nexport const StyledButton = (Element) =>\n  styled(({ className }) => (\n    <Element.type\n      {...Element.props}\n      className={clsx(\n        \"button\",\n        Element.props.selected && \"selected\",\n        className\n      )}\n    />\n  ))({\n    height: 32,\n    width: \"100%\",\n    minWidth: 32,\n    maxWidth: 200,\n    padding: 0,\n    transition: \"none\",\n    flex: \"1 0 0px\",\n    borderTop: `solid 1px ${theme.colors.atmo4}`,\n    borderBottom: `solid 1px ${theme.colors.atmo4}`,\n    borderLeft: \"solid 1px transparent\",\n    borderRight: \"solid 1px transparent\",\n    borderRadius: 0,\n    ...(theme.typography.body as CSSProperties),\n    \"&:active\": {\n      backgroundColor: `${theme.colors.atmo3}`,\n    },\n    \"&:disabled\": {\n      color: theme.colors.atmo5,\n      borderTop: `solid 1px ${theme.colors.atmo4}`,\n      borderBottom: `solid 1px ${theme.colors.atmo4}`,\n      \"&:hover\": {\n        borderTop: `solid 1px ${theme.colors.atmo4}`,\n        borderBottom: `solid 1px ${theme.colors.atmo4}`,\n        borderLeft: \"solid 1px transparent\",\n        borderRight: \"solid 1px transparent\",\n      },\n    },\n    \"&:first-of-type\": {\n      borderLeft: `solid 1px ${theme.colors.atmo4}`,\n      borderTopLeftRadius: theme.radii.base,\n      borderBottomLeftRadius: theme.radii.base,\n    },\n    \"&:last-child\": {\n      borderRight: `solid 1px ${theme.colors.atmo4}`,\n      borderTopRightRadius: theme.radii.base,\n      borderBottomRightRadius: theme.radii.base,\n      \"&:disabled:hover\": {\n        borderRight: `solid 1px ${theme.colors.atmo4} !important`,\n      },\n    },\n    \"&:not(:first-of-type)\": {\n      marginLeft: \"-1px\",\n    },\n    \"&.selected\": {\n      background: theme.colors.atmo1,\n      height: 34,\n      ...(theme.typography.label as CSSProperties),\n      border: `solid 1px ${theme.colors.acce1}`,\n      zIndex: 2,\n      \"&:hover\": {\n        background: theme.colors.atmo3,\n        \"&:not(:disabled)\": {\n          border: `solid 1px ${theme.colors.acce1}`,\n        },\n        \"&:disabled\": {\n          border: `solid 1px ${theme.colors.atmo4}`,\n        },\n      },\n      \"&:first-of-type, &:last-child\": {\n        border: `solid 1px ${theme.colors.acce1}`,\n      },\n\n      // prevent the focus ring to be hidden by sibling hover background\n      // even when selected\n      \"&.HvIsFocusVisible\": {\n        zIndex: 5,\n      },\n      \"&:disabled\": {\n        zIndex: 1,\n        color: theme.colors.atmo5,\n        background: theme.colors.atmo1,\n        border: `solid 1px ${theme.colors.atmo4}`,\n      },\n    },\n  });\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$vertical","display","height","alignItems","transition","background","theme","colors","atmo2","position","zIndex","flexDirection","btnSecondary","flex","width","borderLeft","atmo4","borderRight","borderTop","borderBottom","color","atmo5","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","marginLeft","marginTop","atmo1","typography","borderRadius","radii","base","border","acce1","atmo3","StyledButton","Element","_styled","className","_jsx","type","props","clsx","selected","minWidth","maxWidth","padding","body","backgroundColor"],"mappings":"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"}