@hitachivantara/uikit-react-core 5.18.4 → 5.19.0

package/dist/cjs/components/Drawer/Drawer.cjs

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const material = require("@mui/material");
+const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const React = require("react");
+const Drawer_styles = require("./Drawer.styles.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const theme = require("../../utils/theme.cjs");
+const withTooltip = require("../../hocs/withTooltip.cjs");
+const checkValidHexColorValue = require("../../utils/checkValidHexColorValue.cjs");
+const hexToRgbA = require("../../utils/hexToRgbA.cjs");
+const useTheme = require("../../hooks/useTheme.cjs");
+const Button = require("../Button/Button.cjs");
+const setId = require("../../utils/setId.cjs");
+const getBackgroundColor = (color) => {
+  return checkValidHexColorValue.default(color) ? hexToRgbA.default(color, 0.8) : color;
+};
+const HvDrawer = ({
+  className,
+  classes: classesProp,
+  id,
+  children,
+  open,
+  onClose,
+  anchor = "right",
+  buttonTitle = "Close",
+  ...others
+}) => {
+  var _a;
+  const {
+    classes,
+    css,
+    cx
+  } = Drawer_styles.useClasses(classesProp);
+  const {
+    activeTheme,
+    selectedMode
+  } = useTheme.useTheme();
+  const [backgroundColorValue, setBackgroundColorValue] = React.useState(theme.getVarValue(uikitStyles.theme.drawer.backDropBackgroundColor));
+  const closeButtonDisplay = () => /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Close, {
+    role: "presentation"
+  });
+  const CloseButtonTooltipWrapper = buttonTitle ? withTooltip.default(closeButtonDisplay, buttonTitle, "top") : closeButtonDisplay;
+  const [backgroundColor, setBackgroundColor] = React.useState(getBackgroundColor(backgroundColorValue));
+  React.useEffect(() => {
+    setBackgroundColorValue(theme.getVarValue(uikitStyles.theme.drawer.backDropBackgroundColor));
+    setBackgroundColor(getBackgroundColor(backgroundColorValue));
+  }, [(_a = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _a.modes[selectedMode], backgroundColorValue, setBackgroundColor]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(material.Drawer, {
+    className: cx(classes.root, className),
+    id,
+    anchor,
+    open,
+    PaperProps: {
+      classes: {
+        root: classes.paper
+      }
+    },
+    BackdropProps: {
+      classes: {
+        root: cx(css({
+          backgroundColor
+        }), classes.background)
+      }
+    },
+    onClose,
+    ...others,
+    children: [/* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
+      id: setId.setId(id, "close"),
+      className: classes.closeButton,
+      variant: "primaryGhost",
+      onClick: onClose,
+      "aria-label": buttonTitle,
+      children: /* @__PURE__ */ jsxRuntime.jsx(CloseButtonTooltipWrapper, {})
+    }), children]
+  });
+};
+exports.drawerClasses = Drawer_styles.staticClasses;
+exports.HvDrawer = HvDrawer;
+//# sourceMappingURL=Drawer.cjs.map

package/dist/cjs/components/Drawer/Drawer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.cjs","sources":["../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import {\n  Drawer as MuiDrawer,\n  DrawerProps as MuiDrawerProps,\n} from \"@mui/material\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { withTooltip } from \"@core/hocs\";\nimport {\n  getVarValue,\n  hexToRgbA,\n  setId,\n  checkValidHexColorValue,\n  ExtractNames,\n} from \"@core/utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvButton } from \"@core/components\";\nimport { useEffect, useState } from \"react\";\nimport { useTheme } from \"@core/hooks\";\nimport { staticClasses, useClasses } from \"./Drawer.styles\";\n\nexport { staticClasses as drawerClasses };\n\nexport type HvDrawerClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvDrawerProps\n  extends MuiDrawerProps,\n    Omit<MuiDrawerProps, \"classes\">,\n    HvBaseProps<HTMLDivElement> {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvDrawerClasses;\n  /**\n   * Components of the Drawer.\n   */\n  children?: React.ReactNode;\n  /**\n   * Current state of the Drawer.\n   */\n  open?: boolean;\n  /**\n   * Function executed on close.\n   * Extended from Modal from material-ui\n   *\n   */\n  onClose?: (\n    event: React.SyntheticEvent,\n    reason?: \"escapeKeyDown\" | \"backdropClick\"\n  ) => void;\n  /**\n   * The side the drawer opens from.\n   */\n  anchor?: \"left\" | \"top\" | \"right\" | \"bottom\";\n  /**\n   * Title for the button close.\n   */\n  buttonTitle?: string;\n}\n\nconst getBackgroundColor = (color: string) => {\n  return checkValidHexColorValue(color) ? hexToRgbA(color, 0.8) : color;\n};\n\n/**\n * The Drawer component provides a foundation to create a sliding pane.\n * It only provides the pane with a close button, the rest of the\n * content can be customized.\n */\nexport const HvDrawer = ({\n  className,\n  classes: classesProp,\n  id,\n  children,\n  open,\n  onClose,\n  anchor = \"right\",\n  buttonTitle = \"Close\",\n  ...others\n}: HvDrawerProps) => {\n  const { classes, css, cx } = useClasses(classesProp);\n  const { activeTheme, selectedMode } = useTheme();\n\n  const [backgroundColorValue, setBackgroundColorValue] = useState<string>(\n    getVarValue(theme.drawer.backDropBackgroundColor)\n  );\n\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n    : closeButtonDisplay;\n\n  const [backgroundColor, setBackgroundColor] = useState(\n    getBackgroundColor(backgroundColorValue)\n  );\n\n  useEffect(() => {\n    setBackgroundColorValue(getVarValue(theme.drawer.backDropBackgroundColor));\n\n    setBackgroundColor(getBackgroundColor(backgroundColorValue));\n  }, [\n    activeTheme?.colors?.modes[selectedMode],\n    backgroundColorValue,\n    setBackgroundColor,\n  ]);\n\n  return (\n    <MuiDrawer\n      className={cx(classes.root, className)}\n      id={id}\n      anchor={anchor}\n      open={open}\n      PaperProps={{\n        classes: {\n          root: classes.paper,\n        },\n      }}\n      BackdropProps={{\n        classes: {\n          root: cx(css({ backgroundColor }), classes.background),\n        },\n      }}\n      onClose={onClose}\n      {...others}\n    >\n      <HvButton\n        id={setId(id, \"close\")}\n        className={classes.closeButton}\n        variant=\"primaryGhost\"\n        onClick={onClose}\n        aria-label={buttonTitle}\n      >\n        <CloseButtonTooltipWrapper />\n      </HvButton>\n      {children}\n    </MuiDrawer>\n  );\n};\n"],"names":["getBackgroundColor","color","checkValidHexColorValue","hexToRgbA","HvDrawer","className","classes","classesProp","id","children","open","onClose","anchor","buttonTitle","others","css","cx","useClasses","activeTheme","selectedMode","useTheme","backgroundColorValue","setBackgroundColorValue","useState","getVarValue","theme","drawer","backDropBackgroundColor","closeButtonDisplay","_jsx","Close","role","CloseButtonTooltipWrapper","withTooltip","backgroundColor","setBackgroundColor","useEffect","colors","modes","MuiDrawer","root","PaperProps","paper","BackdropProps","background","HvButton","setId","closeButton","variant","onClick"],"mappings":";;;;;;;;;;;;;;;AAmEA,MAAMA,qBAAqBA,CAACC,UAAkB;AAC5C,SAAOC,wBAAAA,QAAwBD,KAAK,IAAIE,UAAAA,QAAUF,OAAO,GAAG,IAAIA;AAClE;AAOO,MAAMG,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,SAAS;AAAA,EACTC,cAAc;AAAA,EACd,GAAGC;AACU,MAAM;;AACb,QAAA;AAAA,IAAER;AAAAA,IAASS;AAAAA,IAAKC;AAAAA,EAAAA,IAAOC,cAAAA,WAAWV,WAAW;AAC7C,QAAA;AAAA,IAAEW;AAAAA,IAAaC;AAAAA,MAAiBC,SAAS,SAAA;AAEzC,QAAA,CAACC,sBAAsBC,uBAAuB,IAAIC,eACtDC,MAAYC,YAAAA,kBAAMC,OAAOC,uBAAuB,CAClD;AAEMC,QAAAA,qBAAqBA,MAAMC,2BAAAA,IAACC,uBAAK;AAAA,IAACC,MAAK;AAAA,EAAA,CAAgB;AAE7D,QAAMC,4BAA4BnB,cAC9BoB,YAAAA,QAAYL,oBAAoBf,aAAa,KAAK,IAClDe;AAEJ,QAAM,CAACM,iBAAiBC,kBAAkB,IAAIZ,MAC5CvB,SAAAA,mBAAmBqB,oBAAoB,CACzC;AAEAe,QAAAA,UAAU,MAAM;AACdd,4BAAwBE,MAAAA,YAAYC,YAAAA,MAAMC,OAAOC,uBAAuB,CAAC;AAEtD3B,uBAAAA,mBAAmBqB,oBAAoB,CAAC;AAAA,EAAA,GAC1D,EACDH,gDAAamB,WAAbnB,mBAAqBoB,MAAMnB,eAC3BE,sBACAc,kBAAkB,CACnB;AAED,yCACGI,SAAAA,QAAS;AAAA,IACRlC,WAAWW,GAAGV,QAAQkC,MAAMnC,SAAS;AAAA,IACrCG;AAAAA,IACAI;AAAAA,IACAF;AAAAA,IACA+B,YAAY;AAAA,MACVnC,SAAS;AAAA,QACPkC,MAAMlC,QAAQoC;AAAAA,MAChB;AAAA,IACF;AAAA,IACAC,eAAe;AAAA,MACbrC,SAAS;AAAA,QACPkC,MAAMxB,GAAGD,IAAI;AAAA,UAAEmB;AAAAA,QAAAA,CAAiB,GAAG5B,QAAQsC,UAAU;AAAA,MACvD;AAAA,IACF;AAAA,IACAjC;AAAAA,IAAiB,GACbG;AAAAA,IAAML,UAAA,CAEVoB,2BAAAA,IAACgB,iBAAQ;AAAA,MACPrC,IAAIsC,MAAAA,MAAMtC,IAAI,OAAO;AAAA,MACrBH,WAAWC,QAAQyC;AAAAA,MACnBC,SAAQ;AAAA,MACRC,SAAStC;AAAAA,MACT,cAAYE;AAAAA,MAAYJ,UAExBoB,2BAAAA,IAACG,2BAA2B,EAAA;AAAA,IACpB,CAAA,GACTvB,QAAQ;AAAA,EAAA,CACA;AAEf;;;"}

package/dist/cjs/components/Drawer/Drawer.styles.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const classes = require("../../utils/classes.cjs");
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses("HvDrawer", {
+  root: {},
+  paper: {
+    backgroundColor: uikitStyles.theme.colors.atmo1,
+    padding: 0,
+    overflow: "auto",
+    boxShadow: uikitStyles.theme.colors.shadow
+  },
+  background: {},
+  closeButton: {
+    padding: 0,
+    minWidth: "inherit",
+    position: "absolute",
+    top: uikitStyles.theme.spacing("sm"),
+    right: uikitStyles.theme.spacing("sm")
+  }
+});
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
+//# sourceMappingURL=Drawer.styles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.styles.cjs","sources":["../../../../src/components/Drawer/Drawer.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvDrawer\", {\n  root: {},\n  paper: {\n    backgroundColor: theme.colors.atmo1,\n    padding: 0,\n    overflow: \"auto\",\n    boxShadow: theme.colors.shadow,\n  },\n  background: {},\n  closeButton: {\n    padding: 0,\n    minWidth: \"inherit\",\n    position: \"absolute\",\n    top: theme.spacing(\"sm\"),\n    right: theme.spacing(\"sm\"),\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","paper","backgroundColor","theme","colors","atmo1","padding","overflow","boxShadow","shadow","background","closeButton","minWidth","position","top","spacing","right"],"mappings":";;;;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,YAAY;AAAA,EACrEC,MAAM,CAAC;AAAA,EACPC,OAAO;AAAA,IACLC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,IAC9BC,SAAS;AAAA,IACTC,UAAU;AAAA,IACVC,WAAWL,YAAAA,MAAMC,OAAOK;AAAAA,EAC1B;AAAA,EACAC,YAAY,CAAC;AAAA,EACbC,aAAa;AAAA,IACXL,SAAS;AAAA,IACTM,UAAU;AAAA,IACVC,UAAU;AAAA,IACVC,KAAKX,YAAAA,MAAMY,QAAQ,IAAI;AAAA,IACvBC,OAAOb,YAAAA,MAAMY,QAAQ,IAAI;AAAA,EAC3B;AACF,CAAC;;;"}

package/dist/cjs/components/Header/Actions/Actions.styles.cjs

@@ -3,7 +3,8 @@ var _a;
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const buttonClasses = require("../../Button/buttonClasses.cjs");
+const Button_styles = require("../../Button/Button.styles.cjs");
+require("../../Button/Button.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
 const StyledDiv = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
@@ -20,7 +21,7 @@ const StyledDiv = /* @__PURE__ */ _styled__default.default("div", process.env.NO
   "& > *": {
     marginLeft: uikitStyles.theme.space.xs
   },
-  [`& .${(_a = buttonClasses.default) == null ? void 0 : _a.root}`]: {
+  [`& .${(_a = Button_styles.staticClasses) == null ? void 0 : _a.root}`]: {
     "&:hover": {
       backgroundColor: uikitStyles.theme.header.hoverColor
     }

package/dist/cjs/components/Header/Actions/Actions.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.styles.cjs","sources":["../../../../../src/components/Header/Actions/Actions.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { buttonClasses } from \"@core/components\";\n\nexport const StyledDiv = styled.div({\n  backgroundColor: \"transparent\",\n  display: \"flex\",\n  gap: theme.space.xs,\n  alignItems: \"center\",\n  marginLeft: \"auto\",\n  \"& > *\": {\n    marginLeft: theme.space.xs,\n  },\n  [`& .${buttonClasses?.root}`]: {\n    \"&:hover\": { backgroundColor: theme.header.hoverColor },\n  },\n});\n"],"names":["StyledDiv","process","env","NODE_ENV","target","label","backgroundColor","display","gap","theme","space","xs","alignItems","marginLeft","buttonClasses","root","header","hoverColor"],"mappings":";;;;;;;;AAIO,MAAMA,4DAAYC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAW,EAAA;AAAA,EAClCC,iBAAiB;AAAA,EACjBC,SAAS;AAAA,EACTC,KAAKC,YAAAA,MAAMC,MAAMC;AAAAA,EACjBC,YAAY;AAAA,EACZC,YAAY;AAAA,EACZ,SAAS;AAAA,IACPA,YAAYJ,YAAAA,MAAMC,MAAMC;AAAAA,EAC1B;AAAA,EACA,CAAE,OAAKG,+BAAAA,mBAAeC,MAAM,GAAG;AAAA,IAC7B,WAAW;AAAA,MAAET,iBAAiBG,YAAAA,MAAMO,OAAOC;AAAAA,IAAW;AAAA,EACxD;AACF,GAAChB,QAAAC,IAAAC,aAAC,eAAA,KAAA,qnCAAA;;"}
+{"version":3,"file":"Actions.styles.cjs","sources":["../../../../../src/components/Header/Actions/Actions.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { buttonClasses } from \"@core/components\";\n\nexport const StyledDiv = styled.div({\n  backgroundColor: \"transparent\",\n  display: \"flex\",\n  gap: theme.space.xs,\n  alignItems: \"center\",\n  marginLeft: \"auto\",\n  \"& > *\": {\n    marginLeft: theme.space.xs,\n  },\n  [`& .${buttonClasses?.root}`]: {\n    \"&:hover\": { backgroundColor: theme.header.hoverColor },\n  },\n});\n"],"names":["StyledDiv","process","env","NODE_ENV","target","label","backgroundColor","display","gap","theme","space","xs","alignItems","marginLeft","buttonClasses","root","header","hoverColor"],"mappings":";;;;;;;;;AAIO,MAAMA,4DAAYC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAW,EAAA;AAAA,EAClCC,iBAAiB;AAAA,EACjBC,SAAS;AAAA,EACTC,KAAKC,YAAAA,MAAMC,MAAMC;AAAAA,EACjBC,YAAY;AAAA,EACZC,YAAY;AAAA,EACZ,SAAS;AAAA,IACPA,YAAYJ,YAAAA,MAAMC,MAAMC;AAAAA,EAC1B;AAAA,EACA,CAAE,OAAKG,qCAAAA,mBAAeC,MAAM,GAAG;AAAA,IAC7B,WAAW;AAAA,MAAET,iBAAiBG,YAAAA,MAAMO,OAAOC;AAAAA,IAAW;AAAA,EACxD;AACF,GAAChB,QAAAC,IAAAC,aAAC,eAAA,KAAA,qnCAAA;;"}

package/dist/cjs/components/Header/Navigation/MenuItem/MenuItem.cjs

@@ -19,7 +19,12 @@ const traverseItem = (node) => {
   } else if ((node == null ? void 0 : node.data) != null && ((_a = node == null ? void 0 : node.data) == null ? void 0 : _a.length) > 0) {
     let i = 0;
     while (href == null && i < node.data.length) {
-      traverseItem(node == null ? void 0 : node.data[i]);
+      const childNavItem = traverseItem(node == null ? void 0 : node.data[i]);
+      if ((childNavItem == null ? void 0 : childNavItem.href) != null) {
+        href = childNavItem == null ? void 0 : childNavItem.href;
+        target = childNavItem == null ? void 0 : childNavItem.target;
+        break;
+      }
       i += 1;
     }
   }

package/dist/cjs/components/Header/Navigation/MenuItem/MenuItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.cjs","sources":["../../../../../../src/components/Header/Navigation/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { MouseEvent, useContext } from \"react\";\nimport { HvHeaderNavigationItemProp, HvTypography } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { isKeypress, keyboardCodes } from \"@core/utils\";\nimport { HvMenuBar } from \"../MenuBar\";\nimport { FocusContext } from \"../utils/FocusContext\";\nimport { SelectionContext } from \"../utils/SelectionContext\";\nimport { MenuItemLabel, MenuItemLi, MenuItemLink } from \"./MenuItem.styles\";\n\nexport interface MenuItemProps extends HvBaseProps<HTMLDivElement, \"onClick\"> {\n  item: HvHeaderNavigationItemProp;\n  type?: string;\n  onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;\n}\n\n// Traverse the tree of items and return the first href it finds\nconst traverseItem = (node: HvHeaderNavigationItemProp) => {\n  let href;\n  let target;\n\n  if (node?.href) {\n    href = node?.href;\n    target = node?.target;\n  } else if (node?.data != null && node?.data?.length > 0) {\n    let i = 0;\n    while (href == null && i < node.data.length) {\n      traverseItem(node?.data[i]);\n      i += 1;\n    }\n  }\n\n  return { href, target };\n};\n\nexport const HvMenuItem = ({ id, item, type, onClick }: MenuItemProps) => {\n  const selectionPath = useContext(SelectionContext);\n  const { dispatch } = useContext(FocusContext);\n\n  const { data } = item;\n  const hasSubLevel = data && data.length;\n  const isMenu = type === \"menu\";\n  const isSelected = selectionPath?.[isMenu ? 1 : 0] === item.id;\n  const isCurrent = isSelected\n    ? selectionPath?.length > (isMenu ? 2 : 1)\n      ? true\n      : \"page\"\n    : undefined;\n\n  const actionHandler = (event: any) => {\n    if (\n      event.type === \"click\" ||\n      isKeypress(event, keyboardCodes.Enter) ||\n      isKeypress(event, keyboardCodes.SpaceBar)\n    ) {\n      if (event.type === \"click\") {\n        event.currentTarget.blur();\n      }\n      onClick?.(event, item);\n    }\n  };\n\n  const handleFocus = (event: React.FocusEvent) => {\n    dispatch?.({ type: \"setItemFocused\", itemFocused: event.currentTarget });\n  };\n\n  const itemProps = {\n    onClick: actionHandler,\n    onKeyDown: actionHandler,\n    onFocus: handleFocus,\n  };\n\n  const label = (\n    <HvTypography\n      component=\"span\"\n      variant={isSelected ? \"label\" : \"body\"}\n      data-text={item.label}\n    >\n      {item.label}\n    </HvTypography>\n  );\n\n  let itemHref = item?.href;\n  let itemTarget = item?.target;\n\n  // apps should configure the href even on parent items without content\n  // so the fallback logic is theirs, but if not we'll do our best to find a link\n  if (item?.href == null) {\n    const { href, target } = traverseItem(item);\n    itemHref = href;\n    itemTarget = target;\n  }\n\n  return (\n    <MenuItemLi\n      id={id}\n      key={item.label}\n      $selected={!!isSelected}\n      $isMenu={isMenu}\n    >\n      {itemHref ? (\n        <MenuItemLink\n          href={itemHref}\n          target={itemTarget}\n          {...itemProps}\n          $isSelected={isSelected}\n          $isMenu={isMenu}\n          aria-current={isCurrent}\n        >\n          {label}\n        </MenuItemLink>\n      ) : (\n        // keeping this code path for backwards compatibility, but\n        // shouldn't really be used as it's not accessible\n        <MenuItemLabel\n          role=\"button\"\n          {...itemProps}\n          tabIndex={0}\n          $isSelected={isSelected}\n          $isMenu={isMenu}\n          aria-current={isCurrent}\n        >\n          {label}\n        </MenuItemLabel>\n      )}\n      {hasSubLevel && <HvMenuBar data={data} onClick={onClick} type=\"menu\" />}\n    </MenuItemLi>\n  );\n};\n"],"names":["traverseItem","node","href","target","data","length","i","HvMenuItem","id","item","type","onClick","selectionPath","useContext","SelectionContext","dispatch","FocusContext","hasSubLevel","isMenu","isSelected","isCurrent","undefined","actionHandler","event","isKeypress","keyboardCodes","Enter","SpaceBar","currentTarget","blur","handleFocus","itemFocused","itemProps","onKeyDown","onFocus","label","HvTypography","component","variant","children","itemHref","itemTarget","MenuItemLi","$selected","$isMenu","_jsx","MenuItemLink","$isSelected","MenuItemLabel","role","tabIndex","HvMenuBar"],"mappings":"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"}
+{"version":3,"file":"MenuItem.cjs","sources":["../../../../../../src/components/Header/Navigation/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { MouseEvent, useContext } from \"react\";\nimport { HvHeaderNavigationItemProp, HvTypography } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { isKeypress, keyboardCodes } from \"@core/utils\";\nimport { HvMenuBar } from \"../MenuBar\";\nimport { FocusContext } from \"../utils/FocusContext\";\nimport { SelectionContext } from \"../utils/SelectionContext\";\nimport { MenuItemLabel, MenuItemLi, MenuItemLink } from \"./MenuItem.styles\";\n\nexport interface MenuItemProps extends HvBaseProps<HTMLDivElement, \"onClick\"> {\n  item: HvHeaderNavigationItemProp;\n  type?: string;\n  onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;\n}\n\n// Traverse the tree of items and return the first href it finds\nconst traverseItem = (node: HvHeaderNavigationItemProp) => {\n  let href;\n  let target;\n\n  if (node?.href) {\n    href = node?.href;\n    target = node?.target;\n  } else if (node?.data != null && node?.data?.length > 0) {\n    let i = 0;\n    while (href == null && i < node.data.length) {\n      const childNavItem = traverseItem(node?.data[i]);\n      if (childNavItem?.href != null) {\n        href = childNavItem?.href;\n        target = childNavItem?.target;\n        break;\n      }\n\n      i += 1;\n    }\n  }\n\n  return { href, target };\n};\n\nexport const HvMenuItem = ({ id, item, type, onClick }: MenuItemProps) => {\n  const selectionPath = useContext(SelectionContext);\n  const { dispatch } = useContext(FocusContext);\n\n  const { data } = item;\n  const hasSubLevel = data && data.length;\n  const isMenu = type === \"menu\";\n  const isSelected = selectionPath?.[isMenu ? 1 : 0] === item.id;\n  const isCurrent = isSelected\n    ? selectionPath?.length > (isMenu ? 2 : 1)\n      ? true\n      : \"page\"\n    : undefined;\n\n  const actionHandler = (event: any) => {\n    if (\n      event.type === \"click\" ||\n      isKeypress(event, keyboardCodes.Enter) ||\n      isKeypress(event, keyboardCodes.SpaceBar)\n    ) {\n      if (event.type === \"click\") {\n        event.currentTarget.blur();\n      }\n      onClick?.(event, item);\n    }\n  };\n\n  const handleFocus = (event: React.FocusEvent) => {\n    dispatch?.({ type: \"setItemFocused\", itemFocused: event.currentTarget });\n  };\n\n  const itemProps = {\n    onClick: actionHandler,\n    onKeyDown: actionHandler,\n    onFocus: handleFocus,\n  };\n\n  const label = (\n    <HvTypography\n      component=\"span\"\n      variant={isSelected ? \"label\" : \"body\"}\n      data-text={item.label}\n    >\n      {item.label}\n    </HvTypography>\n  );\n\n  let itemHref = item?.href;\n  let itemTarget = item?.target;\n\n  // apps should configure the href even on parent items without content\n  // so the fallback logic is theirs, but if not we'll do our best to find a link\n  if (item?.href == null) {\n    const { href, target } = traverseItem(item);\n    itemHref = href;\n    itemTarget = target;\n  }\n\n  return (\n    <MenuItemLi\n      id={id}\n      key={item.label}\n      $selected={!!isSelected}\n      $isMenu={isMenu}\n    >\n      {itemHref ? (\n        <MenuItemLink\n          href={itemHref}\n          target={itemTarget}\n          {...itemProps}\n          $isSelected={isSelected}\n          $isMenu={isMenu}\n          aria-current={isCurrent}\n        >\n          {label}\n        </MenuItemLink>\n      ) : (\n        // keeping this code path for backwards compatibility, but\n        // shouldn't really be used as it's not accessible\n        <MenuItemLabel\n          role=\"button\"\n          {...itemProps}\n          tabIndex={0}\n          $isSelected={isSelected}\n          $isMenu={isMenu}\n          aria-current={isCurrent}\n        >\n          {label}\n        </MenuItemLabel>\n      )}\n      {hasSubLevel && <HvMenuBar data={data} onClick={onClick} type=\"menu\" />}\n    </MenuItemLi>\n  );\n};\n"],"names":["traverseItem","node","href","target","data","length","i","childNavItem","HvMenuItem","id","item","type","onClick","selectionPath","useContext","SelectionContext","dispatch","FocusContext","hasSubLevel","isMenu","isSelected","isCurrent","undefined","actionHandler","event","isKeypress","keyboardCodes","Enter","SpaceBar","currentTarget","blur","handleFocus","itemFocused","itemProps","onKeyDown","onFocus","label","HvTypography","component","variant","children","itemHref","itemTarget","MenuItemLi","$selected","$isMenu","_jsx","MenuItemLink","$isSelected","MenuItemLabel","role","tabIndex","HvMenuBar"],"mappings":"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"}

package/dist/cjs/components/InlineEditor/InlineEditor.cjs

@@ -95,15 +95,22 @@ const HvInlineEditor = ({
       onChange: handleChange,
       onKeyDown: handleKeyDown,
       ...others
-    }) : /* @__PURE__ */ jsxRuntime.jsxs(Button.HvButton, {
+    }) : /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
       variant: "secondaryGhost",
       overrideIconColors: false,
+      endIcon: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Edit, {
+        color: "secondary_60",
+        role: "presentation",
+        className: cx(classes.icon, {
+          [classes.iconVisible]: showIcon
+        })
+      }),
       className: cx(classes.button, {
         [classes.largeText]: parseInt(lineHeight, 10) >= 28
       }),
       onClick: handleClick,
       ...buttonProps,
-      children: [/* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+      children: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
         variant,
         noWrap: true,
         className: cx(classes.text, {
@@ -111,13 +118,7 @@ const HvInlineEditor = ({
         }),
         ...typographyProps,
         children: value || placeholder
-      }), /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Edit, {
-        color: "secondary_60",
-        role: "presentation",
-        className: cx(classes.icon, {
-          [classes.iconVisible]: showIcon
-        })
-      })]
+      })
     })
   });
 };

package/dist/cjs/components/InlineEditor/InlineEditor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InlineEditor.cjs","sources":["../../../../src/components/InlineEditor/InlineEditor.tsx"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport { useControlled } from \"@core/hooks\";\nimport {\n  ExtractNames,\n  getVarValue,\n  isKeypress,\n  keyboardCodes,\n} from \"@core/utils\";\nimport {\n  HvButtonProps,\n  HvTypographyVariants,\n  HvTypographyProps,\n  HvInput,\n  HvButton,\n  HvTypography,\n  HvInputProps,\n} from \"@core/components\";\nimport { HvThemeTypographyProps, theme } from \"@hitachivantara/uikit-styles\";\nimport { Edit } from \"@hitachivantara/uikit-react-icons\";\nimport { staticClasses, useClasses } from \"./InlineEditor.styles\";\n\nexport { staticClasses as inlineEditorClasses };\n\nexport type HvInlineEditorClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvInlineEditorProps\n  extends HvBaseProps<HTMLDivElement, \"onBlur\" | \"onChange\"> {\n  /** The value of the form element. */\n  value?: string;\n  /** Whether the Edit icon should always be visible */\n  showIcon?: boolean;\n  /** Component to use as the input. The component \"inherit\" from `HvBaseInput` (such as `HvInput` or `HvTextArea`) */\n  component?: React.ElementType;\n  /** Variant of the HvTypography to display */\n  variant?: HvTypographyVariants;\n  /** Called when the input is blurred. */\n  onBlur?: (\n    event: React.FocusEvent<HTMLTextAreaElement | HTMLInputElement>,\n    value: string\n  ) => void;\n  /** Called when the input value changes. */\n  onChange?: (event: React.SyntheticEvent, value: string) => void;\n  /** Props passed to the HvButton component */\n  buttonProps?: HvButtonProps;\n  /** Props passed to the HvTypography text component */\n  typographyProps?: HvTypographyProps;\n  /** A Jss Object used to override or extend the styles applied to the empty state component. */\n  classes?: HvInlineEditorClasses;\n}\n\nconst getTypographyStyles = (typography): HvThemeTypographyProps => {\n  const typographyStyles = {};\n  Object.keys(typography).forEach((k) => {\n    typographyStyles[k] = getVarValue(typography[k]);\n  });\n  return typographyStyles;\n};\n\n/**\n * An Inline Editor allows the user to edit a record without making a major switch\n * between viewing and editing, making it an efficient method of updating a record.\n */\nexport const HvInlineEditor = ({\n  className,\n  classes: classesProp,\n  value: valueProp,\n  defaultValue,\n  showIcon,\n  component: InputComponent = HvInput,\n  variant = \"body\",\n  placeholder = \"Enter text\",\n  onBlur,\n  onChange,\n  onKeyDown,\n  buttonProps,\n  typographyProps,\n  ...others\n}: HvInlineEditorProps) => {\n  const { classes, cx } = useClasses(classesProp);\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n  const [editMode, setEditMode] = useState(false);\n  const [cachedValue, setCachedValue] = useState(value);\n  const inputRef = useRef<HTMLInputElement>();\n\n  const typographyStyles = getTypographyStyles(theme.typography[variant] || {});\n  const { lineHeight } = typographyStyles;\n\n  useLayoutEffect(() => {\n    const input = inputRef.current;\n    if (editMode && input) {\n      input.focus();\n      input.select();\n    }\n  }, [editMode]);\n\n  const handleClick = () => {\n    setEditMode(true);\n    setCachedValue(value);\n  };\n\n  const handleBlur: HvInputProps[\"onBlur\"] = (event) => {\n    setEditMode(false);\n\n    const newValue = value || cachedValue; // empty values should be ignored\n    setValue(newValue);\n    onBlur?.(event, newValue);\n  };\n\n  const handleKeyDown: HvInputProps[\"onKeyDown\"] = (event) => {\n    if (isKeypress(event, keyboardCodes.Esc)) {\n      setEditMode(false);\n      setValue(cachedValue);\n    }\n    onKeyDown?.(event as any);\n  };\n\n  const handleChange: HvInputProps[\"onChange\"] = (event, val) => {\n    setValue(val);\n    onChange?.(event, val);\n  };\n\n  return (\n    <div className={cx(className, classes.root)}>\n      {editMode ? (\n        <InputComponent\n          inputRef={inputRef}\n          classes={{\n            root: classes.inputRoot,\n            input: classes.input,\n            inputBorderContainer: classes.inputBorderContainer,\n          }}\n          inputProps={{\n            style: {\n              ...typographyStyles,\n              height: InputComponent === HvInput ? lineHeight : undefined,\n            },\n          }}\n          value={value}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          {...others}\n        />\n      ) : (\n        <HvButton\n          variant=\"secondaryGhost\"\n          overrideIconColors={false}\n          className={cx(classes.button, {\n            [classes.largeText]: parseInt(lineHeight as string, 10) >= 28,\n          })}\n          onClick={handleClick}\n          {...buttonProps}\n        >\n          <HvTypography\n            variant={variant}\n            noWrap\n            className={cx(classes.text, { [classes.textEmpty]: !value })}\n            {...typographyProps}\n          >\n            {value || placeholder}\n          </HvTypography>\n          <Edit\n            color=\"secondary_60\"\n            role=\"presentation\"\n            className={cx(classes.icon, { [classes.iconVisible]: showIcon })}\n          />\n        </HvButton>\n      )}\n    </div>\n  );\n};\n"],"names":["getTypographyStyles","typography","typographyStyles","Object","keys","forEach","k","getVarValue","HvInlineEditor","className","classes","classesProp","value","valueProp","defaultValue","showIcon","component","InputComponent","HvInput","variant","placeholder","onBlur","onChange","onKeyDown","buttonProps","typographyProps","others","cx","useClasses","setValue","useControlled","editMode","setEditMode","useState","cachedValue","setCachedValue","inputRef","useRef","theme","lineHeight","useLayoutEffect","input","current","focus","select","handleClick","handleBlur","event","newValue","handleKeyDown","isKeypress","keyboardCodes","Esc","handleChange","val","root","children","_jsx","inputRoot","inputBorderContainer","inputProps","style","height","undefined","_jsxs","HvButton","overrideIconColors","button","largeText","parseInt","onClick","HvTypography","noWrap","text","textEmpty","Edit","color","role","icon","iconVisible"],"mappings":"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"}
+{"version":3,"file":"InlineEditor.cjs","sources":["../../../../src/components/InlineEditor/InlineEditor.tsx"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport { useControlled } from \"@core/hooks\";\nimport {\n  ExtractNames,\n  getVarValue,\n  isKeypress,\n  keyboardCodes,\n} from \"@core/utils\";\nimport {\n  HvButtonProps,\n  HvTypographyVariants,\n  HvTypographyProps,\n  HvInput,\n  HvButton,\n  HvTypography,\n  HvInputProps,\n} from \"@core/components\";\nimport { HvThemeTypographyProps, theme } from \"@hitachivantara/uikit-styles\";\nimport { Edit } from \"@hitachivantara/uikit-react-icons\";\nimport { staticClasses, useClasses } from \"./InlineEditor.styles\";\n\nexport { staticClasses as inlineEditorClasses };\n\nexport type HvInlineEditorClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvInlineEditorProps\n  extends HvBaseProps<HTMLDivElement, \"onBlur\" | \"onChange\"> {\n  /** The value of the form element. */\n  value?: string;\n  /** Whether the Edit icon should always be visible */\n  showIcon?: boolean;\n  /** Component to use as the input. The component \"inherit\" from `HvBaseInput` (such as `HvInput` or `HvTextArea`) */\n  component?: React.ElementType;\n  /** Variant of the HvTypography to display */\n  variant?: HvTypographyVariants;\n  /** Called when the input is blurred. */\n  onBlur?: (\n    event: React.FocusEvent<HTMLTextAreaElement | HTMLInputElement>,\n    value: string\n  ) => void;\n  /** Called when the input value changes. */\n  onChange?: (event: React.SyntheticEvent, value: string) => void;\n  /** Props passed to the HvButton component */\n  buttonProps?: HvButtonProps;\n  /** Props passed to the HvTypography text component */\n  typographyProps?: HvTypographyProps;\n  /** A Jss Object used to override or extend the styles applied to the empty state component. */\n  classes?: HvInlineEditorClasses;\n}\n\nconst getTypographyStyles = (typography): HvThemeTypographyProps => {\n  const typographyStyles = {};\n  Object.keys(typography).forEach((k) => {\n    typographyStyles[k] = getVarValue(typography[k]);\n  });\n  return typographyStyles;\n};\n\n/**\n * An Inline Editor allows the user to edit a record without making a major switch\n * between viewing and editing, making it an efficient method of updating a record.\n */\nexport const HvInlineEditor = ({\n  className,\n  classes: classesProp,\n  value: valueProp,\n  defaultValue,\n  showIcon,\n  component: InputComponent = HvInput,\n  variant = \"body\",\n  placeholder = \"Enter text\",\n  onBlur,\n  onChange,\n  onKeyDown,\n  buttonProps,\n  typographyProps,\n  ...others\n}: HvInlineEditorProps) => {\n  const { classes, cx } = useClasses(classesProp);\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n  const [editMode, setEditMode] = useState(false);\n  const [cachedValue, setCachedValue] = useState(value);\n  const inputRef = useRef<HTMLInputElement>();\n\n  const typographyStyles = getTypographyStyles(theme.typography[variant] || {});\n  const { lineHeight } = typographyStyles;\n\n  useLayoutEffect(() => {\n    const input = inputRef.current;\n    if (editMode && input) {\n      input.focus();\n      input.select();\n    }\n  }, [editMode]);\n\n  const handleClick = () => {\n    setEditMode(true);\n    setCachedValue(value);\n  };\n\n  const handleBlur: HvInputProps[\"onBlur\"] = (event) => {\n    setEditMode(false);\n\n    const newValue = value || cachedValue; // empty values should be ignored\n    setValue(newValue);\n    onBlur?.(event, newValue);\n  };\n\n  const handleKeyDown: HvInputProps[\"onKeyDown\"] = (event) => {\n    if (isKeypress(event, keyboardCodes.Esc)) {\n      setEditMode(false);\n      setValue(cachedValue);\n    }\n    onKeyDown?.(event as any);\n  };\n\n  const handleChange: HvInputProps[\"onChange\"] = (event, val) => {\n    setValue(val);\n    onChange?.(event, val);\n  };\n\n  return (\n    <div className={cx(className, classes.root)}>\n      {editMode ? (\n        <InputComponent\n          inputRef={inputRef}\n          classes={{\n            root: classes.inputRoot,\n            input: classes.input,\n            inputBorderContainer: classes.inputBorderContainer,\n          }}\n          inputProps={{\n            style: {\n              ...typographyStyles,\n              height: InputComponent === HvInput ? lineHeight : undefined,\n            },\n          }}\n          value={value}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          {...others}\n        />\n      ) : (\n        <HvButton\n          variant=\"secondaryGhost\"\n          overrideIconColors={false}\n          endIcon={\n            <Edit\n              color=\"secondary_60\"\n              role=\"presentation\"\n              className={cx(classes.icon, { [classes.iconVisible]: showIcon })}\n            />\n          }\n          className={cx(classes.button, {\n            [classes.largeText]: parseInt(lineHeight as string, 10) >= 28,\n          })}\n          onClick={handleClick}\n          {...buttonProps}\n        >\n          <HvTypography\n            variant={variant}\n            noWrap\n            className={cx(classes.text, { [classes.textEmpty]: !value })}\n            {...typographyProps}\n          >\n            {value || placeholder}\n          </HvTypography>\n        </HvButton>\n      )}\n    </div>\n  );\n};\n"],"names":["getTypographyStyles","typography","typographyStyles","Object","keys","forEach","k","getVarValue","HvInlineEditor","className","classes","classesProp","value","valueProp","defaultValue","showIcon","component","InputComponent","HvInput","variant","placeholder","onBlur","onChange","onKeyDown","buttonProps","typographyProps","others","cx","useClasses","setValue","useControlled","editMode","setEditMode","useState","cachedValue","setCachedValue","inputRef","useRef","theme","lineHeight","useLayoutEffect","input","current","focus","select","handleClick","handleBlur","event","newValue","handleKeyDown","isKeypress","keyboardCodes","Esc","handleChange","val","root","children","_jsx","inputRoot","inputBorderContainer","inputProps","style","height","undefined","HvButton","overrideIconColors","endIcon","Edit","color","role","icon","iconVisible","button","largeText","parseInt","onClick","HvTypography","noWrap","text","textEmpty"],"mappings":"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"}

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

@@ -105,7 +105,7 @@ const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.N
       }
     }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTXVsdGlCdXR0b24vTXVsdGlCdXR0b24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9NdWx0aUJ1dHRvbi9NdWx0aUJ1dHRvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY2xzeCB9IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdmVydGljYWwgfTogeyAkdmVydGljYWw6IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGhlaWdodDogMzIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIHRyYW5zaXRpb246IFwibm9uZVwiLFxuICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzIsXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHpJbmRleDogMCxcblxuICAvLyBwcmV2ZW50IHRoZSBmb2N1cyByaW5nIHRvIGJlIGhpZGRlbiBieSBzaWJsaW5nIGhvdmVyIGJhY2tncm91bmRcbiAgXCImPi5IdklzRm9jdXNWaXNpYmxlXCI6IHtcbiAgICB6SW5kZXg6IDUsXG4gIH0sXG5cbiAgLi4uKCR2ZXJ0aWNhbCAmJiB7XG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBoZWlnaHQ6IFwiYXV0b1wiLFxuICAgIGJ0blNlY29uZGFyeToge1xuICAgICAgZmxleDogXCIxIDEgMjBweFwiLFxuICAgIH0sXG4gICAgXCImIGJ1dHRvbi5idXR0b25cIjoge1xuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgYm9yZGVyTGVmdDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgYm9yZGVyUmlnaHQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIGJvcmRlclRvcDogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgIGJvcmRlckJvdHRvbTogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICAgICAgICBib3JkZXJMZWZ0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIGJvcmRlclJpZ2h0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIGJvcmRlclRvcDogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgICAgYm9yZGVyQm90dG9tOiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJvcmRlckxlZnQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgICAgICBib3JkZXJSaWdodDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICAgIGJvcmRlclRvcDogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgICAgICBib3JkZXJCb3R0b206IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgXCImOmZpcnN0LW9mLXR5cGVcIjoge1xuICAgICAgICBib3JkZXJUb3A6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgICAgYm9yZGVyVG9wTGVmdFJhZGl1czogXCIycHhcIixcbiAgICAgICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgIFwiJjpkaXNhYmxlZDpob3ZlclwiOiB7XG4gICAgICAgICAgYm9yZGVyVG9wOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgXCImOmxhc3QtY2hpbGRcIjoge1xuICAgICAgICBib3JkZXJCb3R0b206IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogXCIycHhcIixcbiAgICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgIFwiJjpkaXNhYmxlZDpob3ZlclwiOiB7XG4gICAgICAgICAgYm9yZGVyQm90dG9tOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgXCImOm5vdCg6Zmlyc3Qtb2YtdHlwZSlcIjoge1xuICAgICAgICBtYXJnaW5MZWZ0OiAwLFxuICAgICAgICBtYXJnaW5Ub3A6IC0xLFxuICAgICAgfSxcbiAgICAgIFwiJi5zZWxlY3RlZFwiOiB7XG4gICAgICAgIGhlaWdodDogMzIsXG4gICAgICAgIHdpZHRoOiBgY2FsYygxMDAlICsgMnB4KSAhaW1wb3J0YW50YCxcbiAgICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5yYWRpaS5iYXNlLFxuICAgICAgICBib3JkZXI6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gICAgICAgIHpJbmRleDogMixcbiAgICAgICAgXCImOmhvdmVyLCAmOmZvY3VzXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgICAgICAgekluZGV4OiAxLFxuICAgICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICAgICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgICAgICBib3JkZXI6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSAoeyB0eXBlOiBDb21wb25lbnQsIHByb3BzIH0pID0+XG4gIHN0eWxlZCgoeyBjbGFzc05hbWUgfSkgPT4gKFxuICAgIDxDb21wb25lbnRcbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIGNsYXNzTmFtZT17Y2xzeChcImJ1dHRvblwiLCBwcm9wcy5zZWxlY3RlZCAmJiBcInNlbGVjdGVkXCIsIGNsYXNzTmFtZSl9XG4gICAgLz5cbiAgKSkoe1xuICAgIGhlaWdodDogMzIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIG1pbldpZHRoOiAzMixcbiAgICBtYXhXaWR0aDogMjAwLFxuICAgIHRyYW5zaXRpb246IFwibm9uZVwiLFxuICAgIGZsZXg6IFwiMSAwIDBweFwiLFxuICAgIGJvcmRlclRvcDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgIGJvcmRlckJvdHRvbTogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgIGJvcmRlckxlZnQ6IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgYm9yZGVyUmlnaHQ6IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgYm9yZGVyUmFkaXVzOiAwLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8yLFxuICAgIFwiOmRpc2FibGVkXCI6IHsgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5tdWx0aUJ1dHRvbi5kaXNhYmxlZEJhY2tncm91bmRDb2xvciB9LFxuICAgIFwiOmhvdmVyXCI6IHtcbiAgICAgIGJvcmRlclRvcDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgYm9yZGVyQm90dG9tOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICBib3JkZXJMZWZ0OiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgICAgYm9yZGVyUmlnaHQ6IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgfSxcbiAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5ib2R5IGFzIENTU1Byb3BlcnRpZXMpLFxuICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzN9YCxcbiAgICB9LFxuICAgIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICAgIGJvcmRlclRvcDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgYm9yZGVyQm90dG9tOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXJUb3A6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgICAgYm9yZGVyQm90dG9tOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIGJvcmRlckxlZnQ6IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgICAgIGJvcmRlclJpZ2h0OiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgICAgfSxcbiAgICB9LFxuICAgIFwiJjpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICAgIGJvcmRlckxlZnQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIGJvcmRlclRvcExlZnRSYWRpdXM6IHRoZW1lLnJhZGlpLmJhc2UsXG4gICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiB0aGVtZS5yYWRpaS5iYXNlLFxuICAgICAgXCImOmRpc2FibGVkOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyTGVmdDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgfSxcbiAgICB9LFxuICAgIFwiJjpsYXN0LWNoaWxkXCI6IHtcbiAgICAgIGJvcmRlclJpZ2h0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICBib3JkZXJUb3BSaWdodFJhZGl1czogdGhlbWUucmFkaWkuYmFzZSxcbiAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiB0aGVtZS5yYWRpaS5iYXNlLFxuICAgICAgXCImOmRpc2FibGVkOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyUmlnaHQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIH0sXG4gICAgfSxcbiAgICBcIiY6bm90KDpmaXJzdC1vZi10eXBlKVwiOiB7XG4gICAgICBtYXJnaW5MZWZ0OiBcIi0xcHhcIixcbiAgICB9LFxuICAgIFwiJi5zZWxlY3RlZFwiOiB7XG4gICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgICBoZWlnaHQ6IDM0LFxuICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkubGFiZWwgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICBib3JkZXI6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gICAgICB6SW5kZXg6IDIsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgIFwiJjpub3QoOmRpc2FibGVkKVwiOiB7XG4gICAgICAgICAgYm9yZGVyOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeX1gLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgICAgIGJvcmRlcjogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICAgIFwiJjpmaXJzdC1vZi10eXBlLCAmOmxhc3QtY2hpbGRcIjoge1xuICAgICAgICBib3JkZXI6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gICAgICB9LFxuXG4gICAgICAvLyBwcmV2ZW50IHRoZSBmb2N1cyByaW5nIHRvIGJlIGhpZGRlbiBieSBzaWJsaW5nIGhvdmVyIGJhY2tncm91bmRcbiAgICAgIC8vIGV2ZW4gd2hlbiBzZWxlY3RlZFxuICAgICAgXCImLkh2SXNGb2N1c1Zpc2libGVcIjoge1xuICAgICAgICB6SW5kZXg6IDUsXG4gICAgICB9LFxuICAgICAgXCImOmRpc2FibGVkXCI6IHtcbiAgICAgICAgekluZGV4OiAxLFxuICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgICAgICBib3JkZXI6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSk7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTXVsdGlCdXR0b24vTXVsdGlCdXR0b24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9NdWx0aUJ1dHRvbi9NdWx0aUJ1dHRvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY2xzeCB9IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdmVydGljYWwgfTogeyAkdmVydGljYWw6IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGhlaWdodDogMzIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIHRyYW5zaXRpb246IFwibm9uZVwiLFxuICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzIsXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHpJbmRleDogMCxcblxuICAvLyBwcmV2ZW50IHRoZSBmb2N1cyByaW5nIHRvIGJlIGhpZGRlbiBieSBzaWJsaW5nIGhvdmVyIGJhY2tncm91bmRcbiAgXCImPi5IdklzRm9jdXNWaXNpYmxlXCI6IHtcbiAgICB6SW5kZXg6IDUsXG4gIH0sXG5cbiAgLi4uKCR2ZXJ0aWNhbCAmJiB7XG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBoZWlnaHQ6IFwiYXV0b1wiLFxuICAgIGJ0blNlY29uZGFyeToge1xuICAgICAgZmxleDogXCIxIDEgMjBweFwiLFxuICAgIH0sXG4gICAgXCImIGJ1dHRvbi5idXR0b25cIjoge1xuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgYm9yZGVyTGVmdDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgYm9yZGVyUmlnaHQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIGJvcmRlclRvcDogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgIGJvcmRlckJvdHRvbTogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICAgICAgICBib3JkZXJMZWZ0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIGJvcmRlclJpZ2h0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIGJvcmRlclRvcDogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgICAgYm9yZGVyQm90dG9tOiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJvcmRlckxlZnQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgICAgICBib3JkZXJSaWdodDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICAgIGJvcmRlclRvcDogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgICAgICBib3JkZXJCb3R0b206IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgXCImOmZpcnN0LW9mLXR5cGVcIjoge1xuICAgICAgICBib3JkZXJUb3A6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgICAgYm9yZGVyVG9wTGVmdFJhZGl1czogXCIycHhcIixcbiAgICAgICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgIFwiJjpkaXNhYmxlZDpob3ZlclwiOiB7XG4gICAgICAgICAgYm9yZGVyVG9wOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgXCImOmxhc3QtY2hpbGRcIjoge1xuICAgICAgICBib3JkZXJCb3R0b206IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogXCIycHhcIixcbiAgICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgIFwiJjpkaXNhYmxlZDpob3ZlclwiOiB7XG4gICAgICAgICAgYm9yZGVyQm90dG9tOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgXCImOm5vdCg6Zmlyc3Qtb2YtdHlwZSlcIjoge1xuICAgICAgICBtYXJnaW5MZWZ0OiAwLFxuICAgICAgICBtYXJnaW5Ub3A6IC0xLFxuICAgICAgfSxcbiAgICAgIFwiJi5zZWxlY3RlZFwiOiB7XG4gICAgICAgIGhlaWdodDogMzIsXG4gICAgICAgIHdpZHRoOiBgY2FsYygxMDAlICsgMnB4KSAhaW1wb3J0YW50YCxcbiAgICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5yYWRpaS5iYXNlLFxuICAgICAgICBib3JkZXI6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gICAgICAgIHpJbmRleDogMixcbiAgICAgICAgXCImOmhvdmVyLCAmOmZvY3VzXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgICAgICAgekluZGV4OiAxLFxuICAgICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICAgICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgICAgICBib3JkZXI6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSAoeyB0eXBlOiBDb21wb25lbnQsIHByb3BzIH0pID0+XG4gIHN0eWxlZCgoeyBjbGFzc05hbWUgfSkgPT4gKFxuICAgIDxDb21wb25lbnRcbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIGNsYXNzTmFtZT17Y2xzeChcImJ1dHRvblwiLCBwcm9wcy5zZWxlY3RlZCAmJiBcInNlbGVjdGVkXCIsIGNsYXNzTmFtZSl9XG4gICAgLz5cbiAgKSkoe1xuICAgIGhlaWdodDogMzIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIG1pbldpZHRoOiAzMixcbiAgICBtYXhXaWR0aDogMjAwLFxuICAgIHRyYW5zaXRpb246IFwibm9uZVwiLFxuICAgIGZsZXg6IFwiMSAwIDBweFwiLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgYm9yZGVyVG9wOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgYm9yZGVyQm90dG9tOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgYm9yZGVyTGVmdDogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICBib3JkZXJSaWdodDogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzIsXG4gICAgXCI6ZGlzYWJsZWRcIjogeyBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLm11bHRpQnV0dG9uLmRpc2FibGVkQmFja2dyb3VuZENvbG9yIH0sXG4gICAgXCI6aG92ZXJcIjoge1xuICAgICAgYm9yZGVyVG9wOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICBib3JkZXJCb3R0b206IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIGJvcmRlckxlZnQ6IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgICBib3JkZXJSaWdodDogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICB9LFxuICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGAke3RoZW1lLmNvbG9ycy5hdG1vM31gLFxuICAgIH0sXG4gICAgXCImOmRpc2FibGVkXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICAgICAgYm9yZGVyVG9wOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICBib3JkZXJCb3R0b206IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJvcmRlclRvcDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICBib3JkZXJCb3R0b206IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgICAgYm9yZGVyTGVmdDogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgICAgYm9yZGVyUmlnaHQ6IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgICB9LFxuICAgIH0sXG4gICAgXCImOmZpcnN0LW9mLXR5cGVcIjoge1xuICAgICAgYm9yZGVyTGVmdDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgYm9yZGVyVG9wTGVmdFJhZGl1czogdGhlbWUucmFkaWkuYmFzZSxcbiAgICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IHRoZW1lLnJhZGlpLmJhc2UsXG4gICAgICBcIiY6ZGlzYWJsZWQ6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXJMZWZ0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICB9LFxuICAgIH0sXG4gICAgXCImOmxhc3QtY2hpbGRcIjoge1xuICAgICAgYm9yZGVyUmlnaHQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiB0aGVtZS5yYWRpaS5iYXNlLFxuICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IHRoZW1lLnJhZGlpLmJhc2UsXG4gICAgICBcIiY6ZGlzYWJsZWQ6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXJSaWdodDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgfSxcbiAgICB9LFxuICAgIFwiJjpub3QoOmZpcnN0LW9mLXR5cGUpXCI6IHtcbiAgICAgIG1hcmdpbkxlZnQ6IFwiLTFweFwiLFxuICAgIH0sXG4gICAgXCImLnNlbGVjdGVkXCI6IHtcbiAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgIGhlaWdodDogMzQsXG4gICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIGJvcmRlcjogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnl9YCxcbiAgICAgIHpJbmRleDogMixcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgICAgXCImOm5vdCg6ZGlzYWJsZWQpXCI6IHtcbiAgICAgICAgICBib3JkZXI6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgICAgICAgYm9yZGVyOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgXCImOmZpcnN0LW9mLXR5cGUsICY6bGFzdC1jaGlsZFwiOiB7XG4gICAgICAgIGJvcmRlcjogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnl9YCxcbiAgICAgIH0sXG5cbiAgICAgIC8vIHByZXZlbnQgdGhlIGZvY3VzIHJpbmcgdG8gYmUgaGlkZGVuIGJ5IHNpYmxpbmcgaG92ZXIgYmFja2dyb3VuZFxuICAgICAgLy8gZXZlbiB3aGVuIHNlbGVjdGVkXG4gICAgICBcIiYuSHZJc0ZvY3VzVmlzaWJsZVwiOiB7XG4gICAgICAgIHpJbmRleDogNSxcbiAgICAgIH0sXG4gICAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgICAgIGJvcmRlcjogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgfSxcbiAgICB9LFxuICB9KTtcbiJdfQ== */");
 const StyledButton = ({
   type: Component,
   props
@@ -126,6 +126,7 @@ const StyledButton = ({
   maxWidth: 200,
   transition: "none",
   flex: "1 0 0px",
+  padding: 0,
   borderTop: `solid 1px ${uikitStyles.theme.colors.atmo4}`,
   borderBottom: `solid 1px ${uikitStyles.theme.colors.atmo4}`,
   borderLeft: "solid 1px transparent",
@@ -205,7 +206,7 @@ const StyledButton = ({
       border: `solid 1px ${uikitStyles.theme.colors.atmo4}`
     }
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTXVsdGlCdXR0b24vTXVsdGlCdXR0b24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRkUiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9NdWx0aUJ1dHRvbi9NdWx0aUJ1dHRvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY2xzeCB9IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdmVydGljYWwgfTogeyAkdmVydGljYWw6IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGhlaWdodDogMzIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIHRyYW5zaXRpb246IFwibm9uZVwiLFxuICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzIsXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHpJbmRleDogMCxcblxuICAvLyBwcmV2ZW50IHRoZSBmb2N1cyByaW5nIHRvIGJlIGhpZGRlbiBieSBzaWJsaW5nIGhvdmVyIGJhY2tncm91bmRcbiAgXCImPi5IdklzRm9jdXNWaXNpYmxlXCI6IHtcbiAgICB6SW5kZXg6IDUsXG4gIH0sXG5cbiAgLi4uKCR2ZXJ0aWNhbCAmJiB7XG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBoZWlnaHQ6IFwiYXV0b1wiLFxuICAgIGJ0blNlY29uZGFyeToge1xuICAgICAgZmxleDogXCIxIDEgMjBweFwiLFxuICAgIH0sXG4gICAgXCImIGJ1dHRvbi5idXR0b25cIjoge1xuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgYm9yZGVyTGVmdDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgYm9yZGVyUmlnaHQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIGJvcmRlclRvcDogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgIGJvcmRlckJvdHRvbTogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICAgICAgICBib3JkZXJMZWZ0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIGJvcmRlclJpZ2h0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIGJvcmRlclRvcDogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgICAgYm9yZGVyQm90dG9tOiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJvcmRlckxlZnQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgICAgICBib3JkZXJSaWdodDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICAgIGJvcmRlclRvcDogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgICAgICBib3JkZXJCb3R0b206IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgXCImOmZpcnN0LW9mLXR5cGVcIjoge1xuICAgICAgICBib3JkZXJUb3A6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgICAgYm9yZGVyVG9wTGVmdFJhZGl1czogXCIycHhcIixcbiAgICAgICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgIFwiJjpkaXNhYmxlZDpob3ZlclwiOiB7XG4gICAgICAgICAgYm9yZGVyVG9wOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgXCImOmxhc3QtY2hpbGRcIjoge1xuICAgICAgICBib3JkZXJCb3R0b206IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogXCIycHhcIixcbiAgICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgIFwiJjpkaXNhYmxlZDpob3ZlclwiOiB7XG4gICAgICAgICAgYm9yZGVyQm90dG9tOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgXCImOm5vdCg6Zmlyc3Qtb2YtdHlwZSlcIjoge1xuICAgICAgICBtYXJnaW5MZWZ0OiAwLFxuICAgICAgICBtYXJnaW5Ub3A6IC0xLFxuICAgICAgfSxcbiAgICAgIFwiJi5zZWxlY3RlZFwiOiB7XG4gICAgICAgIGhlaWdodDogMzIsXG4gICAgICAgIHdpZHRoOiBgY2FsYygxMDAlICsgMnB4KSAhaW1wb3J0YW50YCxcbiAgICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5yYWRpaS5iYXNlLFxuICAgICAgICBib3JkZXI6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gICAgICAgIHpJbmRleDogMixcbiAgICAgICAgXCImOmhvdmVyLCAmOmZvY3VzXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgICAgICAgekluZGV4OiAxLFxuICAgICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICAgICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgICAgICBib3JkZXI6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSAoeyB0eXBlOiBDb21wb25lbnQsIHByb3BzIH0pID0+XG4gIHN0eWxlZCgoeyBjbGFzc05hbWUgfSkgPT4gKFxuICAgIDxDb21wb25lbnRcbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIGNsYXNzTmFtZT17Y2xzeChcImJ1dHRvblwiLCBwcm9wcy5zZWxlY3RlZCAmJiBcInNlbGVjdGVkXCIsIGNsYXNzTmFtZSl9XG4gICAgLz5cbiAgKSkoe1xuICAgIGhlaWdodDogMzIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIG1pbldpZHRoOiAzMixcbiAgICBtYXhXaWR0aDogMjAwLFxuICAgIHRyYW5zaXRpb246IFwibm9uZVwiLFxuICAgIGZsZXg6IFwiMSAwIDBweFwiLFxuICAgIGJvcmRlclRvcDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgIGJvcmRlckJvdHRvbTogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgIGJvcmRlckxlZnQ6IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgYm9yZGVyUmlnaHQ6IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgYm9yZGVyUmFkaXVzOiAwLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8yLFxuICAgIFwiOmRpc2FibGVkXCI6IHsgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5tdWx0aUJ1dHRvbi5kaXNhYmxlZEJhY2tncm91bmRDb2xvciB9LFxuICAgIFwiOmhvdmVyXCI6IHtcbiAgICAgIGJvcmRlclRvcDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgYm9yZGVyQm90dG9tOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICBib3JkZXJMZWZ0OiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgICAgYm9yZGVyUmlnaHQ6IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgfSxcbiAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5ib2R5IGFzIENTU1Byb3BlcnRpZXMpLFxuICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzN9YCxcbiAgICB9LFxuICAgIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICAgIGJvcmRlclRvcDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgYm9yZGVyQm90dG9tOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXJUb3A6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgICAgYm9yZGVyQm90dG9tOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIGJvcmRlckxlZnQ6IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgICAgIGJvcmRlclJpZ2h0OiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgICAgfSxcbiAgICB9LFxuICAgIFwiJjpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICAgIGJvcmRlckxlZnQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIGJvcmRlclRvcExlZnRSYWRpdXM6IHRoZW1lLnJhZGlpLmJhc2UsXG4gICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiB0aGVtZS5yYWRpaS5iYXNlLFxuICAgICAgXCImOmRpc2FibGVkOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyTGVmdDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgfSxcbiAgICB9LFxuICAgIFwiJjpsYXN0LWNoaWxkXCI6IHtcbiAgICAgIGJvcmRlclJpZ2h0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICBib3JkZXJUb3BSaWdodFJhZGl1czogdGhlbWUucmFkaWkuYmFzZSxcbiAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiB0aGVtZS5yYWRpaS5iYXNlLFxuICAgICAgXCImOmRpc2FibGVkOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyUmlnaHQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIH0sXG4gICAgfSxcbiAgICBcIiY6bm90KDpmaXJzdC1vZi10eXBlKVwiOiB7XG4gICAgICBtYXJnaW5MZWZ0OiBcIi0xcHhcIixcbiAgICB9LFxuICAgIFwiJi5zZWxlY3RlZFwiOiB7XG4gICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgICBoZWlnaHQ6IDM0LFxuICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkubGFiZWwgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICBib3JkZXI6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gICAgICB6SW5kZXg6IDIsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgIFwiJjpub3QoOmRpc2FibGVkKVwiOiB7XG4gICAgICAgICAgYm9yZGVyOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeX1gLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgICAgIGJvcmRlcjogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICAgIFwiJjpmaXJzdC1vZi10eXBlLCAmOmxhc3QtY2hpbGRcIjoge1xuICAgICAgICBib3JkZXI6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gICAgICB9LFxuXG4gICAgICAvLyBwcmV2ZW50IHRoZSBmb2N1cyByaW5nIHRvIGJlIGhpZGRlbiBieSBzaWJsaW5nIGhvdmVyIGJhY2tncm91bmRcbiAgICAgIC8vIGV2ZW4gd2hlbiBzZWxlY3RlZFxuICAgICAgXCImLkh2SXNGb2N1c1Zpc2libGVcIjoge1xuICAgICAgICB6SW5kZXg6IDUsXG4gICAgICB9LFxuICAgICAgXCImOmRpc2FibGVkXCI6IHtcbiAgICAgICAgekluZGV4OiAxLFxuICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgICAgICBib3JkZXI6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSk7XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTXVsdGlCdXR0b24vTXVsdGlCdXR0b24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRkUiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9NdWx0aUJ1dHRvbi9NdWx0aUJ1dHRvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY2xzeCB9IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdmVydGljYWwgfTogeyAkdmVydGljYWw6IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGhlaWdodDogMzIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIHRyYW5zaXRpb246IFwibm9uZVwiLFxuICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzIsXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHpJbmRleDogMCxcblxuICAvLyBwcmV2ZW50IHRoZSBmb2N1cyByaW5nIHRvIGJlIGhpZGRlbiBieSBzaWJsaW5nIGhvdmVyIGJhY2tncm91bmRcbiAgXCImPi5IdklzRm9jdXNWaXNpYmxlXCI6IHtcbiAgICB6SW5kZXg6IDUsXG4gIH0sXG5cbiAgLi4uKCR2ZXJ0aWNhbCAmJiB7XG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBoZWlnaHQ6IFwiYXV0b1wiLFxuICAgIGJ0blNlY29uZGFyeToge1xuICAgICAgZmxleDogXCIxIDEgMjBweFwiLFxuICAgIH0sXG4gICAgXCImIGJ1dHRvbi5idXR0b25cIjoge1xuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgYm9yZGVyTGVmdDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgYm9yZGVyUmlnaHQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIGJvcmRlclRvcDogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgIGJvcmRlckJvdHRvbTogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICAgICAgICBib3JkZXJMZWZ0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIGJvcmRlclJpZ2h0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIGJvcmRlclRvcDogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgICAgYm9yZGVyQm90dG9tOiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJvcmRlckxlZnQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgICAgICBib3JkZXJSaWdodDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICAgIGJvcmRlclRvcDogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgICAgICBib3JkZXJCb3R0b206IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgXCImOmZpcnN0LW9mLXR5cGVcIjoge1xuICAgICAgICBib3JkZXJUb3A6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgICAgYm9yZGVyVG9wTGVmdFJhZGl1czogXCIycHhcIixcbiAgICAgICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgIFwiJjpkaXNhYmxlZDpob3ZlclwiOiB7XG4gICAgICAgICAgYm9yZGVyVG9wOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgXCImOmxhc3QtY2hpbGRcIjoge1xuICAgICAgICBib3JkZXJCb3R0b206IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogXCIycHhcIixcbiAgICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgIFwiJjpkaXNhYmxlZDpob3ZlclwiOiB7XG4gICAgICAgICAgYm9yZGVyQm90dG9tOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgXCImOm5vdCg6Zmlyc3Qtb2YtdHlwZSlcIjoge1xuICAgICAgICBtYXJnaW5MZWZ0OiAwLFxuICAgICAgICBtYXJnaW5Ub3A6IC0xLFxuICAgICAgfSxcbiAgICAgIFwiJi5zZWxlY3RlZFwiOiB7XG4gICAgICAgIGhlaWdodDogMzIsXG4gICAgICAgIHdpZHRoOiBgY2FsYygxMDAlICsgMnB4KSAhaW1wb3J0YW50YCxcbiAgICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5yYWRpaS5iYXNlLFxuICAgICAgICBib3JkZXI6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gICAgICAgIHpJbmRleDogMixcbiAgICAgICAgXCImOmhvdmVyLCAmOmZvY3VzXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgICAgICAgekluZGV4OiAxLFxuICAgICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICAgICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgICAgICBib3JkZXI6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSAoeyB0eXBlOiBDb21wb25lbnQsIHByb3BzIH0pID0+XG4gIHN0eWxlZCgoeyBjbGFzc05hbWUgfSkgPT4gKFxuICAgIDxDb21wb25lbnRcbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIGNsYXNzTmFtZT17Y2xzeChcImJ1dHRvblwiLCBwcm9wcy5zZWxlY3RlZCAmJiBcInNlbGVjdGVkXCIsIGNsYXNzTmFtZSl9XG4gICAgLz5cbiAgKSkoe1xuICAgIGhlaWdodDogMzIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIG1pbldpZHRoOiAzMixcbiAgICBtYXhXaWR0aDogMjAwLFxuICAgIHRyYW5zaXRpb246IFwibm9uZVwiLFxuICAgIGZsZXg6IFwiMSAwIDBweFwiLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgYm9yZGVyVG9wOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgYm9yZGVyQm90dG9tOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgYm9yZGVyTGVmdDogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICBib3JkZXJSaWdodDogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzIsXG4gICAgXCI6ZGlzYWJsZWRcIjogeyBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLm11bHRpQnV0dG9uLmRpc2FibGVkQmFja2dyb3VuZENvbG9yIH0sXG4gICAgXCI6aG92ZXJcIjoge1xuICAgICAgYm9yZGVyVG9wOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICBib3JkZXJCb3R0b206IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIGJvcmRlckxlZnQ6IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgICBib3JkZXJSaWdodDogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICB9LFxuICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGAke3RoZW1lLmNvbG9ycy5hdG1vM31gLFxuICAgIH0sXG4gICAgXCImOmRpc2FibGVkXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICAgICAgYm9yZGVyVG9wOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICBib3JkZXJCb3R0b206IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJvcmRlclRvcDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICBib3JkZXJCb3R0b206IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgICAgYm9yZGVyTGVmdDogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgICAgYm9yZGVyUmlnaHQ6IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgICB9LFxuICAgIH0sXG4gICAgXCImOmZpcnN0LW9mLXR5cGVcIjoge1xuICAgICAgYm9yZGVyTGVmdDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgYm9yZGVyVG9wTGVmdFJhZGl1czogdGhlbWUucmFkaWkuYmFzZSxcbiAgICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IHRoZW1lLnJhZGlpLmJhc2UsXG4gICAgICBcIiY6ZGlzYWJsZWQ6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXJMZWZ0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICB9LFxuICAgIH0sXG4gICAgXCImOmxhc3QtY2hpbGRcIjoge1xuICAgICAgYm9yZGVyUmlnaHQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiB0aGVtZS5yYWRpaS5iYXNlLFxuICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IHRoZW1lLnJhZGlpLmJhc2UsXG4gICAgICBcIiY6ZGlzYWJsZWQ6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXJSaWdodDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgfSxcbiAgICB9LFxuICAgIFwiJjpub3QoOmZpcnN0LW9mLXR5cGUpXCI6IHtcbiAgICAgIG1hcmdpbkxlZnQ6IFwiLTFweFwiLFxuICAgIH0sXG4gICAgXCImLnNlbGVjdGVkXCI6IHtcbiAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgIGhlaWdodDogMzQsXG4gICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIGJvcmRlcjogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnl9YCxcbiAgICAgIHpJbmRleDogMixcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgICAgXCImOm5vdCg6ZGlzYWJsZWQpXCI6IHtcbiAgICAgICAgICBib3JkZXI6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgICAgICAgYm9yZGVyOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgXCImOmZpcnN0LW9mLXR5cGUsICY6bGFzdC1jaGlsZFwiOiB7XG4gICAgICAgIGJvcmRlcjogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnl9YCxcbiAgICAgIH0sXG5cbiAgICAgIC8vIHByZXZlbnQgdGhlIGZvY3VzIHJpbmcgdG8gYmUgaGlkZGVuIGJ5IHNpYmxpbmcgaG92ZXIgYmFja2dyb3VuZFxuICAgICAgLy8gZXZlbiB3aGVuIHNlbGVjdGVkXG4gICAgICBcIiYuSHZJc0ZvY3VzVmlzaWJsZVwiOiB7XG4gICAgICAgIHpJbmRleDogNSxcbiAgICAgIH0sXG4gICAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgICAgIGJvcmRlcjogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgfSxcbiAgICB9LFxuICB9KTtcbiJdfQ== */");
 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 \"@core/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.secondary_60,\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        \"&:disabled:hover\": {\n          borderTop: `solid 1px ${theme.colors.atmo4}`,\n        },\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}`,\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.secondary}`,\n        zIndex: 2,\n        \"&:hover, &:focus\": {\n          background: theme.colors.atmo3,\n        },\n        \"&:disabled\": {\n          zIndex: 1,\n          color: theme.colors.secondary_60,\n          background: theme.colors.atmo1,\n          border: `solid 1px ${theme.colors.atmo4}`,\n        },\n      },\n    },\n  }),\n}));\n\nexport const StyledButton = ({ type: Component, props }) =>\n  styled(({ className }) => (\n    <Component\n      {...props}\n      className={clsx(\"button\", props.selected && \"selected\", className)}\n    />\n  ))({\n    height: 32,\n    width: \"100%\",\n    minWidth: 32,\n    maxWidth: 200,\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    backgroundColor: theme.colors.atmo2,\n    \":disabled\": { backgroundColor: theme.multiButton.disabledBackgroundColor },\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    ...(theme.typography.body as CSSProperties),\n    \"&:active\": {\n      backgroundColor: `${theme.colors.atmo3}`,\n    },\n    \"&:disabled\": {\n      color: theme.colors.secondary_60,\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      \"&:disabled:hover\": {\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n      },\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}`,\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.secondary}`,\n      zIndex: 2,\n      \"&:hover\": {\n        background: theme.colors.atmo3,\n        \"&:not(:disabled)\": {\n          border: `solid 1px ${theme.colors.secondary}`,\n        },\n        \"&:disabled\": {\n          border: `solid 1px ${theme.colors.atmo4}`,\n        },\n      },\n      \"&:first-of-type, &:last-child\": {\n        border: `solid 1px ${theme.colors.secondary}`,\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.secondary_60,\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","secondary_60","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","marginLeft","marginTop","atmo1","typography","borderRadius","radii","base","border","secondary","atmo3","StyledButton","type","Component","props","className","clsx","selected","minWidth","maxWidth","backgroundColor","multiButton","disabledBackgroundColor","body"],"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 \"@core/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.secondary_60,\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        \"&:disabled:hover\": {\n          borderTop: `solid 1px ${theme.colors.atmo4}`,\n        },\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}`,\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.secondary}`,\n        zIndex: 2,\n        \"&:hover, &:focus\": {\n          background: theme.colors.atmo3,\n        },\n        \"&:disabled\": {\n          zIndex: 1,\n          color: theme.colors.secondary_60,\n          background: theme.colors.atmo1,\n          border: `solid 1px ${theme.colors.atmo4}`,\n        },\n      },\n    },\n  }),\n}));\n\nexport const StyledButton = ({ type: Component, props }) =>\n  styled(({ className }) => (\n    <Component\n      {...props}\n      className={clsx(\"button\", props.selected && \"selected\", className)}\n    />\n  ))({\n    height: 32,\n    width: \"100%\",\n    minWidth: 32,\n    maxWidth: 200,\n    transition: \"none\",\n    flex: \"1 0 0px\",\n    padding: 0,\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    backgroundColor: theme.colors.atmo2,\n    \":disabled\": { backgroundColor: theme.multiButton.disabledBackgroundColor },\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    ...(theme.typography.body as CSSProperties),\n    \"&:active\": {\n      backgroundColor: `${theme.colors.atmo3}`,\n    },\n    \"&:disabled\": {\n      color: theme.colors.secondary_60,\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      \"&:disabled:hover\": {\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n      },\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}`,\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.secondary}`,\n      zIndex: 2,\n      \"&:hover\": {\n        background: theme.colors.atmo3,\n        \"&:not(:disabled)\": {\n          border: `solid 1px ${theme.colors.secondary}`,\n        },\n        \"&:disabled\": {\n          border: `solid 1px ${theme.colors.atmo4}`,\n        },\n      },\n      \"&:first-of-type, &:last-child\": {\n        border: `solid 1px ${theme.colors.secondary}`,\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.secondary_60,\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","secondary_60","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","marginLeft","marginTop","atmo1","typography","borderRadius","radii","base","border","secondary","atmo3","StyledButton","type","Component","props","className","clsx","selected","minWidth","maxWidth","padding","backgroundColor","multiButton","disabledBackgroundColor","body"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAMaA,MAAAA,sDACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAAkC,OAAO;AAAA,EAC5CC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,YAAY;AAAA,EACZC,YAAY;AAAA,EACZC,YAAYC,YAAAA,MAAMC,OAAOC;AAAAA,EACzBC,UAAU;AAAA,EACVC,QAAQ;AAAA;AAAA,EAGR,uBAAuB;AAAA,IACrBA,QAAQ;AAAA,EACV;AAAA,EAEA,GAAIV,aAAa;AAAA,IACfW,eAAe;AAAA,IACfT,QAAQ;AAAA,IACRU,cAAc;AAAA,MACZC,MAAM;AAAA,IACR;AAAA,IACA,mBAAmB;AAAA,MACjBC,OAAO;AAAA,MACPC,YAAa,aAAYT,YAAAA,MAAMC,OAAOS;AAAAA,MACtCC,aAAc,aAAYX,YAAAA,MAAMC,OAAOS;AAAAA,MACvCE,WAAW;AAAA,MACXC,cAAc;AAAA,MACd,cAAc;AAAA,QACZC,OAAOd,YAAAA,MAAMC,OAAOc;AAAAA,QACpBN,YAAa,aAAYT,YAAAA,MAAMC,OAAOS;AAAAA,QACtCC,aAAc,aAAYX,YAAAA,MAAMC,OAAOS;AAAAA,QACvCE,WAAW;AAAA,QACXC,cAAc;AAAA,QACd,WAAW;AAAA,UACTJ,YAAa,aAAYT,YAAAA,MAAMC,OAAOS;AAAAA,UACtCC,aAAc,aAAYX,YAAAA,MAAMC,OAAOS;AAAAA,UACvCE,WAAW;AAAA,UACXC,cAAc;AAAA,QAChB;AAAA,MACF;AAAA,MACA,mBAAmB;AAAA,QACjBD,WAAY,aAAYZ,YAAAA,MAAMC,OAAOS;AAAAA,QACrCM,qBAAqB;AAAA,QACrBC,sBAAsB;AAAA,QACtB,oBAAoB;AAAA,UAClBL,WAAY,aAAYZ,YAAAA,MAAMC,OAAOS;AAAAA,QACvC;AAAA,MACF;AAAA,MACA,gBAAgB;AAAA,QACdG,cAAe,aAAYb,YAAAA,MAAMC,OAAOS;AAAAA,QACxCQ,wBAAwB;AAAA,QACxBC,yBAAyB;AAAA,QACzB,oBAAoB;AAAA,UAClBN,cAAe,aAAYb,YAAAA,MAAMC,OAAOS;AAAAA,QAC1C;AAAA,MACF;AAAA,MACA,yBAAyB;AAAA,QACvBU,YAAY;AAAA,QACZC,WAAW;AAAA,MACb;AAAA,MACA,cAAc;AAAA,QACZzB,QAAQ;AAAA,QACRY,OAAQ;AAAA,QACRT,YAAYC,YAAAA,MAAMC,OAAOqB;AAAAA,QACzB,GAAItB,YAAAA,MAAMuB,WAAW9B;AAAAA,QACrB+B,cAAcxB,YAAAA,MAAMyB,MAAMC;AAAAA,QAC1BC,QAAS,aAAY3B,YAAAA,MAAMC,OAAO2B;AAAAA,QAClCxB,QAAQ;AAAA,QACR,oBAAoB;AAAA,UAClBL,YAAYC,YAAAA,MAAMC,OAAO4B;AAAAA,QAC3B;AAAA,QACA,cAAc;AAAA,UACZzB,QAAQ;AAAA,UACRU,OAAOd,YAAAA,MAAMC,OAAOc;AAAAA,UACpBhB,YAAYC,YAAAA,MAAMC,OAAOqB;AAAAA,UACzBK,QAAS,aAAY3B,YAAAA,MAAMC,OAAOS;AAAAA,QACpC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,IAAEvB,QAAAC,IAAAC,aAAC,eAAA,KAAA,iuQAAA;AAEI,MAAMyC,eAAeA,CAAC;AAAA,EAAEC,MAAMC;AAAAA,EAAWC;AAAM,+CAC7C,CAAC;AAAA,EAAEC;AAAU,qCACjBF,WAAS;AAAA,EAAA,GACJC;AAAAA,EACJC,WAAWC,KAAK,KAAA,UAAUF,MAAMG,YAAY,YAAYF,SAAS;AAAE,CACpE,GACF/C,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EACDG,QAAQ;AAAA,EACRY,OAAO;AAAA,EACP6B,UAAU;AAAA,EACVC,UAAU;AAAA,EACVxC,YAAY;AAAA,EACZS,MAAM;AAAA,EACNgC,SAAS;AAAA,EACT3B,WAAY,aAAYZ,YAAAA,MAAMC,OAAOS;AAAAA,EACrCG,cAAe,aAAYb,YAAAA,MAAMC,OAAOS;AAAAA,EACxCD,YAAY;AAAA,EACZE,aAAa;AAAA,EACba,cAAc;AAAA,EACdgB,iBAAiBxC,YAAAA,MAAMC,OAAOC;AAAAA,EAC9B,aAAa;AAAA,IAAEsC,iBAAiBxC,YAAAA,MAAMyC,YAAYC;AAAAA,EAAwB;AAAA,EAC1E,UAAU;AAAA,IACR9B,WAAY,aAAYZ,YAAAA,MAAMC,OAAOS;AAAAA,IACrCG,cAAe,aAAYb,YAAAA,MAAMC,OAAOS;AAAAA,IACxCD,YAAY;AAAA,IACZE,aAAa;AAAA,EACf;AAAA,EACA,GAAIX,YAAAA,MAAMuB,WAAWoB;AAAAA,EACrB,YAAY;AAAA,IACVH,iBAAkB,GAAExC,YAAAA,MAAMC,OAAO4B;AAAAA,EACnC;AAAA,EACA,cAAc;AAAA,IACZf,OAAOd,YAAAA,MAAMC,OAAOc;AAAAA,IACpBH,WAAY,aAAYZ,YAAAA,MAAMC,OAAOS;AAAAA,IACrCG,cAAe,aAAYb,YAAAA,MAAMC,OAAOS;AAAAA,IACxC,WAAW;AAAA,MACTE,WAAY,aAAYZ,YAAAA,MAAMC,OAAOS;AAAAA,MACrCG,cAAe,aAAYb,YAAAA,MAAMC,OAAOS;AAAAA,MACxCD,YAAY;AAAA,MACZE,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,mBAAmB;AAAA,IACjBF,YAAa,aAAYT,YAAAA,MAAMC,OAAOS;AAAAA,IACtCM,qBAAqBhB,YAAAA,MAAMyB,MAAMC;AAAAA,IACjCR,wBAAwBlB,YAAAA,MAAMyB,MAAMC;AAAAA,IACpC,oBAAoB;AAAA,MAClBjB,YAAa,aAAYT,YAAAA,MAAMC,OAAOS;AAAAA,IACxC;AAAA,EACF;AAAA,EACA,gBAAgB;AAAA,IACdC,aAAc,aAAYX,YAAAA,MAAMC,OAAOS;AAAAA,IACvCO,sBAAsBjB,YAAAA,MAAMyB,MAAMC;AAAAA,IAClCP,yBAAyBnB,YAAAA,MAAMyB,MAAMC;AAAAA,IACrC,oBAAoB;AAAA,MAClBf,aAAc,aAAYX,YAAAA,MAAMC,OAAOS;AAAAA,IACzC;AAAA,EACF;AAAA,EACA,yBAAyB;AAAA,IACvBU,YAAY;AAAA,EACd;AAAA,EACA,cAAc;AAAA,IACZrB,YAAYC,YAAAA,MAAMC,OAAOqB;AAAAA,IACzB1B,QAAQ;AAAA,IACR,GAAII,YAAAA,MAAMuB,WAAW9B;AAAAA,IACrBkC,QAAS,aAAY3B,YAAAA,MAAMC,OAAO2B;AAAAA,IAClCxB,QAAQ;AAAA,IACR,WAAW;AAAA,MACTL,YAAYC,YAAAA,MAAMC,OAAO4B;AAAAA,MACzB,oBAAoB;AAAA,QAClBF,QAAS,aAAY3B,YAAAA,MAAMC,OAAO2B;AAAAA,MACpC;AAAA,MACA,cAAc;AAAA,QACZD,QAAS,aAAY3B,YAAAA,MAAMC,OAAOS;AAAAA,MACpC;AAAA,IACF;AAAA,IACA,iCAAiC;AAAA,MAC/BiB,QAAS,aAAY3B,YAAAA,MAAMC,OAAO2B;AAAAA,IACpC;AAAA;AAAA;AAAA,IAIA,sBAAsB;AAAA,MACpBxB,QAAQ;AAAA,IACV;AAAA,IACA,cAAc;AAAA,MACZA,QAAQ;AAAA,MACRU,OAAOd,YAAAA,MAAMC,OAAOc;AAAAA,MACpBhB,YAAYC,YAAAA,MAAMC,OAAOqB;AAAAA,MACzBK,QAAS,aAAY3B,YAAAA,MAAMC,OAAOS;AAAAA,IACpC;AAAA,EACF;AACF,GAACvB,QAAAC,IAAAC,aAAC,eAAA,KAAA,iuQAAA;;;"}

package/dist/cjs/components/Table/TableRow/TableRow.cjs

@@ -8,10 +8,10 @@ const TableContext = require("../TableContext.cjs");
 const TableSectionContext = require("../TableSectionContext.cjs");
 const TableRow_styles = require("./TableRow.styles.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const theme = require("../../../utils/theme.cjs");
 const checkValidHexColorValue = require("../../../utils/checkValidHexColorValue.cjs");
 const hexToRgbA = require("../../../utils/hexToRgbA.cjs");
 const useTheme = require("../../../hooks/useTheme.cjs");
+const theme = require("../../../utils/theme.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
 function _extends() {

package/dist/cjs/index.cjs

@@ -49,8 +49,8 @@ const avatarClasses = require("./components/Avatar/avatarClasses.cjs");
 const Avatar = require("./components/Avatar/Avatar.cjs");
 const badgeClasses = require("./components/Badge/badgeClasses.cjs");
 const Badge = require("./components/Badge/Badge.cjs");
-const buttonClasses = require("./components/Button/buttonClasses.cjs");
 const Button = require("./components/Button/Button.cjs");
+const Button_styles = require("./components/Button/Button.styles.cjs");
 const Card_styles = require("./components/Card/Card.styles.cjs");
 const Card = require("./components/Card/Card.cjs");
 const Header_styles = require("./components/Card/Header/Header.styles.cjs");
@@ -69,6 +69,8 @@ const actionsClasses = require("./components/Dialog/Actions/actionsClasses.cjs")
 const Actions = require("./components/Dialog/Actions/Actions.cjs");
 const Dialog_styles = require("./components/Dialog/Dialog.styles.cjs");
 const Dialog = require("./components/Dialog/Dialog.cjs");
+const Drawer_styles = require("./components/Drawer/Drawer.styles.cjs");
+const Drawer = require("./components/Drawer/Drawer.cjs");
 const emptyStateClasses = require("./components/EmptyState/emptyStateClasses.cjs");
 const EmptyState = require("./components/EmptyState/EmptyState.cjs");
 const footerClasses = require("./components/Footer/footerClasses.cjs");
@@ -361,8 +363,8 @@ exports.avatarClasses = avatarClasses.default;
 exports.HvAvatar = Avatar.HvAvatar;
 exports.badgeClasses = badgeClasses.default;
 exports.HvBadge = Badge.HvBadge;
-exports.buttonClasses = buttonClasses.default;
 exports.HvButton = Button.HvButton;
+exports.buttonClasses = Button_styles.staticClasses;
 exports.cardClasses = Card_styles.staticClasses;
 exports.HvCard = Card.HvCard;
 exports.cardHeaderClasses = Header_styles.staticClasses;
@@ -381,6 +383,8 @@ exports.dialogActionClasses = actionsClasses.default;
 exports.HvDialogActions = Actions.HvDialogActions;
 exports.dialogClasses = Dialog_styles.staticClasses;
 exports.HvDialog = Dialog.HvDialog;
+exports.drawerClasses = Drawer_styles.staticClasses;
+exports.HvDrawer = Drawer.HvDrawer;
 exports.emptyStateClasses = emptyStateClasses.default;
 exports.HvEmptyState = EmptyState.HvEmptyState;
 exports.footerClasses = footerClasses.default;

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/utils/classes.cjs

@@ -31,12 +31,12 @@ const replace$ = (stylesObj, name) => {
 function createClasses(name, stylesObject) {
   const styles = replace$(stylesObject, name);
   const staticClasses = getClasses(Object.keys(styles), name);
-  function useClasses(classesProp = {}) {
+  function useClasses(classesProp = {}, addStatic = true) {
     const {
       cx,
       css
     } = useCss.useCss();
-    const mergeClasses = (key) => cx(`${name}-${key}`, css(styles[key]), classesProp == null ? void 0 : classesProp[key]);
+    const mergeClasses = (key) => cx(addStatic && `${name}-${key}`, css(styles[key]), classesProp == null ? void 0 : classesProp[key]);
     const classes = Object.fromEntries(Object.keys(styles).map((key) => [key, mergeClasses(key)]));
     return {
       classes,

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

@@ -1 +1 @@
-{"version":3,"file":"classes.cjs","sources":["../../../src/utils/classes.ts"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/css\";\nimport { useCss } from \"@core/hooks/useCss\";\n\nexport type ExtractNames<\n  T extends (...args: any) => { classes: Record<string, any>; cx: any }\n> = Partial<ReturnType<T>[\"classes\"]>;\n\nexport const getClasses = <T extends string, N extends string>(\n  keys: T[],\n  name: N\n) => {\n  const classesObj: Record<string, string> = {};\n  keys.forEach((key: string) => {\n    classesObj[key] = `${name}-${key}`;\n  });\n  return classesObj as { [P in T]: `${N}-${P}` };\n};\n\nconst deepRenameKeys = <T extends object>(\n  obj: T,\n  mapFn: (key: string) => string\n): T => {\n  const result: any = {};\n  for (const key in obj) {\n    if (Object.hasOwn(obj, key)) {\n      const newKey = mapFn(key);\n      const value = obj[key];\n      result[newKey] =\n        typeof value === \"object\" ? deepRenameKeys(value as any, mapFn) : value;\n    }\n  }\n  return result;\n};\n\n/** Given a `stylesObj`, replaces its keys' `$myClass` with `.{name}-myClass`. */\nexport const replace$ = <T extends object>(stylesObj: T, name: string): T => {\n  return deepRenameKeys(stylesObj, (key) => {\n    const matches = key.match(/\\$\\w+/g);\n    if (!matches?.length) return key;\n    const newKey = matches.reduce(\n      (acc, match) => acc.replace(match, `.${name}-${match.slice(1)}`),\n      key\n    );\n    return newKey ?? key;\n  });\n};\n\n/** Utility function to create classes for a component. */\nexport function createClasses<Name extends string, ClassName extends string>(\n  /** Component name in PascalCase (ie. `HvTableCell`). */\n  name: Name,\n  stylesObject: Record<ClassName, CSSInterpolation>\n) {\n  const styles = replace$(stylesObject, name);\n\n  const staticClasses = getClasses(Object.keys(styles) as ClassName[], name);\n\n  function useClasses(classesProp: Partial<Record<ClassName, string>> = {}) {\n    const { cx, css } = useCss();\n\n    const mergeClasses = (key: string) =>\n      cx(`${name}-${key}`, css(styles[key]), classesProp?.[key]);\n\n    const classes = Object.fromEntries(\n      Object.keys(styles).map((key) => [key, mergeClasses(key)])\n    ) as { [P in ClassName]: string };\n\n    return { classes, css, cx };\n  }\n\n  return { useClasses, staticClasses };\n}\n"],"names":["getClasses","keys","name","classesObj","forEach","key","deepRenameKeys","obj","mapFn","result","Object","hasOwn","newKey","value","replace$","stylesObj","matches","match","length","reduce","acc","replace","slice","createClasses","stylesObject","styles","staticClasses","useClasses","classesProp","cx","css","useCss","mergeClasses","classes","fromEntries","map"],"mappings":";;;AAOaA,MAAAA,aAAa,CACxBC,MACAC,SACG;AACH,QAAMC,aAAqC,CAAA;AACtCC,OAAAA,QAAQ,CAACC,QAAgB;AACjBA,eAAAA,GAAG,IAAK,GAAEH,QAAQG;AAAAA,EAAAA,CAC9B;AACMF,SAAAA;AACT;AAEA,MAAMG,iBAAiB,CACrBC,KACAC,UACM;AACN,QAAMC,SAAc,CAAA;AACpB,aAAWJ,OAAOE,KAAK;AACrB,QAAIG,OAAOC,OAAOJ,KAAKF,GAAG,GAAG;AACrBO,YAAAA,SAASJ,MAAMH,GAAG;AAClBQ,YAAAA,QAAQN,IAAIF,GAAG;AACdO,aAAAA,MAAM,IACX,OAAOC,UAAU,WAAWP,eAAeO,OAAcL,KAAK,IAAIK;AAAAA,IACtE;AAAA,EACF;AACOJ,SAAAA;AACT;AAGaK,MAAAA,WAAW,CAAmBC,WAAcb,SAAoB;AACpEI,SAAAA,eAAeS,WAAYV,CAAQ,QAAA;AAClCW,UAAAA,UAAUX,IAAIY,MAAM,QAAQ;AAClC,QAAI,EAACD,mCAASE;AAAeb,aAAAA;AAC7B,UAAMO,SAASI,QAAQG,OACrB,CAACC,KAAKH,UAAUG,IAAIC,QAAQJ,OAAQ,IAAGf,QAAQe,MAAMK,MAAM,CAAC,GAAG,GAC/DjB,GACF;AACA,WAAOO,UAAUP;AAAAA,EAAAA,CAClB;AACH;AAGgBkB,SAAAA,cAEdrB,MACAsB,cACA;AACMC,QAAAA,SAASX,SAASU,cAActB,IAAI;AAE1C,QAAMwB,gBAAgB1B,WAAWU,OAAOT,KAAKwB,MAAM,GAAkBvB,IAAI;AAEhEyB,WAAAA,WAAWC,cAAkD,IAAI;AAClE,UAAA;AAAA,MAAEC;AAAAA,MAAIC;AAAAA,QAAQC,OAAO,OAAA;AAE3B,UAAMC,eAAeA,CAAC3B,QACpBwB,GAAI,GAAE3B,QAAQG,OAAOyB,IAAIL,OAAOpB,GAAG,CAAC,GAAGuB,2CAAcvB,IAAI;AAE3D,UAAM4B,UAAUvB,OAAOwB,YACrBxB,OAAOT,KAAKwB,MAAM,EAAEU,IAAK9B,CAAAA,QAAQ,CAACA,KAAK2B,aAAa3B,GAAG,CAAC,CAAC,CAC3D;AAEO,WAAA;AAAA,MAAE4B;AAAAA,MAASH;AAAAA,MAAKD;AAAAA,IAAAA;AAAAA,EACzB;AAEO,SAAA;AAAA,IAAEF;AAAAA,IAAYD;AAAAA,EAAAA;AACvB;;;;"}
+{"version":3,"file":"classes.cjs","sources":["../../../src/utils/classes.ts"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/css\";\nimport { useCss } from \"@core/hooks/useCss\";\n\nexport type ExtractNames<\n  T extends (...args: any) => { classes: Record<string, any>; cx: any }\n> = Partial<ReturnType<T>[\"classes\"]>;\n\nexport const getClasses = <T extends string, N extends string>(\n  keys: T[],\n  name: N\n) => {\n  const classesObj: Record<string, string> = {};\n  keys.forEach((key: string) => {\n    classesObj[key] = `${name}-${key}`;\n  });\n  return classesObj as { [P in T]: `${N}-${P}` };\n};\n\nconst deepRenameKeys = <T extends object>(\n  obj: T,\n  mapFn: (key: string) => string\n): T => {\n  const result: any = {};\n  for (const key in obj) {\n    if (Object.hasOwn(obj, key)) {\n      const newKey = mapFn(key);\n      const value = obj[key];\n      result[newKey] =\n        typeof value === \"object\" ? deepRenameKeys(value as any, mapFn) : value;\n    }\n  }\n  return result;\n};\n\n/** Given a `stylesObj`, replaces its keys' `$myClass` with `.{name}-myClass`. */\nexport const replace$ = <T extends object>(stylesObj: T, name: string): T => {\n  return deepRenameKeys(stylesObj, (key) => {\n    const matches = key.match(/\\$\\w+/g);\n    if (!matches?.length) return key;\n    const newKey = matches.reduce(\n      (acc, match) => acc.replace(match, `.${name}-${match.slice(1)}`),\n      key\n    );\n    return newKey ?? key;\n  });\n};\n\n/** Utility function to create classes for a component. */\nexport function createClasses<Name extends string, ClassName extends string>(\n  /** Component name in PascalCase (ie. `HvTableCell`). */\n  name: Name,\n  stylesObject: Record<ClassName, CSSInterpolation>\n) {\n  const styles = replace$(stylesObject, name);\n\n  const staticClasses = getClasses(Object.keys(styles) as ClassName[], name);\n\n  /**\n   * Hook that takes in a component's `classesProp` overrides, and returns the\n   * concatenated static/internal/override `classes`, and the cached `cx` and `css` utilities.\n   */\n  function useClasses(\n    classesProp: Partial<Record<ClassName, string>> = {},\n    /** Whether to add the static classes. Disable when included by `classesProp` */\n    addStatic = true\n  ) {\n    const { cx, css } = useCss();\n\n    const mergeClasses = (key: string) =>\n      cx(addStatic && `${name}-${key}`, css(styles[key]), classesProp?.[key]);\n\n    const classes = Object.fromEntries(\n      Object.keys(styles).map((key) => [key, mergeClasses(key)])\n    ) as { [P in ClassName]: string };\n\n    return { classes, css, cx };\n  }\n\n  return { useClasses, staticClasses };\n}\n"],"names":["getClasses","keys","name","classesObj","forEach","key","deepRenameKeys","obj","mapFn","result","Object","hasOwn","newKey","value","replace$","stylesObj","matches","match","length","reduce","acc","replace","slice","createClasses","stylesObject","styles","staticClasses","useClasses","classesProp","addStatic","cx","css","useCss","mergeClasses","classes","fromEntries","map"],"mappings":";;;AAOaA,MAAAA,aAAa,CACxBC,MACAC,SACG;AACH,QAAMC,aAAqC,CAAA;AACtCC,OAAAA,QAAQ,CAACC,QAAgB;AACjBA,eAAAA,GAAG,IAAK,GAAEH,QAAQG;AAAAA,EAAAA,CAC9B;AACMF,SAAAA;AACT;AAEA,MAAMG,iBAAiB,CACrBC,KACAC,UACM;AACN,QAAMC,SAAc,CAAA;AACpB,aAAWJ,OAAOE,KAAK;AACrB,QAAIG,OAAOC,OAAOJ,KAAKF,GAAG,GAAG;AACrBO,YAAAA,SAASJ,MAAMH,GAAG;AAClBQ,YAAAA,QAAQN,IAAIF,GAAG;AACdO,aAAAA,MAAM,IACX,OAAOC,UAAU,WAAWP,eAAeO,OAAcL,KAAK,IAAIK;AAAAA,IACtE;AAAA,EACF;AACOJ,SAAAA;AACT;AAGaK,MAAAA,WAAW,CAAmBC,WAAcb,SAAoB;AACpEI,SAAAA,eAAeS,WAAYV,CAAQ,QAAA;AAClCW,UAAAA,UAAUX,IAAIY,MAAM,QAAQ;AAClC,QAAI,EAACD,mCAASE;AAAeb,aAAAA;AAC7B,UAAMO,SAASI,QAAQG,OACrB,CAACC,KAAKH,UAAUG,IAAIC,QAAQJ,OAAQ,IAAGf,QAAQe,MAAMK,MAAM,CAAC,GAAG,GAC/DjB,GACF;AACA,WAAOO,UAAUP;AAAAA,EAAAA,CAClB;AACH;AAGgBkB,SAAAA,cAEdrB,MACAsB,cACA;AACMC,QAAAA,SAASX,SAASU,cAActB,IAAI;AAE1C,QAAMwB,gBAAgB1B,WAAWU,OAAOT,KAAKwB,MAAM,GAAkBvB,IAAI;AAMzE,WAASyB,WACPC,cAAkD,IAElDC,YAAY,MACZ;AACM,UAAA;AAAA,MAAEC;AAAAA,MAAIC;AAAAA,QAAQC,OAAO,OAAA;AAE3B,UAAMC,eAAeA,CAAC5B,QACpByB,GAAGD,aAAc,GAAE3B,QAAQG,OAAO0B,IAAIN,OAAOpB,GAAG,CAAC,GAAGuB,2CAAcvB,IAAI;AAExE,UAAM6B,UAAUxB,OAAOyB,YACrBzB,OAAOT,KAAKwB,MAAM,EAAEW,IAAK/B,CAAAA,QAAQ,CAACA,KAAK4B,aAAa5B,GAAG,CAAC,CAAC,CAC3D;AAEO,WAAA;AAAA,MAAE6B;AAAAA,MAASH;AAAAA,MAAKD;AAAAA,IAAAA;AAAAA,EACzB;AAEO,SAAA;AAAA,IAAEH;AAAAA,IAAYD;AAAAA,EAAAA;AACvB;;;;"}

package/dist/esm/components/BreadCrumb/BreadCrumb.js

@@ -1,6 +1,5 @@
 import { clsx } from "clsx";
 import isNil from "lodash/isNil";
-import startCase from "lodash/startCase";
 import { isValidElement } from "react";
 import breadCrumbClasses from "./breadCrumbClasses.js";
 import { StyledRoot, StyledOrderedList, StyledTypography } from "./BreadCrumb.styles.js";
@@ -51,7 +50,7 @@ const HvBreadCrumb = ({
           children: isValidElement(elem) && elem || isLast && /* @__PURE__ */ jsx(StyledTypography, {
             className: clsx(breadCrumbClasses.currentPage, classes == null ? void 0 : classes.currentPage),
             variant: "body",
-            children: startCase(removeExtension(elem.label))
+            children: removeExtension(elem.label)
           }) || /* @__PURE__ */ jsx(HvPage, {
             elem,
             classes: {