@hitachivantara/uikit-react-core 5.48.1 → 5.49.0

package/dist/cjs/FileUploader/FileUploader.cjs

@@ -60,4 +60,3 @@ const HvFileUploader = (props) => {
   ] });
 };
 exports.HvFileUploader = HvFileUploader;
-//# sourceMappingURL=FileUploader.cjs.map

package/dist/cjs/FileUploader/Preview/Preview.cjs

@@ -52,4 +52,3 @@ const HvFileUploaderPreview = (props) => {
 };
 exports.fileUploaderPreviewClasses = Preview_styles.staticClasses;
 exports.HvFileUploaderPreview = HvFileUploaderPreview;
-//# sourceMappingURL=Preview.cjs.map

package/dist/cjs/FileUploader/Preview/Preview.styles.cjs

@@ -30,4 +30,3 @@ const { staticClasses, useClasses } = classes.createClasses(
 );
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
-//# sourceMappingURL=Preview.styles.cjs.map

package/dist/cjs/FileUploader/utils.cjs

@@ -12,4 +12,3 @@ const convertUnits = (bytes, base = 1e3) => {
 };
 exports.convertUnits = convertUnits;
 exports.findBestUnit = findBestUnit;
-//# sourceMappingURL=utils.cjs.map

package/dist/cjs/FilterGroup/Counter/Counter.cjs

@@ -46,4 +46,3 @@ const HvFilterGroupCounter = (props) => {
 };
 exports.filterGroupCounterClasses = Counter_styles.staticClasses;
 exports.HvFilterGroupCounter = HvFilterGroupCounter;
-//# sourceMappingURL=Counter.cjs.map

package/dist/cjs/FilterGroup/Counter/Counter.styles.cjs

@@ -15,4 +15,3 @@ const { staticClasses, useClasses } = classes.createClasses(name, {
 });
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
-//# sourceMappingURL=Counter.styles.cjs.map

package/dist/cjs/FilterGroup/FilterContent/FilterContent.cjs

@@ -172,4 +172,3 @@ const HvFilterGroupContent = React.forwardRef((props, ref) => {
 });
 exports.filterGroupContentClasses = FilterContent_styles.staticClasses;
 exports.HvFilterGroupContent = HvFilterGroupContent;
-//# sourceMappingURL=FilterContent.cjs.map

package/dist/cjs/FilterGroup/FilterContent/FilterContent.styles.cjs

@@ -53,4 +53,3 @@ const { staticClasses, useClasses } = classes.createClasses(name, {
 });
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
-//# sourceMappingURL=FilterContent.styles.cjs.map

package/dist/cjs/FilterGroup/FilterGroup.cjs

@@ -145,4 +145,3 @@ const HvFilterGroup = React.forwardRef(
 );
 exports.filterGroupClasses = FilterGroup_styles.staticClasses;
 exports.HvFilterGroup = HvFilterGroup;
-//# sourceMappingURL=FilterGroup.cjs.map

package/dist/cjs/FilterGroup/FilterGroup.styles.cjs

@@ -13,4 +13,3 @@ const { staticClasses, useClasses } = classes.createClasses("HvFilterGroup", {
 });
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
-//# sourceMappingURL=FilterGroup.styles.cjs.map

package/dist/cjs/FilterGroup/FilterGroupContext.cjs

@@ -77,4 +77,3 @@ const HvFilterGroupProvider = (props) => {
 };
 exports.HvFilterGroupContext = HvFilterGroupContext;
 exports.HvFilterGroupProvider = HvFilterGroupProvider;
-//# sourceMappingURL=FilterGroupContext.cjs.map

package/dist/cjs/FilterGroup/LeftPanel/LeftPanel.cjs

@@ -36,4 +36,3 @@ const HvFilterGroupLeftPanel = ({
 };
 exports.filterGroupLeftPanelClasses = LeftPanel_styles.staticClasses;
 exports.HvFilterGroupLeftPanel = HvFilterGroupLeftPanel;
-//# sourceMappingURL=LeftPanel.cjs.map

package/dist/cjs/FilterGroup/LeftPanel/LeftPanel.styles.cjs

@@ -10,4 +10,3 @@ const { staticClasses, useClasses } = classes.createClasses(name, {
 });
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
-//# sourceMappingURL=LeftPanel.styles.cjs.map

package/dist/cjs/FilterGroup/RightPanel/RightPanel.cjs

@@ -156,4 +156,3 @@ const HvFilterGroupRightPanel = ({
 };
 exports.filterGroupRightPanelClasses = RightPanel_styles.staticClasses;
 exports.HvFilterGroupRightPanel = HvFilterGroupRightPanel;
-//# sourceMappingURL=RightPanel.cjs.map

package/dist/cjs/FilterGroup/RightPanel/RightPanel.styles.cjs

@@ -30,4 +30,3 @@ const { staticClasses, useClasses } = classes.createClasses(name, {
 });
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
-//# sourceMappingURL=RightPanel.styles.cjs.map

package/dist/cjs/Focus/Focus.cjs

@@ -332,4 +332,3 @@ const HvFocus = ({
 };
 exports.focusClasses = Focus_styles.staticClasses;
 exports.HvFocus = HvFocus;
-//# sourceMappingURL=Focus.cjs.map

package/dist/cjs/Focus/Focus.styles.cjs

@@ -42,4 +42,3 @@ const { staticClasses, useClasses } = classes.createClasses("HvFocus", {
 });
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
-//# sourceMappingURL=Focus.styles.cjs.map

package/dist/cjs/Focus/utils.cjs

@@ -6,4 +6,3 @@ const setFocusTo = (el) => {
 };
 exports.getFocusableChildren = getFocusableChildren;
 exports.setFocusTo = setFocusTo;
-//# sourceMappingURL=utils.cjs.map

package/dist/cjs/Footer/Footer.cjs

@@ -38,4 +38,3 @@ const HvFooter = (props) => {
 };
 exports.footerClasses = Footer_styles.staticClasses;
 exports.HvFooter = HvFooter;
-//# sourceMappingURL=Footer.cjs.map

package/dist/cjs/Footer/Footer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.cjs","sources":["../../../src/Footer/Footer.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport useMediaQuery from \"@mui/material/useMediaQuery\";\n\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\nimport { HvTypography } from \"../Typography\";\nimport { HvBaseProps } from \"../types/generic\";\nimport { ExtractNames } from \"../utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Footer.styles\";\n\nexport { staticClasses as footerClasses };\n\nexport type HvFooterClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFooterProps extends HvBaseProps {\n  /** Footer name. */\n  name?: React.ReactNode;\n  /** Footer copyright. */\n  copyright?: React.ReactNode;\n  /** Footer links. */\n  links?: React.ReactNode;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvFooterClasses;\n}\n\n/**\n * A Footer is a way of providing extra information at the end of a page.\n */\nexport const HvFooter = (props: HvFooterProps) => {\n  const {\n    name = \"Hitachi Vantara\",\n    copyright = `© Hitachi Vantara Corporation ${new Date().getFullYear()}. All Rights Reserved.`,\n    links,\n    classes: classesProp,\n    className,\n    ...others\n  } = useDefaultProps(\"HvFooter\", props);\n  const muiTheme = useTheme();\n  const { classes, cx } = useClasses(classesProp);\n\n  const isSmDown = useMediaQuery(muiTheme.breakpoints.down(\"sm\"));\n\n  return (\n    <footer\n      className={cx(classes.root, { [classes.small]: isSmDown }, className)}\n      {...others}\n    >\n      <HvTypography variant=\"label\" className={classes.name}>\n        {name}\n      </HvTypography>\n      <div className={classes.rightContainer}>\n        <HvTypography className={classes.copyright}>{copyright}</HvTypography>\n        {links && <div className={classes.separator} />}\n        {links}\n      </div>\n    </footer>\n  );\n};\n"],"names":["useDefaultProps","useTheme","useClasses","useMediaQuery","jsxs","jsx","HvTypography"],"mappings":";;;;;;;;;;AA4Ba,MAAA,WAAW,CAAC,UAAyB;AAC1C,QAAA;AAAA,IACJ,OAAO;AAAA,IACP,YAAY,kCAAiC,oBAAI,QAAO,YAAa,CAAA;AAAA,IACrE;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,GAAG;AAAA,EAAA,IACDA,gBAAgB,gBAAA,YAAY,KAAK;AACrC,QAAM,WAAWC,OAAAA;AACjB,QAAM,EAAE,SAAS,GAAG,IAAIC,yBAAW,WAAW;AAE9C,QAAM,WAAWC,uBAAAA,QAAc,SAAS,YAAY,KAAK,IAAI,CAAC;AAG5D,SAAAC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,QAAQ,MAAM,EAAE,CAAC,QAAQ,KAAK,GAAG,SAAS,GAAG,SAAS;AAAA,MACnE,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAAC,+BAACC,WAAAA,gBAAa,SAAQ,SAAQ,WAAW,QAAQ,MAC9C,UACH,MAAA;AAAA,QACCF,2BAAA,KAAA,OAAA,EAAI,WAAW,QAAQ,gBACtB,UAAA;AAAA,UAAAC,2BAAA,IAACC,WAAa,cAAA,EAAA,WAAW,QAAQ,WAAY,UAAU,WAAA;AAAA,UACtD,SAASD,2BAAA,IAAC,OAAI,EAAA,WAAW,QAAQ,WAAW;AAAA,UAC5C;AAAA,QAAA,GACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;;;"}
+{"version":3,"file":"Footer.cjs","sources":["../../../src/Footer/Footer.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport useMediaQuery from \"@mui/material/useMediaQuery\";\n\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\nimport { HvTypography } from \"../Typography\";\nimport { HvBaseProps } from \"../types/generic\";\nimport { ExtractNames } from \"../utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Footer.styles\";\n\nexport { staticClasses as footerClasses };\n\nexport type HvFooterClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFooterProps extends HvBaseProps {\n  /** Footer name. */\n  name?: React.ReactNode;\n  /** Footer copyright. */\n  copyright?: React.ReactNode;\n  /** Footer links. */\n  links?: React.ReactNode;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvFooterClasses;\n}\n\n/**\n * A Footer is a way of providing extra information at the end of a page.\n */\nexport const HvFooter = (props: HvFooterProps) => {\n  const {\n    name = \"Hitachi Vantara\",\n    copyright = `© Hitachi Vantara Corporation ${new Date().getFullYear()}. All Rights Reserved.`,\n    links,\n    classes: classesProp,\n    className,\n    ...others\n  } = useDefaultProps(\"HvFooter\", props);\n  const muiTheme = useTheme();\n  const { classes, cx } = useClasses(classesProp);\n\n  const isSmDown = useMediaQuery(muiTheme.breakpoints.down(\"sm\"));\n\n  return (\n    <footer\n      className={cx(classes.root, { [classes.small]: isSmDown }, className)}\n      {...others}\n    >\n      <HvTypography variant=\"label\" className={classes.name}>\n        {name}\n      </HvTypography>\n      <div className={classes.rightContainer}>\n        <HvTypography className={classes.copyright}>{copyright}</HvTypography>\n        {links && <div className={classes.separator} />}\n        {links}\n      </div>\n    </footer>\n  );\n};\n"],"names":["useDefaultProps","useTheme","useClasses","useMediaQuery","jsxs","jsx","HvTypography"],"mappings":";;;;;;;;;;AA4Ba,MAAA,WAAW,CAAC,UAAyB;AAC1C,QAAA;AAAA,IACJ,OAAO;AAAA,IACP,YAAY,kCAAiC,oBAAI,KAAK,GAAE,YAAa,CAAA;AAAA,IACrE;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,GAAG;AAAA,EAAA,IACDA,gBAAgB,gBAAA,YAAY,KAAK;AACrC,QAAM,WAAWC,OAAAA;AACjB,QAAM,EAAE,SAAS,GAAG,IAAIC,yBAAW,WAAW;AAE9C,QAAM,WAAWC,uBAAAA,QAAc,SAAS,YAAY,KAAK,IAAI,CAAC;AAG5D,SAAAC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,QAAQ,MAAM,EAAE,CAAC,QAAQ,KAAK,GAAG,SAAS,GAAG,SAAS;AAAA,MACnE,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAAC,+BAACC,WAAAA,gBAAa,SAAQ,SAAQ,WAAW,QAAQ,MAC9C,UACH,MAAA;AAAA,QACCF,2BAAA,KAAA,OAAA,EAAI,WAAW,QAAQ,gBACtB,UAAA;AAAA,UAAAC,2BAAA,IAACC,WAAa,cAAA,EAAA,WAAW,QAAQ,WAAY,UAAU,WAAA;AAAA,UACtD,SAASD,2BAAA,IAAC,OAAI,EAAA,WAAW,QAAQ,WAAW;AAAA,UAC5C;AAAA,QAAA,GACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;;;"}

package/dist/cjs/Footer/Footer.styles.cjs

@@ -51,4 +51,3 @@ const { staticClasses, useClasses } = classes.createClasses("HvFooter", {
 });
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
-//# sourceMappingURL=Footer.styles.cjs.map

package/dist/cjs/Forms/Adornment/Adornment.cjs

@@ -65,4 +65,3 @@ const HvAdornment = React.forwardRef(
 );
 exports.adornmentClasses = Adornment_styles.staticClasses;
 exports.HvAdornment = HvAdornment;
-//# sourceMappingURL=Adornment.cjs.map

package/dist/cjs/Forms/Adornment/Adornment.styles.cjs

@@ -22,4 +22,3 @@ const { staticClasses, useClasses } = classes.createClasses("HvAdornment", {
 });
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
-//# sourceMappingURL=Adornment.styles.cjs.map

package/dist/cjs/Forms/CharCounter/CharCounter.cjs

@@ -74,4 +74,3 @@ const HvCharCounter = (props) => {
 };
 exports.charCounterClasses = CharCounter_styles.staticClasses;
 exports.HvCharCounter = HvCharCounter;
-//# sourceMappingURL=CharCounter.cjs.map

package/dist/cjs/Forms/CharCounter/CharCounter.styles.cjs

@@ -10,4 +10,3 @@ const { staticClasses, useClasses } = classes.createClasses("HvCharCounter", {
 });
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
-//# sourceMappingURL=CharCounter.styles.cjs.map

package/dist/cjs/Forms/FormElement/FormElement.cjs

@@ -42,4 +42,3 @@ const HvFormElement = (props) => {
 HvFormElement.formElementType = "formelement";
 exports.formElementClasses = FormElement_styles.staticClasses;
 exports.HvFormElement = HvFormElement;
-//# sourceMappingURL=FormElement.cjs.map

package/dist/cjs/Forms/FormElement/FormElement.styles.cjs

@@ -6,4 +6,3 @@ const { staticClasses, useClasses } = classes.createClasses("HvFormElement", {
 });
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
-//# sourceMappingURL=FormElement.styles.cjs.map

package/dist/cjs/Forms/FormElement/context/FormElementContext.cjs

@@ -10,4 +10,3 @@ exports.HvFormElementContext = HvFormElementContext;
 exports.HvFormElementContextConsumer = HvFormElementContextConsumer;
 exports.HvFormElementContextProvider = HvFormElementContextProvider;
 exports.default = HvFormElementContext;
-//# sourceMappingURL=FormElementContext.cjs.map

package/dist/cjs/Forms/FormElement/context/FormElementDescriptorsContext.cjs

@@ -10,4 +10,3 @@ exports.HvFormElementDescriptorsContext = HvFormElementDescriptorsContext;
 exports.HvFormElementDescriptorsContextConsumer = HvFormElementDescriptorsContextConsumer;
 exports.HvFormElementDescriptorsContextProvider = HvFormElementDescriptorsContextProvider;
 exports.default = HvFormElementDescriptorsContext;
-//# sourceMappingURL=FormElementDescriptorsContext.cjs.map

package/dist/cjs/Forms/FormElement/context/FormElementValueContext.cjs

@@ -10,4 +10,3 @@ exports.HvFormElementValueContext = HvFormElementValueContext;
 exports.HvFormElementValueContextConsumer = HvFormElementValueContextConsumer;
 exports.HvFormElementValueContextProvider = HvFormElementValueContextProvider;
 exports.default = HvFormElementValueContext;
-//# sourceMappingURL=FormElementValueContext.cjs.map

package/dist/cjs/Forms/FormElement/utils/FormUtils.cjs

@@ -59,4 +59,3 @@ exports.buildFormElementPropsFromContext = buildFormElementPropsFromContext;
 exports.findDescriptors = findDescriptors;
 exports.getIdReferenceFor = getIdReferenceFor;
 exports.getIdReferenceListFor = getIdReferenceListFor;
-//# sourceMappingURL=FormUtils.cjs.map

package/dist/cjs/Forms/FormElement/validationStates.cjs

@@ -10,4 +10,3 @@ const isInvalid = (compareState) => compareState === validationState.invalid;
 exports.default = validationState;
 exports.isInvalid = isInvalid;
 exports.isValid = isValid;
-//# sourceMappingURL=validationStates.cjs.map

package/dist/cjs/Forms/InfoMessage/InfoMessage.cjs

@@ -42,4 +42,3 @@ const HvInfoMessage = (props) => {
 };
 exports.infoMessageClasses = InfoMessage_styles.staticClasses;
 exports.HvInfoMessage = HvInfoMessage;
-//# sourceMappingURL=InfoMessage.cjs.map

package/dist/cjs/Forms/InfoMessage/InfoMessage.styles.cjs

@@ -9,4 +9,3 @@ const { staticClasses, useClasses } = classes.createClasses("HvInfoMessage", {
 });
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
-//# sourceMappingURL=InfoMessage.styles.cjs.map

package/dist/cjs/Forms/Label/Label.cjs

@@ -54,4 +54,3 @@ const HvLabel = (props) => {
 };
 exports.labelClasses = Label_styles.staticClasses;
 exports.HvLabel = HvLabel;
-//# sourceMappingURL=Label.cjs.map

package/dist/cjs/Forms/Label/Label.styles.cjs

@@ -9,4 +9,3 @@ const { staticClasses, useClasses } = classes.createClasses("HvLabel", {
 });
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
-//# sourceMappingURL=Label.styles.cjs.map

package/dist/cjs/Forms/Suggestions/Suggestions.cjs

@@ -78,4 +78,3 @@ const HvSuggestions = React.forwardRef((props, extRef) => {
 });
 exports.suggestionsClasses = Suggestions_styles.staticClasses;
 exports.HvSuggestions = HvSuggestions;
-//# sourceMappingURL=Suggestions.cjs.map

package/dist/cjs/Forms/Suggestions/Suggestions.styles.cjs

@@ -19,4 +19,3 @@ const { staticClasses, useClasses } = classes.createClasses("HvSuggestions", {
 });
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
-//# sourceMappingURL=Suggestions.styles.cjs.map

package/dist/cjs/Forms/WarningText/WarningText.cjs

@@ -66,4 +66,3 @@ const HvWarningText = (props) => {
 };
 exports.warningTextClasses = WarningText_styles.staticClasses;
 exports.HvWarningText = HvWarningText;
-//# sourceMappingURL=WarningText.cjs.map

package/dist/cjs/Forms/WarningText/WarningText.styles.cjs

@@ -24,4 +24,3 @@ const { staticClasses, useClasses } = classes.createClasses("HvWarningText", {
 });
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
-//# sourceMappingURL=WarningText.styles.cjs.map

package/dist/cjs/GlobalActions/GlobalActions.cjs

@@ -3,23 +3,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const styles = require("@mui/material/styles");
 const useMediaQuery = require("@mui/material/useMediaQuery");
-const isString = require("lodash/isString");
-const uikitStyles = require("@hitachivantara/uikit-styles");
 const useDefaultProps = require("../hooks/useDefaultProps.cjs");
 const GlobalActions_styles = require("./GlobalActions.styles.cjs");
 const Typography = require("../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const useMediaQuery__default = /* @__PURE__ */ _interopDefault(useMediaQuery);
-const isString__default = /* @__PURE__ */ _interopDefault(isString);
-const getBreakpointStyles = (isUpMd, isSmDown) => isUpMd ? {
-  width: `calc(100% - 2 * ${uikitStyles.theme.spacing(4)})`,
-  marginLeft: `${uikitStyles.theme.spacing(4)}`,
-  marginRight: `${uikitStyles.theme.spacing(4)}`
-} : isSmDown ? {
-  width: `calc(100% - 2 * ${uikitStyles.theme.spacing(2)})`,
-  marginLeft: `${uikitStyles.theme.spacing(2)}`,
-  marginRight: `${uikitStyles.theme.spacing(2)}`
-} : {};
 const HvGlobalActions = (props) => {
   const {
     children,
@@ -36,7 +24,6 @@ const HvGlobalActions = (props) => {
   const { classes, cx, css } = GlobalActions_styles.useClasses(classesProp);
   const isSmDown = useMediaQuery__default.default(muiTheme.breakpoints.down("sm"));
   const isUpMd = useMediaQuery__default.default(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__ */ jsxRuntime.jsx(
@@ -47,9 +34,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(GlobalActions_styles.getBreakpointStyles(isUpMd, isSmDown)),
         className
       ),
       ...others,
@@ -62,10 +50,10 @@ const HvGlobalActions = (props) => {
           }),
           children: [
             variant === "global" && backButton && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.backButton, children: backButton }),
-            !isString__default.default(title) ? title : /* @__PURE__ */ jsxRuntime.jsx(
+            typeof title !== "string" ? title : /* @__PURE__ */ jsxRuntime.jsx(
               Typography.HvTypography,
               {
-                variant: "title3",
+                variant: variant === "global" ? "title3" : "title4",
                 component: `h${headingLevelToApply}`,
                 className: cx(classes.name, {
                   [classes.sectionName]: variant !== "global"
@@ -82,4 +70,3 @@ const HvGlobalActions = (props) => {
 };
 exports.globalActionsClasses = GlobalActions_styles.staticClasses;
 exports.HvGlobalActions = HvGlobalActions;
-//# sourceMappingURL=GlobalActions.cjs.map

package/dist/cjs/GlobalActions/GlobalActions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalActions.cjs","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":["theme","useDefaultProps","useMuiTheme","useClasses","useMediaQuery","jsx","jsxs","isString","HvTypography"],"mappings":";;;;;;;;;;;;;AAsCA,MAAM,sBAAsB,CAAC,QAAiB,aAC5C,SACI;AAAA,EACE,OAAO,mBAAmBA,YAAAA,MAAM,QAAQ,CAAC,CAAC;AAAA,EAC1C,YAAY,GAAGA,YAAAA,MAAM,QAAQ,CAAC,CAAC;AAAA,EAC/B,aAAa,GAAGA,YAAAA,MAAM,QAAQ,CAAC,CAAC;AAClC,IACA,WACA;AAAA,EACE,OAAO,mBAAmBA,YAAAA,MAAM,QAAQ,CAAC,CAAC;AAAA,EAC1C,YAAY,GAAGA,YAAAA,MAAM,QAAQ,CAAC,CAAC;AAAA,EAC/B,aAAa,GAAGA,YAAAA,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,IACDC,gBAAgB,gBAAA,mBAAmB,KAAK;AAC5C,QAAM,WAAWC,OAAAA;AACjB,QAAM,EAAE,SAAS,IAAI,IAAI,IAAIC,qBAAAA,WAAW,WAAW;AACnD,QAAM,WAAWC,uBAAAA,QAAc,SAAS,YAAY,KAAK,IAAI,CAAC;AAC9D,QAAM,SAASA,uBAAAA,QAAc,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,SAAAC,2BAAA;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,UAAAC,2BAAA;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,cACvBD,2BAAAA,IAAC,SAAI,WAAW,QAAQ,YAAa,UAAW,WAAA,CAAA;AAAA,YAEjD,CAACE,0BAAS,KAAK,IACd,QAEAF,2BAAA;AAAA,cAACG,WAAA;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,YAAaH,2BAAA,IAAA,OAAA,EAAI,WAAW,QAAQ,SAAU,UAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MAC1D;AAAA,IAAA;AAAA,EAAA;AAGN;;;"}
+{"version":3,"file":"GlobalActions.cjs","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":["useDefaultProps","useMuiTheme","useClasses","useMediaQuery","jsx","getBreakpointStyles","jsxs","HvTypography"],"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,IACDA,gBAAgB,gBAAA,mBAAmB,KAAK;AAC5C,QAAM,WAAWC,OAAAA;AACjB,QAAM,EAAE,SAAS,IAAI,IAAI,IAAIC,qBAAAA,WAAW,WAAW;AACnD,QAAM,WAAWC,uBAAAA,QAAc,SAAS,YAAY,KAAK,IAAI,CAAC;AAC9D,QAAM,SAASA,uBAAAA,QAAc,SAAS,YAAY,GAAG,IAAI,CAAC;AAE1D,QAAM,sBAAsB,iBAAiB,YAAY,WAAW,IAAI;AAExE,QAAM,WACJ,iBAAiB,YAAY,WAAW,WAAW;AAGnD,SAAAC,2BAAA;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,IAAIC,qBAAoB,oBAAA,QAAQ,QAAQ,CAAC;AAAA,QACjE;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,UAAAC,2BAAA;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,cACvBF,2BAAAA,IAAC,SAAI,WAAW,QAAQ,YAAa,UAAW,WAAA,CAAA;AAAA,YAEjD,OAAO,UAAU,WAChB,QAEAA,2BAAA;AAAA,cAACG,WAAA;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,YAAaH,2BAAA,IAAA,OAAA,EAAI,WAAW,QAAQ,SAAU,UAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MAC1D;AAAA,IAAA;AAAA,EAAA;AAGN;;;"}

package/dist/cjs/GlobalActions/GlobalActions.styles.cjs

@@ -27,44 +27,60 @@ const { staticClasses, useClasses } = classes.createClasses("HvGlobalActions", {
       inset: 0,
       background: uikitStyles.theme.colors.atmo2,
       opacity: "75%"
+    },
+    "& $wrapper": {
+      top: 0,
+      left: 0,
+      backgroundColor: uikitStyles.theme.colors.atmo1,
+      width: "100%",
+      borderWidth: 1,
+      borderRadius: uikitStyles.theme.radii.round
+    }
+  },
+  section: {
+    "& $wrapper": {
+      borderTopWidth: 1,
+      paddingLeft: 0
     }
   },
   wrapper: {
-    padding: uikitStyles.theme.space.sm,
+    padding: uikitStyles.theme.space.xs,
+    position: "relative",
     display: "flex",
     justifyContent: "flex-start",
     alignItems: "center",
-    border: `1px solid ${uikitStyles.theme.colors.atmo4}`,
-    borderRadius: uikitStyles.theme.radii.round
-  },
-  globalWrapperComplement: {
-    position: "relative",
-    top: 0,
-    left: 0,
-    background: uikitStyles.theme.colors.atmo1,
-    width: "100%"
-  },
-  globalSectionArea: {
-    backgroundColor: uikitStyles.theme.colors.atmo1,
-    borderTop: `1px solid ${uikitStyles.theme.colors.atmo4}`,
+    gap: uikitStyles.theme.space.xs,
+    borderColor: uikitStyles.theme.colors.atmo4,
     paddingLeft: uikitStyles.theme.space.sm
   },
-  backButton: {
-    marginRight: uikitStyles.theme.space.xs
-  },
+  /** @deprecated use classes.global $wrapper */
+  globalSectionArea: {},
+  /** @deprecated use classes.section $wrapper */
+  globalWrapperComplement: {},
+  backButton: {},
   name: {
     flexGrow: 1
   },
-  sectionName: {
-    ...uikitStyles.theme.typography.title4
-  },
+  /** @deprecated use classes.name */
+  sectionName: {},
   actions: {
     display: "flex",
     alignItems: "center",
-    marginLeft: "auto",
-    gap: uikitStyles.theme.space.xs
+    gap: uikitStyles.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 * ${uikitStyles.theme.spacing(unit)})`,
+    marginLeft: uikitStyles.theme.spacing(unit),
+    marginRight: uikitStyles.theme.spacing(unit)
+  };
+};
+exports.getBreakpointStyles = getBreakpointStyles;
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
-//# sourceMappingURL=GlobalActions.styles.cjs.map

package/dist/cjs/GlobalActions/GlobalActions.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalActions.styles.cjs","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":["createClasses","theme"],"mappings":";;;;AAIO,MAAM,EAAE,eAAe,eAAeA,QAAAA,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,QAAQC,YAAAA,MAAM,SAAS,MAAM;AAAA,IACrC,KAAK;AAAA,IACL,MAAM;AAAA,IACN,SAASA,YAAA,MAAM,QAAQ,GAAG,CAAC;AAAA,IAC3B,gBAAgB;AAAA,IAEhB,YAAY;AAAA,MACV,SAAS;AAAA,MACT,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,MACP,YAAYA,YAAAA,MAAM,OAAO;AAAA,MACzB,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,SAAS;AAAA,IACP,SAASA,YAAAA,MAAM,MAAM;AAAA,IACrB,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,QAAQ,aAAaA,YAAM,MAAA,OAAO,KAAK;AAAA,IACvC,cAAcA,YAAAA,MAAM,MAAM;AAAA,EAC5B;AAAA,EACA,yBAAyB;AAAA,IACvB,UAAU;AAAA,IACV,KAAK;AAAA,IACL,MAAM;AAAA,IACN,YAAYA,YAAAA,MAAM,OAAO;AAAA,IACzB,OAAO;AAAA,EACT;AAAA,EACA,mBAAmB;AAAA,IACjB,iBAAiBA,YAAAA,MAAM,OAAO;AAAA,IAC9B,WAAW,aAAaA,YAAM,MAAA,OAAO,KAAK;AAAA,IAC1C,aAAaA,YAAAA,MAAM,MAAM;AAAA,EAC3B;AAAA,EACA,YAAY;AAAA,IACV,aAAaA,YAAAA,MAAM,MAAM;AAAA,EAC3B;AAAA,EACA,MAAM;AAAA,IACJ,UAAU;AAAA,EACZ;AAAA,EACA,aAAa;AAAA,IACX,GAAGA,YAAAA,MAAM,WAAW;AAAA,EACtB;AAAA,EACA,SAAS;AAAA,IACP,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,KAAKA,YAAAA,MAAM,MAAM;AAAA,EACnB;AACF,CAAC;;;"}
+{"version":3,"file":"GlobalActions.styles.cjs","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":["createClasses","theme"],"mappings":";;;;AAKO,MAAM,EAAE,eAAe,eAAeA,QAAAA,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,QAAQC,YAAAA,MAAM,SAAS,MAAM;AAAA,IACrC,KAAK;AAAA,IACL,MAAM;AAAA,IACN,SAASA,YAAA,MAAM,QAAQ,GAAG,CAAC;AAAA,IAC3B,gBAAgB;AAAA,IAEhB,YAAY;AAAA,MACV,SAAS;AAAA,MACT,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,MACP,YAAYA,YAAAA,MAAM,OAAO;AAAA,MACzB,SAAS;AAAA,IACX;AAAA,IAEA,cAAc;AAAA,MACZ,KAAK;AAAA,MACL,MAAM;AAAA,MACN,iBAAiBA,YAAAA,MAAM,OAAO;AAAA,MAC9B,OAAO;AAAA,MACP,aAAa;AAAA,MACb,cAAcA,YAAAA,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,SAASA,YAAAA,MAAM,MAAM;AAAA,IACrB,UAAU;AAAA,IACV,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,KAAKA,YAAAA,MAAM,MAAM;AAAA,IACjB,aAAaA,YAAAA,MAAM,OAAO;AAAA,IAC1B,aAAaA,YAAAA,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,KAAKA,YAAAA,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,mBAAmBA,YAAAA,MAAM,QAAQ,IAAI,CAAC;AAAA,IAC7C,YAAYA,YAAAA,MAAM,QAAQ,IAAI;AAAA,IAC9B,aAAaA,YAAAA,MAAM,QAAQ,IAAI;AAAA,EAAA;AAEnC;;;;"}

package/dist/cjs/Grid/Grid.cjs

@@ -125,4 +125,3 @@ const HvGrid = React.forwardRef((props, ref) => {
 });
 exports.gridClasses = Grid_styles.staticClasses;
 exports.HvGrid = HvGrid;
-//# sourceMappingURL=Grid.cjs.map

package/dist/cjs/Grid/Grid.styles.cjs

@@ -38,4 +38,3 @@ const { staticClasses, useClasses } = classes.createClasses("HvGrid", {
 });
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
-//# sourceMappingURL=Grid.styles.cjs.map

package/dist/cjs/Header/Actions/Actions.cjs

@@ -15,4 +15,3 @@ const HvHeaderActions = (props) => {
 };
 exports.headerActionsClasses = Actions_styles.staticClasses;
 exports.HvHeaderActions = HvHeaderActions;
-//# sourceMappingURL=Actions.cjs.map

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

@@ -18,4 +18,3 @@ const { staticClasses, useClasses } = classes.createClasses("HvHeader-Actions",
 });
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
-//# sourceMappingURL=Actions.styles.cjs.map

package/dist/cjs/Header/Brand/Brand.cjs

@@ -21,4 +21,3 @@ const HvHeaderBrand = (props) => {
 };
 exports.headerBrandClasses = Brand_styles.staticClasses;
 exports.HvHeaderBrand = HvHeaderBrand;
-//# sourceMappingURL=Brand.cjs.map

package/dist/cjs/Header/Brand/Brand.styles.cjs

@@ -14,4 +14,3 @@ const { staticClasses, useClasses } = classes.createClasses("HvHeader-Brand", {
 });
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
-//# sourceMappingURL=Brand.styles.cjs.map

package/dist/cjs/Header/Header.cjs

@@ -35,4 +35,3 @@ const HvHeader = (props) => {
 };
 exports.headerClasses = Header_styles.staticClasses;
 exports.HvHeader = HvHeader;
-//# sourceMappingURL=Header.cjs.map

package/dist/cjs/Header/Header.styles.cjs

@@ -31,4 +31,3 @@ const { staticClasses, useClasses } = classes.createClasses("HvHeader", {
 });
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
-//# sourceMappingURL=Header.styles.cjs.map

package/dist/cjs/Header/Navigation/MenuBar/Bar.cjs

@@ -37,4 +37,3 @@ const Bar = (props) => {
 };
 exports.headerMenuBarClasses = Bar_styles.staticClasses;
 exports.Bar = Bar;
-//# sourceMappingURL=Bar.cjs.map

package/dist/cjs/Header/Navigation/MenuBar/Bar.styles.cjs

@@ -63,4 +63,3 @@ const { staticClasses, useClasses } = classes.createClasses("HvHeader-MenuBar",
 });
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
-//# sourceMappingURL=Bar.styles.cjs.map

package/dist/cjs/Header/Navigation/MenuBar/MenuBar.cjs

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

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

@@ -138,4 +138,3 @@ const HvHeaderMenuItem = (props) => {
 };
 exports.headerMenuItemClasses = MenuItem_styles.staticClasses;
 exports.HvHeaderMenuItem = HvHeaderMenuItem;
-//# sourceMappingURL=MenuItem.cjs.map

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

@@ -99,4 +99,3 @@ const { staticClasses, useClasses } = classes.createClasses(
 );
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
-//# sourceMappingURL=MenuItem.styles.cjs.map

package/dist/cjs/Header/Navigation/Navigation.cjs

@@ -36,4 +36,3 @@ const HvHeaderNavigation = (props) => {
 };
 exports.headerNavigationClasses = Navigation_styles.staticClasses;
 exports.HvHeaderNavigation = HvHeaderNavigation;
-//# sourceMappingURL=Navigation.cjs.map

package/dist/cjs/Header/Navigation/Navigation.styles.cjs

@@ -16,4 +16,3 @@ const { staticClasses, useClasses } = classes.createClasses(
 );
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
-//# sourceMappingURL=Navigation.styles.cjs.map

package/dist/cjs/Header/Navigation/useSelectionPath.cjs

@@ -21,4 +21,3 @@ const useSelectionPath = (data, selectedId) => {
   return selectionPath;
 };
 exports.useSelectionPath = useSelectionPath;
-//# sourceMappingURL=useSelectionPath.cjs.map

package/dist/cjs/Header/Navigation/utils/FocusContext.cjs

@@ -22,4 +22,3 @@ const FocusProvider = ({ children }) => {
 };
 exports.FocusContext = FocusContext;
 exports.FocusProvider = FocusProvider;
-//# sourceMappingURL=FocusContext.cjs.map

package/dist/cjs/Header/Navigation/utils/SelectionContext.cjs

@@ -3,4 +3,3 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const SelectionContext = React.createContext([""]);
 exports.SelectionContext = SelectionContext;
-//# sourceMappingURL=SelectionContext.cjs.map

package/dist/cjs/InlineEditor/InlineEditor.cjs

@@ -122,4 +122,3 @@ const HvInlineEditor = (props) => {
 };
 exports.inlineEditorClasses = InlineEditor_styles.staticClasses;
 exports.HvInlineEditor = HvInlineEditor;
-//# sourceMappingURL=InlineEditor.cjs.map

package/dist/cjs/InlineEditor/InlineEditor.styles.cjs

@@ -79,4 +79,3 @@ const { staticClasses, useClasses } = classes.createClasses("HvInlineEditor", {
 });
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
-//# sourceMappingURL=InlineEditor.styles.cjs.map

package/dist/cjs/Input/Input.cjs

@@ -503,4 +503,3 @@ const HvInput = React.forwardRef((props, ref) => {
 });
 exports.inputClasses = Input_styles.staticClasses;
 exports.HvInput = HvInput;
-//# sourceMappingURL=Input.cjs.map

package/dist/cjs/Input/Input.styles.cjs

@@ -70,4 +70,3 @@ const { staticClasses, useClasses } = classes.createClasses("HvInput", {
 });
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
-//# sourceMappingURL=Input.styles.cjs.map

package/dist/cjs/Kpi/Kpi.cjs

@@ -78,4 +78,3 @@ const HvKpi = (props) => {
 };
 exports.kpiClasses = Kpi_styles.staticClasses;
 exports.HvKpi = HvKpi;
-//# sourceMappingURL=Kpi.cjs.map