@hitachivantara/uikit-react-core 5.0.0-next.2 → 5.0.0-next.20

package/dist/esm/components/Forms/WarningText/WarningText.js

@@ -27,7 +27,7 @@ const HvWarningText = ({
   } = useContext(HvFormElementContext);
   const localDisabled = disabled || elementDisabled;
   const localVisible = !isNil(isVisible) ? isVisible : elementStatus === "invalid";
-  const localId = id != null ? id : setId(elementId, "error");
+  const localId = id ?? setId(elementId, "error");
   const showWarning = localVisible && !localDisabled;
   const content = showWarning ? children : "";
   const localAdornment = adornment || /* @__PURE__ */ jsx(StyledIcon, {

package/dist/esm/components/Forms/WarningText/WarningText.js.map

@@ -1 +1 @@
-{"version":3,"file":"WarningText.js","sources":["../../../../../src/components/Forms/WarningText/WarningText.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledRoot, StyledTypography, StyledIcon } from \"./WarningText.styles\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { setId } from \"utils\";\nimport warningTextClasses, { HvWarningTextClasses } from \"./warningTextClasses\";\n\nexport type HvWarningTextProps = HvBaseProps & {\n  /** Icon to be rendered alongside the warning text. */\n  adornment?: React.ReactNode;\n  /** If `true` the text is not rendered. */\n  isVisible?: boolean;\n  /** If `true` the text is disabled. */\n  disabled?: boolean;\n  /** If `true` the text won't include a gutter. */\n  disableGutter?: boolean;\n  /** If `true` the text won't include the top border. */\n  disableBorder?: boolean;\n  /** If `true` the adornment icon isn't shown. */\n  disableAdornment?: boolean;\n  /** If `true` the text isn't shown. */\n  hideText?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the empty state component. */\n  classes?: HvWarningTextClasses;\n};\n\n/**\n * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.\n */\nexport const HvWarningText = ({\n  children,\n  adornment,\n  isVisible,\n  classes,\n  className,\n  id,\n  disabled,\n  disableGutter = false,\n  disableBorder = false,\n  disableAdornment = false,\n  hideText = false,\n  ...others\n}: HvWarningTextProps) => {\n  const { elementId, elementStatus, elementDisabled } =\n    useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localVisible = !isNil(isVisible)\n    ? isVisible\n    : elementStatus === \"invalid\";\n  const localId = id ?? setId(elementId, \"error\");\n  const showWarning = localVisible && !localDisabled;\n  const content = showWarning ? children : \"\";\n  const localAdornment = adornment || (\n    <StyledIcon\n      className={clsx(warningTextClasses.defaultIcon, classes?.defaultIcon)}\n      semantic=\"sema4\"\n    />\n  );\n\n  return (\n    <StyledRoot\n      className={clsx(\n        className,\n        warningTextClasses.root,\n        classes?.root,\n        showWarning && clsx(warningTextClasses.show, classes?.show),\n        !disableBorder && clsx(warningTextClasses.topBorder, classes?.topBorder)\n      )}\n      $show={showWarning}\n      $topBorder={!disableBorder}\n    >\n      {!disableAdornment && localAdornment}\n      <StyledTypography\n        id={localId}\n        className={clsx(\n          warningTextClasses.warningText,\n          classes?.warningText,\n          !disableGutter &&\n            clsx(warningTextClasses.topGutter, classes?.topGutter),\n          hideText && clsx(warningTextClasses.hideText, classes?.hideText)\n        )}\n        $topGutter={!disableGutter}\n        $hideText={hideText}\n        role=\"status\"\n        aria-relevant=\"additions text\"\n        {...others}\n      >\n        {showWarning && content}\n      </StyledTypography>\n    </StyledRoot>\n  );\n};\n"],"names":["HvWarningText","children","adornment","isVisible","classes","className","id","disabled","disableGutter","disableBorder","disableAdornment","hideText","others","elementId","elementStatus","elementDisabled","useContext","HvFormElementContext","localDisabled","localVisible","isNil","localId","setId","showWarning","content","localAdornment","_jsx","StyledIcon","clsx","warningTextClasses","defaultIcon","semantic","StyledRoot","root","show","topBorder","$show","$topBorder","StyledTypography","warningText","topGutter","$topGutter","$hideText","role"],"mappings":";;;;;;;;AA+BO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AAAA,EAChBC,gBAAgB;AAAA,EAChBC,mBAAmB;AAAA,EACnBC,WAAW;AAAA,KACRC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,IAAWC;AAAAA,IAAeC;AAAAA,EAAAA,IAChCC,WAAWC,oBAAoB;AACjC,QAAMC,gBAAgBX,YAAYQ;AAClC,QAAMI,eAAe,CAACC,MAAMjB,SAAS,IACjCA,YACAW,kBAAkB;AACtB,QAAMO,UAAUf,kBAAMgB,MAAMT,WAAW,OAAO;AACxCU,QAAAA,cAAcJ,gBAAgB,CAACD;AAC/BM,QAAAA,UAAUD,cAActB,WAAW;AACnCwB,QAAAA,iBAAiBvB,aACrBwB,oBAACC,YAAU;AAAA,IACTtB,WAAWuB,KAAKC,mBAAmBC,aAAa1B,mCAAS0B,WAAW;AAAA,IACpEC,UAAS;AAAA,EAAA,CAEZ;AAED,8BACGC,YAAU;AAAA,IACT3B,WAAWuB,KACTvB,WACAwB,mBAAmBI,MACnB7B,mCAAS6B,MACTV,eAAeK,KAAKC,mBAAmBK,MAAM9B,mCAAS8B,IAAI,GAC1D,CAACzB,iBAAiBmB,KAAKC,mBAAmBM,WAAW/B,mCAAS+B,SAAS,CAAC;AAAA,IAE1EC,OAAOb;AAAAA,IACPc,YAAY,CAAC5B;AAAAA,IAAcR,UAAA,CAE1B,CAACS,oBAAoBe,oCACrBa,kBAAgB;AAAA,MACfhC,IAAIe;AAAAA,MACJhB,WAAWuB,KACTC,mBAAmBU,aACnBnC,mCAASmC,aACT,CAAC/B,iBACCoB,KAAKC,mBAAmBW,WAAWpC,mCAASoC,SAAS,GACvD7B,YAAYiB,KAAKC,mBAAmBlB,UAAUP,mCAASO,QAAQ,CAAC;AAAA,MAElE8B,YAAY,CAACjC;AAAAA,MACbkC,WAAW/B;AAAAA,MACXgC,MAAK;AAAA,MACL,iBAAc;AAAA,MAAgB,GAC1B/B;AAAAA,MAAMX,UAETsB,eAAeC;AAAAA,IAAAA,CACC,CAAA;AAAA,EAAA,CACR;AAEjB;"}
+{"version":3,"file":"WarningText.js","sources":["../../../../../src/components/Forms/WarningText/WarningText.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledRoot, StyledTypography, StyledIcon } from \"./WarningText.styles\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { setId } from \"utils\";\nimport warningTextClasses, { HvWarningTextClasses } from \"./warningTextClasses\";\n\nexport type HvWarningTextProps = HvBaseProps & {\n  /** Icon to be rendered alongside the warning text. */\n  adornment?: React.ReactNode;\n  /** If `true` the text is not rendered. */\n  isVisible?: boolean;\n  /** If `true` the text is disabled. */\n  disabled?: boolean;\n  /** If `true` the text won't include a gutter. */\n  disableGutter?: boolean;\n  /** If `true` the text won't include the top border. */\n  disableBorder?: boolean;\n  /** If `true` the adornment icon isn't shown. */\n  disableAdornment?: boolean;\n  /** If `true` the text isn't shown. */\n  hideText?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvWarningTextClasses;\n};\n\n/**\n * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.\n */\nexport const HvWarningText = ({\n  children,\n  adornment,\n  isVisible,\n  classes,\n  className,\n  id,\n  disabled,\n  disableGutter = false,\n  disableBorder = false,\n  disableAdornment = false,\n  hideText = false,\n  ...others\n}: HvWarningTextProps) => {\n  const { elementId, elementStatus, elementDisabled } =\n    useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localVisible = !isNil(isVisible)\n    ? isVisible\n    : elementStatus === \"invalid\";\n  const localId = id ?? setId(elementId, \"error\");\n  const showWarning = localVisible && !localDisabled;\n  const content = showWarning ? children : \"\";\n  const localAdornment = adornment || (\n    <StyledIcon\n      className={clsx(warningTextClasses.defaultIcon, classes?.defaultIcon)}\n      semantic=\"sema4\"\n    />\n  );\n\n  return (\n    <StyledRoot\n      className={clsx(\n        className,\n        warningTextClasses.root,\n        classes?.root,\n        showWarning && clsx(warningTextClasses.show, classes?.show),\n        !disableBorder && clsx(warningTextClasses.topBorder, classes?.topBorder)\n      )}\n      $show={showWarning}\n      $topBorder={!disableBorder}\n    >\n      {!disableAdornment && localAdornment}\n      <StyledTypography\n        id={localId}\n        className={clsx(\n          warningTextClasses.warningText,\n          classes?.warningText,\n          !disableGutter &&\n            clsx(warningTextClasses.topGutter, classes?.topGutter),\n          hideText && clsx(warningTextClasses.hideText, classes?.hideText)\n        )}\n        $topGutter={!disableGutter}\n        $hideText={hideText}\n        role=\"status\"\n        aria-relevant=\"additions text\"\n        {...others}\n      >\n        {showWarning && content}\n      </StyledTypography>\n    </StyledRoot>\n  );\n};\n"],"names":["HvWarningText","children","adornment","isVisible","classes","className","id","disabled","disableGutter","disableBorder","disableAdornment","hideText","others","elementId","elementStatus","elementDisabled","useContext","HvFormElementContext","localDisabled","localVisible","isNil","localId","setId","showWarning","content","localAdornment","_jsx","StyledIcon","clsx","warningTextClasses","defaultIcon","semantic","StyledRoot","root","show","topBorder","$show","$topBorder","StyledTypography","warningText","topGutter","$topGutter","$hideText","role"],"mappings":";;;;;;;;AA+BO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AAAA,EAChBC,gBAAgB;AAAA,EAChBC,mBAAmB;AAAA,EACnBC,WAAW;AAAA,EACX,GAAGC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,IAAWC;AAAAA,IAAeC;AAAAA,EAAAA,IAChCC,WAAWC,oBAAoB;AACjC,QAAMC,gBAAgBX,YAAYQ;AAClC,QAAMI,eAAe,CAACC,MAAMjB,SAAS,IACjCA,YACAW,kBAAkB;AACtB,QAAMO,UAAUf,MAAMgB,MAAMT,WAAW,OAAO;AACxCU,QAAAA,cAAcJ,gBAAgB,CAACD;AAC/BM,QAAAA,UAAUD,cAActB,WAAW;AACnCwB,QAAAA,iBAAiBvB,aACrBwB,oBAACC,YAAU;AAAA,IACTtB,WAAWuB,KAAKC,mBAAmBC,aAAa1B,mCAAS0B,WAAW;AAAA,IACpEC,UAAS;AAAA,EAAA,CAEZ;AAED,8BACGC,YAAU;AAAA,IACT3B,WAAWuB,KACTvB,WACAwB,mBAAmBI,MACnB7B,mCAAS6B,MACTV,eAAeK,KAAKC,mBAAmBK,MAAM9B,mCAAS8B,IAAI,GAC1D,CAACzB,iBAAiBmB,KAAKC,mBAAmBM,WAAW/B,mCAAS+B,SAAS,CAAC;AAAA,IAE1EC,OAAOb;AAAAA,IACPc,YAAY,CAAC5B;AAAAA,IAAcR,UAAA,CAE1B,CAACS,oBAAoBe,oCACrBa,kBAAgB;AAAA,MACfhC,IAAIe;AAAAA,MACJhB,WAAWuB,KACTC,mBAAmBU,aACnBnC,mCAASmC,aACT,CAAC/B,iBACCoB,KAAKC,mBAAmBW,WAAWpC,mCAASoC,SAAS,GACvD7B,YAAYiB,KAAKC,mBAAmBlB,UAAUP,mCAASO,QAAQ,CAAC;AAAA,MAElE8B,YAAY,CAACjC;AAAAA,MACbkC,WAAW/B;AAAAA,MACXgC,MAAK;AAAA,MACL,iBAAc;AAAA,MAAgB,GAC1B/B;AAAAA,MAAMX,UAETsB,eAAeC;AAAAA,IAAAA,CACC,CAAA;AAAA,EAAA,CACR;AAEjB;"}

package/dist/esm/components/Forms/WarningText/WarningText.styles.js

@@ -36,32 +36,34 @@ const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "prod
   ...$topBorder && {
     borderTop: `solid 1px ${theme.colors.sema4}`
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvV2FybmluZ1RleHQvV2FybmluZ1RleHQuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb3Jtcy9XYXJuaW5nVGV4dC9XYXJuaW5nVGV4dC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBGYWlsIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkc2hvdywgJHRvcEJvcmRlciB9OiB7ICRzaG93OiBib29sZWFuOyAkdG9wQm9yZGVyOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwibm9uZVwiLFxuICAuLi4oJHNob3cgJiYge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICB9KSxcbiAgLi4uKCR0b3BCb3JkZXIgJiYge1xuICAgIGJvcmRlclRvcDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5zZW1hNH1gLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KShcbiAgKHsgJHRvcEd1dHRlciwgJGhpZGVUZXh0IH06IHsgJHRvcEd1dHRlcjogYm9vbGVhbjsgJGhpZGVUZXh0OiBib29sZWFuIH0pID0+ICh7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hNCxcbiAgICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICAgIFwiJjpmaXJzdC1jaGlsZFwiOiB7XG4gICAgICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gICAgfSxcbiAgICAuLi4oJHRvcEd1dHRlciAmJiB7XG4gICAgICBwYWRkaW5nVG9wOiA2LFxuICAgIH0pLFxuICAgIC4uLigkaGlkZVRleHQgJiYge1xuICAgICAgLy8gZGlzcGxheSBub25lIG9yIHZpc2liaWxpdHkgaGlkZGVuIHByZXZlbnRzXG4gICAgICAvLyBicm93c2VyIHRvIHRyaWdnZXIgdGhlIGFyaWEtYWxlcnRcbiAgICAgIHdpZHRoOiAwLFxuICAgICAgaGVpZ2h0OiAwLFxuICAgICAgcGFkZGluZzogMCxcbiAgICAgIG1hcmdpbjogMCxcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb24gPSBzdHlsZWQoRmFpbCkoe1xuICBtaW5XaWR0aDogXCIzMnB4XCIsXG59KTtcbiJdfQ== */");
-const StyledTypography = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? {
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvV2FybmluZ1RleHQvV2FybmluZ1RleHQuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb3Jtcy9XYXJuaW5nVGV4dC9XYXJuaW5nVGV4dC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBGYWlsIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkc2hvdywgJHRvcEJvcmRlciB9OiB7ICRzaG93OiBib29sZWFuOyAkdG9wQm9yZGVyOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwibm9uZVwiLFxuICAuLi4oJHNob3cgJiYge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICB9KSxcbiAgLi4uKCR0b3BCb3JkZXIgJiYge1xuICAgIGJvcmRlclRvcDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5zZW1hNH1gLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdG9wR3V0dGVyLCAkaGlkZVRleHQgfTogeyAkdG9wR3V0dGVyOiBib29sZWFuOyAkaGlkZVRleHQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hNCxcbiAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgXCImOmZpcnN0LW9mLXR5cGVcIjoge1xuICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbiAgLi4uKCR0b3BHdXR0ZXIgJiYge1xuICAgIHBhZGRpbmdUb3A6IDYsXG4gIH0pLFxuICAuLi4oJGhpZGVUZXh0ICYmIHtcbiAgICAvLyBkaXNwbGF5IG5vbmUgb3IgdmlzaWJpbGl0eSBoaWRkZW4gcHJldmVudHNcbiAgICAvLyBicm93c2VyIHRvIHRyaWdnZXIgdGhlIGFyaWEtYWxlcnRcbiAgICB3aWR0aDogMCxcbiAgICBoZWlnaHQ6IDAsXG4gICAgcGFkZGluZzogMCxcbiAgICBtYXJnaW46IDAsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSWNvbiA9IHN0eWxlZChGYWlsKSh7XG4gIG1pbldpZHRoOiBcIjMycHhcIixcbn0pO1xuIl19 */");
+const StyledTypography = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e1jkc0dp1"
-} : {
+}, transientOptions) : _extends({}, {
   target: "e1jkc0dp1",
   label: "StyledTypography"
-})(({
+}, transientOptions))(({
   $topGutter,
   $hideText
 }) => ({
   color: theme.colors.sema4,
   paddingRight: theme.space.xs,
-  "&:first-child": {
+  "&:first-of-type": {
     paddingLeft: theme.space.xs
   },
   ...$topGutter && {
     paddingTop: 6
   },
   ...$hideText && {
+    // display none or visibility hidden prevents
+    // browser to trigger the aria-alert
     width: 0,
     height: 0,
     padding: 0,
     margin: 0,
     overflow: "hidden"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvV2FybmluZ1RleHQvV2FybmluZ1RleHQuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQmdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvV2FybmluZ1RleHQvV2FybmluZ1RleHQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgRmFpbCB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNob3csICR0b3BCb3JkZXIgfTogeyAkc2hvdzogYm9vbGVhbjsgJHRvcEJvcmRlcjogYm9vbGVhbiB9KSA9PiAoe1xuICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgLi4uKCRzaG93ICYmIHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgfSksXG4gIC4uLigkdG9wQm9yZGVyICYmIHtcbiAgICBib3JkZXJUb3A6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuc2VtYTR9YCxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoXG4gICh7ICR0b3BHdXR0ZXIsICRoaWRlVGV4dCB9OiB7ICR0b3BHdXR0ZXI6IGJvb2xlYW47ICRoaWRlVGV4dDogYm9vbGVhbiB9KSA9PiAoe1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2VtYTQsXG4gICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgICBcIiY6Zmlyc3QtY2hpbGRcIjoge1xuICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICAgIH0sXG4gICAgLi4uKCR0b3BHdXR0ZXIgJiYge1xuICAgICAgcGFkZGluZ1RvcDogNixcbiAgICB9KSxcbiAgICAuLi4oJGhpZGVUZXh0ICYmIHtcbiAgICAgIC8vIGRpc3BsYXkgbm9uZSBvciB2aXNpYmlsaXR5IGhpZGRlbiBwcmV2ZW50c1xuICAgICAgLy8gYnJvd3NlciB0byB0cmlnZ2VyIHRoZSBhcmlhLWFsZXJ0XG4gICAgICB3aWR0aDogMCxcbiAgICAgIGhlaWdodDogMCxcbiAgICAgIHBhZGRpbmc6IDAsXG4gICAgICBtYXJnaW46IDAsXG4gICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uID0gc3R5bGVkKEZhaWwpKHtcbiAgbWluV2lkdGg6IFwiMzJweFwiLFxufSk7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvV2FybmluZ1RleHQvV2FybmluZ1RleHQuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQmdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvV2FybmluZ1RleHQvV2FybmluZ1RleHQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgRmFpbCB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNob3csICR0b3BCb3JkZXIgfTogeyAkc2hvdzogYm9vbGVhbjsgJHRvcEJvcmRlcjogYm9vbGVhbiB9KSA9PiAoe1xuICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgLi4uKCRzaG93ICYmIHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgfSksXG4gIC4uLigkdG9wQm9yZGVyICYmIHtcbiAgICBib3JkZXJUb3A6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuc2VtYTR9YCxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHRvcEd1dHRlciwgJGhpZGVUZXh0IH06IHsgJHRvcEd1dHRlcjogYm9vbGVhbjsgJGhpZGVUZXh0OiBib29sZWFuIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2VtYTQsXG4gIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIFwiJjpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG4gIC4uLigkdG9wR3V0dGVyICYmIHtcbiAgICBwYWRkaW5nVG9wOiA2LFxuICB9KSxcbiAgLi4uKCRoaWRlVGV4dCAmJiB7XG4gICAgLy8gZGlzcGxheSBub25lIG9yIHZpc2liaWxpdHkgaGlkZGVuIHByZXZlbnRzXG4gICAgLy8gYnJvd3NlciB0byB0cmlnZ2VyIHRoZSBhcmlhLWFsZXJ0XG4gICAgd2lkdGg6IDAsXG4gICAgaGVpZ2h0OiAwLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgbWFyZ2luOiAwLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb24gPSBzdHlsZWQoRmFpbCkoe1xuICBtaW5XaWR0aDogXCIzMnB4XCIsXG59KTtcbiJdfQ== */");
 const StyledIcon = /* @__PURE__ */ _styled(Fail, process.env.NODE_ENV === "production" ? {
   target: "e1jkc0dp0"
 } : {
@@ -73,7 +75,7 @@ const StyledIcon = /* @__PURE__ */ _styled(Fail, process.env.NODE_ENV === "produ
 } : {
   name: "9q39xd",
   styles: "min-width:32px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvV2FybmluZ1RleHQvV2FybmluZ1RleHQuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QzBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvV2FybmluZ1RleHQvV2FybmluZ1RleHQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgRmFpbCB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNob3csICR0b3BCb3JkZXIgfTogeyAkc2hvdzogYm9vbGVhbjsgJHRvcEJvcmRlcjogYm9vbGVhbiB9KSA9PiAoe1xuICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgLi4uKCRzaG93ICYmIHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgfSksXG4gIC4uLigkdG9wQm9yZGVyICYmIHtcbiAgICBib3JkZXJUb3A6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuc2VtYTR9YCxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoXG4gICh7ICR0b3BHdXR0ZXIsICRoaWRlVGV4dCB9OiB7ICR0b3BHdXR0ZXI6IGJvb2xlYW47ICRoaWRlVGV4dDogYm9vbGVhbiB9KSA9PiAoe1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2VtYTQsXG4gICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgICBcIiY6Zmlyc3QtY2hpbGRcIjoge1xuICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICAgIH0sXG4gICAgLi4uKCR0b3BHdXR0ZXIgJiYge1xuICAgICAgcGFkZGluZ1RvcDogNixcbiAgICB9KSxcbiAgICAuLi4oJGhpZGVUZXh0ICYmIHtcbiAgICAgIC8vIGRpc3BsYXkgbm9uZSBvciB2aXNpYmlsaXR5IGhpZGRlbiBwcmV2ZW50c1xuICAgICAgLy8gYnJvd3NlciB0byB0cmlnZ2VyIHRoZSBhcmlhLWFsZXJ0XG4gICAgICB3aWR0aDogMCxcbiAgICAgIGhlaWdodDogMCxcbiAgICAgIHBhZGRpbmc6IDAsXG4gICAgICBtYXJnaW46IDAsXG4gICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uID0gc3R5bGVkKEZhaWwpKHtcbiAgbWluV2lkdGg6IFwiMzJweFwiLFxufSk7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvV2FybmluZ1RleHQvV2FybmluZ1RleHQuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQzBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvV2FybmluZ1RleHQvV2FybmluZ1RleHQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgRmFpbCB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNob3csICR0b3BCb3JkZXIgfTogeyAkc2hvdzogYm9vbGVhbjsgJHRvcEJvcmRlcjogYm9vbGVhbiB9KSA9PiAoe1xuICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgLi4uKCRzaG93ICYmIHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgfSksXG4gIC4uLigkdG9wQm9yZGVyICYmIHtcbiAgICBib3JkZXJUb3A6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuc2VtYTR9YCxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHRvcEd1dHRlciwgJGhpZGVUZXh0IH06IHsgJHRvcEd1dHRlcjogYm9vbGVhbjsgJGhpZGVUZXh0OiBib29sZWFuIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2VtYTQsXG4gIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIFwiJjpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG4gIC4uLigkdG9wR3V0dGVyICYmIHtcbiAgICBwYWRkaW5nVG9wOiA2LFxuICB9KSxcbiAgLi4uKCRoaWRlVGV4dCAmJiB7XG4gICAgLy8gZGlzcGxheSBub25lIG9yIHZpc2liaWxpdHkgaGlkZGVuIHByZXZlbnRzXG4gICAgLy8gYnJvd3NlciB0byB0cmlnZ2VyIHRoZSBhcmlhLWFsZXJ0XG4gICAgd2lkdGg6IDAsXG4gICAgaGVpZ2h0OiAwLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgbWFyZ2luOiAwLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb24gPSBzdHlsZWQoRmFpbCkoe1xuICBtaW5XaWR0aDogXCIzMnB4XCIsXG59KTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export {

package/dist/esm/components/Forms/WarningText/WarningText.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"WarningText.styles.js","sources":["../../../../../src/components/Forms/WarningText/WarningText.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvTypography } from \"components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { Fail } from \"@hitachivantara/uikit-react-icons\";\n\nexport const StyledRoot = styled(\n  \"div\",\n  transientOptions\n)(({ $show, $topBorder }: { $show: boolean; $topBorder: boolean }) => ({\n  display: \"none\",\n  ...($show && {\n    display: \"flex\",\n  }),\n  ...($topBorder && {\n    borderTop: `solid 1px ${theme.colors.sema4}`,\n  }),\n}));\n\nexport const StyledTypography = styled(HvTypography)(\n  ({ $topGutter, $hideText }: { $topGutter: boolean; $hideText: boolean }) => ({\n    color: theme.colors.sema4,\n    paddingRight: theme.space.xs,\n    \"&:first-child\": {\n      paddingLeft: theme.space.xs,\n    },\n    ...($topGutter && {\n      paddingTop: 6,\n    }),\n    ...($hideText && {\n      // display none or visibility hidden prevents\n      // browser to trigger the aria-alert\n      width: 0,\n      height: 0,\n      padding: 0,\n      margin: 0,\n      overflow: \"hidden\",\n    }),\n  })\n);\n\nexport const StyledIcon = styled(Fail)({\n  minWidth: \"32px\",\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$show","$topBorder","display","borderTop","theme","colors","sema4","StyledTypography","HvTypography","$topGutter","$hideText","color","paddingRight","space","xs","paddingLeft","paddingTop","width","height","padding","margin","overflow","StyledIcon","Fail","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAMaA,MAAAA,qCACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAAA,EAAOC;AAAoD,OAAO;AAAA,EACrEC,SAAS;AAAA,EACT,GAAIF,SAAS;AAAA,IACXE,SAAS;AAAA,EACX;AAAA,EACA,GAAID,cAAc;AAAA,IAChBE,WAAY,aAAYC,MAAMC,OAAOC;AAAAA,EACvC;AACF,IAAEb,QAAAC,IAAAC,aAAC,eAAA,KAAA,ykEAAA;AAEI,MAAMY,mBAA0BC,wBAAAA,cAAYf,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EACjD,CAAC;AAAA,EAAEU;AAAAA,EAAYC;AAAuD,OAAO;AAAA,EAC3EC,OAAOP,MAAMC,OAAOC;AAAAA,EACpBM,cAAcR,MAAMS,MAAMC;AAAAA,EAC1B,iBAAiB;AAAA,IACfC,aAAaX,MAAMS,MAAMC;AAAAA,EAC3B;AAAA,EACA,GAAIL,cAAc;AAAA,IAChBO,YAAY;AAAA,EACd;AAAA,EACA,GAAIN,aAAa;AAAA,IAGfO,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,UAAU;AAAA,EACZ;AACF,IAAE5B,QAAAC,IAAAC,aACH,eAAA,KAAA,ykEAAA;AAEM,MAAM2B,aAAoBC,wBAAAA,MAAI9B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA6B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEpC;"}
+{"version":3,"file":"WarningText.styles.js","sources":["../../../../../src/components/Forms/WarningText/WarningText.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvTypography } from \"components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { Fail } from \"@hitachivantara/uikit-react-icons\";\n\nexport const StyledRoot = styled(\n  \"div\",\n  transientOptions\n)(({ $show, $topBorder }: { $show: boolean; $topBorder: boolean }) => ({\n  display: \"none\",\n  ...($show && {\n    display: \"flex\",\n  }),\n  ...($topBorder && {\n    borderTop: `solid 1px ${theme.colors.sema4}`,\n  }),\n}));\n\nexport const StyledTypography = styled(\n  HvTypography,\n  transientOptions\n)(({ $topGutter, $hideText }: { $topGutter: boolean; $hideText: boolean }) => ({\n  color: theme.colors.sema4,\n  paddingRight: theme.space.xs,\n  \"&:first-of-type\": {\n    paddingLeft: theme.space.xs,\n  },\n  ...($topGutter && {\n    paddingTop: 6,\n  }),\n  ...($hideText && {\n    // display none or visibility hidden prevents\n    // browser to trigger the aria-alert\n    width: 0,\n    height: 0,\n    padding: 0,\n    margin: 0,\n    overflow: \"hidden\",\n  }),\n}));\n\nexport const StyledIcon = styled(Fail)({\n  minWidth: \"32px\",\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$show","$topBorder","display","borderTop","theme","colors","sema4","StyledTypography","HvTypography","$topGutter","$hideText","color","paddingRight","space","xs","paddingLeft","paddingTop","width","height","padding","margin","overflow","StyledIcon","Fail","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAMaA,MAAAA,qCACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAAA,EAAOC;AAAoD,OAAO;AAAA,EACrEC,SAAS;AAAA,EACT,GAAIF,SAAS;AAAA,IACXE,SAAS;AAAA,EACX;AAAA,EACA,GAAID,cAAc;AAAA,IAChBE,WAAY,aAAYC,MAAMC,OAAOC;AAAAA,EACvC;AACF,IAAEb,QAAAC,IAAAC,aAAC,eAAA,KAAA,qjEAAA;AAEUY,MAAAA,2CACXC,cAAYf,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACZC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEW;AAAAA,EAAYC;AAAuD,OAAO;AAAA,EAC7EC,OAAOP,MAAMC,OAAOC;AAAAA,EACpBM,cAAcR,MAAMS,MAAMC;AAAAA,EAC1B,mBAAmB;AAAA,IACjBC,aAAaX,MAAMS,MAAMC;AAAAA,EAC3B;AAAA,EACA,GAAIL,cAAc;AAAA,IAChBO,YAAY;AAAA,EACd;AAAA,EACA,GAAIN,aAAa;AAAA;AAAA;AAAA,IAGfO,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,UAAU;AAAA,EACZ;AACF,IAAE5B,QAAAC,IAAAC,aAAC,eAAA,KAAA,yjEAAA;AAEI,MAAM2B,aAAoBC,wBAAAA,MAAI9B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA6B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEpC;"}

package/dist/esm/components/GlobalActions/GlobalActions.js

@@ -1,9 +1,10 @@
-import { useTheme } from "@mui/material/styles";
 import clsx from "clsx";
 import { isString } from "lodash";
 import { StyledRoot, StyledWrapper, StyledActions, StyledBackButton } from "./GlobalActions.styles.js";
 import globalActionsClasses from "./globalActionsClasses.js";
+import { useTheme as useTheme$1 } from "@mui/material/styles";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useTheme } from "../../hooks/useTheme.js";
 import { HvTypography } from "../Typography/Typography.js";
 const HvGlobalActions = ({
   children,
@@ -16,7 +17,10 @@ const HvGlobalActions = ({
   position: positionProp,
   ...others
 }) => {
-  const muiTheme = useTheme();
+  const {
+    activeTheme
+  } = useTheme();
+  const muiTheme = useTheme$1();
   const headingLevelToApply = headingLevel || (variant === "global" ? 1 : 2);
   const backButtonRenderer = () => {
     if (backButton) {
@@ -28,16 +32,16 @@ const HvGlobalActions = ({
   };
   const position = positionProp || (variant === "global" ? "sticky" : "relative");
   return /* @__PURE__ */ jsx(StyledRoot, {
-    variant,
-    position,
-    className: clsx(className, globalActionsClasses.root, classes == null ? void 0 : classes.root),
-    breakpoints: muiTheme.breakpoints,
+    $variant: variant,
+    $position: position,
+    className: clsx(className, globalActionsClasses.root, classes == null ? void 0 : classes.root, position === "sticky" && clsx(classes == null ? void 0 : classes.positionSticky, globalActionsClasses.positionSticky), position === "fixed" && clsx(classes == null ? void 0 : classes.positionFixed, globalActionsClasses.positionFixed), variant === "global" && clsx(classes == null ? void 0 : classes.global, globalActionsClasses.global)),
+    $breakpoints: muiTheme.breakpoints,
     ...others,
     children: /* @__PURE__ */ jsxs(StyledWrapper, {
-      className: clsx(globalActionsClasses.wrapper, classes == null ? void 0 : classes.wrapper),
-      variant,
+      className: clsx(globalActionsClasses.wrapper, classes == null ? void 0 : classes.wrapper, variant === "global" && clsx(classes == null ? void 0 : classes.globalWrapperComplement, globalActionsClasses.globalWrapperComplement), variant === "section" && clsx(classes == null ? void 0 : classes.globalSectionArea, globalActionsClasses.globalSectionArea)),
+      $variant: variant,
       children: [variant === "global" && backButtonRenderer(), !isString(title) ? title : /* @__PURE__ */ jsx(HvTypography, {
-        variant: variant === "global" ? "title3" : "title4",
+        variant: variant === "global" ? "title3" : activeTheme == null ? void 0 : activeTheme.globalActions.sectionVariant,
         component: `h${headingLevelToApply}`,
         className: clsx(globalActionsClasses.name, classes == null ? void 0 : classes.name),
         children: title

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalActions.js","sources":["../../../../src/components/GlobalActions/GlobalActions.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { isString } from \"lodash\";\nimport { HvTypography } from \"components\";\nimport {\n  StyledActions,\n  StyledBackButton,\n  StyledRoot,\n  StyledWrapper,\n} from \"./GlobalActions.styles\";\nimport globalActionsClasses, {\n  HvGlobalActionsClasses,\n} from \"./globalActionsClasses\";\n\nexport type HvGlobalActionsVariant = \"global\" | \"section\";\n\nexport type HvGlobalActionsPosition = \"sticky\" | \"fixed\" | \"relative\";\n\nexport type HvGlobalActionsHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport type HvGlobalActionsProps = HvBaseProps<HTMLDivElement, { title }> & {\n  /** Text to display in the component. */\n  title?: React.ReactNode;\n  /** Denotes if this is a global or section component. */\n  variant?: HvGlobalActionsVariant;\n  /** User can pass in a fully customized button or false for when the back button should not be rendered. */\n  backButton?: React.ReactNode;\n  /** Heading Level to apply to Title Area. */\n  headingLevel?: HvGlobalActionsHeadingLevel;\n  /**\n   * Position of the Global Actions.\n   * Defaults to `sticky` when it is a global title and `relative` when it's a section title.\n   */\n  position?: HvGlobalActionsPosition;\n  /** A Jss Object used to override or extend the styles applied to the empty state component. */\n  classes?: HvGlobalActionsClasses;\n};\n\n/**\n * Global Actions are actions that affect the entire page they live in.\n * They should persist while scrolling down the screen.\n */\nexport const HvGlobalActions = ({\n  children,\n  classes,\n  className,\n  title,\n  variant = \"global\",\n  backButton,\n  headingLevel,\n  position: positionProp,\n  ...others\n}: HvGlobalActionsProps) => {\n  const muiTheme = useTheme();\n  const headingLevelToApply = headingLevel || (variant === \"global\" ? 1 : 2);\n\n  const backButtonRenderer = () => {\n    if (backButton) {\n      return (\n        <StyledBackButton\n          className={clsx(globalActionsClasses.backButton, classes?.backButton)}\n        >\n          {backButton}\n        </StyledBackButton>\n      );\n    }\n  };\n\n  const position =\n    positionProp || (variant === \"global\" ? \"sticky\" : \"relative\");\n\n  return (\n    <StyledRoot\n      variant={variant}\n      position={position}\n      className={clsx(className, globalActionsClasses.root, classes?.root)}\n      breakpoints={muiTheme.breakpoints}\n      {...others}\n    >\n      <StyledWrapper\n        className={clsx(globalActionsClasses.wrapper, classes?.wrapper)}\n        variant={variant}\n      >\n        {variant === \"global\" && backButtonRenderer()}\n        {!isString(title) ? (\n          title\n        ) : (\n          <HvTypography\n            variant={variant === \"global\" ? \"title3\" : \"title4\"} // \"sectionTitle\"\n            component={`h${headingLevelToApply}`}\n            className={clsx(globalActionsClasses.name, classes?.name)}\n          >\n            {title}\n          </HvTypography>\n        )}\n        {children && (\n          <StyledActions\n            className={clsx(globalActionsClasses.actions, classes?.actions)}\n          >\n            {children}\n          </StyledActions>\n        )}\n      </StyledWrapper>\n    </StyledRoot>\n  );\n};\n"],"names":["HvGlobalActions","children","classes","className","title","variant","backButton","headingLevel","position","positionProp","others","muiTheme","useTheme","headingLevelToApply","backButtonRenderer","StyledBackButton","clsx","globalActionsClasses","StyledRoot","root","breakpoints","StyledWrapper","wrapper","isString","_jsx","HvTypography","component","name","StyledActions","actions"],"mappings":";;;;;;;AA2CO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,EACAC;AAAAA,EACAC,UAAUC;AAAAA,KACPC;AACiB,MAAM;AAC1B,QAAMC,WAAWC;AACjB,QAAMC,sBAAsBN,iBAAiBF,YAAY,WAAW,IAAI;AAExE,QAAMS,qBAAqBA,MAAM;AAC/B,QAAIR,YAAY;AACd,iCACGS,kBAAgB;AAAA,QACfZ,WAAWa,KAAKC,qBAAqBX,YAAYJ,mCAASI,UAAU;AAAA,QAAEL,UAErEK;AAAAA,MAAAA,CACgB;AAAA,IAEvB;AAAA,EAAA;AAGF,QAAME,WACJC,iBAAiBJ,YAAY,WAAW,WAAW;AAErD,6BACGa,YAAU;AAAA,IACTb;AAAAA,IACAG;AAAAA,IACAL,WAAWa,KAAKb,WAAWc,qBAAqBE,MAAMjB,mCAASiB,IAAI;AAAA,IACnEC,aAAaT,SAASS;AAAAA,IAAY,GAC9BV;AAAAA,IAAMT,+BAEToB,eAAa;AAAA,MACZlB,WAAWa,KAAKC,qBAAqBK,SAASpB,mCAASoB,OAAO;AAAA,MAC9DjB;AAAAA,MAAiBJ,WAEhBI,YAAY,YAAYS,sBACxB,CAACS,SAASnB,KAAK,IACdA,QAEAoB,oBAACC,cAAY;AAAA,QACXpB,SAASA,YAAY,WAAW,WAAW;AAAA,QAC3CqB,WAAY,IAAGb;AAAAA,QACfV,WAAWa,KAAKC,qBAAqBU,MAAMzB,mCAASyB,IAAI;AAAA,QAAE1B,UAEzDG;AAAAA,MAAAA,CAAK,GAGTH,YACCuB,oBAACI,eAAa;AAAA,QACZzB,WAAWa,KAAKC,qBAAqBY,SAAS3B,mCAAS2B,OAAO;AAAA,QAAE5B;AAAAA,MAAAA,CAInE,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEQ;AAEjB;"}
+{"version":3,"file":"GlobalActions.js","sources":["../../../../src/components/GlobalActions/GlobalActions.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { isString } from \"lodash\";\nimport { HvTypography } from \"components\";\nimport {\n  StyledActions,\n  StyledBackButton,\n  StyledRoot,\n  StyledWrapper,\n} from \"./GlobalActions.styles\";\nimport globalActionsClasses, {\n  HvGlobalActionsClasses,\n} from \"./globalActionsClasses\";\nimport { useTheme as useHvTheme } from \"hooks\";\nimport { useTheme } from \"@mui/material/styles\";\n\nexport type HvGlobalActionsVariant = \"global\" | \"section\";\n\nexport type HvGlobalActionsPosition = \"sticky\" | \"fixed\" | \"relative\";\n\nexport type HvGlobalActionsHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport type HvGlobalActionsProps = HvBaseProps<HTMLDivElement, { title }> & {\n  /** Text to display in the component. */\n  title?: React.ReactNode;\n  /** Denotes if this is a global or section component. */\n  variant?: HvGlobalActionsVariant;\n  /** User can pass in a fully customized button or false for when the back button should not be rendered. */\n  backButton?: React.ReactNode;\n  /** Heading Level to apply to Title Area. */\n  headingLevel?: HvGlobalActionsHeadingLevel;\n  /**\n   * Position of the Global Actions.\n   * Defaults to `sticky` when it is a global title and `relative` when it's a section title.\n   */\n  position?: HvGlobalActionsPosition;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvGlobalActionsClasses;\n};\n\n/**\n * Global Actions are actions that affect the entire page they live in.\n * They should persist while scrolling down the screen.\n */\nexport const HvGlobalActions = ({\n  children,\n  classes,\n  className,\n  title,\n  variant = \"global\",\n  backButton,\n  headingLevel,\n  position: positionProp,\n  ...others\n}: HvGlobalActionsProps) => {\n  const { activeTheme } = useHvTheme();\n\n  const muiTheme = useTheme();\n\n  const headingLevelToApply = headingLevel || (variant === \"global\" ? 1 : 2);\n\n  const backButtonRenderer = () => {\n    if (backButton) {\n      return (\n        <StyledBackButton\n          className={clsx(globalActionsClasses.backButton, classes?.backButton)}\n        >\n          {backButton}\n        </StyledBackButton>\n      );\n    }\n  };\n\n  const position =\n    positionProp || (variant === \"global\" ? \"sticky\" : \"relative\");\n\n  return (\n    <StyledRoot\n      $variant={variant}\n      $position={position}\n      className={clsx(\n        className,\n        globalActionsClasses.root,\n        classes?.root,\n        position === \"sticky\" &&\n          clsx(classes?.positionSticky, globalActionsClasses.positionSticky),\n        position === \"fixed\" &&\n          clsx(classes?.positionFixed, globalActionsClasses.positionFixed),\n        variant === \"global\" &&\n          clsx(classes?.global, globalActionsClasses.global)\n      )}\n      $breakpoints={muiTheme.breakpoints}\n      {...others}\n    >\n      <StyledWrapper\n        className={clsx(\n          globalActionsClasses.wrapper,\n          classes?.wrapper,\n          variant === \"global\" &&\n            clsx(\n              classes?.globalWrapperComplement,\n              globalActionsClasses.globalWrapperComplement\n            ),\n          variant === \"section\" &&\n            clsx(\n              classes?.globalSectionArea,\n              globalActionsClasses.globalSectionArea\n            )\n        )}\n        $variant={variant}\n      >\n        {variant === \"global\" && backButtonRenderer()}\n        {!isString(title) ? (\n          title\n        ) : (\n          <HvTypography\n            variant={\n              variant === \"global\"\n                ? \"title3\"\n                : activeTheme?.globalActions.sectionVariant\n            }\n            component={`h${headingLevelToApply}`}\n            className={clsx(globalActionsClasses.name, classes?.name)}\n          >\n            {title}\n          </HvTypography>\n        )}\n        {children && (\n          <StyledActions\n            className={clsx(globalActionsClasses.actions, classes?.actions)}\n          >\n            {children}\n          </StyledActions>\n        )}\n      </StyledWrapper>\n    </StyledRoot>\n  );\n};\n"],"names":["HvGlobalActions","children","classes","className","title","variant","backButton","headingLevel","position","positionProp","others","activeTheme","useHvTheme","muiTheme","useTheme","headingLevelToApply","backButtonRenderer","StyledBackButton","clsx","globalActionsClasses","StyledRoot","$variant","$position","root","positionSticky","positionFixed","global","$breakpoints","breakpoints","StyledWrapper","wrapper","globalWrapperComplement","globalSectionArea","isString","_jsx","HvTypography","globalActions","sectionVariant","component","name","StyledActions","actions"],"mappings":";;;;;;;;AA4CO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,EACAC;AAAAA,EACAC,UAAUC;AAAAA,EACV,GAAGC;AACiB,MAAM;AACpB,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,SAAY;AAEpC,QAAMC,WAAWC;AAEjB,QAAMC,sBAAsBR,iBAAiBF,YAAY,WAAW,IAAI;AAExE,QAAMW,qBAAqBA,MAAM;AAC/B,QAAIV,YAAY;AACd,iCACGW,kBAAgB;AAAA,QACfd,WAAWe,KAAKC,qBAAqBb,YAAYJ,mCAASI,UAAU;AAAA,QAAEL,UAErEK;AAAAA,MAAAA,CACgB;AAAA,IAEvB;AAAA,EAAA;AAGF,QAAME,WACJC,iBAAiBJ,YAAY,WAAW,WAAW;AAErD,6BACGe,YAAU;AAAA,IACTC,UAAUhB;AAAAA,IACViB,WAAWd;AAAAA,IACXL,WAAWe,KACTf,WACAgB,qBAAqBI,MACrBrB,mCAASqB,MACTf,aAAa,YACXU,KAAKhB,mCAASsB,gBAAgBL,qBAAqBK,cAAc,GACnEhB,aAAa,WACXU,KAAKhB,mCAASuB,eAAeN,qBAAqBM,aAAa,GACjEpB,YAAY,YACVa,KAAKhB,mCAASwB,QAAQP,qBAAqBO,MAAM,CAAC;AAAA,IAEtDC,cAAcd,SAASe;AAAAA,IAAY,GAC/BlB;AAAAA,IAAMT,+BAET4B,eAAa;AAAA,MACZ1B,WAAWe,KACTC,qBAAqBW,SACrB5B,mCAAS4B,SACTzB,YAAY,YACVa,KACEhB,mCAAS6B,yBACTZ,qBAAqBY,uBAAuB,GAEhD1B,YAAY,aACVa,KACEhB,mCAAS8B,mBACTb,qBAAqBa,iBAAiB,CACvC;AAAA,MAELX,UAAUhB;AAAAA,MAAQJ,WAEjBI,YAAY,YAAYW,sBACxB,CAACiB,SAAS7B,KAAK,IACdA,QAEA8B,oBAACC,cAAY;AAAA,QACX9B,SACEA,YAAY,WACR,WACAM,2CAAayB,cAAcC;AAAAA,QAEjCC,WAAY,IAAGvB;AAAAA,QACfZ,WAAWe,KAAKC,qBAAqBoB,MAAMrC,mCAASqC,IAAI;AAAA,QAAEtC,UAEzDG;AAAAA,MAAAA,CAAK,GAGTH,YACCiC,oBAACM,eAAa;AAAA,QACZrC,WAAWe,KAAKC,qBAAqBsB,SAASvC,mCAASuC,OAAO;AAAA,QAAExC;AAAAA,MAAAA,CAInE,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEQ;AAEjB;"}

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

@@ -1,35 +1,50 @@
 import _styled from "@emotion/styled/base";
 import { theme } from "@hitachivantara/uikit-styles";
-const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+import { transientOptions } from "../../utils/transientOptions.js";
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e13e65q53"
-} : {
+}, transientOptions) : _extends({}, {
   target: "e13e65q53",
   label: "StyledRoot"
-})(({
-  position,
-  variant,
-  breakpoints
+}, transientOptions))(({
+  $position,
+  $variant,
+  $breakpoints
 }) => ({
   position: "relative",
-  ...position === "sticky" && {
+  ...$position === "sticky" && {
     width: "100%",
     position: "sticky"
   },
-  ...position === "fixed" && {
+  ...$position === "fixed" && {
     width: "100%",
     position: "fixed",
-    [breakpoints.up("md")]: {
+    [$breakpoints.up("md")]: {
       width: `calc(100% - 2*${theme.spacing(4)}px)`,
       marginLeft: `${theme.spacing(4)}px`,
       marginRight: `${theme.spacing(4)}px`
     },
-    [breakpoints.down("sm")]: {
+    [$breakpoints.down("sm")]: {
       width: `calc(100% - 2*${theme.space.sm}px)`,
       marginLeft: `${theme.space.sm}px`,
       marginRight: `${theme.space.sm}px`
     }
   },
-  ...variant === "global" && {
+  ...$variant === "global" && {
     zIndex: `calc(${theme.zIndices.banner} - 2)`,
     top: 0,
     left: 0,
@@ -44,7 +59,7 @@ const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "prod
     },
     backdropFilter: "blur(1px)"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvR2xvYmFsQWN0aW9ucy9HbG9iYWxBY3Rpb25zLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvR2xvYmFsQWN0aW9ucy9HbG9iYWxBY3Rpb25zLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoXG4gICh7XG4gICAgcG9zaXRpb24sXG4gICAgdmFyaWFudCxcbiAgICBicmVha3BvaW50cyxcbiAgfToge1xuICAgIHBvc2l0aW9uOiBzdHJpbmc7XG4gICAgdmFyaWFudDogc3RyaW5nO1xuICAgIGJyZWFrcG9pbnRzOiBhbnk7XG4gIH0pID0+ICh7XG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAuLi4ocG9zaXRpb24gPT09IFwic3RpY2t5XCIgJiYge1xuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgcG9zaXRpb246IFwic3RpY2t5XCIsXG4gICAgfSksXG4gICAgLi4uKHBvc2l0aW9uID09PSBcImZpeGVkXCIgJiYge1xuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgcG9zaXRpb246IFwiZml4ZWRcIixcblxuICAgICAgW2JyZWFrcG9pbnRzLnVwKFwibWRcIildOiB7XG4gICAgICAgIHdpZHRoOiBgY2FsYygxMDAlIC0gMioke3RoZW1lLnNwYWNpbmcoNCl9cHgpYCxcbiAgICAgICAgbWFyZ2luTGVmdDogYCR7dGhlbWUuc3BhY2luZyg0KX1weGAsXG4gICAgICAgIG1hcmdpblJpZ2h0OiBgJHt0aGVtZS5zcGFjaW5nKDQpfXB4YCxcbiAgICAgIH0sXG4gICAgICBbYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgICAgICB3aWR0aDogYGNhbGMoMTAwJSAtIDIqJHt0aGVtZS5zcGFjZS5zbX1weClgLFxuICAgICAgICBtYXJnaW5MZWZ0OiBgJHt0aGVtZS5zcGFjZS5zbX1weGAsXG4gICAgICAgIG1hcmdpblJpZ2h0OiBgJHt0aGVtZS5zcGFjZS5zbX1weGAsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLih2YXJpYW50ID09PSBcImdsb2JhbFwiICYmIHtcbiAgICAgIHpJbmRleDogYGNhbGMoJHt0aGVtZS56SW5kaWNlcy5iYW5uZXJ9IC0gMilgLFxuXG4gICAgICB0b3A6IDAsXG4gICAgICBsZWZ0OiAwLFxuXG4gICAgICBcIiY6YmVmb3JlXCI6IHtcbiAgICAgICAgY29udGVudDogXCInJ1wiLFxuICAgICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBoZWlnaHQ6IDcyLFxuICAgICAgICB0b3A6IDAsXG4gICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMixcbiAgICAgICAgb3BhY2l0eTogXCI3NSVcIixcbiAgICAgIH0sXG4gICAgICBiYWNrZHJvcEZpbHRlcjogXCJibHVyKDFweClcIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWNrQnV0dG9uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoeyB2YXJpYW50IH06IHsgdmFyaWFudDogc3RyaW5nIH0pID0+ICh7XG4gICAgaGVpZ2h0OiA1MixcbiAgICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIC4uLih2YXJpYW50ID09PSBcImdsb2JhbFwiICYmIHtcbiAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICB0b3A6IDAsXG4gICAgICBsZWZ0OiAwLFxuICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gICAgICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNlLnhzLFxuICAgIH0pLFxuICAgIC4uLih2YXJpYW50ID09PSBcInNlY3Rpb25cIiAmJiB7XG4gICAgICBiYWNrZ3JvdW5kOiBcIm5vbmVcIixcbiAgICAgIGJvcmRlclRvcDogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbnMgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1lbmRcIixcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG4gIFwiJiA+ICo6bm90KDpmaXJzdC1jaGlsZCkgXCI6IHtcbiAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbn0pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvR2xvYmFsQWN0aW9ucy9HbG9iYWxBY3Rpb25zLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvR2xvYmFsQWN0aW9ucy9HbG9iYWxBY3Rpb25zLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEJyZWFrcG9pbnRzIGFzIE11aUJyZWFrcG9pbnRzIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkcG9zaXRpb24sXG4gICAgJHZhcmlhbnQsXG4gICAgJGJyZWFrcG9pbnRzLFxuICB9OiB7XG4gICAgJHBvc2l0aW9uOiBzdHJpbmc7XG4gICAgJHZhcmlhbnQ6IHN0cmluZztcbiAgICAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzO1xuICB9KSA9PiAoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgLi4uKCRwb3NpdGlvbiA9PT0gXCJzdGlja3lcIiAmJiB7XG4gICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICBwb3NpdGlvbjogXCJzdGlja3lcIixcbiAgICB9KSxcbiAgICAuLi4oJHBvc2l0aW9uID09PSBcImZpeGVkXCIgJiYge1xuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgcG9zaXRpb246IFwiZml4ZWRcIixcblxuICAgICAgWyRicmVha3BvaW50cy51cChcIm1kXCIpXToge1xuICAgICAgICB3aWR0aDogYGNhbGMoMTAwJSAtIDIqJHt0aGVtZS5zcGFjaW5nKDQpfXB4KWAsXG4gICAgICAgIG1hcmdpbkxlZnQ6IGAke3RoZW1lLnNwYWNpbmcoNCl9cHhgLFxuICAgICAgICBtYXJnaW5SaWdodDogYCR7dGhlbWUuc3BhY2luZyg0KX1weGAsXG4gICAgICB9LFxuICAgICAgWyRicmVha3BvaW50cy5kb3duKFwic21cIildOiB7XG4gICAgICAgIHdpZHRoOiBgY2FsYygxMDAlIC0gMioke3RoZW1lLnNwYWNlLnNtfXB4KWAsXG4gICAgICAgIG1hcmdpbkxlZnQ6IGAke3RoZW1lLnNwYWNlLnNtfXB4YCxcbiAgICAgICAgbWFyZ2luUmlnaHQ6IGAke3RoZW1lLnNwYWNlLnNtfXB4YCxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKCR2YXJpYW50ID09PSBcImdsb2JhbFwiICYmIHtcbiAgICAgIHpJbmRleDogYGNhbGMoJHt0aGVtZS56SW5kaWNlcy5iYW5uZXJ9IC0gMilgLFxuXG4gICAgICB0b3A6IDAsXG4gICAgICBsZWZ0OiAwLFxuXG4gICAgICBcIiY6YmVmb3JlXCI6IHtcbiAgICAgICAgY29udGVudDogXCInJ1wiLFxuICAgICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBoZWlnaHQ6IDcyLFxuICAgICAgICB0b3A6IDAsXG4gICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMixcbiAgICAgICAgb3BhY2l0eTogXCI3NSVcIixcbiAgICAgIH0sXG4gICAgICBiYWNrZHJvcEZpbHRlcjogXCJibHVyKDFweClcIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWNrQnV0dG9uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRXcmFwcGVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICR2YXJpYW50IH06IHsgJHZhcmlhbnQ6IHN0cmluZyB9KSA9PiAoe1xuICBoZWlnaHQ6IDUyLFxuICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAuLi4oJHZhcmlhbnQgPT09IFwiZ2xvYmFsXCIgJiYge1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgdG9wOiAwLFxuICAgIGxlZnQ6IDAsXG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBwYWRkaW5nOiB0aGVtZS5zcGFjZS54cyxcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNlLnhzLFxuICB9KSxcbiAgLi4uKCR2YXJpYW50ID09PSBcInNlY3Rpb25cIiAmJiB7XG4gICAgYmFja2dyb3VuZDogXCJub25lXCIsXG4gICAgYm9yZGVyVG9wOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQWN0aW9ucyA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LWVuZFwiLFxuICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcbiAgXCImID4gKjpub3QoOmZpcnN0LW9mLXR5cGUpIFwiOiB7XG4gICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG59KTtcbiJdfQ== */");
 const StyledBackButton = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
   target: "e13e65q52"
 } : {
@@ -52,21 +67,21 @@ const StyledBackButton = /* @__PURE__ */ _styled("div", process.env.NODE_ENV ===
   label: "StyledBackButton"
 })({
   marginRight: theme.space.xs
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvR2xvYmFsQWN0aW9ucy9HbG9iYWxBY3Rpb25zLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcURnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0dsb2JhbEFjdGlvbnMvR2xvYmFsQWN0aW9ucy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoe1xuICAgIHBvc2l0aW9uLFxuICAgIHZhcmlhbnQsXG4gICAgYnJlYWtwb2ludHMsXG4gIH06IHtcbiAgICBwb3NpdGlvbjogc3RyaW5nO1xuICAgIHZhcmlhbnQ6IHN0cmluZztcbiAgICBicmVha3BvaW50czogYW55O1xuICB9KSA9PiAoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgLi4uKHBvc2l0aW9uID09PSBcInN0aWNreVwiICYmIHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIHBvc2l0aW9uOiBcInN0aWNreVwiLFxuICAgIH0pLFxuICAgIC4uLihwb3NpdGlvbiA9PT0gXCJmaXhlZFwiICYmIHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIHBvc2l0aW9uOiBcImZpeGVkXCIsXG5cbiAgICAgIFticmVha3BvaW50cy51cChcIm1kXCIpXToge1xuICAgICAgICB3aWR0aDogYGNhbGMoMTAwJSAtIDIqJHt0aGVtZS5zcGFjaW5nKDQpfXB4KWAsXG4gICAgICAgIG1hcmdpbkxlZnQ6IGAke3RoZW1lLnNwYWNpbmcoNCl9cHhgLFxuICAgICAgICBtYXJnaW5SaWdodDogYCR7dGhlbWUuc3BhY2luZyg0KX1weGAsXG4gICAgICB9LFxuICAgICAgW2JyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICAgICAgd2lkdGg6IGBjYWxjKDEwMCUgLSAyKiR7dGhlbWUuc3BhY2Uuc219cHgpYCxcbiAgICAgICAgbWFyZ2luTGVmdDogYCR7dGhlbWUuc3BhY2Uuc219cHhgLFxuICAgICAgICBtYXJnaW5SaWdodDogYCR7dGhlbWUuc3BhY2Uuc219cHhgLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJnbG9iYWxcIiAmJiB7XG4gICAgICB6SW5kZXg6IGBjYWxjKCR7dGhlbWUuekluZGljZXMuYmFubmVyfSAtIDIpYCxcblxuICAgICAgdG9wOiAwLFxuICAgICAgbGVmdDogMCxcblxuICAgICAgXCImOmJlZm9yZVwiOiB7XG4gICAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgaGVpZ2h0OiA3MixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzIsXG4gICAgICAgIG9wYWNpdHk6IFwiNzUlXCIsXG4gICAgICB9LFxuICAgICAgYmFja2Ryb3BGaWx0ZXI6IFwiYmx1cigxcHgpXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja0J1dHRvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgdmFyaWFudCB9OiB7IHZhcmlhbnQ6IHN0cmluZyB9KSA9PiAoe1xuICAgIGhlaWdodDogNTIsXG4gICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAuLi4odmFyaWFudCA9PT0gXCJnbG9iYWxcIiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgdG9wOiAwLFxuICAgICAgbGVmdDogMCxcbiAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjZS54cyxcbiAgICB9KSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJzZWN0aW9uXCIgJiYge1xuICAgICAgYmFja2dyb3VuZDogXCJub25lXCIsXG4gICAgICBib3JkZXJUb3A6IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBY3Rpb25zID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImZsZXgtZW5kXCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxuICBcIiYgPiAqOm5vdCg6Zmlyc3QtY2hpbGQpIFwiOiB7XG4gICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG59KTtcbiJdfQ== */");
-const StyledWrapper = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvR2xvYmFsQWN0aW9ucy9HbG9iYWxBY3Rpb25zLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMERnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0dsb2JhbEFjdGlvbnMvR2xvYmFsQWN0aW9ucy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCcmVha3BvaW50cyBhcyBNdWlCcmVha3BvaW50cyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHBvc2l0aW9uLFxuICAgICR2YXJpYW50LFxuICAgICRicmVha3BvaW50cyxcbiAgfToge1xuICAgICRwb3NpdGlvbjogc3RyaW5nO1xuICAgICR2YXJpYW50OiBzdHJpbmc7XG4gICAgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cztcbiAgfSkgPT4gKHtcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIC4uLigkcG9zaXRpb24gPT09IFwic3RpY2t5XCIgJiYge1xuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgcG9zaXRpb246IFwic3RpY2t5XCIsXG4gICAgfSksXG4gICAgLi4uKCRwb3NpdGlvbiA9PT0gXCJmaXhlZFwiICYmIHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIHBvc2l0aW9uOiBcImZpeGVkXCIsXG5cbiAgICAgIFskYnJlYWtwb2ludHMudXAoXCJtZFwiKV06IHtcbiAgICAgICAgd2lkdGg6IGBjYWxjKDEwMCUgLSAyKiR7dGhlbWUuc3BhY2luZyg0KX1weClgLFxuICAgICAgICBtYXJnaW5MZWZ0OiBgJHt0aGVtZS5zcGFjaW5nKDQpfXB4YCxcbiAgICAgICAgbWFyZ2luUmlnaHQ6IGAke3RoZW1lLnNwYWNpbmcoNCl9cHhgLFxuICAgICAgfSxcbiAgICAgIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgICAgICB3aWR0aDogYGNhbGMoMTAwJSAtIDIqJHt0aGVtZS5zcGFjZS5zbX1weClgLFxuICAgICAgICBtYXJnaW5MZWZ0OiBgJHt0aGVtZS5zcGFjZS5zbX1weGAsXG4gICAgICAgIG1hcmdpblJpZ2h0OiBgJHt0aGVtZS5zcGFjZS5zbX1weGAsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkdmFyaWFudCA9PT0gXCJnbG9iYWxcIiAmJiB7XG4gICAgICB6SW5kZXg6IGBjYWxjKCR7dGhlbWUuekluZGljZXMuYmFubmVyfSAtIDIpYCxcblxuICAgICAgdG9wOiAwLFxuICAgICAgbGVmdDogMCxcblxuICAgICAgXCImOmJlZm9yZVwiOiB7XG4gICAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgaGVpZ2h0OiA3MixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzIsXG4gICAgICAgIG9wYWNpdHk6IFwiNzUlXCIsXG4gICAgICB9LFxuICAgICAgYmFja2Ryb3BGaWx0ZXI6IFwiYmx1cigxcHgpXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja0J1dHRvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdmFyaWFudCB9OiB7ICR2YXJpYW50OiBzdHJpbmcgfSkgPT4gKHtcbiAgaGVpZ2h0OiA1MixcbiAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgLi4uKCR2YXJpYW50ID09PSBcImdsb2JhbFwiICYmIHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjZS54cyxcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJzZWN0aW9uXCIgJiYge1xuICAgIGJhY2tncm91bmQ6IFwibm9uZVwiLFxuICAgIGJvcmRlclRvcDogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbnMgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1lbmRcIixcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG4gIFwiJiA+ICo6bm90KDpmaXJzdC1vZi10eXBlKSBcIjoge1xuICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSk7XG4iXX0= */");
+const StyledWrapper = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e13e65q51"
-} : {
+}, transientOptions) : _extends({}, {
   target: "e13e65q51",
   label: "StyledWrapper"
-})(({
-  variant
+}, transientOptions))(({
+  $variant
 }) => ({
   height: 52,
   paddingRight: theme.space.xs,
   display: "flex",
   justifyContent: "flex-start",
   alignItems: "center",
-  ...variant === "global" && {
+  ...$variant === "global" && {
     position: "absolute",
     top: 0,
     left: 0,
@@ -75,11 +90,11 @@ const StyledWrapper = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "p
     padding: theme.space.xs,
     marginTop: theme.space.xs
   },
-  ...variant === "section" && {
+  ...$variant === "section" && {
     background: "none",
     borderTop: `1px solid ${theme.colors.atmo4}`
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvR2xvYmFsQWN0aW9ucy9HbG9iYWxBY3Rpb25zLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUQ2QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0dsb2JhbEFjdGlvbnMvR2xvYmFsQWN0aW9ucy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoe1xuICAgIHBvc2l0aW9uLFxuICAgIHZhcmlhbnQsXG4gICAgYnJlYWtwb2ludHMsXG4gIH06IHtcbiAgICBwb3NpdGlvbjogc3RyaW5nO1xuICAgIHZhcmlhbnQ6IHN0cmluZztcbiAgICBicmVha3BvaW50czogYW55O1xuICB9KSA9PiAoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgLi4uKHBvc2l0aW9uID09PSBcInN0aWNreVwiICYmIHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIHBvc2l0aW9uOiBcInN0aWNreVwiLFxuICAgIH0pLFxuICAgIC4uLihwb3NpdGlvbiA9PT0gXCJmaXhlZFwiICYmIHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIHBvc2l0aW9uOiBcImZpeGVkXCIsXG5cbiAgICAgIFticmVha3BvaW50cy51cChcIm1kXCIpXToge1xuICAgICAgICB3aWR0aDogYGNhbGMoMTAwJSAtIDIqJHt0aGVtZS5zcGFjaW5nKDQpfXB4KWAsXG4gICAgICAgIG1hcmdpbkxlZnQ6IGAke3RoZW1lLnNwYWNpbmcoNCl9cHhgLFxuICAgICAgICBtYXJnaW5SaWdodDogYCR7dGhlbWUuc3BhY2luZyg0KX1weGAsXG4gICAgICB9LFxuICAgICAgW2JyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICAgICAgd2lkdGg6IGBjYWxjKDEwMCUgLSAyKiR7dGhlbWUuc3BhY2Uuc219cHgpYCxcbiAgICAgICAgbWFyZ2luTGVmdDogYCR7dGhlbWUuc3BhY2Uuc219cHhgLFxuICAgICAgICBtYXJnaW5SaWdodDogYCR7dGhlbWUuc3BhY2Uuc219cHhgLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJnbG9iYWxcIiAmJiB7XG4gICAgICB6SW5kZXg6IGBjYWxjKCR7dGhlbWUuekluZGljZXMuYmFubmVyfSAtIDIpYCxcblxuICAgICAgdG9wOiAwLFxuICAgICAgbGVmdDogMCxcblxuICAgICAgXCImOmJlZm9yZVwiOiB7XG4gICAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgaGVpZ2h0OiA3MixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzIsXG4gICAgICAgIG9wYWNpdHk6IFwiNzUlXCIsXG4gICAgICB9LFxuICAgICAgYmFja2Ryb3BGaWx0ZXI6IFwiYmx1cigxcHgpXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja0J1dHRvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgdmFyaWFudCB9OiB7IHZhcmlhbnQ6IHN0cmluZyB9KSA9PiAoe1xuICAgIGhlaWdodDogNTIsXG4gICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAuLi4odmFyaWFudCA9PT0gXCJnbG9iYWxcIiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgdG9wOiAwLFxuICAgICAgbGVmdDogMCxcbiAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjZS54cyxcbiAgICB9KSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJzZWN0aW9uXCIgJiYge1xuICAgICAgYmFja2dyb3VuZDogXCJub25lXCIsXG4gICAgICBib3JkZXJUb3A6IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBY3Rpb25zID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImZsZXgtZW5kXCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxuICBcIiYgPiAqOm5vdCg6Zmlyc3QtY2hpbGQpIFwiOiB7XG4gICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG59KTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvR2xvYmFsQWN0aW9ucy9HbG9iYWxBY3Rpb25zLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEQ2QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0dsb2JhbEFjdGlvbnMvR2xvYmFsQWN0aW9ucy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCcmVha3BvaW50cyBhcyBNdWlCcmVha3BvaW50cyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHBvc2l0aW9uLFxuICAgICR2YXJpYW50LFxuICAgICRicmVha3BvaW50cyxcbiAgfToge1xuICAgICRwb3NpdGlvbjogc3RyaW5nO1xuICAgICR2YXJpYW50OiBzdHJpbmc7XG4gICAgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cztcbiAgfSkgPT4gKHtcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIC4uLigkcG9zaXRpb24gPT09IFwic3RpY2t5XCIgJiYge1xuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgcG9zaXRpb246IFwic3RpY2t5XCIsXG4gICAgfSksXG4gICAgLi4uKCRwb3NpdGlvbiA9PT0gXCJmaXhlZFwiICYmIHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIHBvc2l0aW9uOiBcImZpeGVkXCIsXG5cbiAgICAgIFskYnJlYWtwb2ludHMudXAoXCJtZFwiKV06IHtcbiAgICAgICAgd2lkdGg6IGBjYWxjKDEwMCUgLSAyKiR7dGhlbWUuc3BhY2luZyg0KX1weClgLFxuICAgICAgICBtYXJnaW5MZWZ0OiBgJHt0aGVtZS5zcGFjaW5nKDQpfXB4YCxcbiAgICAgICAgbWFyZ2luUmlnaHQ6IGAke3RoZW1lLnNwYWNpbmcoNCl9cHhgLFxuICAgICAgfSxcbiAgICAgIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgICAgICB3aWR0aDogYGNhbGMoMTAwJSAtIDIqJHt0aGVtZS5zcGFjZS5zbX1weClgLFxuICAgICAgICBtYXJnaW5MZWZ0OiBgJHt0aGVtZS5zcGFjZS5zbX1weGAsXG4gICAgICAgIG1hcmdpblJpZ2h0OiBgJHt0aGVtZS5zcGFjZS5zbX1weGAsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkdmFyaWFudCA9PT0gXCJnbG9iYWxcIiAmJiB7XG4gICAgICB6SW5kZXg6IGBjYWxjKCR7dGhlbWUuekluZGljZXMuYmFubmVyfSAtIDIpYCxcblxuICAgICAgdG9wOiAwLFxuICAgICAgbGVmdDogMCxcblxuICAgICAgXCImOmJlZm9yZVwiOiB7XG4gICAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgaGVpZ2h0OiA3MixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzIsXG4gICAgICAgIG9wYWNpdHk6IFwiNzUlXCIsXG4gICAgICB9LFxuICAgICAgYmFja2Ryb3BGaWx0ZXI6IFwiYmx1cigxcHgpXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja0J1dHRvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdmFyaWFudCB9OiB7ICR2YXJpYW50OiBzdHJpbmcgfSkgPT4gKHtcbiAgaGVpZ2h0OiA1MixcbiAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgLi4uKCR2YXJpYW50ID09PSBcImdsb2JhbFwiICYmIHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjZS54cyxcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJzZWN0aW9uXCIgJiYge1xuICAgIGJhY2tncm91bmQ6IFwibm9uZVwiLFxuICAgIGJvcmRlclRvcDogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbnMgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1lbmRcIixcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG4gIFwiJiA+ICo6bm90KDpmaXJzdC1vZi10eXBlKSBcIjoge1xuICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSk7XG4iXX0= */");
 const StyledActions = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
   target: "e13e65q50"
 } : {
@@ -90,10 +105,10 @@ const StyledActions = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "p
   alignItems: "center",
   justifyContent: "flex-end",
   marginLeft: "auto",
-  "& > *:not(:first-child) ": {
+  "& > *:not(:first-of-type) ": {
     marginLeft: theme.space.xs
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvR2xvYmFsQWN0aW9ucy9HbG9iYWxBY3Rpb25zLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0Y2QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0dsb2JhbEFjdGlvbnMvR2xvYmFsQWN0aW9ucy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoe1xuICAgIHBvc2l0aW9uLFxuICAgIHZhcmlhbnQsXG4gICAgYnJlYWtwb2ludHMsXG4gIH06IHtcbiAgICBwb3NpdGlvbjogc3RyaW5nO1xuICAgIHZhcmlhbnQ6IHN0cmluZztcbiAgICBicmVha3BvaW50czogYW55O1xuICB9KSA9PiAoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgLi4uKHBvc2l0aW9uID09PSBcInN0aWNreVwiICYmIHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIHBvc2l0aW9uOiBcInN0aWNreVwiLFxuICAgIH0pLFxuICAgIC4uLihwb3NpdGlvbiA9PT0gXCJmaXhlZFwiICYmIHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIHBvc2l0aW9uOiBcImZpeGVkXCIsXG5cbiAgICAgIFticmVha3BvaW50cy51cChcIm1kXCIpXToge1xuICAgICAgICB3aWR0aDogYGNhbGMoMTAwJSAtIDIqJHt0aGVtZS5zcGFjaW5nKDQpfXB4KWAsXG4gICAgICAgIG1hcmdpbkxlZnQ6IGAke3RoZW1lLnNwYWNpbmcoNCl9cHhgLFxuICAgICAgICBtYXJnaW5SaWdodDogYCR7dGhlbWUuc3BhY2luZyg0KX1weGAsXG4gICAgICB9LFxuICAgICAgW2JyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICAgICAgd2lkdGg6IGBjYWxjKDEwMCUgLSAyKiR7dGhlbWUuc3BhY2Uuc219cHgpYCxcbiAgICAgICAgbWFyZ2luTGVmdDogYCR7dGhlbWUuc3BhY2Uuc219cHhgLFxuICAgICAgICBtYXJnaW5SaWdodDogYCR7dGhlbWUuc3BhY2Uuc219cHhgLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJnbG9iYWxcIiAmJiB7XG4gICAgICB6SW5kZXg6IGBjYWxjKCR7dGhlbWUuekluZGljZXMuYmFubmVyfSAtIDIpYCxcblxuICAgICAgdG9wOiAwLFxuICAgICAgbGVmdDogMCxcblxuICAgICAgXCImOmJlZm9yZVwiOiB7XG4gICAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgaGVpZ2h0OiA3MixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzIsXG4gICAgICAgIG9wYWNpdHk6IFwiNzUlXCIsXG4gICAgICB9LFxuICAgICAgYmFja2Ryb3BGaWx0ZXI6IFwiYmx1cigxcHgpXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja0J1dHRvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgdmFyaWFudCB9OiB7IHZhcmlhbnQ6IHN0cmluZyB9KSA9PiAoe1xuICAgIGhlaWdodDogNTIsXG4gICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAuLi4odmFyaWFudCA9PT0gXCJnbG9iYWxcIiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgdG9wOiAwLFxuICAgICAgbGVmdDogMCxcbiAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjZS54cyxcbiAgICB9KSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJzZWN0aW9uXCIgJiYge1xuICAgICAgYmFja2dyb3VuZDogXCJub25lXCIsXG4gICAgICBib3JkZXJUb3A6IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBY3Rpb25zID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImZsZXgtZW5kXCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxuICBcIiYgPiAqOm5vdCg6Zmlyc3QtY2hpbGQpIFwiOiB7XG4gICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG59KTtcbiJdfQ== */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvR2xvYmFsQWN0aW9ucy9HbG9iYWxBY3Rpb25zLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0Y2QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0dsb2JhbEFjdGlvbnMvR2xvYmFsQWN0aW9ucy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCcmVha3BvaW50cyBhcyBNdWlCcmVha3BvaW50cyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHBvc2l0aW9uLFxuICAgICR2YXJpYW50LFxuICAgICRicmVha3BvaW50cyxcbiAgfToge1xuICAgICRwb3NpdGlvbjogc3RyaW5nO1xuICAgICR2YXJpYW50OiBzdHJpbmc7XG4gICAgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cztcbiAgfSkgPT4gKHtcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIC4uLigkcG9zaXRpb24gPT09IFwic3RpY2t5XCIgJiYge1xuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgcG9zaXRpb246IFwic3RpY2t5XCIsXG4gICAgfSksXG4gICAgLi4uKCRwb3NpdGlvbiA9PT0gXCJmaXhlZFwiICYmIHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIHBvc2l0aW9uOiBcImZpeGVkXCIsXG5cbiAgICAgIFskYnJlYWtwb2ludHMudXAoXCJtZFwiKV06IHtcbiAgICAgICAgd2lkdGg6IGBjYWxjKDEwMCUgLSAyKiR7dGhlbWUuc3BhY2luZyg0KX1weClgLFxuICAgICAgICBtYXJnaW5MZWZ0OiBgJHt0aGVtZS5zcGFjaW5nKDQpfXB4YCxcbiAgICAgICAgbWFyZ2luUmlnaHQ6IGAke3RoZW1lLnNwYWNpbmcoNCl9cHhgLFxuICAgICAgfSxcbiAgICAgIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgICAgICB3aWR0aDogYGNhbGMoMTAwJSAtIDIqJHt0aGVtZS5zcGFjZS5zbX1weClgLFxuICAgICAgICBtYXJnaW5MZWZ0OiBgJHt0aGVtZS5zcGFjZS5zbX1weGAsXG4gICAgICAgIG1hcmdpblJpZ2h0OiBgJHt0aGVtZS5zcGFjZS5zbX1weGAsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkdmFyaWFudCA9PT0gXCJnbG9iYWxcIiAmJiB7XG4gICAgICB6SW5kZXg6IGBjYWxjKCR7dGhlbWUuekluZGljZXMuYmFubmVyfSAtIDIpYCxcblxuICAgICAgdG9wOiAwLFxuICAgICAgbGVmdDogMCxcblxuICAgICAgXCImOmJlZm9yZVwiOiB7XG4gICAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgaGVpZ2h0OiA3MixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzIsXG4gICAgICAgIG9wYWNpdHk6IFwiNzUlXCIsXG4gICAgICB9LFxuICAgICAgYmFja2Ryb3BGaWx0ZXI6IFwiYmx1cigxcHgpXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja0J1dHRvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdmFyaWFudCB9OiB7ICR2YXJpYW50OiBzdHJpbmcgfSkgPT4gKHtcbiAgaGVpZ2h0OiA1MixcbiAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgLi4uKCR2YXJpYW50ID09PSBcImdsb2JhbFwiICYmIHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjZS54cyxcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJzZWN0aW9uXCIgJiYge1xuICAgIGJhY2tncm91bmQ6IFwibm9uZVwiLFxuICAgIGJvcmRlclRvcDogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbnMgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1lbmRcIixcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG4gIFwiJiA+ICo6bm90KDpmaXJzdC1vZi10eXBlKSBcIjoge1xuICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSk7XG4iXX0= */");
 export {
   StyledActions,
   StyledBackButton,

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalActions.styles.js","sources":["../../../../src/components/GlobalActions/GlobalActions.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledRoot = styled(\"div\")(\n  ({\n    position,\n    variant,\n    breakpoints,\n  }: {\n    position: string;\n    variant: string;\n    breakpoints: any;\n  }) => ({\n    position: \"relative\",\n    ...(position === \"sticky\" && {\n      width: \"100%\",\n      position: \"sticky\",\n    }),\n    ...(position === \"fixed\" && {\n      width: \"100%\",\n      position: \"fixed\",\n\n      [breakpoints.up(\"md\")]: {\n        width: `calc(100% - 2*${theme.spacing(4)}px)`,\n        marginLeft: `${theme.spacing(4)}px`,\n        marginRight: `${theme.spacing(4)}px`,\n      },\n      [breakpoints.down(\"sm\")]: {\n        width: `calc(100% - 2*${theme.space.sm}px)`,\n        marginLeft: `${theme.space.sm}px`,\n        marginRight: `${theme.space.sm}px`,\n      },\n    }),\n    ...(variant === \"global\" && {\n      zIndex: `calc(${theme.zIndices.banner} - 2)`,\n\n      top: 0,\n      left: 0,\n\n      \"&:before\": {\n        content: \"''\",\n        display: \"flex\",\n        width: \"100%\",\n        height: 72,\n        top: 0,\n        background: theme.colors.atmo2,\n        opacity: \"75%\",\n      },\n      backdropFilter: \"blur(1px)\",\n    }),\n  })\n);\n\nexport const StyledBackButton = styled(\"div\")({\n  marginRight: theme.space.xs,\n});\n\nexport const StyledWrapper = styled(\"div\")(\n  ({ variant }: { variant: string }) => ({\n    height: 52,\n    paddingRight: theme.space.xs,\n    display: \"flex\",\n    justifyContent: \"flex-start\",\n    alignItems: \"center\",\n    ...(variant === \"global\" && {\n      position: \"absolute\",\n      top: 0,\n      left: 0,\n      background: theme.colors.atmo1,\n      width: \"100%\",\n      padding: theme.space.xs,\n      marginTop: theme.space.xs,\n    }),\n    ...(variant === \"section\" && {\n      background: \"none\",\n      borderTop: `1px solid ${theme.colors.atmo4}`,\n    }),\n  })\n);\n\nexport const StyledActions = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"flex-end\",\n  marginLeft: \"auto\",\n  \"& > *:not(:first-child) \": {\n    marginLeft: theme.space.xs,\n  },\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","position","variant","breakpoints","width","up","theme","spacing","marginLeft","marginRight","down","space","sm","zIndex","zIndices","banner","top","left","content","display","height","background","colors","atmo2","opacity","backdropFilter","StyledBackButton","xs","StyledWrapper","paddingRight","justifyContent","alignItems","atmo1","padding","marginTop","borderTop","atmo4","StyledActions"],"mappings":";;AAGO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACpC,CAAC;AAAA,EACCC;AAAAA,EACAC;AAAAA,EACAC;AAKF,OAAO;AAAA,EACLF,UAAU;AAAA,EACV,GAAIA,aAAa,YAAY;AAAA,IAC3BG,OAAO;AAAA,IACPH,UAAU;AAAA,EACZ;AAAA,EACA,GAAIA,aAAa,WAAW;AAAA,IAC1BG,OAAO;AAAA,IACPH,UAAU;AAAA,IAEV,CAACE,YAAYE,GAAG,IAAI,IAAI;AAAA,MACtBD,OAAQ,iBAAgBE,MAAMC,QAAQ,CAAC;AAAA,MACvCC,YAAa,GAAEF,MAAMC,QAAQ,CAAC;AAAA,MAC9BE,aAAc,GAAEH,MAAMC,QAAQ,CAAC;AAAA,IACjC;AAAA,IACA,CAACJ,YAAYO,KAAK,IAAI,IAAI;AAAA,MACxBN,OAAQ,iBAAgBE,MAAMK,MAAMC;AAAAA,MACpCJ,YAAa,GAAEF,MAAMK,MAAMC;AAAAA,MAC3BH,aAAc,GAAEH,MAAMK,MAAMC;AAAAA,IAC9B;AAAA,EACF;AAAA,EACA,GAAIV,YAAY,YAAY;AAAA,IAC1BW,QAAS,QAAOP,MAAMQ,SAASC;AAAAA,IAE/BC,KAAK;AAAA,IACLC,MAAM;AAAA,IAEN,YAAY;AAAA,MACVC,SAAS;AAAA,MACTC,SAAS;AAAA,MACTf,OAAO;AAAA,MACPgB,QAAQ;AAAA,MACRJ,KAAK;AAAA,MACLK,YAAYf,MAAMgB,OAAOC;AAAAA,MACzBC,SAAS;AAAA,IACX;AAAA,IACAC,gBAAgB;AAAA,EAClB;AACF,IAAE7B,QAAAC,IAAAC,aACH,eAAA,KAAA,q5GAAA;AAEM,MAAM4B,mBAA0B,wBAAA,OAAK9B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC5CS,aAAaH,MAAMK,MAAMgB;AAC3B,GAAC/B,QAAAC,IAAAC,aAAC,eAAA,KAAA,y5GAAA;AAEK,MAAM8B,gBAAuB,wBAAA,OAAKhC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACvC,CAAC;AAAA,EAAEE;AAA6B,OAAO;AAAA,EACrCkB,QAAQ;AAAA,EACRS,cAAcvB,MAAMK,MAAMgB;AAAAA,EAC1BR,SAAS;AAAA,EACTW,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EACZ,GAAI7B,YAAY,YAAY;AAAA,IAC1BD,UAAU;AAAA,IACVe,KAAK;AAAA,IACLC,MAAM;AAAA,IACNI,YAAYf,MAAMgB,OAAOU;AAAAA,IACzB5B,OAAO;AAAA,IACP6B,SAAS3B,MAAMK,MAAMgB;AAAAA,IACrBO,WAAW5B,MAAMK,MAAMgB;AAAAA,EACzB;AAAA,EACA,GAAIzB,YAAY,aAAa;AAAA,IAC3BmB,YAAY;AAAA,IACZc,WAAY,aAAY7B,MAAMgB,OAAOc;AAAAA,EACvC;AACF,IAAExC,QAAAC,IAAAC,aACH,eAAA,KAAA,y5GAAA;AAEM,MAAMuC,gBAAuB,wBAAA,OAAKzC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCmB,SAAS;AAAA,EACTY,YAAY;AAAA,EACZD,gBAAgB;AAAA,EAChBtB,YAAY;AAAA,EACZ,4BAA4B;AAAA,IAC1BA,YAAYF,MAAMK,MAAMgB;AAAAA,EAC1B;AACF,GAAC/B,QAAAC,IAAAC,aAAC,eAAA,KAAA,y5GAAA;"}
+{"version":3,"file":"GlobalActions.styles.js","sources":["../../../../src/components/GlobalActions/GlobalActions.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Breakpoints as MuiBreakpoints } from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledRoot = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $position,\n    $variant,\n    $breakpoints,\n  }: {\n    $position: string;\n    $variant: string;\n    $breakpoints: MuiBreakpoints;\n  }) => ({\n    position: \"relative\",\n    ...($position === \"sticky\" && {\n      width: \"100%\",\n      position: \"sticky\",\n    }),\n    ...($position === \"fixed\" && {\n      width: \"100%\",\n      position: \"fixed\",\n\n      [$breakpoints.up(\"md\")]: {\n        width: `calc(100% - 2*${theme.spacing(4)}px)`,\n        marginLeft: `${theme.spacing(4)}px`,\n        marginRight: `${theme.spacing(4)}px`,\n      },\n      [$breakpoints.down(\"sm\")]: {\n        width: `calc(100% - 2*${theme.space.sm}px)`,\n        marginLeft: `${theme.space.sm}px`,\n        marginRight: `${theme.space.sm}px`,\n      },\n    }),\n    ...($variant === \"global\" && {\n      zIndex: `calc(${theme.zIndices.banner} - 2)`,\n\n      top: 0,\n      left: 0,\n\n      \"&:before\": {\n        content: \"''\",\n        display: \"flex\",\n        width: \"100%\",\n        height: 72,\n        top: 0,\n        background: theme.colors.atmo2,\n        opacity: \"75%\",\n      },\n      backdropFilter: \"blur(1px)\",\n    }),\n  })\n);\n\nexport const StyledBackButton = styled(\"div\")({\n  marginRight: theme.space.xs,\n});\n\nexport const StyledWrapper = styled(\n  \"div\",\n  transientOptions\n)(({ $variant }: { $variant: string }) => ({\n  height: 52,\n  paddingRight: theme.space.xs,\n  display: \"flex\",\n  justifyContent: \"flex-start\",\n  alignItems: \"center\",\n  ...($variant === \"global\" && {\n    position: \"absolute\",\n    top: 0,\n    left: 0,\n    background: theme.colors.atmo1,\n    width: \"100%\",\n    padding: theme.space.xs,\n    marginTop: theme.space.xs,\n  }),\n  ...($variant === \"section\" && {\n    background: \"none\",\n    borderTop: `1px solid ${theme.colors.atmo4}`,\n  }),\n}));\n\nexport const StyledActions = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"flex-end\",\n  marginLeft: \"auto\",\n  \"& > *:not(:first-of-type) \": {\n    marginLeft: theme.space.xs,\n  },\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$position","$variant","$breakpoints","position","width","up","theme","spacing","marginLeft","marginRight","down","space","sm","zIndex","zIndices","banner","top","left","content","display","height","background","colors","atmo2","opacity","backdropFilter","StyledBackButton","xs","StyledWrapper","paddingRight","justifyContent","alignItems","atmo1","padding","marginTop","borderTop","atmo4","StyledActions"],"mappings":";;;;;;;;;;;;;;;;;AAKaA,MAAAA,qCACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCE;AAAAA,EACAC;AAAAA,EACAC;AAKF,OAAO;AAAA,EACLC,UAAU;AAAA,EACV,GAAIH,cAAc,YAAY;AAAA,IAC5BI,OAAO;AAAA,IACPD,UAAU;AAAA,EACZ;AAAA,EACA,GAAIH,cAAc,WAAW;AAAA,IAC3BI,OAAO;AAAA,IACPD,UAAU;AAAA,IAEV,CAACD,aAAaG,GAAG,IAAI,CAAC,GAAG;AAAA,MACvBD,OAAQ,iBAAgBE,MAAMC,QAAQ,CAAC;AAAA,MACvCC,YAAa,GAAEF,MAAMC,QAAQ,CAAC;AAAA,MAC9BE,aAAc,GAAEH,MAAMC,QAAQ,CAAC;AAAA,IACjC;AAAA,IACA,CAACL,aAAaQ,KAAK,IAAI,CAAC,GAAG;AAAA,MACzBN,OAAQ,iBAAgBE,MAAMK,MAAMC;AAAAA,MACpCJ,YAAa,GAAEF,MAAMK,MAAMC;AAAAA,MAC3BH,aAAc,GAAEH,MAAMK,MAAMC;AAAAA,IAC9B;AAAA,EACF;AAAA,EACA,GAAIX,aAAa,YAAY;AAAA,IAC3BY,QAAS,QAAOP,MAAMQ,SAASC;AAAAA,IAE/BC,KAAK;AAAA,IACLC,MAAM;AAAA,IAEN,YAAY;AAAA,MACVC,SAAS;AAAA,MACTC,SAAS;AAAA,MACTf,OAAO;AAAA,MACPgB,QAAQ;AAAA,MACRJ,KAAK;AAAA,MACLK,YAAYf,MAAMgB,OAAOC;AAAAA,MACzBC,SAAS;AAAA,IACX;AAAA,IACAC,gBAAgB;AAAA,EAClB;AACF,IAAEhC,QAAAC,IAAAC,aACH,eAAA,KAAA,qnHAAA;AAEM,MAAM+B,mBAA0B,wBAAA,OAAKjC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EAC5CU,aAAaH,MAAMK,MAAMgB;AAC3B,GAAClC,QAAAC,IAAAC,aAAC,eAAA,KAAA,qnHAAA;AAEWiC,MAAAA,wCACX,OAAKnC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEG;AAA+B,OAAO;AAAA,EACzCmB,QAAQ;AAAA,EACRS,cAAcvB,MAAMK,MAAMgB;AAAAA,EAC1BR,SAAS;AAAA,EACTW,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EACZ,GAAI9B,aAAa,YAAY;AAAA,IAC3BE,UAAU;AAAA,IACVa,KAAK;AAAA,IACLC,MAAM;AAAA,IACNI,YAAYf,MAAMgB,OAAOU;AAAAA,IACzB5B,OAAO;AAAA,IACP6B,SAAS3B,MAAMK,MAAMgB;AAAAA,IACrBO,WAAW5B,MAAMK,MAAMgB;AAAAA,EACzB;AAAA,EACA,GAAI1B,aAAa,aAAa;AAAA,IAC5BoB,YAAY;AAAA,IACZc,WAAY,aAAY7B,MAAMgB,OAAOc;AAAAA,EACvC;AACF,IAAE3C,QAAAC,IAAAC,aAAC,eAAA,KAAA,qnHAAA;AAEI,MAAM0C,gBAAuB,wBAAA,OAAK5C,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCoB,SAAS;AAAA,EACTY,YAAY;AAAA,EACZD,gBAAgB;AAAA,EAChBtB,YAAY;AAAA,EACZ,8BAA8B;AAAA,IAC5BA,YAAYF,MAAMK,MAAMgB;AAAAA,EAC1B;AACF,GAAClC,QAAAC,IAAAC,aAAC,eAAA,KAAA,qnHAAA;"}

package/dist/esm/components/GlobalActions/globalActionsClasses.js

@@ -1,5 +1,5 @@
 import { getClasses } from "../../utils/classes.js";
-const classKeys = ["root", "backButton", "actions", "wrapper", "name"];
+const classKeys = ["root", "global", "backButton", "globalSectionArea", "actions", "wrapper", "name", "positionFixed", "positionSticky", "globalWrapperComplement"];
 const globalActionsClasses = getClasses(classKeys, "HvGlobalActions");
 const globalActionsClasses$1 = globalActionsClasses;
 export {

package/dist/esm/components/GlobalActions/globalActionsClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"globalActionsClasses.js","sources":["../../../../src/components/GlobalActions/globalActionsClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvGlobalActionsClasses = {\n  root?: string;\n  backButton?: string;\n  actions?: string;\n  wrapper?: string;\n  name?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"backButton\",\n  \"actions\",\n  \"wrapper\",\n  \"name\",\n];\n\nconst globalActionsClasses = getClasses<HvGlobalActionsClasses>(\n  classKeys,\n  \"HvGlobalActions\"\n);\n\nexport default globalActionsClasses;\n"],"names":["classKeys","globalActionsClasses","getClasses"],"mappings":";AAUA,MAAMA,YAAsB,CAC1B,QACA,cACA,WACA,WACA,MAAM;AAGR,MAAMC,uBAAuBC,WAC3BF,WACA,iBAAiB;AAGnB,MAAA,yBAAeC;"}
+{"version":3,"file":"globalActionsClasses.js","sources":["../../../../src/components/GlobalActions/globalActionsClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvGlobalActionsClasses = {\n  root?: string;\n  global?: string;\n  backButton?: string;\n  globalSectionArea?: string;\n  actions?: string;\n  wrapper?: string;\n  name?: string;\n  positionFixed?: string;\n  positionSticky?: string;\n  globalWrapperComplement?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"global\",\n  \"backButton\",\n  \"globalSectionArea\",\n  \"actions\",\n  \"wrapper\",\n  \"name\",\n  \"positionFixed\",\n  \"positionSticky\",\n  \"globalWrapperComplement\",\n];\n\nconst globalActionsClasses = getClasses<HvGlobalActionsClasses>(\n  classKeys,\n  \"HvGlobalActions\"\n);\n\nexport default globalActionsClasses;\n"],"names":["classKeys","globalActionsClasses","getClasses"],"mappings":";AAeA,MAAMA,YAAsB,CAC1B,QACA,UACA,cACA,qBACA,WACA,WACA,QACA,iBACA,kBACA,yBAAyB;AAG3B,MAAMC,uBAAuBC,WAC3BF,WACA,iBAAiB;AAGnB,MAAA,yBAAeC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import { Grid as MuiGrid, GridProps as MuiGridProps } from \"@mui/material\";\nimport { isString } from \"lodash\";\nimport { forwardRef } from \"react\";\nimport { useWidth } from \"hooks\";\nimport { HvBaseProps } from \"../../types\";\n\nconst BREAKPOINT_GUTTERS = {\n  xs: 2,\n  sm: 2,\n  md: 4,\n  lg: 4,\n  xl: 4,\n};\n\nexport type HvGridDirection =\n  | \"row\"\n  | \"row-reverse\"\n  | \"column\"\n  | \"column-reverse\";\n\nexport type HvGridSpacing =\n  | \"xs\"\n  | \"sm\"\n  | \"md\"\n  | \"lg\"\n  | \"xl\"\n  | \"auto\"\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\n  | 7\n  | 8\n  | 9\n  | 10;\n\nexport type HvGridProps = MuiGridProps &\n  HvBaseProps & {\n    /**\n     * If `true`, the component will have the flex *container* behavior.\n     * You should be wrapping *items* with a *container*.\n     */\n    container?: boolean;\n    /**\n     * If `true`, the component will have the flex *item* behavior.\n     * You should be wrapping *items* with a *container*.\n     */\n    item?: boolean;\n    /**\n     * Defines the space between the type item component. It can only be used on a type container component.\n     * Based in the 8x factor defined in the theme, it allows the definition of this factor based on the factor\n     * (number between 0 and 10), breakpoint or auto.\n     */\n    spacing?: HvGridSpacing | number;\n    /**\n     * Defines the `flex-direction` style property.\n     * It is applied for all screen sizes.\n     */\n    direction?: HvGridDirection;\n    /**\n     * Defines the `justify-content` style property.\n     * It is applied for all screen sizes.\n     */\n    justify?:\n      | \"flex-start\"\n      | \"center\"\n      | \"flex-end\"\n      | \"space-between\"\n      | \"space-around\"\n      | \"space-evenly\";\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for all the screen sizes with the lowest priority.\n     */\n    xs?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `sm` breakpoint and wider screens if not overridden.\n     */\n    sm?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `md` breakpoint and wider screens if not overridden.\n     */\n    md?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `lg` breakpoint and wider screens if not overridden.\n     */\n    lg?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `xl` breakpoint and wider screens.\n     */\n    xl?: number | boolean;\n    /**\n     * Defines the `flex-wrap` style property.\n     * It's applied for all screen sizes.\n     */\n    wrap?: \"nowrap\" | \"wrap\" | \"wrap-reverse\";\n    /**\n     * If `true`, it sets `min-width: 0` on the item.\n     * Refer to the limitations section of the documentation to better understand the use case.\n     */\n    zeroMinWidth?: boolean;\n  };\n\n/**\n * The grid creates visual consistency between layouts while allowing flexibility\n * across a wide variety of designs. This component is based in a 12-column grid layout.\n *\n * It is is based in the [Material UI Grid]https://mui.com/material-ui/react-grid/).\n *\n * The definitions were set following the Design System directives:\n *\n * | Breakpoint | Width (in px) | Gutters (in px) | Number of columns |\n * | ---------- | ------------- | --------------- | ----------------- |\n * | xs         | [0-575[       | 16              | 4                 |\n * | sm         | [576-767[     | 16              | 8                 |\n * | md         | [768-991[     | 32              | 12                |\n * | lg         | [992-1199[    | 32              | 12                |\n * | xl         | [1200-...[    | 32              | 12                |\n *\n */\nexport const HvGrid = forwardRef<HTMLDivElement, HvGridProps>(\n  ({ container, spacing = \"auto\", ...others }, ref) => {\n    const width = useWidth();\n    let gridSpacing = spacing;\n\n    if (isString(spacing)) {\n      if (spacing === \"auto\") {\n        gridSpacing = BREAKPOINT_GUTTERS[width];\n      } else {\n        gridSpacing = BREAKPOINT_GUTTERS[spacing];\n      }\n    }\n\n    return (\n      <MuiGrid\n        ref={ref}\n        {...(container && { container, spacing: gridSpacing })}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["BREAKPOINT_GUTTERS","xs","sm","md","lg","xl","HvGrid","forwardRef","container","spacing","others","ref","width","useWidth","gridSpacing","isString","MuiGrid"],"mappings":";;;;;AAMA,MAAMA,qBAAqB;AAAA,EACzBC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AACN;AAkHaC,MAAAA,SAASC,WACpB,CAAC;AAAA,EAAEC;AAAAA,EAAWC,UAAU;AAAA,KAAWC;AAAO,GAAGC,QAAQ;AACnD,QAAMC,QAAQC;AACd,MAAIC,cAAcL;AAEdM,MAAAA,SAASN,OAAO,GAAG;AACrB,QAAIA,YAAY,QAAQ;AACtBK,oBAAcd,mBAAmBY;AAAAA,IAAAA,OAC5B;AACLE,oBAAcd,mBAAmBS;AAAAA,IACnC;AAAA,EACF;AAEA,6BACGO,MAAO;AAAA,IACNL;AAAAA,IAAS,GACJH,aAAa;AAAA,MAAEA;AAAAA,MAAWC,SAASK;AAAAA,IAAY;AAAA,IAAC,GACjDJ;AAAAA,EAAAA,CACJ;AAEN,CAAC;"}
+{"version":3,"file":"Grid.js","sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import { Grid as MuiGrid, GridProps as MuiGridProps } from \"@mui/material\";\nimport { isString } from \"lodash\";\nimport { forwardRef } from \"react\";\nimport { useWidth } from \"hooks\";\nimport { HvBaseProps } from \"../../types\";\nimport { HvGridClasses } from \"./gridClasses\";\n\nconst BREAKPOINT_GUTTERS = {\n  xs: 2,\n  sm: 2,\n  md: 4,\n  lg: 4,\n  xl: 4,\n};\n\nexport type HvGridDirection =\n  | \"row\"\n  | \"row-reverse\"\n  | \"column\"\n  | \"column-reverse\";\n\nexport type HvGridSpacing =\n  | \"xs\"\n  | \"sm\"\n  | \"md\"\n  | \"lg\"\n  | \"xl\"\n  | \"auto\"\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\n  | 7\n  | 8\n  | 9\n  | 10;\n\nexport type HvGridProps = Omit<MuiGridProps, \"classes\"> &\n  HvBaseProps & {\n    /**\n     * If `true`, the component will have the flex *container* behavior.\n     * You should be wrapping *items* with a *container*.\n     */\n    container?: boolean;\n    /**\n     * If `true`, the component will have the flex *item* behavior.\n     * You should be wrapping *items* with a *container*.\n     */\n    item?: boolean;\n    /**\n     * Defines the space between the type item component. It can only be used on a type container component.\n     * Based in the 8x factor defined in the theme, it allows the definition of this factor based on the factor\n     * (number between 0 and 10), breakpoint or auto.\n     */\n    spacing?: HvGridSpacing | number;\n    /**\n     * Defines the `flex-direction` style property.\n     * It is applied for all screen sizes.\n     */\n    direction?: HvGridDirection;\n    /**\n     * Defines the `justify-content` style property.\n     * It is applied for all screen sizes.\n     */\n    justify?:\n      | \"flex-start\"\n      | \"center\"\n      | \"flex-end\"\n      | \"space-between\"\n      | \"space-around\"\n      | \"space-evenly\";\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for all the screen sizes with the lowest priority.\n     */\n    xs?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `sm` breakpoint and wider screens if not overridden.\n     */\n    sm?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `md` breakpoint and wider screens if not overridden.\n     */\n    md?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `lg` breakpoint and wider screens if not overridden.\n     */\n    lg?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `xl` breakpoint and wider screens.\n     */\n    xl?: number | boolean;\n    /**\n     * Defines the `flex-wrap` style property.\n     * It's applied for all screen sizes.\n     */\n    wrap?: \"nowrap\" | \"wrap\" | \"wrap-reverse\";\n    /**\n     * If `true`, it sets `min-width: 0` on the item.\n     * Refer to the limitations section of the documentation to better understand the use case.\n     */\n    zeroMinWidth?: boolean;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvGridClasses;\n  };\n\n/**\n * The grid creates visual consistency between layouts while allowing flexibility\n * across a wide variety of designs. This component is based in a 12-column grid layout.\n *\n * It is is based in the [Material UI Grid]https://mui.com/material-ui/react-grid/).\n *\n * The definitions were set following the Design System directives:\n *\n * | Breakpoint | Width (in px) | Gutters (in px) | Number of columns |\n * | ---------- | ------------- | --------------- | ----------------- |\n * | xs         | [0-575[       | 16              | 4                 |\n * | sm         | [576-767[     | 16              | 8                 |\n * | md         | [768-991[     | 32              | 12                |\n * | lg         | [992-1199[    | 32              | 12                |\n * | xl         | [1200-...[    | 32              | 12                |\n *\n */\nexport const HvGrid = forwardRef<HTMLDivElement, HvGridProps>(\n  ({ container, spacing = \"auto\", ...others }, ref) => {\n    const width = useWidth();\n    let gridSpacing = spacing;\n\n    if (isString(spacing)) {\n      if (spacing === \"auto\") {\n        gridSpacing = BREAKPOINT_GUTTERS[width];\n      } else {\n        gridSpacing = BREAKPOINT_GUTTERS[spacing];\n      }\n    }\n\n    return (\n      <MuiGrid\n        ref={ref}\n        {...(container && { container, spacing: gridSpacing })}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["BREAKPOINT_GUTTERS","xs","sm","md","lg","xl","HvGrid","forwardRef","container","spacing","others","ref","width","useWidth","gridSpacing","isString","MuiGrid"],"mappings":";;;;;AAOA,MAAMA,qBAAqB;AAAA,EACzBC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AACN;AAoHaC,MAAAA,SAASC,WACpB,CAAC;AAAA,EAAEC;AAAAA,EAAWC,UAAU;AAAA,EAAQ,GAAGC;AAAO,GAAGC,QAAQ;AACnD,QAAMC,QAAQC;AACd,MAAIC,cAAcL;AAEdM,MAAAA,SAASN,OAAO,GAAG;AACrB,QAAIA,YAAY,QAAQ;AACtBK,oBAAcd,mBAAmBY,KAAK;AAAA,IAAA,OACjC;AACLE,oBAAcd,mBAAmBS,OAAO;AAAA,IAC1C;AAAA,EACF;AAEA,6BACGO,MAAO;AAAA,IACNL;AAAAA,IAAS,GACJH,aAAa;AAAA,MAAEA;AAAAA,MAAWC,SAASK;AAAAA,IAAY;AAAA,IAAC,GACjDJ;AAAAA,EAAAA,CACJ;AAEN,CAAC;"}

package/dist/esm/components/Grid/gridClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../utils/classes.js";
+const classKeys = ["root", "container", "item", "zeroMinWidth", "direction-xs-column", "direction-xs-reverse", "direction-xs-row-reverse", "wrap-xs-nowrap", "wrap-xs-wrap-reverse", "spacing-xs-1", "spacing-xs-2", "spacing-xs-3", "spacing-xs-4", "spacing-xs-5", "spacing-xs-6", "spacing-xs-7", "spacing-xs-8", "spacing-xs-9", "spacing-xs-10", "grid-xs-auto", "grid-xs-true", "grid-xs-1", "grid-xs-2", "grid-xs-3", "grid-xs-4", "grid-xs-5", "grid-xs-6", "grid-xs-7", "grid-xs-8", "grid-xs-9", "grid-xs-10", "grid-xs-11", "grid-xs-12"];
+const gridClasses = getClasses(classKeys, "HvGrid");
+const gridClasses$1 = gridClasses;
+export {
+  gridClasses$1 as default
+};
+//# sourceMappingURL=gridClasses.js.map

package/dist/esm/components/Grid/gridClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gridClasses.js","sources":["../../../../src/components/Grid/gridClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvGridClasses = {\n  root?: string;\n  container?: string;\n  item?: string;\n  zeroMinWidth?: string;\n  \"direction-xs-column\"?: string;\n  \"direction-xs-reverse\"?: string;\n  \"direction-xs-row-reverse\"?: string;\n  \"wrap-xs-nowrap\"?: string;\n  \"wrap-xs-wrap-reverse\"?: string;\n  \"spacing-xs-1\"?: string;\n  \"spacing-xs-2\"?: string;\n  \"spacing-xs-3\"?: string;\n  \"spacing-xs-4\"?: string;\n  \"spacing-xs-5\"?: string;\n  \"spacing-xs-6\"?: string;\n  \"spacing-xs-7\"?: string;\n  \"spacing-xs-8\"?: string;\n  \"spacing-xs-9\"?: string;\n  \"spacing-xs-10\"?: string;\n  \"grid-xs-auto\"?: string;\n  \"grid-xs-true\"?: string;\n  \"grid-xs-1\"?: string;\n  \"grid-xs-2\"?: string;\n  \"grid-xs-3\"?: string;\n  \"grid-xs-4\"?: string;\n  \"grid-xs-5\"?: string;\n  \"grid-xs-6\"?: string;\n  \"grid-xs-7\"?: string;\n  \"grid-xs-8\"?: string;\n  \"grid-xs-9\"?: string;\n  \"grid-xs-10\"?: string;\n  \"grid-xs-11\"?: string;\n  \"grid-xs-12\"?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"container\",\n  \"item\",\n  \"zeroMinWidth\",\n  \"direction-xs-column\",\n  \"direction-xs-reverse\",\n  \"direction-xs-row-reverse\",\n  \"wrap-xs-nowrap\",\n  \"wrap-xs-wrap-reverse\",\n  \"spacing-xs-1\",\n  \"spacing-xs-2\",\n  \"spacing-xs-3\",\n  \"spacing-xs-4\",\n  \"spacing-xs-5\",\n  \"spacing-xs-6\",\n  \"spacing-xs-7\",\n  \"spacing-xs-8\",\n  \"spacing-xs-9\",\n  \"spacing-xs-10\",\n  \"grid-xs-auto\",\n  \"grid-xs-true\",\n  \"grid-xs-1\",\n  \"grid-xs-2\",\n  \"grid-xs-3\",\n  \"grid-xs-4\",\n  \"grid-xs-5\",\n  \"grid-xs-6\",\n  \"grid-xs-7\",\n  \"grid-xs-8\",\n  \"grid-xs-9\",\n  \"grid-xs-10\",\n  \"grid-xs-11\",\n  \"grid-xs-12\",\n];\n\nconst gridClasses = getClasses<HvGridClasses>(classKeys, \"HvGrid\");\n\nexport default gridClasses;\n"],"names":["classKeys","gridClasses","getClasses"],"mappings":";AAsCA,MAAMA,YAAsB,CAC1B,QACA,aACA,QACA,gBACA,uBACA,wBACA,4BACA,kBACA,wBACA,gBACA,gBACA,gBACA,gBACA,gBACA,gBACA,gBACA,gBACA,gBACA,iBACA,gBACA,gBACA,aACA,aACA,aACA,aACA,aACA,aACA,aACA,aACA,aACA,cACA,cACA,YAAY;AAGd,MAAMC,cAAcC,WAA0BF,WAAW,QAAQ;AAEjE,MAAA,gBAAeC;"}

package/dist/esm/components/Header/Actions/Actions.js

@@ -2,7 +2,7 @@ import clsx from "clsx";
 import { StyledDiv } from "./Actions.styles.js";
 import headerActionsClasses from "./actionsClasses.js";
 import { jsx } from "@emotion/react/jsx-runtime";
-const HvActions = ({
+const HvHeaderActions = ({
   classes,
   className,
   children,
@@ -15,6 +15,6 @@ const HvActions = ({
   });
 };
 export {
-  HvActions
+  HvHeaderActions
 };
 //# sourceMappingURL=Actions.js.map

package/dist/esm/components/Header/Actions/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Header/Actions/Actions.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledDiv } from \"./Actions.styles\";\nimport headerActionsClasses, { HvHeaderActionsClasses } from \"./actionsClasses\";\n\nexport type HvActionsProps = HvBaseProps & {\n  classes?: HvHeaderActionsClasses;\n};\n\nexport const HvActions = ({\n  classes,\n  className,\n  children,\n  ...others\n}: HvActionsProps) => {\n  return (\n    <StyledDiv\n      className={clsx(className, headerActionsClasses.root, classes?.root)}\n      {...others}\n    >\n      {children}\n    </StyledDiv>\n  );\n};\n"],"names":["HvActions","classes","className","children","others","StyledDiv","clsx","headerActionsClasses","root"],"mappings":";;;;AASO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACW,MAAM;AACpB,6BACGC,WAAS;AAAA,IACRH,WAAWI,KAAKJ,WAAWK,qBAAqBC,MAAMP,mCAASO,IAAI;AAAA,IAAE,GACjEJ;AAAAA,IAAMD;AAAAA,EAAAA,CAGA;AAEhB;"}
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Header/Actions/Actions.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledDiv } from \"./Actions.styles\";\nimport headerActionsClasses, { HvHeaderActionsClasses } from \"./actionsClasses\";\n\nexport type HvHeaderActionsProps = HvBaseProps & {\n  classes?: HvHeaderActionsClasses;\n};\n\nexport const HvHeaderActions = ({\n  classes,\n  className,\n  children,\n  ...others\n}: HvHeaderActionsProps) => {\n  return (\n    <StyledDiv\n      className={clsx(className, headerActionsClasses.root, classes?.root)}\n      {...others}\n    >\n      {children}\n    </StyledDiv>\n  );\n};\n"],"names":["HvHeaderActions","classes","className","children","others","StyledDiv","clsx","headerActionsClasses","root"],"mappings":";;;;AASO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACiB,MAAM;AAC1B,6BACGC,WAAS;AAAA,IACRH,WAAWI,KAAKJ,WAAWK,qBAAqBC,MAAMP,mCAASO,IAAI;AAAA,IAAE,GACjEJ;AAAAA,IAAMD;AAAAA,EAAAA,CAGA;AAEhB;"}

package/dist/esm/components/Header/Actions/Actions.styles.js

@@ -1,5 +1,6 @@
 import _styled from "@emotion/styled/base";
 import { theme } from "@hitachivantara/uikit-styles";
+import buttonClasses from "../../Button/buttonClasses.js";
 const StyledDiv = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1yl6wvv0"
 } : {
@@ -8,12 +9,18 @@ const StyledDiv = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "produ
 })({
   backgroundColor: "transparent",
   display: "flex",
+  gap: theme.space.xs,
   alignItems: "center",
   marginLeft: "auto",
   "& > *": {
     marginLeft: theme.space.xs
+  },
+  [`& .${buttonClasses.root}`]: {
+    "&:hover": {
+      backgroundColor: theme.header.hoverColor
+    }
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0FjdGlvbnMvQWN0aW9ucy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUd5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9BY3Rpb25zL0FjdGlvbnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRGl2ID0gc3R5bGVkLmRpdih7XG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG4gIFwiJiA+ICpcIjoge1xuICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSk7XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0FjdGlvbnMvQWN0aW9ucy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9BY3Rpb25zL0FjdGlvbnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgYnV0dG9uQ2xhc3NlcyB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREaXYgPSBzdHlsZWQuZGl2KHtcbiAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBnYXA6IHRoZW1lLnNwYWNlLnhzLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcbiAgXCImID4gKlwiOiB7XG4gICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG4gIFtgJiAuJHtidXR0b25DbGFzc2VzLnJvb3R9YF06IHtcbiAgICBcIiY6aG92ZXJcIjogeyBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmhlYWRlci5ob3ZlckNvbG9yIH0sXG4gIH0sXG59KTtcbiJdfQ== */");
 export {
   StyledDiv
 };

package/dist/esm/components/Header/Actions/Actions.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.styles.js","sources":["../../../../../src/components/Header/Actions/Actions.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledDiv = styled.div({\n  backgroundColor: \"transparent\",\n  display: \"flex\",\n  alignItems: \"center\",\n  marginLeft: \"auto\",\n  \"& > *\": {\n    marginLeft: theme.space.xs,\n  },\n});\n"],"names":["StyledDiv","process","env","NODE_ENV","target","label","backgroundColor","display","alignItems","marginLeft","theme","space","xs"],"mappings":";;AAGO,MAAMA,2CAAYC,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,YAAY;AAAA,EACZC,YAAY;AAAA,EACZ,SAAS;AAAA,IACPA,YAAYC,MAAMC,MAAMC;AAAAA,EAC1B;AACF,GAACX,QAAAC,IAAAC,aAAC,eAAA,KAAA,i4BAAA;"}
+{"version":3,"file":"Actions.styles.js","sources":["../../../../../src/components/Header/Actions/Actions.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { buttonClasses } from \"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,2CAAYC,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,MAAMC,MAAMC;AAAAA,EACjBC,YAAY;AAAA,EACZC,YAAY;AAAA,EACZ,SAAS;AAAA,IACPA,YAAYJ,MAAMC,MAAMC;AAAAA,EAC1B;AAAA,EACA,CAAE,MAAKG,cAAcC,MAAM,GAAG;AAAA,IAC5B,WAAW;AAAA,MAAET,iBAAiBG,MAAMO,OAAOC;AAAAA,IAAW;AAAA,EACxD;AACF,GAAChB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6mCAAA;"}