@hitachivantara/uikit-react-core 5.48.0 → 5.49.0

package/dist/esm/Forms/InfoMessage/InfoMessage.js

@@ -43,4 +43,3 @@ export {
   HvInfoMessage,
   staticClasses as infoMessageClasses
 };
-//# sourceMappingURL=InfoMessage.js.map

package/dist/esm/Forms/InfoMessage/InfoMessage.styles.js

@@ -9,4 +9,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=InfoMessage.styles.js.map

package/dist/esm/Forms/Label/Label.js

@@ -55,4 +55,3 @@ export {
   HvLabel,
   staticClasses as labelClasses
 };
-//# sourceMappingURL=Label.js.map

package/dist/esm/Forms/Label/Label.styles.js

@@ -9,4 +9,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=Label.styles.js.map

package/dist/esm/Forms/Suggestions/Suggestions.js

@@ -77,4 +77,3 @@ export {
   HvSuggestions,
   staticClasses as suggestionsClasses
 };
-//# sourceMappingURL=Suggestions.js.map

package/dist/esm/Forms/Suggestions/Suggestions.styles.js

@@ -19,4 +19,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=Suggestions.styles.js.map

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

@@ -67,4 +67,3 @@ export {
   HvWarningText,
   staticClasses as warningTextClasses
 };
-//# sourceMappingURL=WarningText.js.map

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

@@ -24,4 +24,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=WarningText.styles.js.map

package/dist/esm/GlobalActions/GlobalActions.js

@@ -1,21 +1,10 @@
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { useTheme } from "@mui/material/styles";
 import useMediaQuery from "@mui/material/useMediaQuery";
-import isString from "lodash/isString";
-import { theme } from "@hitachivantara/uikit-styles";
 import { useDefaultProps } from "../hooks/useDefaultProps.js";
-import { useClasses } from "./GlobalActions.styles.js";
+import { useClasses, getBreakpointStyles } from "./GlobalActions.styles.js";
 import { staticClasses } from "./GlobalActions.styles.js";
 import { HvTypography } from "../Typography/Typography.js";
-const getBreakpointStyles = (isUpMd, isSmDown) => isUpMd ? {
-  width: `calc(100% - 2 * ${theme.spacing(4)})`,
-  marginLeft: `${theme.spacing(4)}`,
-  marginRight: `${theme.spacing(4)}`
-} : isSmDown ? {
-  width: `calc(100% - 2 * ${theme.spacing(2)})`,
-  marginLeft: `${theme.spacing(2)}`,
-  marginRight: `${theme.spacing(2)}`
-} : {};
 const HvGlobalActions = (props) => {
   const {
     children,
@@ -32,7 +21,6 @@ const HvGlobalActions = (props) => {
   const { classes, cx, css } = useClasses(classesProp);
   const isSmDown = useMediaQuery(muiTheme.breakpoints.down("sm"));
   const isUpMd = useMediaQuery(muiTheme.breakpoints.up("md"));
-  const fixedPositionCss = positionProp === "fixed" && getBreakpointStyles(isUpMd, isSmDown);
   const headingLevelToApply = headingLevel || (variant === "global" ? 1 : 2);
   const position = positionProp || (variant === "global" ? "sticky" : "relative");
   return /* @__PURE__ */ jsx(
@@ -43,9 +31,10 @@ const HvGlobalActions = (props) => {
         {
           [classes.positionSticky]: position === "sticky",
           [classes.positionFixed]: position === "fixed",
-          [classes.global]: variant === "global"
+          [classes.global]: variant === "global",
+          [classes.section]: variant === "section"
         },
-        css(fixedPositionCss),
+        position === "fixed" && css(getBreakpointStyles(isUpMd, isSmDown)),
         className
       ),
       ...others,
@@ -58,10 +47,10 @@ const HvGlobalActions = (props) => {
           }),
           children: [
             variant === "global" && backButton && /* @__PURE__ */ jsx("div", { className: classes.backButton, children: backButton }),
-            !isString(title) ? title : /* @__PURE__ */ jsx(
+            typeof title !== "string" ? title : /* @__PURE__ */ jsx(
               HvTypography,
               {
-                variant: "title3",
+                variant: variant === "global" ? "title3" : "title4",
                 component: `h${headingLevelToApply}`,
                 className: cx(classes.name, {
                   [classes.sectionName]: variant !== "global"
@@ -80,4 +69,3 @@ export {
   HvGlobalActions,
   staticClasses as globalActionsClasses
 };
-//# sourceMappingURL=GlobalActions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalActions.js","sources":["../../../src/GlobalActions/GlobalActions.tsx"],"sourcesContent":["import { useTheme as useMuiTheme } from \"@mui/material/styles\";\nimport useMediaQuery from \"@mui/material/useMediaQuery\";\nimport isString from \"lodash/isString\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\nimport { HvBaseProps } from \"../types/generic\";\nimport { HvTypography } from \"../Typography\";\nimport { ExtractNames } from \"../utils/classes\";\n\nimport { staticClasses, useClasses } from \"./GlobalActions.styles\";\n\nexport { staticClasses as globalActionsClasses };\nexport type HvGlobalActionsClasses = ExtractNames<typeof useClasses>;\n\nexport type HvGlobalActionsVariant = \"global\" | \"section\";\nexport type HvGlobalActionsPosition = \"sticky\" | \"fixed\" | \"relative\";\nexport type HvGlobalActionsHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport interface HvGlobalActionsProps\n  extends 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\nconst getBreakpointStyles = (isUpMd: boolean, isSmDown: boolean) =>\n  isUpMd\n    ? {\n        width: `calc(100% - 2 * ${theme.spacing(4)})`,\n        marginLeft: `${theme.spacing(4)}`,\n        marginRight: `${theme.spacing(4)}`,\n      }\n    : isSmDown\n    ? {\n        width: `calc(100% - 2 * ${theme.spacing(2)})`,\n        marginLeft: `${theme.spacing(2)}`,\n        marginRight: `${theme.spacing(2)}`,\n      }\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 = (props: HvGlobalActionsProps) => {\n  const {\n    children,\n    classes: classesProp,\n    className,\n    title,\n    variant = \"global\",\n    backButton,\n    headingLevel,\n    position: positionProp,\n    ...others\n  } = useDefaultProps(\"HvGlobalActions\", props);\n  const muiTheme = useMuiTheme();\n  const { classes, cx, css } = useClasses(classesProp);\n  const isSmDown = useMediaQuery(muiTheme.breakpoints.down(\"sm\"));\n  const isUpMd = useMediaQuery(muiTheme.breakpoints.up(\"md\"));\n\n  const fixedPositionCss =\n    positionProp === \"fixed\" && getBreakpointStyles(isUpMd, isSmDown);\n\n  const headingLevelToApply = headingLevel || (variant === \"global\" ? 1 : 2);\n\n  const position =\n    positionProp || (variant === \"global\" ? \"sticky\" : \"relative\");\n\n  return (\n    <div\n      className={cx(\n        classes.root,\n        {\n          [classes.positionSticky]: position === \"sticky\",\n          [classes.positionFixed]: position === \"fixed\",\n          [classes.global]: variant === \"global\",\n        },\n        css(fixedPositionCss),\n        className\n      )}\n      {...others}\n    >\n      <div\n        className={cx(classes.wrapper, {\n          [classes.globalWrapperComplement]: variant === \"global\",\n          [classes.globalSectionArea]: variant === \"section\",\n        })}\n      >\n        {variant === \"global\" && backButton && (\n          <div className={classes.backButton}>{backButton}</div>\n        )}\n        {!isString(title) ? (\n          title\n        ) : (\n          <HvTypography\n            variant=\"title3\"\n            component={`h${headingLevelToApply}`}\n            className={cx(classes.name, {\n              [classes.sectionName]: variant !== \"global\",\n            })}\n          >\n            {title}\n          </HvTypography>\n        )}\n        {children && <div className={classes.actions}>{children}</div>}\n      </div>\n    </div>\n  );\n};\n"],"names":["useMuiTheme"],"mappings":";;;;;;;;;AAsCA,MAAM,sBAAsB,CAAC,QAAiB,aAC5C,SACI;AAAA,EACE,OAAO,mBAAmB,MAAM,QAAQ,CAAC,CAAC;AAAA,EAC1C,YAAY,GAAG,MAAM,QAAQ,CAAC,CAAC;AAAA,EAC/B,aAAa,GAAG,MAAM,QAAQ,CAAC,CAAC;AAClC,IACA,WACA;AAAA,EACE,OAAO,mBAAmB,MAAM,QAAQ,CAAC,CAAC;AAAA,EAC1C,YAAY,GAAG,MAAM,QAAQ,CAAC,CAAC;AAAA,EAC/B,aAAa,GAAG,MAAM,QAAQ,CAAC,CAAC;AAClC,IACA;AAMO,MAAA,kBAAkB,CAAC,UAAgC;AACxD,QAAA;AAAA,IACJ;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,GAAG;AAAA,EAAA,IACD,gBAAgB,mBAAmB,KAAK;AAC5C,QAAM,WAAWA;AACjB,QAAM,EAAE,SAAS,IAAI,IAAI,IAAI,WAAW,WAAW;AACnD,QAAM,WAAW,cAAc,SAAS,YAAY,KAAK,IAAI,CAAC;AAC9D,QAAM,SAAS,cAAc,SAAS,YAAY,GAAG,IAAI,CAAC;AAE1D,QAAM,mBACJ,iBAAiB,WAAW,oBAAoB,QAAQ,QAAQ;AAElE,QAAM,sBAAsB,iBAAiB,YAAY,WAAW,IAAI;AAExE,QAAM,WACJ,iBAAiB,YAAY,WAAW,WAAW;AAGnD,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT,QAAQ;AAAA,QACR;AAAA,UACE,CAAC,QAAQ,cAAc,GAAG,aAAa;AAAA,UACvC,CAAC,QAAQ,aAAa,GAAG,aAAa;AAAA,UACtC,CAAC,QAAQ,MAAM,GAAG,YAAY;AAAA,QAChC;AAAA,QACA,IAAI,gBAAgB;AAAA,QACpB;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,GAAG,QAAQ,SAAS;AAAA,YAC7B,CAAC,QAAQ,uBAAuB,GAAG,YAAY;AAAA,YAC/C,CAAC,QAAQ,iBAAiB,GAAG,YAAY;AAAA,UAAA,CAC1C;AAAA,UAEA,UAAA;AAAA,YAAA,YAAY,YAAY,cACvB,oBAAC,SAAI,WAAW,QAAQ,YAAa,UAAW,WAAA,CAAA;AAAA,YAEjD,CAAC,SAAS,KAAK,IACd,QAEA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,WAAW,IAAI,mBAAmB;AAAA,gBAClC,WAAW,GAAG,QAAQ,MAAM;AAAA,kBAC1B,CAAC,QAAQ,WAAW,GAAG,YAAY;AAAA,gBAAA,CACpC;AAAA,gBAEA,UAAA;AAAA,cAAA;AAAA,YACH;AAAA,YAED,YAAa,oBAAA,OAAA,EAAI,WAAW,QAAQ,SAAU,UAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MAC1D;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"GlobalActions.js","sources":["../../../src/GlobalActions/GlobalActions.tsx"],"sourcesContent":["import { useTheme as useMuiTheme } from \"@mui/material/styles\";\nimport useMediaQuery from \"@mui/material/useMediaQuery\";\n\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\nimport { HvBaseProps } from \"../types/generic\";\nimport { HvTypography } from \"../Typography\";\nimport { ExtractNames } from \"../utils/classes\";\n\nimport {\n  getBreakpointStyles,\n  staticClasses,\n  useClasses,\n} from \"./GlobalActions.styles\";\n\nexport { staticClasses as globalActionsClasses };\nexport type HvGlobalActionsClasses = ExtractNames<typeof useClasses>;\n\nexport type HvGlobalActionsVariant = \"global\" | \"section\";\nexport type HvGlobalActionsPosition = \"sticky\" | \"fixed\" | \"relative\";\nexport type HvGlobalActionsHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport interface HvGlobalActionsProps\n  extends 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   * @default variant === \"global\" ? \"sticky\" : \"relative\"\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 = (props: HvGlobalActionsProps) => {\n  const {\n    children,\n    classes: classesProp,\n    className,\n    title,\n    variant = \"global\",\n    backButton,\n    headingLevel,\n    position: positionProp,\n    ...others\n  } = useDefaultProps(\"HvGlobalActions\", props);\n  const muiTheme = useMuiTheme();\n  const { classes, cx, css } = useClasses(classesProp);\n  const isSmDown = useMediaQuery(muiTheme.breakpoints.down(\"sm\"));\n  const isUpMd = useMediaQuery(muiTheme.breakpoints.up(\"md\"));\n\n  const headingLevelToApply = headingLevel || (variant === \"global\" ? 1 : 2);\n\n  const position =\n    positionProp || (variant === \"global\" ? \"sticky\" : \"relative\");\n\n  return (\n    <div\n      className={cx(\n        classes.root,\n        {\n          [classes.positionSticky]: position === \"sticky\",\n          [classes.positionFixed]: position === \"fixed\",\n          [classes.global]: variant === \"global\",\n          [classes.section]: variant === \"section\",\n        },\n        position === \"fixed\" && css(getBreakpointStyles(isUpMd, isSmDown)),\n        className\n      )}\n      {...others}\n    >\n      <div\n        className={cx(classes.wrapper, {\n          [classes.globalWrapperComplement]: variant === \"global\",\n          [classes.globalSectionArea]: variant === \"section\",\n        })}\n      >\n        {variant === \"global\" && backButton && (\n          <div className={classes.backButton}>{backButton}</div>\n        )}\n        {typeof title !== \"string\" ? (\n          title\n        ) : (\n          <HvTypography\n            variant={variant === \"global\" ? \"title3\" : \"title4\"}\n            component={`h${headingLevelToApply}`}\n            className={cx(classes.name, {\n              [classes.sectionName]: variant !== \"global\",\n            })}\n          >\n            {title}\n          </HvTypography>\n        )}\n        {children && <div className={classes.actions}>{children}</div>}\n      </div>\n    </div>\n  );\n};\n"],"names":["useMuiTheme"],"mappings":";;;;;;;AA4Ca,MAAA,kBAAkB,CAAC,UAAgC;AACxD,QAAA;AAAA,IACJ;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,GAAG;AAAA,EAAA,IACD,gBAAgB,mBAAmB,KAAK;AAC5C,QAAM,WAAWA;AACjB,QAAM,EAAE,SAAS,IAAI,IAAI,IAAI,WAAW,WAAW;AACnD,QAAM,WAAW,cAAc,SAAS,YAAY,KAAK,IAAI,CAAC;AAC9D,QAAM,SAAS,cAAc,SAAS,YAAY,GAAG,IAAI,CAAC;AAE1D,QAAM,sBAAsB,iBAAiB,YAAY,WAAW,IAAI;AAExE,QAAM,WACJ,iBAAiB,YAAY,WAAW,WAAW;AAGnD,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT,QAAQ;AAAA,QACR;AAAA,UACE,CAAC,QAAQ,cAAc,GAAG,aAAa;AAAA,UACvC,CAAC,QAAQ,aAAa,GAAG,aAAa;AAAA,UACtC,CAAC,QAAQ,MAAM,GAAG,YAAY;AAAA,UAC9B,CAAC,QAAQ,OAAO,GAAG,YAAY;AAAA,QACjC;AAAA,QACA,aAAa,WAAW,IAAI,oBAAoB,QAAQ,QAAQ,CAAC;AAAA,QACjE;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,GAAG,QAAQ,SAAS;AAAA,YAC7B,CAAC,QAAQ,uBAAuB,GAAG,YAAY;AAAA,YAC/C,CAAC,QAAQ,iBAAiB,GAAG,YAAY;AAAA,UAAA,CAC1C;AAAA,UAEA,UAAA;AAAA,YAAA,YAAY,YAAY,cACvB,oBAAC,SAAI,WAAW,QAAQ,YAAa,UAAW,WAAA,CAAA;AAAA,YAEjD,OAAO,UAAU,WAChB,QAEA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,SAAS,YAAY,WAAW,WAAW;AAAA,gBAC3C,WAAW,IAAI,mBAAmB;AAAA,gBAClC,WAAW,GAAG,QAAQ,MAAM;AAAA,kBAC1B,CAAC,QAAQ,WAAW,GAAG,YAAY;AAAA,gBAAA,CACpC;AAAA,gBAEA,UAAA;AAAA,cAAA;AAAA,YACH;AAAA,YAED,YAAa,oBAAA,OAAA,EAAI,WAAW,QAAQ,SAAU,UAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MAC1D;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -25,46 +25,62 @@ const { staticClasses, useClasses } = createClasses("HvGlobalActions", {
       inset: 0,
       background: theme.colors.atmo2,
       opacity: "75%"
+    },
+    "& $wrapper": {
+      top: 0,
+      left: 0,
+      backgroundColor: theme.colors.atmo1,
+      width: "100%",
+      borderWidth: 1,
+      borderRadius: theme.radii.round
+    }
+  },
+  section: {
+    "& $wrapper": {
+      borderTopWidth: 1,
+      paddingLeft: 0
     }
   },
   wrapper: {
-    padding: theme.space.sm,
+    padding: theme.space.xs,
+    position: "relative",
     display: "flex",
     justifyContent: "flex-start",
     alignItems: "center",
-    border: `1px solid ${theme.colors.atmo4}`,
-    borderRadius: theme.radii.round
-  },
-  globalWrapperComplement: {
-    position: "relative",
-    top: 0,
-    left: 0,
-    background: theme.colors.atmo1,
-    width: "100%"
-  },
-  globalSectionArea: {
-    backgroundColor: theme.colors.atmo1,
-    borderTop: `1px solid ${theme.colors.atmo4}`,
+    gap: theme.space.xs,
+    borderColor: theme.colors.atmo4,
     paddingLeft: theme.space.sm
   },
-  backButton: {
-    marginRight: theme.space.xs
-  },
+  /** @deprecated use classes.global $wrapper */
+  globalSectionArea: {},
+  /** @deprecated use classes.section $wrapper */
+  globalWrapperComplement: {},
+  backButton: {},
   name: {
     flexGrow: 1
   },
-  sectionName: {
-    ...theme.typography.title4
-  },
+  /** @deprecated use classes.name */
+  sectionName: {},
   actions: {
     display: "flex",
     alignItems: "center",
-    marginLeft: "auto",
-    gap: theme.space.xs
+    gap: theme.space.xs,
+    // TODO: remove in v6 in favour of consistently setting `flexGrow: 1` in a title "wrapper"
+    marginLeft: "auto"
   }
 });
+const getBreakpointStyles = (isUpMd, isSmDown) => {
+  const unit = isUpMd ? 4 : isSmDown ? 2 : 0;
+  if (!unit)
+    return {};
+  return {
+    width: `calc(100% - 2 * ${theme.spacing(unit)})`,
+    marginLeft: theme.spacing(unit),
+    marginRight: theme.spacing(unit)
+  };
+};
 export {
+  getBreakpointStyles,
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=GlobalActions.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalActions.styles.js","sources":["../../../src/GlobalActions/GlobalActions.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvGlobalActions\", {\n  root: {\n    position: \"relative\",\n  },\n  positionSticky: {\n    width: \"100%\",\n    position: \"sticky\",\n  },\n  positionFixed: {\n    width: \"100%\",\n    position: \"fixed\",\n  },\n  global: {\n    zIndex: `calc(${theme.zIndices.banner} - 2)`,\n    top: 0,\n    left: 0,\n    padding: theme.spacing(1, 0),\n    backdropFilter: \"blur(1px)\",\n\n    \"&:before\": {\n      content: \"''\",\n      display: \"flex\",\n      position: \"absolute\",\n      inset: 0,\n      background: theme.colors.atmo2,\n      opacity: \"75%\",\n    },\n  },\n  wrapper: {\n    padding: theme.space.sm,\n    display: \"flex\",\n    justifyContent: \"flex-start\",\n    alignItems: \"center\",\n    border: `1px solid ${theme.colors.atmo4}`,\n    borderRadius: theme.radii.round,\n  },\n  globalWrapperComplement: {\n    position: \"relative\",\n    top: 0,\n    left: 0,\n    background: theme.colors.atmo1,\n    width: \"100%\",\n  },\n  globalSectionArea: {\n    backgroundColor: theme.colors.atmo1,\n    borderTop: `1px solid ${theme.colors.atmo4}`,\n    paddingLeft: theme.space.sm,\n  },\n  backButton: {\n    marginRight: theme.space.xs,\n  },\n  name: {\n    flexGrow: 1,\n  },\n  sectionName: {\n    ...theme.typography.title4,\n  },\n  actions: {\n    display: \"flex\",\n    alignItems: \"center\",\n    marginLeft: \"auto\",\n    gap: theme.space.xs,\n  },\n});\n"],"names":[],"mappings":";;AAIO,MAAM,EAAE,eAAe,eAAe,cAAc,mBAAmB;AAAA,EAC5E,MAAM;AAAA,IACJ,UAAU;AAAA,EACZ;AAAA,EACA,gBAAgB;AAAA,IACd,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AAAA,EACA,eAAe;AAAA,IACb,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AAAA,EACA,QAAQ;AAAA,IACN,QAAQ,QAAQ,MAAM,SAAS,MAAM;AAAA,IACrC,KAAK;AAAA,IACL,MAAM;AAAA,IACN,SAAS,MAAM,QAAQ,GAAG,CAAC;AAAA,IAC3B,gBAAgB;AAAA,IAEhB,YAAY;AAAA,MACV,SAAS;AAAA,MACT,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,MACP,YAAY,MAAM,OAAO;AAAA,MACzB,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,SAAS;AAAA,IACP,SAAS,MAAM,MAAM;AAAA,IACrB,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,QAAQ,aAAa,MAAM,OAAO,KAAK;AAAA,IACvC,cAAc,MAAM,MAAM;AAAA,EAC5B;AAAA,EACA,yBAAyB;AAAA,IACvB,UAAU;AAAA,IACV,KAAK;AAAA,IACL,MAAM;AAAA,IACN,YAAY,MAAM,OAAO;AAAA,IACzB,OAAO;AAAA,EACT;AAAA,EACA,mBAAmB;AAAA,IACjB,iBAAiB,MAAM,OAAO;AAAA,IAC9B,WAAW,aAAa,MAAM,OAAO,KAAK;AAAA,IAC1C,aAAa,MAAM,MAAM;AAAA,EAC3B;AAAA,EACA,YAAY;AAAA,IACV,aAAa,MAAM,MAAM;AAAA,EAC3B;AAAA,EACA,MAAM;AAAA,IACJ,UAAU;AAAA,EACZ;AAAA,EACA,aAAa;AAAA,IACX,GAAG,MAAM,WAAW;AAAA,EACtB;AAAA,EACA,SAAS;AAAA,IACP,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,KAAK,MAAM,MAAM;AAAA,EACnB;AACF,CAAC;"}
+{"version":3,"file":"GlobalActions.styles.js","sources":["../../../src/GlobalActions/GlobalActions.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvGlobalActions\", {\n  root: {\n    position: \"relative\",\n  },\n  positionSticky: {\n    width: \"100%\",\n    position: \"sticky\",\n  },\n  positionFixed: {\n    width: \"100%\",\n    position: \"fixed\",\n  },\n  global: {\n    zIndex: `calc(${theme.zIndices.banner} - 2)`,\n    top: 0,\n    left: 0,\n    padding: theme.spacing(1, 0),\n    backdropFilter: \"blur(1px)\",\n\n    \"&:before\": {\n      content: \"''\",\n      display: \"flex\",\n      position: \"absolute\",\n      inset: 0,\n      background: theme.colors.atmo2,\n      opacity: \"75%\",\n    },\n\n    \"& $wrapper\": {\n      top: 0,\n      left: 0,\n      backgroundColor: theme.colors.atmo1,\n      width: \"100%\",\n      borderWidth: 1,\n      borderRadius: theme.radii.round,\n    },\n  },\n  section: {\n    \"& $wrapper\": {\n      borderTopWidth: 1,\n      paddingLeft: 0,\n    },\n  },\n  wrapper: {\n    padding: theme.space.xs,\n    position: \"relative\",\n    display: \"flex\",\n    justifyContent: \"flex-start\",\n    alignItems: \"center\",\n    gap: theme.space.xs,\n    borderColor: theme.colors.atmo4,\n    paddingLeft: theme.space.sm,\n  },\n\n  /** @deprecated use classes.global $wrapper */\n  globalSectionArea: {},\n  /** @deprecated use classes.section $wrapper */\n  globalWrapperComplement: {},\n  backButton: {},\n  name: {\n    flexGrow: 1,\n  },\n  /** @deprecated use classes.name */\n  sectionName: {},\n  actions: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: theme.space.xs,\n    // TODO: remove in v6 in favour of consistently setting `flexGrow: 1` in a title \"wrapper\"\n    marginLeft: \"auto\",\n  },\n});\n\nexport const getBreakpointStyles = (\n  isUpMd: boolean,\n  isSmDown: boolean\n): CSSInterpolation => {\n  const unit = isUpMd ? 4 : isSmDown ? 2 : 0;\n  if (!unit) return {};\n\n  return {\n    width: `calc(100% - 2 * ${theme.spacing(unit)})`,\n    marginLeft: theme.spacing(unit),\n    marginRight: theme.spacing(unit),\n  };\n};\n"],"names":[],"mappings":";;AAKO,MAAM,EAAE,eAAe,eAAe,cAAc,mBAAmB;AAAA,EAC5E,MAAM;AAAA,IACJ,UAAU;AAAA,EACZ;AAAA,EACA,gBAAgB;AAAA,IACd,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AAAA,EACA,eAAe;AAAA,IACb,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AAAA,EACA,QAAQ;AAAA,IACN,QAAQ,QAAQ,MAAM,SAAS,MAAM;AAAA,IACrC,KAAK;AAAA,IACL,MAAM;AAAA,IACN,SAAS,MAAM,QAAQ,GAAG,CAAC;AAAA,IAC3B,gBAAgB;AAAA,IAEhB,YAAY;AAAA,MACV,SAAS;AAAA,MACT,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,MACP,YAAY,MAAM,OAAO;AAAA,MACzB,SAAS;AAAA,IACX;AAAA,IAEA,cAAc;AAAA,MACZ,KAAK;AAAA,MACL,MAAM;AAAA,MACN,iBAAiB,MAAM,OAAO;AAAA,MAC9B,OAAO;AAAA,MACP,aAAa;AAAA,MACb,cAAc,MAAM,MAAM;AAAA,IAC5B;AAAA,EACF;AAAA,EACA,SAAS;AAAA,IACP,cAAc;AAAA,MACZ,gBAAgB;AAAA,MAChB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,SAAS;AAAA,IACP,SAAS,MAAM,MAAM;AAAA,IACrB,UAAU;AAAA,IACV,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,KAAK,MAAM,MAAM;AAAA,IACjB,aAAa,MAAM,OAAO;AAAA,IAC1B,aAAa,MAAM,MAAM;AAAA,EAC3B;AAAA;AAAA,EAGA,mBAAmB,CAAC;AAAA;AAAA,EAEpB,yBAAyB,CAAC;AAAA,EAC1B,YAAY,CAAC;AAAA,EACb,MAAM;AAAA,IACJ,UAAU;AAAA,EACZ;AAAA;AAAA,EAEA,aAAa,CAAC;AAAA,EACd,SAAS;AAAA,IACP,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,KAAK,MAAM,MAAM;AAAA;AAAA,IAEjB,YAAY;AAAA,EACd;AACF,CAAC;AAEY,MAAA,sBAAsB,CACjC,QACA,aACqB;AACrB,QAAM,OAAO,SAAS,IAAI,WAAW,IAAI;AACzC,MAAI,CAAC;AAAM,WAAO;AAEX,SAAA;AAAA,IACL,OAAO,mBAAmB,MAAM,QAAQ,IAAI,CAAC;AAAA,IAC7C,YAAY,MAAM,QAAQ,IAAI;AAAA,IAC9B,aAAa,MAAM,QAAQ,IAAI;AAAA,EAAA;AAEnC;"}

package/dist/esm/Grid/Grid.js

@@ -123,4 +123,3 @@ export {
   HvGrid,
   staticClasses as gridClasses
 };
-//# sourceMappingURL=Grid.js.map

package/dist/esm/Grid/Grid.styles.js

@@ -38,4 +38,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=Grid.styles.js.map

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

@@ -16,4 +16,3 @@ export {
   HvHeaderActions,
   staticClasses as headerActionsClasses
 };
-//# sourceMappingURL=Actions.js.map

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

@@ -18,4 +18,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=Actions.styles.js.map

package/dist/esm/Header/Brand/Brand.js

@@ -22,4 +22,3 @@ export {
   HvHeaderBrand,
   staticClasses as headerBrandClasses
 };
-//# sourceMappingURL=Brand.js.map

package/dist/esm/Header/Brand/Brand.styles.js

@@ -14,4 +14,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=Brand.styles.js.map

package/dist/esm/Header/Header.js

@@ -36,4 +36,3 @@ export {
   HvHeader,
   staticClasses as headerClasses
 };
-//# sourceMappingURL=Header.js.map

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

@@ -31,4 +31,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=Header.styles.js.map

package/dist/esm/Header/Navigation/MenuBar/Bar.js

@@ -38,4 +38,3 @@ export {
   Bar,
   staticClasses as headerMenuBarClasses
 };
-//# sourceMappingURL=Bar.js.map

package/dist/esm/Header/Navigation/MenuBar/Bar.styles.js

@@ -63,4 +63,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=Bar.styles.js.map

package/dist/esm/Header/Navigation/MenuBar/MenuBar.js

@@ -27,4 +27,3 @@ const HvHeaderMenuBar = (props) => {
 export {
   HvHeaderMenuBar
 };
-//# sourceMappingURL=MenuBar.js.map

package/dist/esm/Header/Navigation/MenuItem/MenuItem.js

@@ -139,4 +139,3 @@ export {
   HvHeaderMenuItem,
   staticClasses as headerMenuItemClasses
 };
-//# sourceMappingURL=MenuItem.js.map

package/dist/esm/Header/Navigation/MenuItem/MenuItem.styles.js

@@ -99,4 +99,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=MenuItem.styles.js.map

package/dist/esm/Header/Navigation/Navigation.js

@@ -37,4 +37,3 @@ export {
   HvHeaderNavigation,
   staticClasses as headerNavigationClasses
 };
-//# sourceMappingURL=Navigation.js.map

package/dist/esm/Header/Navigation/Navigation.styles.js

@@ -16,4 +16,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=Navigation.styles.js.map

package/dist/esm/Header/Navigation/useSelectionPath.js

@@ -21,4 +21,3 @@ const useSelectionPath = (data, selectedId) => {
 export {
   useSelectionPath
 };
-//# sourceMappingURL=useSelectionPath.js.map

package/dist/esm/Header/Navigation/utils/FocusContext.js

@@ -22,4 +22,3 @@ export {
   FocusContext,
   FocusProvider
 };
-//# sourceMappingURL=FocusContext.js.map

package/dist/esm/Header/Navigation/utils/SelectionContext.js

@@ -3,4 +3,3 @@ const SelectionContext = createContext([""]);
 export {
   SelectionContext
 };
-//# sourceMappingURL=SelectionContext.js.map

package/dist/esm/InlineEditor/InlineEditor.js

@@ -123,4 +123,3 @@ export {
   HvInlineEditor,
   staticClasses as inlineEditorClasses
 };
-//# sourceMappingURL=InlineEditor.js.map

package/dist/esm/InlineEditor/InlineEditor.styles.js

@@ -79,4 +79,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=InlineEditor.styles.js.map

package/dist/esm/Input/Input.js

@@ -502,4 +502,3 @@ export {
   HvInput,
   staticClasses as inputClasses
 };
-//# sourceMappingURL=Input.js.map

package/dist/esm/Input/Input.styles.js

@@ -70,4 +70,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=Input.styles.js.map

package/dist/esm/Kpi/Kpi.js

@@ -79,4 +79,3 @@ export {
   HvKpi,
   staticClasses as kpiClasses
 };
-//# sourceMappingURL=Kpi.js.map

package/dist/esm/Kpi/Kpi.styles.js

@@ -36,4 +36,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=Kpi.styles.js.map

package/dist/esm/Link/Link.js

@@ -33,4 +33,3 @@ export {
   HvLink,
   staticClasses as linkClasses
 };
-//# sourceMappingURL=Link.js.map

package/dist/esm/Link/Link.styles.js

@@ -13,4 +13,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=Link.styles.js.map

package/dist/esm/List/List.js

@@ -285,4 +285,3 @@ export {
   HvList,
   staticClasses as listClasses
 };
-//# sourceMappingURL=List.js.map

package/dist/esm/List/List.styles.js

@@ -49,4 +49,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=List.styles.js.map

package/dist/esm/List/useSelectableList.js

@@ -7,4 +7,3 @@ const useSelectableList = (defaultList = []) => {
 export {
   useSelectableList
 };
-//# sourceMappingURL=useSelectableList.js.map

package/dist/esm/List/utils.js

@@ -34,4 +34,3 @@ export {
   isItemSelected,
   parseList
 };
-//# sourceMappingURL=utils.js.map

package/dist/esm/ListContainer/ListContainer.js

@@ -68,4 +68,3 @@ export {
   HvListContainer,
   staticClasses as listContainerClasses
 };
-//# sourceMappingURL=ListContainer.js.map

package/dist/esm/ListContainer/ListContainer.styles.js

@@ -6,4 +6,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=ListContainer.styles.js.map

package/dist/esm/ListContainer/ListContext/ListContext.js

@@ -5,4 +5,3 @@ const HvListContext = ListContext;
 export {
   HvListContext as default
 };
-//# sourceMappingURL=ListContext.js.map

package/dist/esm/ListContainer/ListItem/ListItem.js

@@ -151,4 +151,3 @@ export {
   HvListItem,
   staticClasses as listItemClasses
 };
-//# sourceMappingURL=ListItem.js.map

package/dist/esm/ListContainer/ListItem/ListItem.styles.js

@@ -79,4 +79,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=ListItem.styles.js.map

package/dist/esm/Loading/Loading.js

@@ -52,4 +52,3 @@ export {
   HvLoading,
   staticClasses as loadingClasses
 };
-//# sourceMappingURL=Loading.js.map

package/dist/esm/Loading/Loading.styles.js

@@ -102,4 +102,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=Loading.styles.js.map

package/dist/esm/Login/Login.js

@@ -29,4 +29,3 @@ export {
   HvLogin,
   staticClasses as loginClasses
 };
-//# sourceMappingURL=Login.js.map

package/dist/esm/Login/Login.styles.js

@@ -21,4 +21,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=Login.styles.js.map

package/dist/esm/MultiButton/MultiButton.js

@@ -45,4 +45,3 @@ export {
   HvMultiButton,
   staticClasses as multiButtonClasses
 };
-//# sourceMappingURL=MultiButton.js.map

package/dist/esm/MultiButton/MultiButton.styles.js

@@ -164,4 +164,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=MultiButton.styles.js.map

package/dist/esm/OverflowTooltip/OverflowTooltip.js

@@ -86,4 +86,3 @@ export {
   HvOverflowTooltip,
   staticClasses as overflowTooltipClasses
 };
-//# sourceMappingURL=OverflowTooltip.js.map

package/dist/esm/OverflowTooltip/OverflowTooltip.styles.js

@@ -20,4 +20,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=OverflowTooltip.styles.js.map

package/dist/esm/Pagination/Pagination.js

@@ -5,13 +5,13 @@ import { Start, Backwards, Forwards, End } from "@hitachivantara/uikit-react-ico
 import { useDefaultProps } from "../hooks/useDefaultProps.js";
 import { setId } from "../utils/setId.js";
 import { isKey } from "../utils/keyboardUtils.js";
-import { IconButton } from "../utils/IconButton.js";
 import { useLabels } from "../hooks/useLabels.js";
 import HvSelect, { Option } from "./Select.js";
 import { useClasses } from "./Pagination.styles.js";
 import { staticClasses } from "./Pagination.styles.js";
 import { usePageInput, setColor, getSafePage } from "./utils.js";
 import { HvTypography } from "../Typography/Typography.js";
+import { IconButton } from "../utils/IconButton/IconButton.js";
 import { HvInput } from "../Input/Input.js";
 const defaultPageSizeOptions = [5, 10, 20, 25, 50, 100];
 const DEFAULT_LABELS = {
@@ -236,4 +236,3 @@ export {
   HvPagination,
   staticClasses as paginationClasses
 };
-//# sourceMappingURL=Pagination.js.map

package/dist/esm/Pagination/Pagination.styles.js

@@ -121,4 +121,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=Pagination.styles.js.map

package/dist/esm/Pagination/Select.js

@@ -61,4 +61,3 @@ export {
   Option,
   HvSelect$1 as default
 };
-//# sourceMappingURL=Select.js.map

package/dist/esm/Pagination/Select.styles.js

@@ -18,4 +18,3 @@ const { useClasses } = createClasses("HvPaginationSelect", {
 export {
   useClasses
 };
-//# sourceMappingURL=Select.styles.js.map

package/dist/esm/Pagination/utils.js

@@ -14,4 +14,3 @@ export {
   setColor,
   usePageInput
 };
-//# sourceMappingURL=utils.js.map

package/dist/esm/Panel/Panel.js

@@ -19,4 +19,3 @@ export {
   HvPanel,
   staticClasses as panelClasses
 };
-//# sourceMappingURL=Panel.js.map

package/dist/esm/Panel/Panel.styles.js

@@ -12,4 +12,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=Panel.styles.js.map

package/dist/esm/ProgressBar/ProgressBar.js

@@ -54,4 +54,3 @@ export {
   HvProgressBar,
   staticClasses as progressBarClasses
 };
-//# sourceMappingURL=ProgressBar.js.map

package/dist/esm/ProgressBar/ProgressBar.styles.js

@@ -40,4 +40,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=ProgressBar.styles.js.map

package/dist/esm/QueryBuilder/ConfirmationDialog/ConfirmationDialog.js

@@ -51,4 +51,3 @@ const ConfirmationDialog = ({
 export {
   ConfirmationDialog
 };
-//# sourceMappingURL=ConfirmationDialog.js.map

package/dist/esm/QueryBuilder/ConfirmationDialog/ConfirmationDialog.styles.js

@@ -9,4 +9,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=ConfirmationDialog.styles.js.map

package/dist/esm/QueryBuilder/Context.js

@@ -324,4 +324,3 @@ export {
   defaultOperators,
   useQueryBuilderContext
 };
-//# sourceMappingURL=Context.js.map

package/dist/esm/QueryBuilder/QueryBuilder.js

@@ -122,4 +122,3 @@ export {
   HvQueryBuilder,
   staticClasses as queryBuilderClasses
 };
-//# sourceMappingURL=QueryBuilder.js.map