@hitachivantara/uikit-react-core 5.28.1 → 5.30.0

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

@@ -1 +1 @@
-{"version":3,"file":"Counter.styles.cjs","sources":["../../../../../src/components/FilterGroup/Counter/Counter.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nconst name = \"HvFilterGroupCounter\";\n\nexport const { staticClasses, useClasses } = createClasses(name, {\n  root: {\n    lineHeight: \"34px\",\n    marginRight: 10,\n  },\n  partialCounter: {\n    display: \"inline-block\",\n    fontWeight: theme.filterGroup.partialCounterFontWeight,\n  },\n});\n"],"names":["name","staticClasses","useClasses","createClasses","root","lineHeight","marginRight","partialCounter","display","fontWeight","theme","filterGroup","partialCounterFontWeight"],"mappings":";;;;AAIA,MAAMA,OAAO;AAEA,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAcH,MAAM;AAAA,EAC/DI,MAAM;AAAA,IACJC,YAAY;AAAA,IACZC,aAAa;AAAA,EACf;AAAA,EACAC,gBAAgB;AAAA,IACdC,SAAS;AAAA,IACTC,YAAYC,YAAAA,MAAMC,YAAYC;AAAAA,EAChC;AACF,CAAC;;;"}
+{"version":3,"file":"Counter.styles.cjs","sources":["../../../../../src/components/FilterGroup/Counter/Counter.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nconst name = \"HvFilterGroupCounter\";\n\nexport const { staticClasses, useClasses } = createClasses(name, {\n  root: {\n    lineHeight: \"34px\",\n    marginRight: 10,\n  },\n  partialCounter: {\n    display: \"inline-block\",\n    fontWeight: theme.fontWeights.normal,\n  },\n});\n"],"names":["name","staticClasses","useClasses","createClasses","root","lineHeight","marginRight","partialCounter","display","fontWeight","theme","fontWeights","normal"],"mappings":";;;;AAIA,MAAMA,OAAO;AAEA,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAcH,MAAM;AAAA,EAC/DI,MAAM;AAAA,IACJC,YAAY;AAAA,IACZC,aAAa;AAAA,EACf;AAAA,EACAC,gBAAgB;AAAA,IACdC,SAAS;AAAA,IACTC,YAAYC,YAAAA,MAAMC,YAAYC;AAAAA,EAChC;AACF,CAAC;;;"}

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

@@ -10,31 +10,33 @@ const FilterGroupContext = require("../FilterGroupContext.cjs");
 const LeftPanel = require("../LeftPanel/LeftPanel.cjs");
 const RightPanel = require("../RightPanel/RightPanel.cjs");
 const Button = require("../../Button/Button.cjs");
+const useDefaultProps = require("../../../hooks/useDefaultProps.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const BaseDropdown = require("../../BaseDropdown/BaseDropdown.cjs");
 const Counter = require("../Counter/Counter.cjs");
 const ActionBar = require("../../ActionBar/ActionBar.cjs");
-const HvFilterGroupContent = ({
-  id,
-  status,
-  disabled = false,
-  "aria-label": ariaLabel,
-  "aria-labelledby": ariaLabelledBy,
-  description,
-  "aria-describedby": ariaDescribedBy,
-  onChange,
-  onCancel,
-  onClear,
-  labels,
-  horizontalPlacement = "right",
-  disablePortal = true,
-  escapeWithReference = true,
-  height,
-  leftEmptyElement,
-  rightEmptyElement,
-  classes: classesProp,
-  ...others
-}) => {
+const HvFilterGroupContent = (props) => {
+  const {
+    id,
+    status,
+    disabled = false,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    description,
+    "aria-describedby": ariaDescribedBy,
+    onChange,
+    onCancel,
+    onClear,
+    labels,
+    horizontalPlacement = "right",
+    disablePortal = true,
+    escapeWithReference = true,
+    height,
+    leftEmptyElement,
+    rightEmptyElement,
+    classes: classesProp,
+    ...others
+  } = useDefaultProps.useDefaultProps("HvFilterGroupContent", props);
   const {
     classes
   } = FilterContent_styles.useClasses(classesProp);

package/dist/cjs/components/FilterGroup/FilterContent/FilterContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterContent.cjs","sources":["../../../../../src/components/FilterGroup/FilterContent/FilterContent.tsx"],"sourcesContent":["import { useContext, useMemo, useRef, useState } from \"react\";\n\nimport { Filters } from \"@hitachivantara/uikit-react-icons\";\n\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { HvActionBar } from \"@core/components/ActionBar\";\nimport {\n  HvBaseDropdown,\n  HvBaseDropdownProps,\n} from \"@core/components/BaseDropdown\";\nimport { HvButton, HvButtonVariant } from \"@core/components/Button\";\nimport { HvFormStatus } from \"@core/components/Forms\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\n\nimport {\n  HvFilterGroupLabels,\n  HvFilterGroupValue,\n  HvFilterGroupHorizontalPlacement,\n} from \"../types\";\nimport { staticClasses, useClasses } from \"./FilterContent.styles\";\nimport { HvFilterGroupContext } from \"../FilterGroupContext\";\nimport { HvFilterGroupCounter } from \"../Counter\";\nimport { HvFilterGroupLeftPanel } from \"../LeftPanel\";\nimport { HvFilterGroupRightPanel } from \"../RightPanel\";\n\nexport { staticClasses as filterGroupContentClasses };\n\nexport type HvFilterGroupContentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFilterGroupContentProps\n  extends Omit<HvBaseDropdownProps, \"onChange\"> {\n  description?: React.ReactNode;\n  status?: HvFormStatus;\n  onChange?: (\n    event: React.MouseEvent<HTMLButtonElement>,\n    value?: HvFilterGroupValue\n  ) => void;\n  onCancel?: (event: React.MouseEvent<HTMLButtonElement> | Event) => void;\n  onClear?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  labels?: HvFilterGroupLabels;\n  horizontalPlacement?: HvFilterGroupHorizontalPlacement;\n  disablePortal?: boolean;\n  escapeWithReference?: boolean;\n  height?: string | number;\n  leftEmptyElement?: React.ReactNode;\n  rightEmptyElement?: React.ReactNode;\n  disabled?: boolean;\n  classes?: HvFilterGroupContentClasses;\n}\n\nexport const HvFilterGroupContent = ({\n  id,\n  status,\n  disabled = false,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n  onChange,\n  onCancel,\n  onClear,\n  labels,\n  horizontalPlacement = \"right\",\n  disablePortal = true,\n  escapeWithReference = true,\n  height,\n  leftEmptyElement,\n  rightEmptyElement,\n  classes: classesProp,\n  ...others\n}: HvFilterGroupContentProps) => {\n  const { classes } = useClasses(classesProp);\n  const { activeTheme } = useTheme();\n\n  const [filterGroupOpen, setFilterGroupOpen] = useState<boolean>(false);\n\n  const {\n    defaultValue,\n    filterValues,\n    rollbackFilters,\n    clearFilters,\n    applyFilters,\n    applyDisabled,\n  } = useContext(HvFilterGroupContext);\n\n  const focusTarget = useRef<HTMLDivElement>(null);\n\n  const focusOnContainer = () => {\n    focusTarget.current?.focus();\n  };\n\n  const onApplyHandler = (event: React.MouseEvent<HTMLButtonElement>) => {\n    applyFilters();\n    onChange?.(event, filterValues);\n    setFilterGroupOpen(false);\n  };\n\n  const onCancelHandler = (\n    event: React.MouseEvent<HTMLButtonElement> | Event\n  ) => {\n    rollbackFilters();\n    onCancel?.(event);\n    setFilterGroupOpen(false);\n  };\n\n  const onClearHandler = (event: React.MouseEvent<HTMLButtonElement>) => {\n    clearFilters();\n    onClear?.(event);\n  };\n\n  const handleToggle = (event: Event, open: boolean) => {\n    /* \n     If evt is null this toggle wasn't triggered by the user.\n     instead it was triggered by the baseDropdown useEffect after\n     the datepicker changed the expanded value this baseDropdown behavior needs a review\n    */\n    if (event === null) return;\n    setFilterGroupOpen(open);\n    if (!open) onCancelHandler?.(event);\n  };\n\n  const Header = useMemo(\n    () => (\n      <>\n        <Filters />\n        <HvTypography variant=\"label\">{labels?.placeholder}</HvTypography>\n      </>\n    ),\n    [labels?.placeholder]\n  );\n\n  return (\n    <HvBaseDropdown\n      id={setId(id, \"dropdown\")}\n      role=\"combobox\"\n      classes={{\n        root: classes.dropdown,\n        panel: classes.panel,\n        selection: classes.baseDropdownSelection,\n        header: classes.header,\n      }}\n      disabled={disabled}\n      disablePortal={disablePortal}\n      variableWidth\n      placement={horizontalPlacement}\n      expanded={filterGroupOpen}\n      onToggle={handleToggle}\n      onClickOutside={onCancelHandler}\n      onContainerCreation={focusOnContainer}\n      placeholder={Header}\n      adornment={<HvFilterGroupCounter />}\n      popperProps={{\n        modifiers: [{ name: \"preventOverflow\", enabled: escapeWithReference }],\n      }}\n      aria-haspopup=\"dialog\"\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-invalid={status === \"invalid\" ? true : undefined}\n      aria-errormessage={status === \"invalid\" ? setId(id, \"error\") : undefined}\n      aria-describedby={\n        [description && setId(id, \"description\"), ariaDescribedBy]\n          .join(\" \")\n          .trim() || undefined\n      }\n      {...others}\n    >\n      <div ref={focusTarget} tabIndex={-1} />\n      <div className={classes.root} style={{ height }}>\n        <HvFilterGroupLeftPanel\n          id={id}\n          className={classes.leftSidePanel}\n          emptyElement={leftEmptyElement}\n        />\n        <HvFilterGroupRightPanel\n          id={id}\n          className={classes.rightSidePanel}\n          emptyElement={rightEmptyElement}\n          labels={labels}\n        />\n      </div>\n      <HvActionBar className={classes.actionBar}>\n        <HvButton\n          id={setId(id, \"clearFilters-button\")}\n          disabled={\n            defaultValue\n              ? defaultValue?.flat().length === filterValues?.flat().length\n              : filterValues?.flat().length === 0\n          }\n          variant=\"secondaryGhost\"\n          onClick={onClearHandler}\n        >\n          {labels?.clearLabel}\n        </HvButton>\n        <div aria-hidden=\"true\" className={classes.space}>\n          &nbsp;\n        </div>\n        <HvButton\n          id={setId(id, \"apply-button\")}\n          disabled={applyDisabled}\n          variant={\n            activeTheme?.filterGroup.applyButtonVariant as HvButtonVariant\n          }\n          onClick={onApplyHandler}\n          className={classes.applyButton}\n        >\n          {labels?.applyLabel}\n        </HvButton>\n        <HvButton\n          id={setId(id, \"cancel-button\")}\n          variant={\n            activeTheme?.filterGroup.cancelButtonVariant as HvButtonVariant\n          }\n          onClick={onCancelHandler}\n        >\n          {labels?.cancelLabel}\n        </HvButton>\n      </HvActionBar>\n    </HvBaseDropdown>\n  );\n};\n"],"names":["HvFilterGroupContent","id","status","disabled","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","labels","horizontalPlacement","disablePortal","escapeWithReference","height","leftEmptyElement","rightEmptyElement","classes","classesProp","others","useClasses","activeTheme","useTheme","filterGroupOpen","setFilterGroupOpen","useState","defaultValue","filterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","useContext","HvFilterGroupContext","focusTarget","useRef","focusOnContainer","current","focus","onApplyHandler","event","onCancelHandler","onClearHandler","handleToggle","open","Header","useMemo","jsxs","Fragment","jsx","Filters","HvTypography","placeholder","HvBaseDropdown","setId","root","dropdown","panel","selection","baseDropdownSelection","header","HvFilterGroupCounter","modifiers","name","enabled","undefined","join","trim","HvFilterGroupLeftPanel","leftSidePanel","HvFilterGroupRightPanel","rightSidePanel","HvActionBar","actionBar","HvButton","flat","length","clearLabel","space","filterGroup","applyButtonVariant","applyButton","applyLabel","cancelButtonVariant","cancelLabel"],"mappings":"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"}
+{"version":3,"file":"FilterContent.cjs","sources":["../../../../../src/components/FilterGroup/FilterContent/FilterContent.tsx"],"sourcesContent":["import { useContext, useMemo, useRef, useState } from \"react\";\n\nimport { Filters } from \"@hitachivantara/uikit-react-icons\";\n\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { HvActionBar } from \"@core/components/ActionBar\";\nimport {\n  HvBaseDropdown,\n  HvBaseDropdownProps,\n} from \"@core/components/BaseDropdown\";\nimport { HvButton, HvButtonVariant } from \"@core/components/Button\";\nimport { HvFormStatus } from \"@core/components/Forms\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { useDefaultProps } from \"@core/hooks\";\nimport {\n  HvFilterGroupLabels,\n  HvFilterGroupValue,\n  HvFilterGroupHorizontalPlacement,\n} from \"../types\";\nimport { staticClasses, useClasses } from \"./FilterContent.styles\";\nimport { HvFilterGroupContext } from \"../FilterGroupContext\";\nimport { HvFilterGroupCounter } from \"../Counter\";\nimport { HvFilterGroupLeftPanel } from \"../LeftPanel\";\nimport { HvFilterGroupRightPanel } from \"../RightPanel\";\n\nexport { staticClasses as filterGroupContentClasses };\n\nexport type HvFilterGroupContentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFilterGroupContentProps\n  extends Omit<HvBaseDropdownProps, \"onChange\"> {\n  description?: React.ReactNode;\n  status?: HvFormStatus;\n  onChange?: (\n    event: React.MouseEvent<HTMLButtonElement>,\n    value?: HvFilterGroupValue\n  ) => void;\n  onCancel?: (event: React.MouseEvent<HTMLButtonElement> | Event) => void;\n  onClear?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  labels?: HvFilterGroupLabels;\n  horizontalPlacement?: HvFilterGroupHorizontalPlacement;\n  disablePortal?: boolean;\n  escapeWithReference?: boolean;\n  height?: string | number;\n  leftEmptyElement?: React.ReactNode;\n  rightEmptyElement?: React.ReactNode;\n  disabled?: boolean;\n  classes?: HvFilterGroupContentClasses;\n}\n\nexport const HvFilterGroupContent = (props: HvFilterGroupContentProps) => {\n  const {\n    id,\n    status,\n    disabled = false,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n    onChange,\n    onCancel,\n    onClear,\n    labels,\n    horizontalPlacement = \"right\",\n    disablePortal = true,\n    escapeWithReference = true,\n    height,\n    leftEmptyElement,\n    rightEmptyElement,\n    classes: classesProp,\n    ...others\n  } = useDefaultProps(\"HvFilterGroupContent\", props);\n  const { classes } = useClasses(classesProp);\n  const { activeTheme } = useTheme();\n\n  const [filterGroupOpen, setFilterGroupOpen] = useState<boolean>(false);\n\n  const {\n    defaultValue,\n    filterValues,\n    rollbackFilters,\n    clearFilters,\n    applyFilters,\n    applyDisabled,\n  } = useContext(HvFilterGroupContext);\n\n  const focusTarget = useRef<HTMLDivElement>(null);\n\n  const focusOnContainer = () => {\n    focusTarget.current?.focus();\n  };\n\n  const onApplyHandler = (event: React.MouseEvent<HTMLButtonElement>) => {\n    applyFilters();\n    onChange?.(event, filterValues);\n    setFilterGroupOpen(false);\n  };\n\n  const onCancelHandler = (\n    event: React.MouseEvent<HTMLButtonElement> | Event\n  ) => {\n    rollbackFilters();\n    onCancel?.(event);\n    setFilterGroupOpen(false);\n  };\n\n  const onClearHandler = (event: React.MouseEvent<HTMLButtonElement>) => {\n    clearFilters();\n    onClear?.(event);\n  };\n\n  const handleToggle = (event: Event, open: boolean) => {\n    /* \n     If evt is null this toggle wasn't triggered by the user.\n     instead it was triggered by the baseDropdown useEffect after\n     the datepicker changed the expanded value this baseDropdown behavior needs a review\n    */\n    if (event === null) return;\n    setFilterGroupOpen(open);\n    if (!open) onCancelHandler?.(event);\n  };\n\n  const Header = useMemo(\n    () => (\n      <>\n        <Filters />\n        <HvTypography variant=\"label\">{labels?.placeholder}</HvTypography>\n      </>\n    ),\n    [labels?.placeholder]\n  );\n\n  return (\n    <HvBaseDropdown\n      id={setId(id, \"dropdown\")}\n      role=\"combobox\"\n      classes={{\n        root: classes.dropdown,\n        panel: classes.panel,\n        selection: classes.baseDropdownSelection,\n        header: classes.header,\n      }}\n      disabled={disabled}\n      disablePortal={disablePortal}\n      variableWidth\n      placement={horizontalPlacement}\n      expanded={filterGroupOpen}\n      onToggle={handleToggle}\n      onClickOutside={onCancelHandler}\n      onContainerCreation={focusOnContainer}\n      placeholder={Header}\n      adornment={<HvFilterGroupCounter />}\n      popperProps={{\n        modifiers: [{ name: \"preventOverflow\", enabled: escapeWithReference }],\n      }}\n      aria-haspopup=\"dialog\"\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-invalid={status === \"invalid\" ? true : undefined}\n      aria-errormessage={status === \"invalid\" ? setId(id, \"error\") : undefined}\n      aria-describedby={\n        [description && setId(id, \"description\"), ariaDescribedBy]\n          .join(\" \")\n          .trim() || undefined\n      }\n      {...others}\n    >\n      <div ref={focusTarget} tabIndex={-1} />\n      <div className={classes.root} style={{ height }}>\n        <HvFilterGroupLeftPanel\n          id={id}\n          className={classes.leftSidePanel}\n          emptyElement={leftEmptyElement}\n        />\n        <HvFilterGroupRightPanel\n          id={id}\n          className={classes.rightSidePanel}\n          emptyElement={rightEmptyElement}\n          labels={labels}\n        />\n      </div>\n      <HvActionBar className={classes.actionBar}>\n        <HvButton\n          id={setId(id, \"clearFilters-button\")}\n          disabled={\n            defaultValue\n              ? defaultValue?.flat().length === filterValues?.flat().length\n              : filterValues?.flat().length === 0\n          }\n          variant=\"secondaryGhost\"\n          onClick={onClearHandler}\n        >\n          {labels?.clearLabel}\n        </HvButton>\n        <div aria-hidden=\"true\" className={classes.space}>\n          &nbsp;\n        </div>\n        <HvButton\n          id={setId(id, \"apply-button\")}\n          disabled={applyDisabled}\n          variant={\n            activeTheme?.filterGroup.applyButtonVariant as HvButtonVariant\n          }\n          onClick={onApplyHandler}\n          className={classes.applyButton}\n        >\n          {labels?.applyLabel}\n        </HvButton>\n        <HvButton\n          id={setId(id, \"cancel-button\")}\n          variant={\n            activeTheme?.filterGroup.cancelButtonVariant as HvButtonVariant\n          }\n          onClick={onCancelHandler}\n        >\n          {labels?.cancelLabel}\n        </HvButton>\n      </HvActionBar>\n    </HvBaseDropdown>\n  );\n};\n"],"names":["HvFilterGroupContent","props","id","status","disabled","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","labels","horizontalPlacement","disablePortal","escapeWithReference","height","leftEmptyElement","rightEmptyElement","classes","classesProp","others","useDefaultProps","useClasses","activeTheme","useTheme","filterGroupOpen","setFilterGroupOpen","useState","defaultValue","filterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","useContext","HvFilterGroupContext","focusTarget","useRef","focusOnContainer","current","focus","onApplyHandler","event","onCancelHandler","onClearHandler","handleToggle","open","Header","useMemo","jsxs","Fragment","jsx","Filters","HvTypography","placeholder","HvBaseDropdown","setId","root","dropdown","panel","selection","baseDropdownSelection","header","HvFilterGroupCounter","modifiers","name","enabled","undefined","join","trim","HvFilterGroupLeftPanel","leftSidePanel","HvFilterGroupRightPanel","rightSidePanel","HvActionBar","actionBar","HvButton","flat","length","clearLabel","space","filterGroup","applyButtonVariant","applyButton","applyLabel","cancelButtonVariant","cancelLabel"],"mappings":"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"}

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

@@ -33,8 +33,8 @@ const {
     minHeight: "calc(370px - 75px)",
     verticalAlign: "top",
     overflow: "visible",
-    boxShadow: uikitStyles.theme.filterGroup.rightPanelShadow,
-    borderLeft: uikitStyles.theme.filterGroup.rightPanelBorderLeft
+    boxShadow: "none",
+    borderLeft: `1px solid ${uikitStyles.theme.colors.atmo3}`
   },
   leftSidePanel: {
     display: "inline-block",
@@ -51,7 +51,7 @@ const {
     flex: 1
   },
   applyButton: {
-    marginRight: uikitStyles.theme.filterGroup.applyButtonMarginRight
+    marginRight: "8px"
   }
 });
 exports.staticClasses = staticClasses;

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

@@ -1 +1 @@
-{"version":3,"file":"FilterContent.styles.cjs","sources":["../../../../../src/components/FilterGroup/FilterContent/FilterContent.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nconst name = \"HvFilterGroupContent\";\n\nexport const { staticClasses, useClasses } = createClasses(name, {\n  dropdown: {},\n  panel: {\n    maxHeight: 500,\n    minHeight: 370,\n  },\n  header: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    height: 32,\n  },\n  baseDropdownSelection: {\n    padding: theme.spacing(\"0px\", \"30px\", \"0px\", \"0px\"),\n  },\n  root: {\n    width: 640,\n    maxHeight: \"calc(500px - 75px)\",\n    minHeight: \"calc(370px - 75px)\",\n  },\n  rightSidePanel: {\n    display: \"inline-block\",\n    width: \"50%\",\n    height: \"100%\",\n    maxHeight: \"calc(500px - 75px)\",\n    minHeight: \"calc(370px - 75px)\",\n    verticalAlign: \"top\",\n    overflow: \"visible\",\n    boxShadow: theme.filterGroup.rightPanelShadow,\n    borderLeft: theme.filterGroup.rightPanelBorderLeft,\n  },\n  leftSidePanel: {\n    display: \"inline-block\",\n    width: `calc(50% - ${theme.space.sm} - ${theme.space.sm} + 8px)`,\n    height: `calc(100% - ${theme.space.sm} - ${theme.space.sm} + 8px)`,\n    verticalAlign: \"top\",\n    maxHeight: \"calc(500px - 75px)\",\n    minHeight: \"calc(370px - 75px)\",\n    padding: 4,\n    margin: `calc(${theme.spacing(\"sm\")} - 4px)`,\n  },\n  actionBar: {},\n  space: {\n    flex: 1,\n  },\n  applyButton: {\n    marginRight: theme.filterGroup.applyButtonMarginRight,\n  },\n});\n"],"names":["name","staticClasses","useClasses","createClasses","dropdown","panel","maxHeight","minHeight","header","display","justifyContent","height","baseDropdownSelection","padding","theme","spacing","root","width","rightSidePanel","verticalAlign","overflow","boxShadow","filterGroup","rightPanelShadow","borderLeft","rightPanelBorderLeft","leftSidePanel","space","sm","margin","actionBar","flex","applyButton","marginRight","applyButtonMarginRight"],"mappings":";;;;AAIA,MAAMA,OAAO;AAEA,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAcH,MAAM;AAAA,EAC/DI,UAAU,CAAC;AAAA,EACXC,OAAO;AAAA,IACLC,WAAW;AAAA,IACXC,WAAW;AAAA,EACb;AAAA,EACAC,QAAQ;AAAA,IACNC,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,QAAQ;AAAA,EACV;AAAA,EACAC,uBAAuB;AAAA,IACrBC,SAASC,YAAMC,MAAAA,QAAQ,OAAO,QAAQ,OAAO,KAAK;AAAA,EACpD;AAAA,EACAC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPX,WAAW;AAAA,IACXC,WAAW;AAAA,EACb;AAAA,EACAW,gBAAgB;AAAA,IACdT,SAAS;AAAA,IACTQ,OAAO;AAAA,IACPN,QAAQ;AAAA,IACRL,WAAW;AAAA,IACXC,WAAW;AAAA,IACXY,eAAe;AAAA,IACfC,UAAU;AAAA,IACVC,WAAWP,YAAAA,MAAMQ,YAAYC;AAAAA,IAC7BC,YAAYV,YAAAA,MAAMQ,YAAYG;AAAAA,EAChC;AAAA,EACAC,eAAe;AAAA,IACbjB,SAAS;AAAA,IACTQ,OAAQ,cAAaH,YAAMa,MAAAA,MAAMC,EAAG,MAAKd,kBAAMa,MAAMC,EAAG;AAAA,IACxDjB,QAAS,eAAcG,YAAMa,MAAAA,MAAMC,EAAG,MAAKd,kBAAMa,MAAMC,EAAG;AAAA,IAC1DT,eAAe;AAAA,IACfb,WAAW;AAAA,IACXC,WAAW;AAAA,IACXM,SAAS;AAAA,IACTgB,QAAS,QAAOf,YAAAA,MAAMC,QAAQ,IAAI,CAAE;AAAA,EACtC;AAAA,EACAe,WAAW,CAAC;AAAA,EACZH,OAAO;AAAA,IACLI,MAAM;AAAA,EACR;AAAA,EACAC,aAAa;AAAA,IACXC,aAAanB,YAAAA,MAAMQ,YAAYY;AAAAA,EACjC;AACF,CAAC;;;"}
+{"version":3,"file":"FilterContent.styles.cjs","sources":["../../../../../src/components/FilterGroup/FilterContent/FilterContent.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nconst name = \"HvFilterGroupContent\";\n\nexport const { staticClasses, useClasses } = createClasses(name, {\n  dropdown: {},\n  panel: {\n    maxHeight: 500,\n    minHeight: 370,\n  },\n  header: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    height: 32,\n  },\n  baseDropdownSelection: {\n    padding: theme.spacing(\"0px\", \"30px\", \"0px\", \"0px\"),\n  },\n  root: {\n    width: 640,\n    maxHeight: \"calc(500px - 75px)\",\n    minHeight: \"calc(370px - 75px)\",\n  },\n  rightSidePanel: {\n    display: \"inline-block\",\n    width: \"50%\",\n    height: \"100%\",\n    maxHeight: \"calc(500px - 75px)\",\n    minHeight: \"calc(370px - 75px)\",\n    verticalAlign: \"top\",\n    overflow: \"visible\",\n    boxShadow: \"none\",\n    borderLeft: `1px solid ${theme.colors.atmo3}`,\n  },\n  leftSidePanel: {\n    display: \"inline-block\",\n    width: `calc(50% - ${theme.space.sm} - ${theme.space.sm} + 8px)`,\n    height: `calc(100% - ${theme.space.sm} - ${theme.space.sm} + 8px)`,\n    verticalAlign: \"top\",\n    maxHeight: \"calc(500px - 75px)\",\n    minHeight: \"calc(370px - 75px)\",\n    padding: 4,\n    margin: `calc(${theme.spacing(\"sm\")} - 4px)`,\n  },\n  actionBar: {},\n  space: {\n    flex: 1,\n  },\n  applyButton: {\n    marginRight: \"8px\",\n  },\n});\n"],"names":["name","staticClasses","useClasses","createClasses","dropdown","panel","maxHeight","minHeight","header","display","justifyContent","height","baseDropdownSelection","padding","theme","spacing","root","width","rightSidePanel","verticalAlign","overflow","boxShadow","borderLeft","colors","atmo3","leftSidePanel","space","sm","margin","actionBar","flex","applyButton","marginRight"],"mappings":";;;;AAIA,MAAMA,OAAO;AAEA,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAcH,MAAM;AAAA,EAC/DI,UAAU,CAAC;AAAA,EACXC,OAAO;AAAA,IACLC,WAAW;AAAA,IACXC,WAAW;AAAA,EACb;AAAA,EACAC,QAAQ;AAAA,IACNC,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,QAAQ;AAAA,EACV;AAAA,EACAC,uBAAuB;AAAA,IACrBC,SAASC,YAAMC,MAAAA,QAAQ,OAAO,QAAQ,OAAO,KAAK;AAAA,EACpD;AAAA,EACAC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPX,WAAW;AAAA,IACXC,WAAW;AAAA,EACb;AAAA,EACAW,gBAAgB;AAAA,IACdT,SAAS;AAAA,IACTQ,OAAO;AAAA,IACPN,QAAQ;AAAA,IACRL,WAAW;AAAA,IACXC,WAAW;AAAA,IACXY,eAAe;AAAA,IACfC,UAAU;AAAA,IACVC,WAAW;AAAA,IACXC,YAAa,aAAYR,YAAMS,MAAAA,OAAOC,KAAM;AAAA,EAC9C;AAAA,EACAC,eAAe;AAAA,IACbhB,SAAS;AAAA,IACTQ,OAAQ,cAAaH,YAAMY,MAAAA,MAAMC,EAAG,MAAKb,kBAAMY,MAAMC,EAAG;AAAA,IACxDhB,QAAS,eAAcG,YAAMY,MAAAA,MAAMC,EAAG,MAAKb,kBAAMY,MAAMC,EAAG;AAAA,IAC1DR,eAAe;AAAA,IACfb,WAAW;AAAA,IACXC,WAAW;AAAA,IACXM,SAAS;AAAA,IACTe,QAAS,QAAOd,YAAAA,MAAMC,QAAQ,IAAI,CAAE;AAAA,EACtC;AAAA,EACAc,WAAW,CAAC;AAAA,EACZH,OAAO;AAAA,IACLI,MAAM;AAAA,EACR;AAAA,EACAC,aAAa;AAAA,IACXC,aAAa;AAAA,EACf;AACF,CAAC;;;"}

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

@@ -7,7 +7,7 @@ const {
   useClasses
 } = classes.createClasses("HvInfoMessage", {
   root: {
-    color: uikitStyles.theme.forms.infoMessage.textColor,
+    color: uikitStyles.theme.colors.secondary_80,
     display: "inline-block"
   },
   infoDisabled: {

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

@@ -1 +1 @@
-{"version":3,"file":"InfoMessage.styles.cjs","sources":["../../../../../src/components/Forms/InfoMessage/InfoMessage.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvInfoMessage\", {\n  root: { color: theme.forms.infoMessage.textColor, display: \"inline-block\" },\n  infoDisabled: { color: theme.colors.secondary_60 },\n  gutter: { padding: `0 0 6px ${theme.space.xs}` },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","color","theme","forms","infoMessage","textColor","display","infoDisabled","colors","secondary_60","gutter","padding","space","xs"],"mappings":";;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,iBAAiB;AAAA,EAC1EC,MAAM;AAAA,IAAEC,OAAOC,YAAMC,MAAAA,MAAMC,YAAYC;AAAAA,IAAWC,SAAS;AAAA,EAAe;AAAA,EAC1EC,cAAc;AAAA,IAAEN,OAAOC,YAAAA,MAAMM,OAAOC;AAAAA,EAAa;AAAA,EACjDC,QAAQ;AAAA,IAAEC,SAAU,WAAUT,YAAMU,MAAAA,MAAMC,EAAG;AAAA,EAAE;AACjD,CAAC;;;"}
+{"version":3,"file":"InfoMessage.styles.cjs","sources":["../../../../../src/components/Forms/InfoMessage/InfoMessage.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvInfoMessage\", {\n  root: { color: theme.colors.secondary_80, display: \"inline-block\" },\n  infoDisabled: { color: theme.colors.secondary_60 },\n  gutter: { padding: `0 0 6px ${theme.space.xs}` },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","color","theme","colors","secondary_80","display","infoDisabled","secondary_60","gutter","padding","space","xs"],"mappings":";;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,iBAAiB;AAAA,EAC1EC,MAAM;AAAA,IAAEC,OAAOC,YAAAA,MAAMC,OAAOC;AAAAA,IAAcC,SAAS;AAAA,EAAe;AAAA,EAClEC,cAAc;AAAA,IAAEL,OAAOC,YAAAA,MAAMC,OAAOI;AAAAA,EAAa;AAAA,EACjDC,QAAQ;AAAA,IAAEC,SAAU,WAAUP,YAAMQ,MAAAA,MAAMC,EAAG;AAAA,EAAE;AACjD,CAAC;;;"}

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

@@ -7,7 +7,7 @@ const {
   useClasses
 } = classes.createClasses("HvLabel", {
   root: {
-    fontWeight: uikitStyles.theme.forms.label.fontWeight,
+    fontWeight: uikitStyles.theme.fontWeights.normal,
     display: "inline-block"
   },
   labelDisabled: {

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

@@ -1 +1 @@
-{"version":3,"file":"Label.styles.cjs","sources":["../../../../../src/components/Forms/Label/Label.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvLabel\", {\n  root: { fontWeight: theme.forms.label.fontWeight, display: \"inline-block\" },\n  labelDisabled: { color: theme.colors.secondary_60 },\n  childGutter: { paddingBottom: \"6px\" },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","fontWeight","theme","forms","label","display","labelDisabled","color","colors","secondary_60","childGutter","paddingBottom"],"mappings":";;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,WAAW;AAAA,EACpEC,MAAM;AAAA,IAAEC,YAAYC,YAAMC,MAAAA,MAAMC,MAAMH;AAAAA,IAAYI,SAAS;AAAA,EAAe;AAAA,EAC1EC,eAAe;AAAA,IAAEC,OAAOL,YAAAA,MAAMM,OAAOC;AAAAA,EAAa;AAAA,EAClDC,aAAa;AAAA,IAAEC,eAAe;AAAA,EAAM;AACtC,CAAC;;;"}
+{"version":3,"file":"Label.styles.cjs","sources":["../../../../../src/components/Forms/Label/Label.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvLabel\", {\n  root: { fontWeight: theme.fontWeights.normal, display: \"inline-block\" },\n  labelDisabled: { color: theme.colors.secondary_60 },\n  childGutter: { paddingBottom: \"6px\" },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","fontWeight","theme","fontWeights","normal","display","labelDisabled","color","colors","secondary_60","childGutter","paddingBottom"],"mappings":";;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,WAAW;AAAA,EACpEC,MAAM;AAAA,IAAEC,YAAYC,YAAAA,MAAMC,YAAYC;AAAAA,IAAQC,SAAS;AAAA,EAAe;AAAA,EACtEC,eAAe;AAAA,IAAEC,OAAOL,YAAAA,MAAMM,OAAOC;AAAAA,EAAa;AAAA,EAClDC,aAAa;AAAA,IAAEC,eAAe;AAAA,EAAM;AACtC,CAAC;;;"}

package/dist/cjs/components/GlobalActions/GlobalActions.cjs

@@ -6,7 +6,6 @@ const styles = require("@mui/material/styles");
 const material = require("@mui/material");
 const isString = require("lodash/isString");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const useTheme = require("../../hooks/useTheme.cjs");
 const GlobalActions_styles = require("./GlobalActions.styles.cjs");
 const Typography = require("../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -33,9 +32,6 @@ const HvGlobalActions = (props) => {
     ...others
   } = useDefaultProps.useDefaultProps("HvGlobalActions", props);
   const muiTheme = styles.useTheme();
-  const {
-    activeTheme
-  } = useTheme.useTheme();
   const {
     classes,
     cx,
@@ -55,7 +51,9 @@ const HvGlobalActions = (props) => {
     [classes.globalSectionArea]: variant === "section"
   }), children: [
     variant === "global" && backButton && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.backButton, children: backButton }),
-    !isString__default.default(title) ? title : /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { variant: variant === "global" ? "title3" : activeTheme == null ? void 0 : activeTheme.globalActions.sectionVariant, component: `h${headingLevelToApply}`, className: classes.name, children: title }),
+    !isString__default.default(title) ? title : /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { variant: "title3", component: `h${headingLevelToApply}`, className: cx(classes.name, {
+      [classes.sectionName]: variant !== "global"
+    }), children: title }),
     children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.actions, children })
   ] }) });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalActions.cjs","sources":["../../../../src/components/GlobalActions/GlobalActions.tsx"],"sourcesContent":["import { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { useTheme as useMuiTheme } from \"@mui/material/styles\";\nimport { useMediaQuery } from \"@mui/material\";\nimport isString from \"lodash/isString\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\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 { activeTheme } = useTheme();\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={\n              variant === \"global\"\n                ? \"title3\"\n                : activeTheme?.globalActions.sectionVariant\n            }\n            component={`h${headingLevelToApply}`}\n            className={classes.name}\n          >\n            {title}\n          </HvTypography>\n        )}\n        {children && <div className={classes.actions}>{children}</div>}\n      </div>\n    </div>\n  );\n};\n"],"names":["getBreakpointStyles","isUpMd","isSmDown","width","theme","spacing","marginLeft","marginRight","HvGlobalActions","props","children","classes","classesProp","className","title","variant","backButton","headingLevel","position","positionProp","others","useDefaultProps","muiTheme","useMuiTheme","activeTheme","useTheme","cx","css","useClasses","useMediaQuery","breakpoints","down","up","fixedPositionCss","headingLevelToApply","jsx","root","positionSticky","positionFixed","global","jsxs","wrapper","globalWrapperComplement","globalSectionArea","isString","HvTypography","globalActions","sectionVariant","name","actions"],"mappings":";;;;;;;;;;;;;AAqCA,MAAMA,sBAAsBA,CAACC,QAAiBC,aAC5CD,SACI;AAAA,EACEE,OAAQ,mBAAkBC,YAAAA,MAAMC,QAAQ,CAAC,CAAE;AAAA,EAC3CC,YAAa,GAAEF,YAAAA,MAAMC,QAAQ,CAAC,CAAE;AAAA,EAChCE,aAAc,GAAEH,YAAAA,MAAMC,QAAQ,CAAC,CAAE;AACnC,IACAH,WACA;AAAA,EACEC,OAAQ,mBAAkBC,YAAAA,MAAMC,QAAQ,CAAC,CAAE;AAAA,EAC3CC,YAAa,GAAEF,YAAAA,MAAMC,QAAQ,CAAC,CAAE;AAAA,EAChCE,aAAc,GAAEH,YAAAA,MAAMC,QAAQ,CAAC,CAAE;AACnC,IACA;AAMOG,MAAAA,kBAAkBA,CAACC,UAAgC;AACxD,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC,UAAU;AAAA,IACVC;AAAAA,IACAC;AAAAA,IACAC,UAAUC;AAAAA,IACV,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,mBAAmBZ,KAAK;AAC5C,QAAMa,WAAWC,OAAAA;AACX,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,SAAS,SAAA;AAC3B,QAAA;AAAA,IAAEd;AAAAA,IAASe;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,qBAAAA,WAAWhB,WAAW;AACnD,QAAMV,WAAW2B,SAAAA,cAAcP,SAASQ,YAAYC,KAAK,IAAI,CAAC;AAC9D,QAAM9B,SAAS4B,SAAAA,cAAcP,SAASQ,YAAYE,GAAG,IAAI,CAAC;AAE1D,QAAMC,mBACJd,iBAAiB,WAAWnB,oBAAoBC,QAAQC,QAAQ;AAElE,QAAMgC,sBAAsBjB,iBAAiBF,YAAY,WAAW,IAAI;AAExE,QAAMG,WACJC,iBAAiBJ,YAAY,WAAW,WAAW;AAErD,SACGoB,2BAAAA,IAAA,OAAA,EACC,WAAWT,GACTf,QAAQyB,MACR;AAAA,IACE,CAACzB,QAAQ0B,cAAc,GAAGnB,aAAa;AAAA,IACvC,CAACP,QAAQ2B,aAAa,GAAGpB,aAAa;AAAA,IACtC,CAACP,QAAQ4B,MAAM,GAAGxB,YAAY;AAAA,EAEhCY,GAAAA,IAAIM,gBAAgB,GACpBpB,SACF,GACIO,GAAAA,QAEJ,UAACoB,2BAAA,KAAA,OAAA,EACC,WAAWd,GAAGf,QAAQ8B,SAAS;AAAA,IAC7B,CAAC9B,QAAQ+B,uBAAuB,GAAG3B,YAAY;AAAA,IAC/C,CAACJ,QAAQgC,iBAAiB,GAAG5B,YAAY;AAAA,EAC1C,CAAA,GAEAA,UAAAA;AAAAA,IAAAA,YAAY,YAAYC,cACvBmB,2BAAAA,IAAC,SAAI,WAAWxB,QAAQK,YAAaA,UAAW,WAAA,CAAA;AAAA,IAEjD,CAAC4B,0BAAS9B,KAAK,IACdA,QAECqB,2BAAA,IAAAU,yBAAA,EACC,SACE9B,YAAY,WACR,WACAS,2CAAasB,cAAcC,gBAEjC,WAAY,IAAGb,mBAAoB,IACnC,WAAWvB,QAAQqC,MAElBlC,UACH,MAAA,CAAA;AAAA,IAEDJ,YAAayB,2BAAA,IAAA,OAAA,EAAI,WAAWxB,QAAQsC,SAAUvC,UAAS;AAAA,EAAA,EAC1D,CAAA,EACF,CAAA;AAEJ;;;"}
+{"version":3,"file":"GlobalActions.cjs","sources":["../../../../src/components/GlobalActions/GlobalActions.tsx"],"sourcesContent":["import { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { useTheme as useMuiTheme } from \"@mui/material/styles\";\nimport { useMediaQuery } from \"@mui/material\";\nimport isString from \"lodash/isString\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\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":["getBreakpointStyles","isUpMd","isSmDown","width","theme","spacing","marginLeft","marginRight","HvGlobalActions","props","children","classes","classesProp","className","title","variant","backButton","headingLevel","position","positionProp","others","useDefaultProps","muiTheme","useMuiTheme","cx","css","useClasses","useMediaQuery","breakpoints","down","up","fixedPositionCss","headingLevelToApply","jsx","root","positionSticky","positionFixed","global","jsxs","wrapper","globalWrapperComplement","globalSectionArea","isString","HvTypography","name","sectionName","actions"],"mappings":";;;;;;;;;;;;AAoCA,MAAMA,sBAAsBA,CAACC,QAAiBC,aAC5CD,SACI;AAAA,EACEE,OAAQ,mBAAkBC,YAAAA,MAAMC,QAAQ,CAAC,CAAE;AAAA,EAC3CC,YAAa,GAAEF,YAAAA,MAAMC,QAAQ,CAAC,CAAE;AAAA,EAChCE,aAAc,GAAEH,YAAAA,MAAMC,QAAQ,CAAC,CAAE;AACnC,IACAH,WACA;AAAA,EACEC,OAAQ,mBAAkBC,YAAAA,MAAMC,QAAQ,CAAC,CAAE;AAAA,EAC3CC,YAAa,GAAEF,YAAAA,MAAMC,QAAQ,CAAC,CAAE;AAAA,EAChCE,aAAc,GAAEH,YAAAA,MAAMC,QAAQ,CAAC,CAAE;AACnC,IACA;AAMOG,MAAAA,kBAAkBA,CAACC,UAAgC;AACxD,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC,UAAU;AAAA,IACVC;AAAAA,IACAC;AAAAA,IACAC,UAAUC;AAAAA,IACV,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,mBAAmBZ,KAAK;AAC5C,QAAMa,WAAWC,OAAAA;AACX,QAAA;AAAA,IAAEZ;AAAAA,IAASa;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,qBAAAA,WAAWd,WAAW;AACnD,QAAMV,WAAWyB,SAAAA,cAAcL,SAASM,YAAYC,KAAK,IAAI,CAAC;AAC9D,QAAM5B,SAAS0B,SAAAA,cAAcL,SAASM,YAAYE,GAAG,IAAI,CAAC;AAE1D,QAAMC,mBACJZ,iBAAiB,WAAWnB,oBAAoBC,QAAQC,QAAQ;AAElE,QAAM8B,sBAAsBf,iBAAiBF,YAAY,WAAW,IAAI;AAExE,QAAMG,WACJC,iBAAiBJ,YAAY,WAAW,WAAW;AAErD,SACGkB,2BAAAA,IAAA,OAAA,EACC,WAAWT,GACTb,QAAQuB,MACR;AAAA,IACE,CAACvB,QAAQwB,cAAc,GAAGjB,aAAa;AAAA,IACvC,CAACP,QAAQyB,aAAa,GAAGlB,aAAa;AAAA,IACtC,CAACP,QAAQ0B,MAAM,GAAGtB,YAAY;AAAA,EAEhCU,GAAAA,IAAIM,gBAAgB,GACpBlB,SACF,GACIO,GAAAA,QAEJ,UAACkB,2BAAA,KAAA,OAAA,EACC,WAAWd,GAAGb,QAAQ4B,SAAS;AAAA,IAC7B,CAAC5B,QAAQ6B,uBAAuB,GAAGzB,YAAY;AAAA,IAC/C,CAACJ,QAAQ8B,iBAAiB,GAAG1B,YAAY;AAAA,EAC1C,CAAA,GAEAA,UAAAA;AAAAA,IAAAA,YAAY,YAAYC,cACvBiB,2BAAAA,IAAC,SAAI,WAAWtB,QAAQK,YAAaA,UAAW,WAAA,CAAA;AAAA,IAEjD,CAAC0B,kBAAAA,QAAS5B,KAAK,IACdA,uCAEC6B,WAAAA,cACC,EAAA,SAAQ,UACR,WAAY,IAAGX,mBAAoB,IACnC,WAAWR,GAAGb,QAAQiC,MAAM;AAAA,MAC1B,CAACjC,QAAQkC,WAAW,GAAG9B,YAAY;AAAA,IAAA,CACpC,GAEAD,UACH,OAAA;AAAA,IAEDJ,YAAauB,2BAAA,IAAA,OAAA,EAAI,WAAWtB,QAAQmC,SAAUpC,UAAS;AAAA,EAAA,EAC1D,CAAA,EACF,CAAA;AAEJ;;;"}

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

@@ -37,8 +37,8 @@ const {
     display: "flex",
     justifyContent: "flex-start",
     alignItems: "center",
-    border: uikitStyles.theme.globalActions.border,
-    borderRadius: uikitStyles.theme.globalActions.borderRadius
+    border: `1px solid ${uikitStyles.theme.colors.atmo4}`,
+    borderRadius: uikitStyles.theme.radii.round
   },
   globalWrapperComplement: {
     position: "relative",
@@ -48,9 +48,9 @@ const {
     width: "100%"
   },
   globalSectionArea: {
-    backgroundColor: uikitStyles.theme.globalActions.sectionBackgroundColor,
+    backgroundColor: uikitStyles.theme.colors.atmo1,
     borderTop: `1px solid ${uikitStyles.theme.colors.atmo4}`,
-    paddingLeft: uikitStyles.theme.globalActions.sectionPaddingLeft
+    paddingLeft: uikitStyles.theme.space.sm
   },
   backButton: {
     marginRight: uikitStyles.theme.space.xs
@@ -58,6 +58,9 @@ const {
   name: {
     flexGrow: 1
   },
+  sectionName: {
+    ...uikitStyles.theme.typography.title4
+  },
   actions: {
     display: "flex",
     alignItems: "center",

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalActions.styles.cjs","sources":["../../../../src/components/GlobalActions/GlobalActions.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@core/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: theme.globalActions.border,\n    borderRadius: theme.globalActions.borderRadius,\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.globalActions.sectionBackgroundColor,\n    borderTop: `1px solid ${theme.colors.atmo4}`,\n    paddingLeft: theme.globalActions.sectionPaddingLeft,\n  },\n  backButton: {\n    marginRight: theme.space.xs,\n  },\n  name: {\n    flexGrow: 1,\n  },\n  actions: {\n    display: \"flex\",\n    alignItems: \"center\",\n    marginLeft: \"auto\",\n    gap: theme.space.xs,\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","position","positionSticky","width","positionFixed","global","zIndex","theme","zIndices","banner","top","left","padding","spacing","backdropFilter","content","display","inset","background","colors","atmo2","opacity","wrapper","space","sm","justifyContent","alignItems","border","globalActions","borderRadius","globalWrapperComplement","atmo1","globalSectionArea","backgroundColor","sectionBackgroundColor","borderTop","atmo4","paddingLeft","sectionPaddingLeft","backButton","marginRight","xs","name","flexGrow","actions","marginLeft","gap"],"mappings":";;;;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,mBAAmB;AAAA,EAC5EC,MAAM;AAAA,IACJC,UAAU;AAAA,EACZ;AAAA,EACAC,gBAAgB;AAAA,IACdC,OAAO;AAAA,IACPF,UAAU;AAAA,EACZ;AAAA,EACAG,eAAe;AAAA,IACbD,OAAO;AAAA,IACPF,UAAU;AAAA,EACZ;AAAA,EACAI,QAAQ;AAAA,IACNC,QAAS,QAAOC,YAAAA,MAAMC,SAASC,MAAO;AAAA,IACtCC,KAAK;AAAA,IACLC,MAAM;AAAA,IACNC,SAASL,YAAAA,MAAMM,QAAQ,GAAG,CAAC;AAAA,IAC3BC,gBAAgB;AAAA,IAEhB,YAAY;AAAA,MACVC,SAAS;AAAA,MACTC,SAAS;AAAA,MACTf,UAAU;AAAA,MACVgB,OAAO;AAAA,MACPC,YAAYX,YAAAA,MAAMY,OAAOC;AAAAA,MACzBC,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAC,SAAS;AAAA,IACPV,SAASL,YAAAA,MAAMgB,MAAMC;AAAAA,IACrBR,SAAS;AAAA,IACTS,gBAAgB;AAAA,IAChBC,YAAY;AAAA,IACZC,QAAQpB,YAAAA,MAAMqB,cAAcD;AAAAA,IAC5BE,cAActB,YAAAA,MAAMqB,cAAcC;AAAAA,EACpC;AAAA,EACAC,yBAAyB;AAAA,IACvB7B,UAAU;AAAA,IACVS,KAAK;AAAA,IACLC,MAAM;AAAA,IACNO,YAAYX,YAAAA,MAAMY,OAAOY;AAAAA,IACzB5B,OAAO;AAAA,EACT;AAAA,EACA6B,mBAAmB;AAAA,IACjBC,iBAAiB1B,YAAAA,MAAMqB,cAAcM;AAAAA,IACrCC,WAAY,aAAY5B,YAAMY,MAAAA,OAAOiB,KAAM;AAAA,IAC3CC,aAAa9B,YAAAA,MAAMqB,cAAcU;AAAAA,EACnC;AAAA,EACAC,YAAY;AAAA,IACVC,aAAajC,YAAAA,MAAMgB,MAAMkB;AAAAA,EAC3B;AAAA,EACAC,MAAM;AAAA,IACJC,UAAU;AAAA,EACZ;AAAA,EACAC,SAAS;AAAA,IACP5B,SAAS;AAAA,IACTU,YAAY;AAAA,IACZmB,YAAY;AAAA,IACZC,KAAKvC,YAAAA,MAAMgB,MAAMkB;AAAAA,EACnB;AACF,CAAC;;;"}
+{"version":3,"file":"GlobalActions.styles.cjs","sources":["../../../../src/components/GlobalActions/GlobalActions.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@core/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":["staticClasses","useClasses","createClasses","root","position","positionSticky","width","positionFixed","global","zIndex","theme","zIndices","banner","top","left","padding","spacing","backdropFilter","content","display","inset","background","colors","atmo2","opacity","wrapper","space","sm","justifyContent","alignItems","border","atmo4","borderRadius","radii","round","globalWrapperComplement","atmo1","globalSectionArea","backgroundColor","borderTop","paddingLeft","backButton","marginRight","xs","name","flexGrow","sectionName","typography","title4","actions","marginLeft","gap"],"mappings":";;;;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,mBAAmB;AAAA,EAC5EC,MAAM;AAAA,IACJC,UAAU;AAAA,EACZ;AAAA,EACAC,gBAAgB;AAAA,IACdC,OAAO;AAAA,IACPF,UAAU;AAAA,EACZ;AAAA,EACAG,eAAe;AAAA,IACbD,OAAO;AAAA,IACPF,UAAU;AAAA,EACZ;AAAA,EACAI,QAAQ;AAAA,IACNC,QAAS,QAAOC,YAAAA,MAAMC,SAASC,MAAO;AAAA,IACtCC,KAAK;AAAA,IACLC,MAAM;AAAA,IACNC,SAASL,YAAAA,MAAMM,QAAQ,GAAG,CAAC;AAAA,IAC3BC,gBAAgB;AAAA,IAEhB,YAAY;AAAA,MACVC,SAAS;AAAA,MACTC,SAAS;AAAA,MACTf,UAAU;AAAA,MACVgB,OAAO;AAAA,MACPC,YAAYX,YAAAA,MAAMY,OAAOC;AAAAA,MACzBC,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAC,SAAS;AAAA,IACPV,SAASL,YAAAA,MAAMgB,MAAMC;AAAAA,IACrBR,SAAS;AAAA,IACTS,gBAAgB;AAAA,IAChBC,YAAY;AAAA,IACZC,QAAS,aAAYpB,YAAMY,MAAAA,OAAOS,KAAM;AAAA,IACxCC,cAActB,YAAAA,MAAMuB,MAAMC;AAAAA,EAC5B;AAAA,EACAC,yBAAyB;AAAA,IACvB/B,UAAU;AAAA,IACVS,KAAK;AAAA,IACLC,MAAM;AAAA,IACNO,YAAYX,YAAAA,MAAMY,OAAOc;AAAAA,IACzB9B,OAAO;AAAA,EACT;AAAA,EACA+B,mBAAmB;AAAA,IACjBC,iBAAiB5B,YAAAA,MAAMY,OAAOc;AAAAA,IAC9BG,WAAY,aAAY7B,YAAMY,MAAAA,OAAOS,KAAM;AAAA,IAC3CS,aAAa9B,YAAAA,MAAMgB,MAAMC;AAAAA,EAC3B;AAAA,EACAc,YAAY;AAAA,IACVC,aAAahC,YAAAA,MAAMgB,MAAMiB;AAAAA,EAC3B;AAAA,EACAC,MAAM;AAAA,IACJC,UAAU;AAAA,EACZ;AAAA,EACAC,aAAa;AAAA,IACX,GAAGpC,YAAAA,MAAMqC,WAAWC;AAAAA,EACtB;AAAA,EACAC,SAAS;AAAA,IACP9B,SAAS;AAAA,IACTU,YAAY;AAAA,IACZqB,YAAY;AAAA,IACZC,KAAKzC,YAAAA,MAAMgB,MAAMiB;AAAAA,EACnB;AACF,CAAC;;;"}

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

@@ -17,7 +17,7 @@ const {
     marginLeft: "auto",
     [`& .${(_a = Button_styles.staticClasses) == null ? void 0 : _a.root}`]: {
       "&:hover": {
-        backgroundColor: uikitStyles.theme.header.hoverColor
+        backgroundColor: uikitStyles.theme.colors.containerBackgroundHover
       }
     }
   }

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

@@ -1 +1 @@
-{"version":3,"file":"Actions.styles.cjs","sources":["../../../../../src/components/Header/Actions/Actions.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { buttonClasses } from \"@core/components/Button\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvHeader-Actions\", {\n  root: {\n    backgroundColor: \"transparent\",\n    display: \"flex\",\n    gap: theme.space.xs,\n    alignItems: \"center\",\n    marginLeft: \"auto\",\n    [`& .${buttonClasses?.root}`]: {\n      \"&:hover\": { backgroundColor: theme.header.hoverColor },\n    },\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","backgroundColor","display","gap","theme","space","xs","alignItems","marginLeft","buttonClasses","header","hoverColor"],"mappings":";;;;;;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,oBAAoB;AAAA,EAC7EC,MAAM;AAAA,IACJC,iBAAiB;AAAA,IACjBC,SAAS;AAAA,IACTC,KAAKC,YAAAA,MAAMC,MAAMC;AAAAA,IACjBC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZ,CAAE,OAAKC,qCAAAA,mBAAeT,IAAK,EAAC,GAAG;AAAA,MAC7B,WAAW;AAAA,QAAEC,iBAAiBG,YAAAA,MAAMM,OAAOC;AAAAA,MAAW;AAAA,IACxD;AAAA,EACF;AACF,CAAC;;;"}
+{"version":3,"file":"Actions.styles.cjs","sources":["../../../../../src/components/Header/Actions/Actions.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { buttonClasses } from \"@core/components/Button\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvHeader-Actions\", {\n  root: {\n    backgroundColor: \"transparent\",\n    display: \"flex\",\n    gap: theme.space.xs,\n    alignItems: \"center\",\n    marginLeft: \"auto\",\n    [`& .${buttonClasses?.root}`]: {\n      \"&:hover\": { backgroundColor: theme.colors.containerBackgroundHover },\n    },\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","backgroundColor","display","gap","theme","space","xs","alignItems","marginLeft","buttonClasses","colors","containerBackgroundHover"],"mappings":";;;;;;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,oBAAoB;AAAA,EAC7EC,MAAM;AAAA,IACJC,iBAAiB;AAAA,IACjBC,SAAS;AAAA,IACTC,KAAKC,YAAAA,MAAMC,MAAMC;AAAAA,IACjBC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZ,CAAE,OAAKC,qCAAAA,mBAAeT,IAAK,EAAC,GAAG;AAAA,MAC7B,WAAW;AAAA,QAAEC,iBAAiBG,YAAAA,MAAMM,OAAOC;AAAAA,MAAyB;AAAA,IACtE;AAAA,EACF;AACF,CAAC;;;"}

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

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const uikitStyles = require("@hitachivantara/uikit-styles");
 const useDefaultProps = require("../../../hooks/useDefaultProps.cjs");
 const Brand_styles = require("./Brand.styles.cjs");
 const Typography = require("../../Typography/Typography.cjs");
@@ -15,15 +14,12 @@ const HvHeaderBrand = (props) => {
   } = useDefaultProps.useDefaultProps("HvHeaderBrand", props);
   const {
     classes,
-    cx,
-    css
+    cx
   } = Brand_styles.useClasses(classesProp);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx(classes.root, className), ...others, children: [
     logo,
     logo && name && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.separator }),
-    name && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { className: css({
-      color: uikitStyles.theme.header.brandColor
-    }), variant: "label", children: name })
+    name && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { className: classes.brandName, variant: "label", children: name })
   ] });
 };
 exports.headerBrandClasses = Brand_styles.staticClasses;

package/dist/cjs/components/Header/Brand/Brand.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Brand.cjs","sources":["../../../../../src/components/Header/Brand/Brand.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nimport { staticClasses, useClasses } from \"./Brand.styles\";\n\nexport { staticClasses as headerBrandClasses };\n\nexport type HvHeaderBrandClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvHeaderBrandProps extends HvBaseProps {\n  logo?: React.ReactNode;\n  name?: string;\n  classes?: HvHeaderBrandClasses;\n}\n\n/**\n * Header component is used to render a header bar with logo and brand name, navigation and actions.\n */\nexport const HvHeaderBrand = (props: HvHeaderBrandProps) => {\n  const {\n    classes: classesProp,\n    logo,\n    name,\n    className,\n    ...others\n  } = useDefaultProps(\"HvHeaderBrand\", props);\n\n  const { classes, cx, css } = useClasses(classesProp);\n\n  return (\n    <div className={cx(classes.root, className)} {...others}>\n      {logo}\n      {logo && name && <div className={classes.separator} />}\n      {name && (\n        <HvTypography\n          className={css({ color: theme.header.brandColor })}\n          variant=\"label\"\n        >\n          {name}\n        </HvTypography>\n      )}\n    </div>\n  );\n};\n"],"names":["HvHeaderBrand","props","classes","classesProp","logo","name","className","others","useDefaultProps","cx","css","useClasses","jsxs","root","jsx","separator","HvTypography","color","theme","header","brandColor"],"mappings":";;;;;;;AAsBaA,MAAAA,gBAAgBA,CAACC,UAA8B;AACpD,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,iBAAiBP,KAAK;AAEpC,QAAA;AAAA,IAAEC;AAAAA,IAASO;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,aAAAA,WAAWR,WAAW;AAGjD,SAAAS,gCAAC,SAAI,WAAWH,GAAGP,QAAQW,MAAMP,SAAS,GAAG,GAAIC,QAC9CH,UAAAA;AAAAA,IAAAA;AAAAA,IACAA,QAAQC,QAAQS,+BAAC,OAAI,EAAA,WAAWZ,QAAQa,WAAa;AAAA,IACrDV,QACCS,2BAAAA,IAACE,WAAAA,cACC,EAAA,WAAWN,IAAI;AAAA,MAAEO,OAAOC,YAAAA,MAAMC,OAAOC;AAAAA,IAAY,CAAA,GACjD,SAAQ,SAEPf,UACH,KAAA,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;;;"}
+{"version":3,"file":"Brand.cjs","sources":["../../../../../src/components/Header/Brand/Brand.tsx"],"sourcesContent":["import { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nimport { staticClasses, useClasses } from \"./Brand.styles\";\n\nexport { staticClasses as headerBrandClasses };\n\nexport type HvHeaderBrandClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvHeaderBrandProps extends HvBaseProps {\n  logo?: React.ReactNode;\n  name?: string;\n  classes?: HvHeaderBrandClasses;\n}\n\n/**\n * Header component is used to render a header bar with logo and brand name, navigation and actions.\n */\nexport const HvHeaderBrand = (props: HvHeaderBrandProps) => {\n  const {\n    classes: classesProp,\n    logo,\n    name,\n    className,\n    ...others\n  } = useDefaultProps(\"HvHeaderBrand\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  return (\n    <div className={cx(classes.root, className)} {...others}>\n      {logo}\n      {logo && name && <div className={classes.separator} />}\n      {name && (\n        <HvTypography className={classes.brandName} variant=\"label\">\n          {name}\n        </HvTypography>\n      )}\n    </div>\n  );\n};\n"],"names":["HvHeaderBrand","props","classes","classesProp","logo","name","className","others","useDefaultProps","cx","useClasses","jsxs","root","jsx","separator","HvTypography","brandName"],"mappings":";;;;;;AAoBaA,MAAAA,gBAAgBA,CAACC,UAA8B;AACpD,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,iBAAiBP,KAAK;AAEpC,QAAA;AAAA,IAAEC;AAAAA,IAASO;AAAAA,EAAAA,IAAOC,aAAAA,WAAWP,WAAW;AAG5C,SAAAQ,gCAAC,SAAI,WAAWF,GAAGP,QAAQU,MAAMN,SAAS,GAAG,GAAIC,QAC9CH,UAAAA;AAAAA,IAAAA;AAAAA,IACAA,QAAQC,QAAQQ,+BAAC,OAAI,EAAA,WAAWX,QAAQY,WAAa;AAAA,IACrDT,uCACEU,yBAAa,EAAA,WAAWb,QAAQc,WAAW,SAAQ,SACjDX,UACH,KAAA,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;;;"}

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

@@ -15,7 +15,8 @@ const {
     height: uikitStyles.theme.space.sm,
     margin: uikitStyles.theme.space.xs,
     backgroundColor: uikitStyles.theme.colors.secondary
-  }
+  },
+  brandName: {}
 });
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;

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

@@ -1 +1 @@
-{"version":3,"file":"Brand.styles.cjs","sources":["../../../../../src/components/Header/Brand/Brand.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvHeader-Brand\", {\n  root: { display: \"flex\", alignItems: \"center\" },\n  separator: {\n    width: 1,\n    height: theme.space.sm,\n    margin: theme.space.xs,\n    backgroundColor: theme.colors.secondary,\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","alignItems","separator","width","height","theme","space","sm","margin","xs","backgroundColor","colors","secondary"],"mappings":";;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,kBAAkB;AAAA,EAC3EC,MAAM;AAAA,IAAEC,SAAS;AAAA,IAAQC,YAAY;AAAA,EAAS;AAAA,EAC9CC,WAAW;AAAA,IACTC,OAAO;AAAA,IACPC,QAAQC,YAAAA,MAAMC,MAAMC;AAAAA,IACpBC,QAAQH,YAAAA,MAAMC,MAAMG;AAAAA,IACpBC,iBAAiBL,YAAAA,MAAMM,OAAOC;AAAAA,EAChC;AACF,CAAC;;;"}
+{"version":3,"file":"Brand.styles.cjs","sources":["../../../../../src/components/Header/Brand/Brand.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvHeader-Brand\", {\n  root: { display: \"flex\", alignItems: \"center\" },\n  separator: {\n    width: 1,\n    height: theme.space.sm,\n    margin: theme.space.xs,\n    backgroundColor: theme.colors.secondary,\n  },\n  brandName: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","alignItems","separator","width","height","theme","space","sm","margin","xs","backgroundColor","colors","secondary","brandName"],"mappings":";;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,kBAAkB;AAAA,EAC3EC,MAAM;AAAA,IAAEC,SAAS;AAAA,IAAQC,YAAY;AAAA,EAAS;AAAA,EAC9CC,WAAW;AAAA,IACTC,OAAO;AAAA,IACPC,QAAQC,YAAAA,MAAMC,MAAMC;AAAAA,IACpBC,QAAQH,YAAAA,MAAMC,MAAMG;AAAAA,IACpBC,iBAAiBL,YAAAA,MAAMM,OAAOC;AAAAA,EAChC;AAAA,EACAC,WAAW,CAAC;AACd,CAAC;;;"}

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

@@ -8,7 +8,7 @@ const {
 } = classes.createClasses("HvHeader", {
   root: {
     height: uikitStyles.theme.header.height,
-    backgroundColor: uikitStyles.theme.header.backgroundColor,
+    backgroundColor: uikitStyles.theme.colors.atmo1,
     display: "flex",
     flexDirection: "column",
     width: "100%",
@@ -16,8 +16,8 @@ const {
     flexShrink: 0,
     zIndex: uikitStyles.theme.zIndices.banner,
     color: uikitStyles.theme.colors.atmo1,
-    boxShadow: uikitStyles.theme.header.shadow,
-    borderTop: `${uikitStyles.theme.header.borderTopThickness} solid ${uikitStyles.theme.header.borderTopColor}`
+    boxShadow: uikitStyles.theme.colors.shadow,
+    borderTop: "none"
   },
   header: {
     display: "flex",
@@ -25,7 +25,7 @@ const {
     width: "100%",
     height: "100%",
     padding: `0 ${uikitStyles.theme.space.sm}`,
-    boxShadow: uikitStyles.theme.header.shadow,
+    boxShadow: uikitStyles.theme.colors.shadow,
     "& > *:not(nav)": {
       zIndex: 2
     }

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

@@ -1 +1 @@
-{"version":3,"file":"Header.styles.cjs","sources":["../../../../src/components/Header/Header.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvHeader\", {\n  root: {\n    height: theme.header.height,\n    backgroundColor: theme.header.backgroundColor,\n    display: \"flex\",\n    flexDirection: \"column\",\n    width: \"100%\",\n    boxSizing: \"border-box\",\n    flexShrink: 0,\n    zIndex: theme.zIndices.banner,\n    color: theme.colors.atmo1,\n    boxShadow: theme.header.shadow,\n    borderTop: `${theme.header.borderTopThickness} solid ${theme.header.borderTopColor}`,\n  },\n  header: {\n    display: \"flex\",\n    alignItems: \"center\",\n    width: \"100%\",\n    height: \"100%\",\n    padding: `0 ${theme.space.sm}`,\n    boxShadow: theme.header.shadow,\n    \"& > *:not(nav)\": {\n      zIndex: 2,\n    },\n  },\n  backgroundColor: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","height","theme","header","backgroundColor","display","flexDirection","width","boxSizing","flexShrink","zIndex","zIndices","banner","color","colors","atmo1","boxShadow","shadow","borderTop","borderTopThickness","borderTopColor","alignItems","padding","space","sm"],"mappings":";;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,YAAY;AAAA,EACrEC,MAAM;AAAA,IACJC,QAAQC,YAAAA,MAAMC,OAAOF;AAAAA,IACrBG,iBAAiBF,YAAAA,MAAMC,OAAOC;AAAAA,IAC9BC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,YAAY;AAAA,IACZC,QAAQR,YAAAA,MAAMS,SAASC;AAAAA,IACvBC,OAAOX,YAAAA,MAAMY,OAAOC;AAAAA,IACpBC,WAAWd,YAAAA,MAAMC,OAAOc;AAAAA,IACxBC,WAAY,GAAEhB,YAAMC,MAAAA,OAAOgB,kBAAmB,UAASjB,YAAAA,MAAMC,OAAOiB,cAAe;AAAA,EACrF;AAAA,EACAjB,QAAQ;AAAA,IACNE,SAAS;AAAA,IACTgB,YAAY;AAAA,IACZd,OAAO;AAAA,IACPN,QAAQ;AAAA,IACRqB,SAAU,KAAIpB,YAAMqB,MAAAA,MAAMC,EAAG;AAAA,IAC7BR,WAAWd,YAAAA,MAAMC,OAAOc;AAAAA,IACxB,kBAAkB;AAAA,MAChBP,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAN,iBAAiB,CAAC;AACpB,CAAC;;;"}
+{"version":3,"file":"Header.styles.cjs","sources":["../../../../src/components/Header/Header.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvHeader\", {\n  root: {\n    height: theme.header.height,\n    backgroundColor: theme.colors.atmo1,\n    display: \"flex\",\n    flexDirection: \"column\",\n    width: \"100%\",\n    boxSizing: \"border-box\",\n    flexShrink: 0,\n    zIndex: theme.zIndices.banner,\n    color: theme.colors.atmo1,\n    boxShadow: theme.colors.shadow,\n    borderTop: \"none\",\n  },\n  header: {\n    display: \"flex\",\n    alignItems: \"center\",\n    width: \"100%\",\n    height: \"100%\",\n    padding: `0 ${theme.space.sm}`,\n    boxShadow: theme.colors.shadow,\n    \"& > *:not(nav)\": {\n      zIndex: 2,\n    },\n  },\n  backgroundColor: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","height","theme","header","backgroundColor","colors","atmo1","display","flexDirection","width","boxSizing","flexShrink","zIndex","zIndices","banner","color","boxShadow","shadow","borderTop","alignItems","padding","space","sm"],"mappings":";;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,YAAY;AAAA,EACrEC,MAAM;AAAA,IACJC,QAAQC,YAAAA,MAAMC,OAAOF;AAAAA,IACrBG,iBAAiBF,YAAAA,MAAMG,OAAOC;AAAAA,IAC9BC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,YAAY;AAAA,IACZC,QAAQV,YAAAA,MAAMW,SAASC;AAAAA,IACvBC,OAAOb,YAAAA,MAAMG,OAAOC;AAAAA,IACpBU,WAAWd,YAAAA,MAAMG,OAAOY;AAAAA,IACxBC,WAAW;AAAA,EACb;AAAA,EACAf,QAAQ;AAAA,IACNI,SAAS;AAAA,IACTY,YAAY;AAAA,IACZV,OAAO;AAAA,IACPR,QAAQ;AAAA,IACRmB,SAAU,KAAIlB,YAAMmB,MAAAA,MAAMC,EAAG;AAAA,IAC7BN,WAAWd,YAAAA,MAAMG,OAAOY;AAAAA,IACxB,kBAAkB;AAAA,MAChBL,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAR,iBAAiB,CAAC;AACpB,CAAC;;;"}

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

@@ -4,14 +4,16 @@ const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const SelectionContext = require("../utils/SelectionContext.cjs");
 const Bar_styles = require("./Bar.styles.cjs");
-const Bar = ({
-  id,
-  data = [],
-  type = "menubar",
-  className,
-  children,
-  classes: classesProp
-}) => {
+const useDefaultProps = require("../../../../hooks/useDefaultProps.cjs");
+const Bar = (props) => {
+  const {
+    id,
+    data = [],
+    type = "menubar",
+    className,
+    children,
+    classes: classesProp
+  } = useDefaultProps.useDefaultProps("HvHeaderMenuBarBar", props);
   const {
     classes,
     cx

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

@@ -1 +1 @@
-{"version":3,"file":"Bar.cjs","sources":["../../../../../../src/components/Header/Navigation/MenuBar/Bar.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { SelectionContext } from \"../utils/SelectionContext\";\nimport { staticClasses, useClasses } from \"./Bar.styles\";\nimport { HvHeaderNavigationItemProp } from \"../useSelectionPath\";\n\nexport { staticClasses as headerMenuBarClasses };\n\nexport type HvHeaderMenuBarClasses = ExtractNames<typeof useClasses>;\n\nexport interface BarProps extends HvBaseProps {\n  data: HvHeaderNavigationItemProp[];\n  type?: string;\n  classes?: HvHeaderMenuBarClasses;\n}\n\nexport const Bar = ({\n  id,\n  data = [],\n  type = \"menubar\",\n  className,\n  children,\n  classes: classesProp,\n}: BarProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const selectionPath = useContext(SelectionContext);\n\n  const isMenu = type === \"menu\";\n\n  const isActive =\n    isMenu && data.filter((item) => item.id === selectionPath?.[1]).length > 0;\n\n  return (\n    <div\n      className={cx(\n        classes.root,\n        classes[type],\n        {\n          [classes.hidden]: isMenu,\n          [classes.active]: isActive,\n        },\n        className\n      )}\n    >\n      <ul className={classes.list} id={id} onFocus={() => {}}>\n        {children}\n      </ul>\n    </div>\n  );\n};\n"],"names":["Bar","id","data","type","className","children","classes","classesProp","cx","useClasses","selectionPath","useContext","SelectionContext","isMenu","isActive","filter","item","length","jsx","root","hidden","active","list"],"mappings":";;;;;;AAmBO,MAAMA,MAAMA,CAAC;AAAA,EAClBC;AAAAA,EACAC,OAAO,CAAE;AAAA,EACTC,OAAO;AAAA,EACPC;AAAAA,EACAC;AAAAA,EACAC,SAASC;AACD,MAAM;AACR,QAAA;AAAA,IAAED;AAAAA,IAASE;AAAAA,EAAAA,IAAOC,WAAAA,WAAWF,WAAW;AAExCG,QAAAA,gBAAgBC,iBAAWC,iBAAAA,gBAAgB;AAEjD,QAAMC,SAASV,SAAS;AAElBW,QAAAA,WACJD,UAAUX,KAAKa,OAAQC,CAAAA,SAASA,KAAKf,QAAOS,+CAAgB,GAAE,EAAEO,SAAS;AAGzE,SAAAC,2BAAA,IAAC,SACC,WAAWV,GACTF,QAAQa,MACRb,QAAQH,IAAI,GACZ;AAAA,IACE,CAACG,QAAQc,MAAM,GAAGP;AAAAA,IAClB,CAACP,QAAQe,MAAM,GAAGP;AAAAA,EACpB,GACAV,SACF,GAEA,UAACc,2BAAAA,IAAA,MAAA,EAAG,WAAWZ,QAAQgB,MAAM,IAAQ,SAAS,MAAM;AAAA,EAAA,GACjDjB,UACH,EACF,CAAA;AAEJ;;;"}
+{"version":3,"file":"Bar.cjs","sources":["../../../../../../src/components/Header/Navigation/MenuBar/Bar.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { useDefaultProps } from \"@core/hooks\";\nimport { SelectionContext } from \"../utils/SelectionContext\";\nimport { staticClasses, useClasses } from \"./Bar.styles\";\nimport { HvHeaderNavigationItemProp } from \"../useSelectionPath\";\n\nexport { staticClasses as headerMenuBarClasses };\n\nexport type HvHeaderMenuBarClasses = ExtractNames<typeof useClasses>;\n\nexport interface BarProps extends HvBaseProps {\n  data: HvHeaderNavigationItemProp[];\n  type?: string;\n  classes?: HvHeaderMenuBarClasses;\n}\n\nexport const Bar = (props: BarProps) => {\n  const {\n    id,\n    data = [],\n    type = \"menubar\",\n    className,\n    children,\n    classes: classesProp,\n  } = useDefaultProps(\"HvHeaderMenuBarBar\", props);\n  const { classes, cx } = useClasses(classesProp);\n\n  const selectionPath = useContext(SelectionContext);\n\n  const isMenu = type === \"menu\";\n\n  const isActive =\n    isMenu && data.filter((item) => item.id === selectionPath?.[1]).length > 0;\n\n  return (\n    <div\n      className={cx(\n        classes.root,\n        classes[type],\n        {\n          [classes.hidden]: isMenu,\n          [classes.active]: isActive,\n        },\n        className\n      )}\n    >\n      <ul className={classes.list} id={id} onFocus={() => {}}>\n        {children}\n      </ul>\n    </div>\n  );\n};\n"],"names":["Bar","props","id","data","type","className","children","classes","classesProp","useDefaultProps","cx","useClasses","selectionPath","useContext","SelectionContext","isMenu","isActive","filter","item","length","jsx","root","hidden","active","list"],"mappings":";;;;;;;AAoBaA,MAAAA,MAAMA,CAACC,UAAoB;AAChC,QAAA;AAAA,IACJC;AAAAA,IACAC,OAAO,CAAE;AAAA,IACTC,OAAO;AAAA,IACPC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,EAAAA,IACPC,gBAAgB,gBAAA,sBAAsBR,KAAK;AACzC,QAAA;AAAA,IAAEM;AAAAA,IAASG;AAAAA,EAAAA,IAAOC,WAAAA,WAAWH,WAAW;AAExCI,QAAAA,gBAAgBC,iBAAWC,iBAAAA,gBAAgB;AAEjD,QAAMC,SAASX,SAAS;AAElBY,QAAAA,WACJD,UAAUZ,KAAKc,OAAQC,CAAAA,SAASA,KAAKhB,QAAOU,+CAAgB,GAAE,EAAEO,SAAS;AAGzE,SAAAC,2BAAA,IAAC,SACC,WAAWV,GACTH,QAAQc,MACRd,QAAQH,IAAI,GACZ;AAAA,IACE,CAACG,QAAQe,MAAM,GAAGP;AAAAA,IAClB,CAACR,QAAQgB,MAAM,GAAGP;AAAAA,EACpB,GACAX,SACF,GAEA,UAACe,2BAAAA,IAAA,MAAA,EAAG,WAAWb,QAAQiB,MAAM,IAAQ,SAAS,MAAM;AAAA,EAAA,GACjDlB,UACH,EACF,CAAA;AAEJ;;;"}

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

@@ -3,11 +3,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const classes = require("../../../../utils/classes.cjs");
 const show = {
-  top: `calc(${uikitStyles.theme.header.height} - ${uikitStyles.theme.header.borderTopThickness})`,
+  top: uikitStyles.theme.header.height,
   transition: ["top"],
-  boxShadow: uikitStyles.theme.header.shadow,
+  boxShadow: uikitStyles.theme.colors.shadow,
   transitionDuration: "500ms",
-  backgroundColor: uikitStyles.theme.header.secondLevelBackgroundColor
+  backgroundColor: uikitStyles.theme.colors.atmo2
 };
 const hide = {
   top: 0,
@@ -31,14 +31,14 @@ const {
     position: "absolute",
     zIndex: -2,
     height: uikitStyles.theme.header.secondLevelHeight,
-    backgroundColor: uikitStyles.theme.header.secondLevelBackgroundColor,
+    backgroundColor: uikitStyles.theme.colors.atmo2,
     "& li > div": {
       marginTop: 0
     }
   },
   menubar: {
     position: "relative",
-    backgroundColor: uikitStyles.theme.header.backgroundColor
+    backgroundColor: uikitStyles.theme.colors.atmo1
   },
   hidden: {
     ...hide

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

@@ -1 +1 @@
-{"version":3,"file":"Bar.styles.cjs","sources":["../../../../../../src/components/Header/Navigation/MenuBar/Bar.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nconst show = {\n  top: `calc(${theme.header.height} - ${theme.header.borderTopThickness})`,\n  transition: [\"top\"],\n  boxShadow: theme.header.shadow,\n  transitionDuration: \"500ms\",\n  backgroundColor: theme.header.secondLevelBackgroundColor,\n};\n\nconst hide = {\n  top: 0,\n  transition: [\"top\"],\n  boxShadow: \"none\",\n  transitionDuration: \"300ms\",\n};\n\nexport const { staticClasses, useClasses } = createClasses(\"HvHeader-MenuBar\", {\n  root: {\n    left: 0,\n    width: \"100%\",\n    height: \"100%\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  menu: {\n    position: \"absolute\",\n    zIndex: -2,\n    height: theme.header.secondLevelHeight,\n    backgroundColor: theme.header.secondLevelBackgroundColor,\n    \"& li > div\": {\n      marginTop: 0,\n    },\n  },\n  menubar: {\n    position: \"relative\",\n    backgroundColor: theme.header.backgroundColor,\n  },\n  hidden: { ...hide },\n  active: { ...show },\n  list: {\n    margin: 0,\n    padding: 0,\n    display: \"inherit\",\n    alignItems: \"center\",\n    height: \"100%\",\n    \"&:hover $active\": {\n      ...hide,\n    },\n    \"& li:hover > $hidden\": {\n      ...show,\n    },\n\n    \"&:focus-within $active\": {\n      ...hide,\n      zIndex: -2,\n    },\n    \"& li:focus-within > $hidden\": {\n      ...show,\n      zIndex: -1,\n    },\n  },\n});\n"],"names":["show","top","theme","header","height","borderTopThickness","transition","boxShadow","shadow","transitionDuration","backgroundColor","secondLevelBackgroundColor","hide","staticClasses","useClasses","createClasses","root","left","width","display","justifyContent","alignItems","menu","position","zIndex","secondLevelHeight","marginTop","menubar","hidden","active","list","margin","padding"],"mappings":";;;;AAIA,MAAMA,OAAO;AAAA,EACXC,KAAM,QAAOC,YAAMC,MAAAA,OAAOC,MAAO,MAAKF,kBAAMC,OAAOE,kBAAmB;AAAA,EACtEC,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAWL,YAAAA,MAAMC,OAAOK;AAAAA,EACxBC,oBAAoB;AAAA,EACpBC,iBAAiBR,YAAAA,MAAMC,OAAOQ;AAChC;AAEA,MAAMC,OAAO;AAAA,EACXX,KAAK;AAAA,EACLK,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAW;AAAA,EACXE,oBAAoB;AACtB;AAEa,MAAA;AAAA,EAAEI;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,oBAAoB;AAAA,EAC7EC,MAAM;AAAA,IACJC,MAAM;AAAA,IACNC,OAAO;AAAA,IACPd,QAAQ;AAAA,IACRe,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,YAAY;AAAA,EACd;AAAA,EACAC,MAAM;AAAA,IACJC,UAAU;AAAA,IACVC,QAAQ;AAAA,IACRpB,QAAQF,YAAAA,MAAMC,OAAOsB;AAAAA,IACrBf,iBAAiBR,YAAAA,MAAMC,OAAOQ;AAAAA,IAC9B,cAAc;AAAA,MACZe,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACAC,SAAS;AAAA,IACPJ,UAAU;AAAA,IACVb,iBAAiBR,YAAAA,MAAMC,OAAOO;AAAAA,EAChC;AAAA,EACAkB,QAAQ;AAAA,IAAE,GAAGhB;AAAAA,EAAK;AAAA,EAClBiB,QAAQ;AAAA,IAAE,GAAG7B;AAAAA,EAAK;AAAA,EAClB8B,MAAM;AAAA,IACJC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTb,SAAS;AAAA,IACTE,YAAY;AAAA,IACZjB,QAAQ;AAAA,IACR,mBAAmB;AAAA,MACjB,GAAGQ;AAAAA,IACL;AAAA,IACA,wBAAwB;AAAA,MACtB,GAAGZ;AAAAA,IACL;AAAA,IAEA,0BAA0B;AAAA,MACxB,GAAGY;AAAAA,MACHY,QAAQ;AAAA,IACV;AAAA,IACA,+BAA+B;AAAA,MAC7B,GAAGxB;AAAAA,MACHwB,QAAQ;AAAA,IACV;AAAA,EACF;AACF,CAAC;;;"}
+{"version":3,"file":"Bar.styles.cjs","sources":["../../../../../../src/components/Header/Navigation/MenuBar/Bar.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nconst show = {\n  top: theme.header.height,\n  transition: [\"top\"],\n  boxShadow: theme.colors.shadow,\n  transitionDuration: \"500ms\",\n  backgroundColor: theme.colors.atmo2,\n};\n\nconst hide = {\n  top: 0,\n  transition: [\"top\"],\n  boxShadow: \"none\",\n  transitionDuration: \"300ms\",\n};\n\nexport const { staticClasses, useClasses } = createClasses(\"HvHeader-MenuBar\", {\n  root: {\n    left: 0,\n    width: \"100%\",\n    height: \"100%\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  menu: {\n    position: \"absolute\",\n    zIndex: -2,\n    height: theme.header.secondLevelHeight,\n    backgroundColor: theme.colors.atmo2,\n    \"& li > div\": {\n      marginTop: 0,\n    },\n  },\n  menubar: {\n    position: \"relative\",\n    backgroundColor: theme.colors.atmo1,\n  },\n  hidden: { ...hide },\n  active: { ...show },\n  list: {\n    margin: 0,\n    padding: 0,\n    display: \"inherit\",\n    alignItems: \"center\",\n    height: \"100%\",\n    \"&:hover $active\": {\n      ...hide,\n    },\n    \"& li:hover > $hidden\": {\n      ...show,\n    },\n\n    \"&:focus-within $active\": {\n      ...hide,\n      zIndex: -2,\n    },\n    \"& li:focus-within > $hidden\": {\n      ...show,\n      zIndex: -1,\n    },\n  },\n});\n"],"names":["show","top","theme","header","height","transition","boxShadow","colors","shadow","transitionDuration","backgroundColor","atmo2","hide","staticClasses","useClasses","createClasses","root","left","width","display","justifyContent","alignItems","menu","position","zIndex","secondLevelHeight","marginTop","menubar","atmo1","hidden","active","list","margin","padding"],"mappings":";;;;AAIA,MAAMA,OAAO;AAAA,EACXC,KAAKC,YAAAA,MAAMC,OAAOC;AAAAA,EAClBC,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAWJ,YAAAA,MAAMK,OAAOC;AAAAA,EACxBC,oBAAoB;AAAA,EACpBC,iBAAiBR,YAAAA,MAAMK,OAAOI;AAChC;AAEA,MAAMC,OAAO;AAAA,EACXX,KAAK;AAAA,EACLI,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAW;AAAA,EACXG,oBAAoB;AACtB;AAEa,MAAA;AAAA,EAAEI;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,oBAAoB;AAAA,EAC7EC,MAAM;AAAA,IACJC,MAAM;AAAA,IACNC,OAAO;AAAA,IACPd,QAAQ;AAAA,IACRe,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,YAAY;AAAA,EACd;AAAA,EACAC,MAAM;AAAA,IACJC,UAAU;AAAA,IACVC,QAAQ;AAAA,IACRpB,QAAQF,YAAAA,MAAMC,OAAOsB;AAAAA,IACrBf,iBAAiBR,YAAAA,MAAMK,OAAOI;AAAAA,IAC9B,cAAc;AAAA,MACZe,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACAC,SAAS;AAAA,IACPJ,UAAU;AAAA,IACVb,iBAAiBR,YAAAA,MAAMK,OAAOqB;AAAAA,EAChC;AAAA,EACAC,QAAQ;AAAA,IAAE,GAAGjB;AAAAA,EAAK;AAAA,EAClBkB,QAAQ;AAAA,IAAE,GAAG9B;AAAAA,EAAK;AAAA,EAClB+B,MAAM;AAAA,IACJC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTd,SAAS;AAAA,IACTE,YAAY;AAAA,IACZjB,QAAQ;AAAA,IACR,mBAAmB;AAAA,MACjB,GAAGQ;AAAAA,IACL;AAAA,IACA,wBAAwB;AAAA,MACtB,GAAGZ;AAAAA,IACL;AAAA,IAEA,0BAA0B;AAAA,MACxB,GAAGY;AAAAA,MACHY,QAAQ;AAAA,IACV;AAAA,IACA,+BAA+B;AAAA,MAC7B,GAAGxB;AAAAA,MACHwB,QAAQ;AAAA,IACV;AAAA,EACF;AACF,CAAC;;;"}

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

@@ -3,15 +3,18 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Bar = require("./Bar.cjs");
 const MenuItem = require("../MenuItem/MenuItem.cjs");
-const HvHeaderMenuBar = ({
-  data = [],
-  onClick,
-  type = "menubar",
-  levels,
-  currentLevel,
-  ...others
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Bar.Bar, { data, type, ...others, children: data.map((item) => /* @__PURE__ */ jsxRuntime.jsx(MenuItem.HvHeaderMenuItem, { item, type, onClick, levels, currentLevel }, item.id)) });
+const useDefaultProps = require("../../../../hooks/useDefaultProps.cjs");
+const HvHeaderMenuBar = (props) => {
+  const {
+    data = [],
+    onClick,
+    type = "menubar",
+    levels,
+    currentLevel,
+    classes,
+    ...others
+  } = useDefaultProps.useDefaultProps("HvHeaderMenuBar", props);
+  return /* @__PURE__ */ jsxRuntime.jsx(Bar.Bar, { data, type, classes, ...others, children: data.map((item) => /* @__PURE__ */ jsxRuntime.jsx(MenuItem.HvHeaderMenuItem, { item, type, onClick, levels, currentLevel }, item.id)) });
 };
 exports.HvHeaderMenuBar = HvHeaderMenuBar;
 //# sourceMappingURL=MenuBar.cjs.map