npm - @hitachivantara/uikit-react-core - Versions diffs - 5.0.0-next.10 → 5.0.0-next.12 - Mend

@hitachivantara/uikit-react-core 5.0.0-next.10 → 5.0.0-next.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1071) hide show

package/dist/esm/components/Button/Button.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.styles.js","sources":["../../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"utils\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { HvButtonRadius, HvButtonSize, HvButtonVariant } from \"./Button\";\n\nexport interface StyledButtonProps {\n $radius?: HvButtonRadius;\n $size?: HvButtonSize;\n $variant?: HvButtonVariant;\n $iconOnly?: Boolean;\n $overrideIconColors?: Boolean;\n $disabled?: Boolean;\n}\n\nexport const StyledContentDiv = styled.div<{}>({\n display: \"flex\",\n alignItems: \"center\",\n height: \"100%\",\n overflow: \"visible\",\n});\n\nexport const StyledIconSpan = styled.span<{}>({\n marginRight: theme.button.marginIconRight,\n marginLeft: theme.button.marginIconLeft,\n});\n\nexport const StyledChildren = styled.span<{}>({\n whiteSpace: \"nowrap\",\n display: \"flex\",\n});\n\nexport const StyledButton = styled(\n \"button\",\n transientOptions\n)(\n ({\n $variant,\n $iconOnly,\n $size,\n $radius,\n $overrideIconColors,\n $disabled,\n }: StyledButtonProps) => ({\n display: \"inline-flex\",\n justifyContent: \"center\",\n textTransform: \"none\",\n cursor: $disabled ? \"not-allowed\" : \"pointer\",\n ...($disabled && {\n pointerEvents: \"auto\",\n }),\n \"&:hover\": {},\n \"&:focus\": {},\n \"&.HvIsFocusVisible\": {\n ...outlineStyles,\n },\n \"&:active\": {},\n\n // default button - no size specified\n fontSize: theme.fontSizes.base,\n fontWeight: 600,\n lineHeight: \"11px\",\n letterSpacing: 0,\n height: \"32px\",\n borderRadius: theme.button.borderRadius,\n padding: theme.button.padding,\n\n ...($overrideIconColors &&\n $variant === \"primary\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.atmo5 : theme.colors.atmo1,\n },\n }),\n ...($overrideIconColors &&\n $variant === \"primarySubtle\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.atmo5 : theme.colors.acce2,\n },\n }),\n ...($overrideIconColors &&\n $variant === \"primaryGhost\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.atmo5 : theme.colors.acce2,\n },\n }),\n ...($overrideIconColors &&\n $variant === \"secondarySubtle\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.atmo5 : theme.colors.acce1,\n },\n }),\n ...($overrideIconColors &&\n $variant === \"secondaryGhost\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.atmo5 : theme.colors.acce1,\n },\n }),\n ...($overrideIconColors &&\n $variant === \"semantic\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.atmo5 : theme.colors.base2,\n },\n }),\n ...($variant === \"primary\" && {\n color: $disabled ? theme.colors.atmo5 : theme.colors.atmo1,\n backgroundColor: $disabled ? theme.colors.atmo3 : theme.colors.acce2,\n \"&:hover\": {\n backgroundColor: $disabled ? theme.colors.atmo3 : theme.colors.acce2h,\n },\n \"&:focus-visible\": {\n backgroundColor: theme.colors.acce2h,\n },\n }),\n ...($variant === \"primarySubtle\" && {\n backgroundColor: $disabled ? theme.colors.atmo3 : \"transparent\",\n border: $disabled\n ? `1px solid ${theme.colors.atmo4}`\n : `1px solid ${theme.colors.acce2}`,\n color: $disabled ? theme.colors.atmo5 : theme.colors.acce2,\n \"&:hover\": {\n backgroundColor: $disabled\n ? theme.colors.atmo3\n : theme.button.hoverColor,\n },\n \"&:focus-visible\": {\n backgroundColor: $disabled\n ? theme.colors.atmo3\n : theme.button.hoverColor,\n },\n }),\n ...($variant === \"primaryGhost\" && {\n color: $disabled ? theme.colors.atmo5 : theme.colors.acce2,\n backgroundColor: \"transparent\",\n \"&:hover\": {\n backgroundColor: $disabled ? \"transparent\" : theme.button.hoverColor,\n },\n \"&:focus-visible\": {\n backgroundColor: $disabled ? \"transparent\" : theme.button.hoverColor,\n },\n }),\n ...($variant === \"secondarySubtle\" && {\n color: $disabled ? theme.colors.atmo5 : theme.colors.acce1,\n backgroundColor: $disabled ? theme.colors.atmo3 : \"transparent\",\n border: $disabled\n ? `1px solid ${theme.colors.atmo4}`\n : `1px solid ${theme.colors.atmo4}`,\n \"&:hover\": {\n backgroundColor: $disabled\n ? theme.colors.atmo3\n : theme.button.hoverColor,\n border: `1px solid ${theme.colors.atmo4}`,\n },\n \"&:focus-visible\": {\n backgroundColor: $disabled\n ? theme.colors.atmo3\n : theme.button.hoverColor,\n },\n }),\n ...($variant === \"secondaryGhost\" && {\n color: $disabled ? theme.colors.atmo5 : theme.colors.acce1,\n backgroundColor: \"transparent\",\n \"&:hover\": {\n backgroundColor: $disabled ? \"transparent\" : theme.button.hoverColor,\n },\n \"&:focus-visible\": {\n backgroundColor: $disabled ? \"transparent\" : theme.button.hoverColor,\n },\n }),\n ...($variant === \"semantic\" && {\n color: $disabled ? theme.colors.atmo5 : theme.colors.base2,\n backgroundColor: $disabled\n ? theme.button.semanticColorDisabled\n : \"transparent\",\n \"&:hover\": {\n backgroundColor: theme.button.semanticColor,\n },\n }),\n ...($size === \"xs\" && {\n height: theme.sizes.xs,\n paddingLeft: theme.space.xs,\n paddingRight: theme.space.xs,\n fontSize: theme.fontSizes.xs,\n }),\n ...($size === \"sm\" && {\n height: theme.sizes.sm,\n paddingLeft: theme.space.sm,\n paddingRight: theme.space.sm,\n fontSize: theme.fontSizes.sm,\n }),\n ...($size === \"md\" && {\n height: theme.sizes.md,\n paddingLeft: theme.space.md,\n paddingRight: theme.space.md,\n }),\n ...($size === \"lg\" && {\n height: theme.sizes.lg,\n paddingLeft: theme.space.lg,\n paddingRight: theme.space.lg,\n fontSize: theme.fontSizes.lg,\n }),\n ...($size === \"xl\" && {\n height: theme.sizes.xl,\n paddingLeft: theme.space.xl,\n paddingRight: theme.space.xl,\n fontSize: theme.fontSizes.xl,\n }),\n ...($radius === \"xs\" && { borderRadius: theme.radii.xs }),\n ...($radius === \"sm\" && { borderRadius: theme.radii.sm }),\n ...($radius === \"md\" && { borderRadius: theme.radii.md }),\n ...($radius === \"lg\" && { borderRadius: theme.radii.lg }),\n ...($radius === \"xl\" && { borderRadius: theme.radii.xl }),\n ...($radius === \"none\" && { borderRadius: theme.radii.none }),\n ...($radius === \"base\" && { borderRadius: theme.radii.base }),\n ...($iconOnly && {\n margin: 0,\n padding: 0,\n }),\n ...(!$iconOnly && {\n minWidth: \"70px\",\n }),\n })\n);\n"],"names":["StyledContentDiv","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledIconSpan","marginRight","theme","button","marginIconRight","marginLeft","marginIconLeft","StyledChildren","StyledButton","_extends","transientOptions","$variant","$iconOnly","$size","$radius","$overrideIconColors","$disabled","display","justifyContent","textTransform","cursor","pointerEvents","outlineStyles","fontSize","fontSizes","base","fontWeight","lineHeight","letterSpacing","height","borderRadius","padding","fill","colors","atmo5","atmo1","acce2","acce1","base2","color","backgroundColor","atmo3","acce2h","border","atmo4","hoverColor","semanticColorDisabled","semanticColor","sizes","xs","paddingLeft","space","paddingRight","sm","md","lg","xl","radii","none","margin","minWidth"],"mappings":"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"}
1	+ {"version":3,"file":"Button.styles.js","sources":["../../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"utils\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { HvButtonRadius, HvButtonSize, HvButtonVariant } from \"./Button\";\n\nexport interface StyledButtonProps {\n $radius?: HvButtonRadius;\n $size?: HvButtonSize;\n $variant?: HvButtonVariant;\n $iconOnly?: Boolean;\n $overrideIconColors?: Boolean;\n $disabled?: Boolean;\n}\n\nexport const StyledContentDiv = styled.div<{}>({\n display: \"flex\",\n alignItems: \"center\",\n height: \"100%\",\n overflow: \"visible\",\n});\n\nexport const StyledIconSpan = styled.span<{}>({\n marginRight: theme.button.marginIconRight,\n marginLeft: theme.button.marginIconLeft,\n});\n\nexport const StyledChildren = styled.span<{}>({\n whiteSpace: \"nowrap\",\n display: \"flex\",\n});\n\nexport const StyledButton = styled(\n \"button\",\n transientOptions\n)(\n ({\n $variant,\n $iconOnly,\n $size,\n $radius,\n $overrideIconColors,\n $disabled,\n }: StyledButtonProps) => ({\n display: \"inline-flex\",\n justifyContent: \"center\",\n textTransform: \"none\",\n cursor: $disabled ? \"not-allowed\" : \"pointer\",\n ...($disabled && {\n pointerEvents: \"auto\",\n }),\n \"&:hover\": {},\n \"&:focus\": {},\n \"&.HvIsFocusVisible\": {\n ...outlineStyles,\n },\n \"&:active\": {},\n\n // default button - no size specified\n fontSize: theme.fontSizes.base,\n fontWeight: 600,\n lineHeight: \"11px\",\n letterSpacing: 0,\n height: \"32px\",\n borderRadius: theme.button.borderRadius,\n padding: theme.button.padding,\n\n ...($overrideIconColors &&\n $variant === \"primary\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.atmo5 : theme.colors.atmo1,\n },\n }),\n ...($overrideIconColors &&\n $variant === \"primarySubtle\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.atmo5 : theme.colors.acce2,\n },\n }),\n ...($overrideIconColors &&\n $variant === \"primaryGhost\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.atmo5 : theme.colors.acce2,\n },\n }),\n ...($overrideIconColors &&\n $variant === \"secondarySubtle\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.atmo5 : theme.colors.acce1,\n },\n }),\n ...($overrideIconColors &&\n $variant === \"secondaryGhost\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.atmo5 : theme.colors.acce1,\n },\n }),\n ...($overrideIconColors &&\n $variant === \"semantic\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.atmo5 : theme.colors.base2,\n },\n }),\n ...($variant === \"primary\" && {\n color: $disabled ? theme.colors.atmo5 : theme.colors.atmo1,\n backgroundColor: $disabled ? theme.colors.atmo3 : theme.colors.acce2,\n \"&:hover\": {\n backgroundColor: $disabled ? theme.colors.atmo3 : theme.colors.acce2h,\n },\n \"&:focus-visible\": {\n backgroundColor: theme.colors.acce2h,\n },\n }),\n ...($variant === \"primarySubtle\" && {\n backgroundColor: $disabled ? theme.colors.atmo3 : \"transparent\",\n border: $disabled\n ? `1px solid ${theme.colors.atmo4}`\n : `1px solid ${theme.colors.acce2}`,\n color: $disabled ? theme.colors.atmo5 : theme.colors.acce2,\n \"&:hover\": {\n backgroundColor: $disabled\n ? theme.colors.atmo3\n : theme.button.hoverColor,\n },\n \"&:focus-visible\": {\n backgroundColor: $disabled\n ? theme.colors.atmo3\n : theme.button.hoverColor,\n },\n }),\n ...($variant === \"primaryGhost\" && {\n color: $disabled ? theme.colors.atmo5 : theme.colors.acce2,\n backgroundColor: \"transparent\",\n \"&:hover\": {\n backgroundColor: $disabled ? \"transparent\" : theme.button.hoverColor,\n },\n \"&:focus-visible\": {\n backgroundColor: $disabled ? \"transparent\" : theme.button.hoverColor,\n },\n }),\n ...($variant === \"secondarySubtle\" && {\n color: $disabled ? theme.colors.atmo5 : theme.colors.acce1,\n backgroundColor: $disabled\n ? theme.colors.atmo3\n : theme.button.secondaryBackgroundColor,\n border: $disabled\n ? `1px solid ${theme.colors.atmo4}`\n : `1px solid ${theme.colors.atmo4}`,\n \"&:hover\": {\n backgroundColor: $disabled\n ? theme.colors.atmo3\n : theme.button.hoverColor,\n border: `1px solid ${theme.colors.atmo4}`,\n },\n \"&:focus-visible\": {\n backgroundColor: $disabled\n ? theme.colors.atmo3\n : theme.button.hoverColor,\n },\n }),\n ...($variant === \"secondaryGhost\" && {\n color: $disabled ? theme.colors.atmo5 : theme.colors.acce1,\n backgroundColor: \"transparent\",\n \"&:hover\": {\n backgroundColor: $disabled ? \"transparent\" : theme.button.hoverColor,\n },\n \"&:focus-visible\": {\n backgroundColor: $disabled ? \"transparent\" : theme.button.hoverColor,\n },\n }),\n ...($variant === \"semantic\" && {\n color: $disabled ? theme.colors.atmo5 : theme.colors.base2,\n backgroundColor: $disabled\n ? theme.button.semanticColorDisabled\n : \"transparent\",\n \"&:hover\": {\n backgroundColor: theme.button.semanticColor,\n },\n }),\n ...($size === \"xs\" && {\n height: theme.sizes.xs,\n paddingLeft: theme.space.xs,\n paddingRight: theme.space.xs,\n fontSize: theme.fontSizes.xs,\n }),\n ...($size === \"sm\" && {\n height: theme.sizes.sm,\n paddingLeft: theme.space.sm,\n paddingRight: theme.space.sm,\n fontSize: theme.fontSizes.sm,\n }),\n ...($size === \"md\" && {\n height: theme.sizes.md,\n paddingLeft: theme.space.md,\n paddingRight: theme.space.md,\n }),\n ...($size === \"lg\" && {\n height: theme.sizes.lg,\n paddingLeft: theme.space.lg,\n paddingRight: theme.space.lg,\n fontSize: theme.fontSizes.lg,\n }),\n ...($size === \"xl\" && {\n height: theme.sizes.xl,\n paddingLeft: theme.space.xl,\n paddingRight: theme.space.xl,\n fontSize: theme.fontSizes.xl,\n }),\n ...($radius === \"xs\" && { borderRadius: theme.radii.xs }),\n ...($radius === \"sm\" && { borderRadius: theme.radii.sm }),\n ...($radius === \"md\" && { borderRadius: theme.radii.md }),\n ...($radius === \"lg\" && { borderRadius: theme.radii.lg }),\n ...($radius === \"xl\" && { borderRadius: theme.radii.xl }),\n ...($radius === \"none\" && { borderRadius: theme.radii.none }),\n ...($radius === \"base\" && { borderRadius: theme.radii.base }),\n ...($iconOnly && {\n margin: 0,\n padding: 0,\n }),\n ...(!$iconOnly && {\n minWidth: \"70px\",\n }),\n })\n);\n"],"names":["StyledContentDiv","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledIconSpan","marginRight","theme","button","marginIconRight","marginLeft","marginIconLeft","StyledChildren","StyledButton","_extends","transientOptions","$variant","$iconOnly","$size","$radius","$overrideIconColors","$disabled","display","justifyContent","textTransform","cursor","pointerEvents","outlineStyles","fontSize","fontSizes","base","fontWeight","lineHeight","letterSpacing","height","borderRadius","padding","fill","colors","atmo5","atmo1","acce2","acce1","base2","color","backgroundColor","atmo3","acce2h","border","atmo4","hoverColor","secondaryBackgroundColor","semanticColorDisabled","semanticColor","sizes","xs","paddingLeft","space","paddingRight","sm","md","lg","xl","radii","none","margin","minWidth"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAeO,MAAMA,kDAAmBC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAU,EAAIJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAK5C;AAEK,MAAMC,iDAAiBV,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAgB;AAAA,EAC5CO,aAAaC,MAAMC,OAAOC;AAAAA,EAC1BC,YAAYH,MAAMC,OAAOG;AAC3B,GAAChB,QAAAC,IAAAC,aAAC,eAAA,KAAA,qwTAAA;AAEK,MAAMe,iDAAiBjB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAW,EAAIJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAG3C;AAEWS,MAAAA,uCACX,UAAQlB,QAAAC,IAAAC,4BAAAiB,SAAA,IAAA;AAAA,EAAAhB,QAAA;AAAA,GACRiB,gBAAgB,IAAAD,SAAA,IAAA;AAAA,EAAAhB,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBgB,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACiB,OAAO;AAAA,EACxBC,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAChBC,eAAe;AAAA,EACfC,QAAQJ,YAAY,gBAAgB;AAAA,EACpC,GAAIA,aAAa;AAAA,IACfK,eAAe;AAAA,EACjB;AAAA,EACA,WAAW,CAAC;AAAA,EACZ,WAAW,CAAC;AAAA,EACZ,sBAAsB;AAAA,IACpB,GAAGC;AAAAA,EACL;AAAA,EACA,YAAY,CAAC;AAAA,EAGbC,UAAUrB,MAAMsB,UAAUC;AAAAA,EAC1BC,YAAY;AAAA,EACZC,YAAY;AAAA,EACZC,eAAe;AAAA,EACfC,QAAQ;AAAA,EACRC,cAAc5B,MAAMC,OAAO2B;AAAAA,EAC3BC,SAAS7B,MAAMC,OAAO4B;AAAAA,EAEtB,GAAIhB,uBACFJ,aAAa,aAAa;AAAA,IACxB,iBAAiB;AAAA,MACfqB,MAAMhB,YAAYd,MAAM+B,OAAOC,QAAQhC,MAAM+B,OAAOE;AAAAA,IACtD;AAAA,EACF;AAAA,EACF,GAAIpB,uBACFJ,aAAa,mBAAmB;AAAA,IAC9B,iBAAiB;AAAA,MACfqB,MAAMhB,YAAYd,MAAM+B,OAAOC,QAAQhC,MAAM+B,OAAOG;AAAAA,IACtD;AAAA,EACF;AAAA,EACF,GAAIrB,uBACFJ,aAAa,kBAAkB;AAAA,IAC7B,iBAAiB;AAAA,MACfqB,MAAMhB,YAAYd,MAAM+B,OAAOC,QAAQhC,MAAM+B,OAAOG;AAAAA,IACtD;AAAA,EACF;AAAA,EACF,GAAIrB,uBACFJ,aAAa,qBAAqB;AAAA,IAChC,iBAAiB;AAAA,MACfqB,MAAMhB,YAAYd,MAAM+B,OAAOC,QAAQhC,MAAM+B,OAAOI;AAAAA,IACtD;AAAA,EACF;AAAA,EACF,GAAItB,uBACFJ,aAAa,oBAAoB;AAAA,IAC/B,iBAAiB;AAAA,MACfqB,MAAMhB,YAAYd,MAAM+B,OAAOC,QAAQhC,MAAM+B,OAAOI;AAAAA,IACtD;AAAA,EACF;AAAA,EACF,GAAItB,uBACFJ,aAAa,cAAc;AAAA,IACzB,iBAAiB;AAAA,MACfqB,MAAMhB,YAAYd,MAAM+B,OAAOC,QAAQhC,MAAM+B,OAAOK;AAAAA,IACtD;AAAA,EACF;AAAA,EACF,GAAI3B,aAAa,aAAa;AAAA,IAC5B4B,OAAOvB,YAAYd,MAAM+B,OAAOC,QAAQhC,MAAM+B,OAAOE;AAAAA,IACrDK,iBAAiBxB,YAAYd,MAAM+B,OAAOQ,QAAQvC,MAAM+B,OAAOG;AAAAA,IAC/D,WAAW;AAAA,MACTI,iBAAiBxB,YAAYd,MAAM+B,OAAOQ,QAAQvC,MAAM+B,OAAOS;AAAAA,IACjE;AAAA,IACA,mBAAmB;AAAA,MACjBF,iBAAiBtC,MAAM+B,OAAOS;AAAAA,IAChC;AAAA,EACF;AAAA,EACA,GAAI/B,aAAa,mBAAmB;AAAA,IAClC6B,iBAAiBxB,YAAYd,MAAM+B,OAAOQ,QAAQ;AAAA,IAClDE,QAAQ3B,YACH,aAAYd,MAAM+B,OAAOW,UACzB,aAAY1C,MAAM+B,OAAOG;AAAAA,IAC9BG,OAAOvB,YAAYd,MAAM+B,OAAOC,QAAQhC,MAAM+B,OAAOG;AAAAA,IACrD,WAAW;AAAA,MACTI,iBAAiBxB,YACbd,MAAM+B,OAAOQ,QACbvC,MAAMC,OAAO0C;AAAAA,IACnB;AAAA,IACA,mBAAmB;AAAA,MACjBL,iBAAiBxB,YACbd,MAAM+B,OAAOQ,QACbvC,MAAMC,OAAO0C;AAAAA,IACnB;AAAA,EACF;AAAA,EACA,GAAIlC,aAAa,kBAAkB;AAAA,IACjC4B,OAAOvB,YAAYd,MAAM+B,OAAOC,QAAQhC,MAAM+B,OAAOG;AAAAA,IACrDI,iBAAiB;AAAA,IACjB,WAAW;AAAA,MACTA,iBAAiBxB,YAAY,gBAAgBd,MAAMC,OAAO0C;AAAAA,IAC5D;AAAA,IACA,mBAAmB;AAAA,MACjBL,iBAAiBxB,YAAY,gBAAgBd,MAAMC,OAAO0C;AAAAA,IAC5D;AAAA,EACF;AAAA,EACA,GAAIlC,aAAa,qBAAqB;AAAA,IACpC4B,OAAOvB,YAAYd,MAAM+B,OAAOC,QAAQhC,MAAM+B,OAAOI;AAAAA,IACrDG,iBAAiBxB,YACbd,MAAM+B,OAAOQ,QACbvC,MAAMC,OAAO2C;AAAAA,IACjBH,QAAQ3B,YACH,aAAYd,MAAM+B,OAAOW,UACzB,aAAY1C,MAAM+B,OAAOW;AAAAA,IAC9B,WAAW;AAAA,MACTJ,iBAAiBxB,YACbd,MAAM+B,OAAOQ,QACbvC,MAAMC,OAAO0C;AAAAA,MACjBF,QAAS,aAAYzC,MAAM+B,OAAOW;AAAAA,IACpC;AAAA,IACA,mBAAmB;AAAA,MACjBJ,iBAAiBxB,YACbd,MAAM+B,OAAOQ,QACbvC,MAAMC,OAAO0C;AAAAA,IACnB;AAAA,EACF;AAAA,EACA,GAAIlC,aAAa,oBAAoB;AAAA,IACnC4B,OAAOvB,YAAYd,MAAM+B,OAAOC,QAAQhC,MAAM+B,OAAOI;AAAAA,IACrDG,iBAAiB;AAAA,IACjB,WAAW;AAAA,MACTA,iBAAiBxB,YAAY,gBAAgBd,MAAMC,OAAO0C;AAAAA,IAC5D;AAAA,IACA,mBAAmB;AAAA,MACjBL,iBAAiBxB,YAAY,gBAAgBd,MAAMC,OAAO0C;AAAAA,IAC5D;AAAA,EACF;AAAA,EACA,GAAIlC,aAAa,cAAc;AAAA,IAC7B4B,OAAOvB,YAAYd,MAAM+B,OAAOC,QAAQhC,MAAM+B,OAAOK;AAAAA,IACrDE,iBAAiBxB,YACbd,MAAMC,OAAO4C,wBACb;AAAA,IACJ,WAAW;AAAA,MACTP,iBAAiBtC,MAAMC,OAAO6C;AAAAA,IAChC;AAAA,EACF;AAAA,EACA,GAAInC,UAAU,QAAQ;AAAA,IACpBgB,QAAQ3B,MAAM+C,MAAMC;AAAAA,IACpBC,aAAajD,MAAMkD,MAAMF;AAAAA,IACzBG,cAAcnD,MAAMkD,MAAMF;AAAAA,IAC1B3B,UAAUrB,MAAMsB,UAAU0B;AAAAA,EAC5B;AAAA,EACA,GAAIrC,UAAU,QAAQ;AAAA,IACpBgB,QAAQ3B,MAAM+C,MAAMK;AAAAA,IACpBH,aAAajD,MAAMkD,MAAME;AAAAA,IACzBD,cAAcnD,MAAMkD,MAAME;AAAAA,IAC1B/B,UAAUrB,MAAMsB,UAAU8B;AAAAA,EAC5B;AAAA,EACA,GAAIzC,UAAU,QAAQ;AAAA,IACpBgB,QAAQ3B,MAAM+C,MAAMM;AAAAA,IACpBJ,aAAajD,MAAMkD,MAAMG;AAAAA,IACzBF,cAAcnD,MAAMkD,MAAMG;AAAAA,EAC5B;AAAA,EACA,GAAI1C,UAAU,QAAQ;AAAA,IACpBgB,QAAQ3B,MAAM+C,MAAMO;AAAAA,IACpBL,aAAajD,MAAMkD,MAAMI;AAAAA,IACzBH,cAAcnD,MAAMkD,MAAMI;AAAAA,IAC1BjC,UAAUrB,MAAMsB,UAAUgC;AAAAA,EAC5B;AAAA,EACA,GAAI3C,UAAU,QAAQ;AAAA,IACpBgB,QAAQ3B,MAAM+C,MAAMQ;AAAAA,IACpBN,aAAajD,MAAMkD,MAAMK;AAAAA,IACzBJ,cAAcnD,MAAMkD,MAAMK;AAAAA,IAC1BlC,UAAUrB,MAAMsB,UAAUiC;AAAAA,EAC5B;AAAA,EACA,GAAI3C,YAAY,QAAQ;AAAA,IAAEgB,cAAc5B,MAAMwD,MAAMR;AAAAA,EAAG;AAAA,EACvD,GAAIpC,YAAY,QAAQ;AAAA,IAAEgB,cAAc5B,MAAMwD,MAAMJ;AAAAA,EAAG;AAAA,EACvD,GAAIxC,YAAY,QAAQ;AAAA,IAAEgB,cAAc5B,MAAMwD,MAAMH;AAAAA,EAAG;AAAA,EACvD,GAAIzC,YAAY,QAAQ;AAAA,IAAEgB,cAAc5B,MAAMwD,MAAMF;AAAAA,EAAG;AAAA,EACvD,GAAI1C,YAAY,QAAQ;AAAA,IAAEgB,cAAc5B,MAAMwD,MAAMD;AAAAA,EAAG;AAAA,EACvD,GAAI3C,YAAY,UAAU;AAAA,IAAEgB,cAAc5B,MAAMwD,MAAMC;AAAAA,EAAK;AAAA,EAC3D,GAAI7C,YAAY,UAAU;AAAA,IAAEgB,cAAc5B,MAAMwD,MAAMjC;AAAAA,EAAK;AAAA,EAC3D,GAAIb,aAAa;AAAA,IACfgD,QAAQ;AAAA,IACR7B,SAAS;AAAA,EACX;AAAA,EACA,GAAI,CAACnB,aAAa;AAAA,IAChBiD,UAAU;AAAA,EACZ;AACF,IAAEvE,QAAAC,IAAAC,aACH,eAAA,KAAA,qwTAAA;"}

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

@@ -9,6 +9,7 @@ const StyledDiv = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "produ
 })({
   backgroundColor: "transparent",
   display: "flex",
+  gap: theme.space.xs,
   alignItems: "center",
   marginLeft: "auto",
   "& > *": {
@@ -19,7 +20,7 @@ const StyledDiv = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "produ
       backgroundColor: theme.header.hoverColor
     }
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0FjdGlvbnMvQWN0aW9ucy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9BY3Rpb25zL0FjdGlvbnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgYnV0dG9uQ2xhc3NlcyB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREaXYgPSBzdHlsZWQuZGl2KHtcbiAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcbiAgXCImID4gKlwiOiB7XG4gICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG4gIFtgJiAuJHtidXR0b25DbGFzc2VzLnJvb3R9YF06IHtcbiAgICBcIiY6aG92ZXJcIjogeyBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmhlYWRlci5ob3ZlckNvbG9yIH0sXG4gIH0sXG59KTtcbiJdfQ== */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0FjdGlvbnMvQWN0aW9ucy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9BY3Rpb25zL0FjdGlvbnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgYnV0dG9uQ2xhc3NlcyB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREaXYgPSBzdHlsZWQuZGl2KHtcbiAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBnYXA6IHRoZW1lLnNwYWNlLnhzLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcbiAgXCImID4gKlwiOiB7XG4gICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG4gIFtgJiAuJHtidXR0b25DbGFzc2VzLnJvb3R9YF06IHtcbiAgICBcIiY6aG92ZXJcIjogeyBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmhlYWRlci5ob3ZlckNvbG9yIH0sXG4gIH0sXG59KTtcbiJdfQ== */");
 export {
   StyledDiv
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Actions.styles.js","sources":["../../../../../src/components/Header/Actions/Actions.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { buttonClasses } from \"components\";\n\nexport const StyledDiv = styled.div({\n backgroundColor: \"transparent\",\n display: \"flex\",\n alignItems: \"center\",\n marginLeft: \"auto\",\n \"& > *\": {\n marginLeft: theme.space.xs,\n },\n [`& .${buttonClasses.root}`]: {\n \"&:hover\": { backgroundColor: theme.header.hoverColor },\n },\n});\n"],"names":["StyledDiv","process","env","NODE_ENV","target","label","backgroundColor","display","~~alignItems~~","~~marginLeft","~~theme","space","xs","buttonClasses","root","header","hoverColor"],"mappings":";;;AAIO,MAAMA,2CAAYC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAW,EAAA;AAAA,EAClCC,iBAAiB;AAAA,EACjBC,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,YAAY;AAAA,EACZ,SAAS;AAAA,IACPA,~~YAAYC~~,MAAMC,MAAMC;AAAAA,EAC1B;AAAA,EACA,CAAE,~~MAAKC~~,cAAcC,SAAS;AAAA,IAC5B,WAAW;AAAA,~~MAAER~~,~~iBAAiBI~~,~~MAAMK~~,OAAOC;AAAAA,IAAW;AAAA,EACxD;AACF,~~GAACf~~,QAAAC,IAAAC,aAAC,eAAA,KAAA,~~6kCAAA~~;"}
1	+ {"version":3,"file":"Actions.styles.js","sources":["../../../../../src/components/Header/Actions/Actions.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { buttonClasses } from \"components\";\n\nexport const StyledDiv = styled.div({\n backgroundColor: \"transparent\",\n display: \"flex\",\n gap: theme.space.xs,\n alignItems: \"center\",\n marginLeft: \"auto\",\n \"& > *\": {\n marginLeft: theme.space.xs,\n },\n [`& .${buttonClasses.root}`]: {\n \"&:hover\": { backgroundColor: theme.header.hoverColor },\n },\n});\n"],"names":["StyledDiv","process","env","NODE_ENV","target","label","backgroundColor","display","gap","theme","space","xs","alignItems","marginLeft","buttonClasses","root","header","hoverColor"],"mappings":";;;AAIO,MAAMA,2CAAYC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAW,EAAA;AAAA,EAClCC,iBAAiB;AAAA,EACjBC,SAAS;AAAA,EACTC,KAAKC,MAAMC,MAAMC;AAAAA,EACjBC,YAAY;AAAA,EACZC,YAAY;AAAA,EACZ,SAAS;AAAA,IACPA,YAAYJ,MAAMC,MAAMC;AAAAA,EAC1B;AAAA,EACA,CAAE,MAAKG,cAAcC,SAAS;AAAA,IAC5B,WAAW;AAAA,MAAET,iBAAiBG,MAAMO,OAAOC;AAAAA,IAAW;AAAA,EACxD;AACF,GAAChB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6mCAAA;"}

package/dist/esm/components/Header/Header.styles.js CHANGED Viewed

@@ -15,7 +15,7 @@ function _extends() {
   };
   return _extends.apply(this, arguments);
 }
-const StyledAppBar = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? _extends({}, {
+const StyledAppBar = /* @__PURE__ */ _styled("header", process.env.NODE_ENV === "production" ? _extends({}, {
   target: "euwt7yw1"
 }, transientOptions) : _extends({}, {
   target: "euwt7yw1",
@@ -52,7 +52,7 @@ const StyledAppBar = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "pr
   ...$position === "sticky" && {
     position: "sticky"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0hlYWRlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUk0QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9IZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBcHBCYXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHBvc2l0aW9uIH06IHsgJHBvc2l0aW9uPzogc3RyaW5nIH0pID0+ICh7XG4gIGhlaWdodDogdGhlbWUuaGVhZGVyLmhlaWdodCxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5oZWFkZXIuYmFja2dyb3VuZENvbG9yLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICBmbGV4U2hyaW5rOiAwLFxuICB6SW5kZXg6IHRoZW1lLnpJbmRpY2VzLmJhbm5lcixcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgYm94U2hhZG93OiB0aGVtZS5oZWFkZXIuc2hhZG93LFxuICBib3JkZXJUb3A6IGAke3RoZW1lLmhlYWRlci5ib3JkZXJUb3BUaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLmJvcmRlclRvcENvbG9yfWAsXG5cbiAgLi4uKCRwb3NpdGlvbiA9PT0gXCJmaXhlZFwiICYmIHtcbiAgICBwb3NpdGlvbjogXCJmaXhlZFwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiBcImF1dG9cIixcbiAgICByaWdodDogMCxcbiAgfSksXG4gIC4uLigkcG9zaXRpb24gPT09IFwicmVsYXRpdmVcIiAmJiB7IHBvc2l0aW9uOiBcInJlbGF0aXZlXCIgfSksXG4gIC4uLigkcG9zaXRpb24gPT09IFwiYWJzb2x1dGVcIiAmJiB7IHBvc2l0aW9uOiBcImFic29sdXRlXCIgfSksXG4gIC4uLigkcG9zaXRpb24gPT09IFwic3RhdGljXCIgJiYgeyBwb3NpdGlvbjogXCJzdGF0aWNcIiB9KSxcbiAgLi4uKCRwb3NpdGlvbiA9PT0gXCJzdGlja3lcIiAmJiB7IHBvc2l0aW9uOiBcInN0aWNreVwiIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVhZGVyUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIHBhZGRpbmc6IGAwICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgYm94U2hhZG93OiB0aGVtZS5oZWFkZXIuc2hhZG93LFxuICBcIiYgPiAqOm5vdChuYXYpXCI6IHtcbiAgICB6SW5kZXg6IDIsXG4gIH0sXG59KTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0hlYWRlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUk0QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9IZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBcHBCYXIgPSBzdHlsZWQoXG4gIFwiaGVhZGVyXCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHBvc2l0aW9uIH06IHsgJHBvc2l0aW9uPzogc3RyaW5nIH0pID0+ICh7XG4gIGhlaWdodDogdGhlbWUuaGVhZGVyLmhlaWdodCxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5oZWFkZXIuYmFja2dyb3VuZENvbG9yLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICBmbGV4U2hyaW5rOiAwLFxuICB6SW5kZXg6IHRoZW1lLnpJbmRpY2VzLmJhbm5lcixcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgYm94U2hhZG93OiB0aGVtZS5oZWFkZXIuc2hhZG93LFxuICBib3JkZXJUb3A6IGAke3RoZW1lLmhlYWRlci5ib3JkZXJUb3BUaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLmJvcmRlclRvcENvbG9yfWAsXG5cbiAgLi4uKCRwb3NpdGlvbiA9PT0gXCJmaXhlZFwiICYmIHtcbiAgICBwb3NpdGlvbjogXCJmaXhlZFwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiBcImF1dG9cIixcbiAgICByaWdodDogMCxcbiAgfSksXG4gIC4uLigkcG9zaXRpb24gPT09IFwicmVsYXRpdmVcIiAmJiB7IHBvc2l0aW9uOiBcInJlbGF0aXZlXCIgfSksXG4gIC4uLigkcG9zaXRpb24gPT09IFwiYWJzb2x1dGVcIiAmJiB7IHBvc2l0aW9uOiBcImFic29sdXRlXCIgfSksXG4gIC4uLigkcG9zaXRpb24gPT09IFwic3RhdGljXCIgJiYgeyBwb3NpdGlvbjogXCJzdGF0aWNcIiB9KSxcbiAgLi4uKCRwb3NpdGlvbiA9PT0gXCJzdGlja3lcIiAmJiB7IHBvc2l0aW9uOiBcInN0aWNreVwiIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVhZGVyUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIHBhZGRpbmc6IGAwICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgYm94U2hhZG93OiB0aGVtZS5oZWFkZXIuc2hhZG93LFxuICBcIiYgPiAqOm5vdChuYXYpXCI6IHtcbiAgICB6SW5kZXg6IDIsXG4gIH0sXG59KTtcbiJdfQ== */");
 const StyledHeaderRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
   target: "euwt7yw0"
 } : {
@@ -68,7 +68,7 @@ const StyledHeaderRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV ===
   "& > *:not(nav)": {
     zIndex: 2
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0hlYWRlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDZ0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9IZWFkZXIvSGVhZGVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXBwQmFyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRwb3NpdGlvbiB9OiB7ICRwb3NpdGlvbj86IHN0cmluZyB9KSA9PiAoe1xuICBoZWlnaHQ6IHRoZW1lLmhlYWRlci5oZWlnaHQsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLmJhY2tncm91bmRDb2xvcixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgZmxleFNocmluazogMCxcbiAgekluZGV4OiB0aGVtZS56SW5kaWNlcy5iYW5uZXIsXG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGJveFNoYWRvdzogdGhlbWUuaGVhZGVyLnNoYWRvdyxcbiAgYm9yZGVyVG9wOiBgJHt0aGVtZS5oZWFkZXIuYm9yZGVyVG9wVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5ib3JkZXJUb3BDb2xvcn1gLFxuXG4gIC4uLigkcG9zaXRpb24gPT09IFwiZml4ZWRcIiAmJiB7XG4gICAgcG9zaXRpb246IFwiZml4ZWRcIixcbiAgICB0b3A6IDAsXG4gICAgbGVmdDogXCJhdXRvXCIsXG4gICAgcmlnaHQ6IDAsXG4gIH0pLFxuICAuLi4oJHBvc2l0aW9uID09PSBcInJlbGF0aXZlXCIgJiYgeyBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiIH0pLFxuICAuLi4oJHBvc2l0aW9uID09PSBcImFic29sdXRlXCIgJiYgeyBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiIH0pLFxuICAuLi4oJHBvc2l0aW9uID09PSBcInN0YXRpY1wiICYmIHsgcG9zaXRpb246IFwic3RhdGljXCIgfSksXG4gIC4uLigkcG9zaXRpb24gPT09IFwic3RpY2t5XCIgJiYgeyBwb3NpdGlvbjogXCJzdGlja3lcIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlclJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBwYWRkaW5nOiBgMCAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGJveFNoYWRvdzogdGhlbWUuaGVhZGVyLnNoYWRvdyxcbiAgXCImID4gKjpub3QobmF2KVwiOiB7XG4gICAgekluZGV4OiAyLFxuICB9LFxufSk7XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0hlYWRlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDZ0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9IZWFkZXIvSGVhZGVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXBwQmFyID0gc3R5bGVkKFxuICBcImhlYWRlclwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRwb3NpdGlvbiB9OiB7ICRwb3NpdGlvbj86IHN0cmluZyB9KSA9PiAoe1xuICBoZWlnaHQ6IHRoZW1lLmhlYWRlci5oZWlnaHQsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLmJhY2tncm91bmRDb2xvcixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgZmxleFNocmluazogMCxcbiAgekluZGV4OiB0aGVtZS56SW5kaWNlcy5iYW5uZXIsXG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGJveFNoYWRvdzogdGhlbWUuaGVhZGVyLnNoYWRvdyxcbiAgYm9yZGVyVG9wOiBgJHt0aGVtZS5oZWFkZXIuYm9yZGVyVG9wVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5ib3JkZXJUb3BDb2xvcn1gLFxuXG4gIC4uLigkcG9zaXRpb24gPT09IFwiZml4ZWRcIiAmJiB7XG4gICAgcG9zaXRpb246IFwiZml4ZWRcIixcbiAgICB0b3A6IDAsXG4gICAgbGVmdDogXCJhdXRvXCIsXG4gICAgcmlnaHQ6IDAsXG4gIH0pLFxuICAuLi4oJHBvc2l0aW9uID09PSBcInJlbGF0aXZlXCIgJiYgeyBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiIH0pLFxuICAuLi4oJHBvc2l0aW9uID09PSBcImFic29sdXRlXCIgJiYgeyBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiIH0pLFxuICAuLi4oJHBvc2l0aW9uID09PSBcInN0YXRpY1wiICYmIHsgcG9zaXRpb246IFwic3RhdGljXCIgfSksXG4gIC4uLigkcG9zaXRpb24gPT09IFwic3RpY2t5XCIgJiYgeyBwb3NpdGlvbjogXCJzdGlja3lcIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlclJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBwYWRkaW5nOiBgMCAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGJveFNoYWRvdzogdGhlbWUuaGVhZGVyLnNoYWRvdyxcbiAgXCImID4gKjpub3QobmF2KVwiOiB7XG4gICAgekluZGV4OiAyLFxuICB9LFxufSk7XG4iXX0= */");
 export {
   StyledAppBar,
   StyledHeaderRoot

package/dist/esm/components/Header/Header.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Header.styles.js","sources":["../../../../src/components/Header/Header.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledAppBar = styled(\n \"~~div~~\",\n transientOptions\n)(({ $position }: { $position?: string }) => ({\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 ...($position === \"fixed\" && {\n position: \"fixed\",\n top: 0,\n left: \"auto\",\n right: 0,\n }),\n ...($position === \"relative\" && { position: \"relative\" }),\n ...($position === \"absolute\" && { position: \"absolute\" }),\n ...($position === \"static\" && { position: \"static\" }),\n ...($position === \"sticky\" && { position: \"sticky\" }),\n}));\n\nexport const StyledHeaderRoot = styled(\"div\")({\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"],"names":["StyledAppBar","process","env","NODE_ENV","_extends","target","transientOptions","label","$position","height","theme","header","backgroundColor","display","flexDirection","width","boxSizing","flexShrink","zIndex","zIndices","banner","color","colors","atmo1","boxShadow","shadow","borderTop","borderTopThickness","borderTopColor","position","top","left","right","StyledHeaderRoot","alignItems","padding","space","sm"],"mappings":";;;;;;;;;;;;;;;;;AAIaA,MAAAA,uCACX,~~OAAKC~~,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,~~GACLC~~,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAkC,OAAO;AAAA,EAC5CC,QAAQC,MAAMC,OAAOF;AAAAA,EACrBG,iBAAiBF,MAAMC,OAAOC;AAAAA,EAC9BC,SAAS;AAAA,EACTC,eAAe;AAAA,EACfC,OAAO;AAAA,EACPC,WAAW;AAAA,EACXC,YAAY;AAAA,EACZC,QAAQR,MAAMS,SAASC;AAAAA,EACvBC,OAAOX,MAAMY,OAAOC;AAAAA,EACpBC,WAAWd,MAAMC,OAAOc;AAAAA,EACxBC,WAAY,GAAEhB,MAAMC,OAAOgB,4BAA4BjB,MAAMC,OAAOiB;AAAAA,EAEpE,GAAIpB,cAAc,WAAW;AAAA,IAC3BqB,UAAU;AAAA,IACVC,KAAK;AAAA,IACLC,MAAM;AAAA,IACNC,OAAO;AAAA,EACT;AAAA,EACA,GAAIxB,cAAc,cAAc;AAAA,IAAEqB,UAAU;AAAA,EAAW;AAAA,EACvD,GAAIrB,cAAc,cAAc;AAAA,IAAEqB,UAAU;AAAA,EAAW;AAAA,EACvD,GAAIrB,cAAc,YAAY;AAAA,IAAEqB,UAAU;AAAA,EAAS;AAAA,EACnD,GAAIrB,cAAc,YAAY;AAAA,IAAEqB,UAAU;AAAA,EAAS;AACrD,IAAE5B,QAAAC,IAAAC,aAAC,eAAA,KAAA,~~yqEAAA~~;AAEI,MAAM8B,mBAA0B,wBAAA,OAAKhC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EAC5CM,SAAS;AAAA,EACTqB,YAAY;AAAA,EACZnB,OAAO;AAAA,EACPN,QAAQ;AAAA,EACR0B,SAAU,KAAIzB,MAAM0B,MAAMC;AAAAA,EAC1Bb,WAAWd,MAAMC,OAAOc;AAAAA,EACxB,kBAAkB;AAAA,IAChBP,QAAQ;AAAA,EACV;AACF,GAACjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,~~yqEAAA~~;"}
1	+ {"version":3,"file":"Header.styles.js","sources":["../../../../src/components/Header/Header.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledAppBar = styled(\n \"header\",\n transientOptions\n)(({ $position }: { $position?: string }) => ({\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 ...($position === \"fixed\" && {\n position: \"fixed\",\n top: 0,\n left: \"auto\",\n right: 0,\n }),\n ...($position === \"relative\" && { position: \"relative\" }),\n ...($position === \"absolute\" && { position: \"absolute\" }),\n ...($position === \"static\" && { position: \"static\" }),\n ...($position === \"sticky\" && { position: \"sticky\" }),\n}));\n\nexport const StyledHeaderRoot = styled(\"div\")({\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"],"names":["StyledAppBar","process","env","NODE_ENV","_extends","target","transientOptions","label","$position","height","theme","header","backgroundColor","display","flexDirection","width","boxSizing","flexShrink","zIndex","zIndices","banner","color","colors","atmo1","boxShadow","shadow","borderTop","borderTopThickness","borderTopColor","position","top","left","right","StyledHeaderRoot","alignItems","padding","space","sm"],"mappings":";;;;;;;;;;;;;;;;;AAIaA,MAAAA,uCACX,UAAQC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACRC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAkC,OAAO;AAAA,EAC5CC,QAAQC,MAAMC,OAAOF;AAAAA,EACrBG,iBAAiBF,MAAMC,OAAOC;AAAAA,EAC9BC,SAAS;AAAA,EACTC,eAAe;AAAA,EACfC,OAAO;AAAA,EACPC,WAAW;AAAA,EACXC,YAAY;AAAA,EACZC,QAAQR,MAAMS,SAASC;AAAAA,EACvBC,OAAOX,MAAMY,OAAOC;AAAAA,EACpBC,WAAWd,MAAMC,OAAOc;AAAAA,EACxBC,WAAY,GAAEhB,MAAMC,OAAOgB,4BAA4BjB,MAAMC,OAAOiB;AAAAA,EAEpE,GAAIpB,cAAc,WAAW;AAAA,IAC3BqB,UAAU;AAAA,IACVC,KAAK;AAAA,IACLC,MAAM;AAAA,IACNC,OAAO;AAAA,EACT;AAAA,EACA,GAAIxB,cAAc,cAAc;AAAA,IAAEqB,UAAU;AAAA,EAAW;AAAA,EACvD,GAAIrB,cAAc,cAAc;AAAA,IAAEqB,UAAU;AAAA,EAAW;AAAA,EACvD,GAAIrB,cAAc,YAAY;AAAA,IAAEqB,UAAU;AAAA,EAAS;AAAA,EACnD,GAAIrB,cAAc,YAAY;AAAA,IAAEqB,UAAU;AAAA,EAAS;AACrD,IAAE5B,QAAAC,IAAAC,aAAC,eAAA,KAAA,6qEAAA;AAEI,MAAM8B,mBAA0B,wBAAA,OAAKhC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EAC5CM,SAAS;AAAA,EACTqB,YAAY;AAAA,EACZnB,OAAO;AAAA,EACPN,QAAQ;AAAA,EACR0B,SAAU,KAAIzB,MAAM0B,MAAMC;AAAAA,EAC1Bb,WAAWd,MAAMC,OAAOc;AAAAA,EACxB,kBAAkB;AAAA,IAChBP,QAAQ;AAAA,EACV;AACF,GAACjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6qEAAA;"}

package/dist/esm/components/Header/Navigation/MenuBar/MenuBar.styles.js CHANGED Viewed

@@ -20,7 +20,8 @@ const MenuBarRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "pro
   label: "MenuBarRoot"
 })(({
   type,
-  hidden
+  hidden,
+  active
 }) => ({
   left: 0,
   width: "100%",
@@ -43,8 +44,11 @@ const MenuBarRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "pro
   },
   ...hidden && {
     ...hide
+  },
+  ...active && {
+    ...show
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUJhci9NZW51QmFyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0IyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9OYXZpZ2F0aW9uL01lbnVCYXIvTWVudUJhci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTWVudUJhclJvb3RQcm9wcyB7XG4gIHR5cGU6IHN0cmluZztcbiAgaGlkZGVuPzogYm9vbGVhbjtcbiAgYWN0aXZlPzogYm9vbGVhbjtcbn1cblxuY29uc3Qgc2hvdyA9IHtcbiAgdG9wOiBgY2FsYygke3RoZW1lLmhlYWRlci5oZWlnaHR9IC0gJHt0aGVtZS5oZWFkZXIuYm9yZGVyVG9wVGhpY2tuZXNzfSlgLFxuICB0cmFuc2l0aW9uOiBbXCJ0b3BcIl0sXG4gIGJveFNoYWRvdzogdGhlbWUuaGVhZGVyLnNoYWRvdyxcbiAgdHJhbnNpdGlvbkR1cmF0aW9uOiBcIjUwMG1zXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsQmFja2dyb3VuZENvbG9yLFxufTtcblxuZXhwb3J0IGNvbnN0IGhpZGUgPSB7XG4gIHRvcDogMCxcbiAgdHJhbnNpdGlvbjogW1widG9wXCJdLFxuICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICB0cmFuc2l0aW9uRHVyYXRpb246IFwiMzAwbXNcIixcbn07XG5cbmV4cG9ydCBjb25zdCBNZW51QmFyUm9vdCA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgdHlwZSwgaGlkZGVuIH06IE1lbnVCYXJSb290UHJvcHMpID0+ICh7XG4gICAgbGVmdDogMCxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIC4uLih0eXBlID09PSBcIm1lbnViYXJcIiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5oZWFkZXIuYmFja2dyb3VuZENvbG9yLFxuICAgIH0pLFxuICAgIC4uLih0eXBlID09PSBcIm1lbnVcIiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIHpJbmRleDogLTIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbEJhY2tncm91bmRDb2xvcixcbiAgICAgIFwiJiBsaSA+IGRpdlwiOiB7XG4gICAgICAgIG1hcmdpblRvcDogMCxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKGhpZGRlbiAmJiB7IC4uLmhpZGUgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUJhclVsID0gc3R5bGVkKFwidWxcIikoe1xuICBtYXJnaW46IDAsXG4gIHBhZGRpbmc6IDAsXG4gIGRpc3BsYXk6IFwiaW5oZXJpdFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBcIiY6aG92ZXIgLmFjdGl2ZVwiOiB7XG4gICAgLi4uaGlkZSxcbiAgfSxcbiAgXCImIGxpOmhvdmVyID4gLmhpZGRlblwiOiB7XG4gICAgLi4uc2hvdyxcbiAgfSxcblxuICBcIiY6Zm9jdXMtd2l0aGluIC5hY3RpdmVcIjoge1xuICAgIC4uLmhpZGUsXG4gICAgekluZGV4OiAtMixcbiAgfSxcbiAgXCImIGxpOmZvY3VzLXdpdGhpbiA+IC5oaWRkZW5cIjoge1xuICAgIC4uLnNob3csXG4gICAgekluZGV4OiAtMSxcbiAgfSxcbn0pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUJhci9NZW51QmFyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0IyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9OYXZpZ2F0aW9uL01lbnVCYXIvTWVudUJhci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTWVudUJhclJvb3RQcm9wcyB7XG4gIHR5cGU6IHN0cmluZztcbiAgaGlkZGVuPzogYm9vbGVhbjtcbiAgYWN0aXZlPzogYm9vbGVhbjtcbn1cblxuY29uc3Qgc2hvdyA9IHtcbiAgdG9wOiBgY2FsYygke3RoZW1lLmhlYWRlci5oZWlnaHR9IC0gJHt0aGVtZS5oZWFkZXIuYm9yZGVyVG9wVGhpY2tuZXNzfSlgLFxuICB0cmFuc2l0aW9uOiBbXCJ0b3BcIl0sXG4gIGJveFNoYWRvdzogdGhlbWUuaGVhZGVyLnNoYWRvdyxcbiAgdHJhbnNpdGlvbkR1cmF0aW9uOiBcIjUwMG1zXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsQmFja2dyb3VuZENvbG9yLFxufTtcblxuZXhwb3J0IGNvbnN0IGhpZGUgPSB7XG4gIHRvcDogMCxcbiAgdHJhbnNpdGlvbjogW1widG9wXCJdLFxuICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICB0cmFuc2l0aW9uRHVyYXRpb246IFwiMzAwbXNcIixcbn07XG5cbmV4cG9ydCBjb25zdCBNZW51QmFyUm9vdCA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgdHlwZSwgaGlkZGVuLCBhY3RpdmUgfTogTWVudUJhclJvb3RQcm9wcykgPT4gKHtcbiAgICBsZWZ0OiAwLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgLi4uKHR5cGUgPT09IFwibWVudWJhclwiICYmIHtcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmhlYWRlci5iYWNrZ3JvdW5kQ29sb3IsXG4gICAgfSksXG4gICAgLi4uKHR5cGUgPT09IFwibWVudVwiICYmIHtcbiAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgICAgekluZGV4OiAtMixcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsQmFja2dyb3VuZENvbG9yLFxuICAgICAgXCImIGxpID4gZGl2XCI6IHtcbiAgICAgICAgbWFyZ2luVG9wOiAwLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oaGlkZGVuICYmIHsgLi4uaGlkZSB9KSxcbiAgICAuLi4oYWN0aXZlICYmIHsgLi4uc2hvdyB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBNZW51QmFyVWwgPSBzdHlsZWQoXCJ1bFwiKSh7XG4gIG1hcmdpbjogMCxcbiAgcGFkZGluZzogMCxcbiAgZGlzcGxheTogXCJpbmhlcml0XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIFwiJjpob3ZlciAuYWN0aXZlXCI6IHtcbiAgICAuLi5oaWRlLFxuICB9LFxuICBcIiYgbGk6aG92ZXIgPiAuaGlkZGVuXCI6IHtcbiAgICAuLi5zaG93LFxuICB9LFxuXG4gIFwiJjpmb2N1cy13aXRoaW4gLmFjdGl2ZVwiOiB7XG4gICAgLi4uaGlkZSxcbiAgICB6SW5kZXg6IC0yLFxuICB9LFxuICBcIiYgbGk6Zm9jdXMtd2l0aGluID4gLmhpZGRlblwiOiB7XG4gICAgLi4uc2hvdyxcbiAgICB6SW5kZXg6IC0xLFxuICB9LFxufSk7XG4iXX0= */");
 const MenuBarUl = /* @__PURE__ */ _styled("ul", process.env.NODE_ENV === "production" ? {
   target: "etcfm7y0"
 } : {
@@ -70,7 +74,7 @@ const MenuBarUl = /* @__PURE__ */ _styled("ul", process.env.NODE_ENV === "produc
     ...show,
     zIndex: -1
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUJhci9NZW51QmFyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUR5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9OYXZpZ2F0aW9uL01lbnVCYXIvTWVudUJhci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTWVudUJhclJvb3RQcm9wcyB7XG4gIHR5cGU6IHN0cmluZztcbiAgaGlkZGVuPzogYm9vbGVhbjtcbiAgYWN0aXZlPzogYm9vbGVhbjtcbn1cblxuY29uc3Qgc2hvdyA9IHtcbiAgdG9wOiBgY2FsYygke3RoZW1lLmhlYWRlci5oZWlnaHR9IC0gJHt0aGVtZS5oZWFkZXIuYm9yZGVyVG9wVGhpY2tuZXNzfSlgLFxuICB0cmFuc2l0aW9uOiBbXCJ0b3BcIl0sXG4gIGJveFNoYWRvdzogdGhlbWUuaGVhZGVyLnNoYWRvdyxcbiAgdHJhbnNpdGlvbkR1cmF0aW9uOiBcIjUwMG1zXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsQmFja2dyb3VuZENvbG9yLFxufTtcblxuZXhwb3J0IGNvbnN0IGhpZGUgPSB7XG4gIHRvcDogMCxcbiAgdHJhbnNpdGlvbjogW1widG9wXCJdLFxuICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICB0cmFuc2l0aW9uRHVyYXRpb246IFwiMzAwbXNcIixcbn07XG5cbmV4cG9ydCBjb25zdCBNZW51QmFyUm9vdCA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgdHlwZSwgaGlkZGVuIH06IE1lbnVCYXJSb290UHJvcHMpID0+ICh7XG4gICAgbGVmdDogMCxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIC4uLih0eXBlID09PSBcIm1lbnViYXJcIiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5oZWFkZXIuYmFja2dyb3VuZENvbG9yLFxuICAgIH0pLFxuICAgIC4uLih0eXBlID09PSBcIm1lbnVcIiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIHpJbmRleDogLTIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbEJhY2tncm91bmRDb2xvcixcbiAgICAgIFwiJiBsaSA+IGRpdlwiOiB7XG4gICAgICAgIG1hcmdpblRvcDogMCxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKGhpZGRlbiAmJiB7IC4uLmhpZGUgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUJhclVsID0gc3R5bGVkKFwidWxcIikoe1xuICBtYXJnaW46IDAsXG4gIHBhZGRpbmc6IDAsXG4gIGRpc3BsYXk6IFwiaW5oZXJpdFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBcIiY6aG92ZXIgLmFjdGl2ZVwiOiB7XG4gICAgLi4uaGlkZSxcbiAgfSxcbiAgXCImIGxpOmhvdmVyID4gLmhpZGRlblwiOiB7XG4gICAgLi4uc2hvdyxcbiAgfSxcblxuICBcIiY6Zm9jdXMtd2l0aGluIC5hY3RpdmVcIjoge1xuICAgIC4uLmhpZGUsXG4gICAgekluZGV4OiAtMixcbiAgfSxcbiAgXCImIGxpOmZvY3VzLXdpdGhpbiA+IC5oaWRkZW5cIjoge1xuICAgIC4uLnNob3csXG4gICAgekluZGV4OiAtMSxcbiAgfSxcbn0pO1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUJhci9NZW51QmFyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0R5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9OYXZpZ2F0aW9uL01lbnVCYXIvTWVudUJhci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTWVudUJhclJvb3RQcm9wcyB7XG4gIHR5cGU6IHN0cmluZztcbiAgaGlkZGVuPzogYm9vbGVhbjtcbiAgYWN0aXZlPzogYm9vbGVhbjtcbn1cblxuY29uc3Qgc2hvdyA9IHtcbiAgdG9wOiBgY2FsYygke3RoZW1lLmhlYWRlci5oZWlnaHR9IC0gJHt0aGVtZS5oZWFkZXIuYm9yZGVyVG9wVGhpY2tuZXNzfSlgLFxuICB0cmFuc2l0aW9uOiBbXCJ0b3BcIl0sXG4gIGJveFNoYWRvdzogdGhlbWUuaGVhZGVyLnNoYWRvdyxcbiAgdHJhbnNpdGlvbkR1cmF0aW9uOiBcIjUwMG1zXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsQmFja2dyb3VuZENvbG9yLFxufTtcblxuZXhwb3J0IGNvbnN0IGhpZGUgPSB7XG4gIHRvcDogMCxcbiAgdHJhbnNpdGlvbjogW1widG9wXCJdLFxuICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICB0cmFuc2l0aW9uRHVyYXRpb246IFwiMzAwbXNcIixcbn07XG5cbmV4cG9ydCBjb25zdCBNZW51QmFyUm9vdCA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgdHlwZSwgaGlkZGVuLCBhY3RpdmUgfTogTWVudUJhclJvb3RQcm9wcykgPT4gKHtcbiAgICBsZWZ0OiAwLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgLi4uKHR5cGUgPT09IFwibWVudWJhclwiICYmIHtcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmhlYWRlci5iYWNrZ3JvdW5kQ29sb3IsXG4gICAgfSksXG4gICAgLi4uKHR5cGUgPT09IFwibWVudVwiICYmIHtcbiAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgICAgekluZGV4OiAtMixcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsQmFja2dyb3VuZENvbG9yLFxuICAgICAgXCImIGxpID4gZGl2XCI6IHtcbiAgICAgICAgbWFyZ2luVG9wOiAwLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oaGlkZGVuICYmIHsgLi4uaGlkZSB9KSxcbiAgICAuLi4oYWN0aXZlICYmIHsgLi4uc2hvdyB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBNZW51QmFyVWwgPSBzdHlsZWQoXCJ1bFwiKSh7XG4gIG1hcmdpbjogMCxcbiAgcGFkZGluZzogMCxcbiAgZGlzcGxheTogXCJpbmhlcml0XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIFwiJjpob3ZlciAuYWN0aXZlXCI6IHtcbiAgICAuLi5oaWRlLFxuICB9LFxuICBcIiYgbGk6aG92ZXIgPiAuaGlkZGVuXCI6IHtcbiAgICAuLi5zaG93LFxuICB9LFxuXG4gIFwiJjpmb2N1cy13aXRoaW4gLmFjdGl2ZVwiOiB7XG4gICAgLi4uaGlkZSxcbiAgICB6SW5kZXg6IC0yLFxuICB9LFxuICBcIiYgbGk6Zm9jdXMtd2l0aGluID4gLmhpZGRlblwiOiB7XG4gICAgLi4uc2hvdyxcbiAgICB6SW5kZXg6IC0xLFxuICB9LFxufSk7XG4iXX0= */");
 export {
   MenuBarRoot,
   MenuBarUl,

package/dist/esm/components/Header/Navigation/MenuBar/MenuBar.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuBar.styles.js","sources":["../../../../../../src/components/Header/Navigation/MenuBar/MenuBar.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport interface MenuBarRootProps {\n type: string;\n hidden?: boolean;\n active?: boolean;\n}\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\nexport const hide = {\n top: 0,\n transition: [\"top\"],\n boxShadow: \"none\",\n transitionDuration: \"300ms\",\n};\n\nexport const MenuBarRoot = styled(\"div\")(\n ({ type, hidden }: MenuBarRootProps) => ({\n left: 0,\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n ...(type === \"menubar\" && {\n position: \"relative\",\n backgroundColor: theme.header.backgroundColor,\n }),\n ...(type === \"menu\" && {\n position: \"absolute\",\n paddingTop: theme.header.selectedItemBorderBottomThickness,\n zIndex: -2,\n backgroundColor: theme.header.secondLevelBackgroundColor,\n \"& li > div\": {\n marginTop: 0,\n },\n }),\n ...(hidden && { ...hide }),\n })\n);\n\nexport const MenuBarUl = styled(\"ul\")({\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"],"names":["show","top","theme","header","height","borderTopThickness","transition","boxShadow","shadow","transitionDuration","backgroundColor","secondLevelBackgroundColor","hide","MenuBarRoot","process","env","NODE_ENV","target","label","type","hidden","left","width","display","justifyContent","alignItems","position","paddingTop","selectedItemBorderBottomThickness","zIndex","marginTop","MenuBarUl","margin","padding"],"mappings":";;AASA,MAAMA,OAAO;AAAA,EACXC,KAAM,QAAOC,MAAMC,OAAOC,YAAYF,MAAMC,OAAOE;AAAAA,EACnDC,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAWL,MAAMC,OAAOK;AAAAA,EACxBC,oBAAoB;AAAA,EACpBC,iBAAiBR,MAAMC,OAAOQ;AAChC;AAEO,MAAMC,OAAO;AAAA,EAClBX,KAAK;AAAA,EACLK,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAW;AAAA,EACXE,oBAAoB;AACtB;AAEO,MAAMI,cAAqB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACrC,CAAC;AAAA,EAAEC;AAAAA,EAAMC;AAAyB,OAAO;AAAA,~~EACvCC~~,MAAM;AAAA,EACNC,OAAO;AAAA,~~EACPlB~~,QAAQ;AAAA,~~EACRmB~~,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EACZ,~~GAAIN~~,SAAS,aAAa;AAAA,~~IACxBO~~,UAAU;AAAA,~~IACVhB~~,iBAAiBR,MAAMC,OAAOO;AAAAA,EAChC;AAAA,EACA,GAAIS,SAAS,UAAU;AAAA,~~IACrBO~~,UAAU;AAAA,IACVC,~~YAAYzB~~,MAAMC,~~OAAOyB~~;AAAAA,IACzBC,QAAQ;AAAA,~~IACRnB~~,iBAAiBR,MAAMC,OAAOQ;AAAAA,IAC9B,cAAc;AAAA,~~MACZmB~~,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACA,~~GAAIV~~,UAAU;AAAA,IAAE,GAAGR;AAAAA,EAAK;AAC1B,~~IAAEE~~,QAAAC,IAAAC,aACH,eAAA,KAAA,~~6qFAAA~~;AAEM,~~MAAMe~~,YAAmB,wBAAA,~~MAAIjB~~,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,~~EACpCc~~,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTV,SAAS;AAAA,EACTE,YAAY;AAAA,~~EACZrB~~,QAAQ;AAAA,EACR,mBAAmB;AAAA,IACjB,GAAGQ;AAAAA,EACL;AAAA,EACA,wBAAwB;AAAA,IACtB,GAAGZ;AAAAA,EACL;AAAA,EAEA,0BAA0B;AAAA,IACxB,GAAGY;AAAAA,~~IACHiB~~,QAAQ;AAAA,EACV;AAAA,EACA,+BAA+B;AAAA,IAC7B,~~GAAG7B~~;AAAAA,~~IACH6B~~,QAAQ;AAAA,EACV;AACF,~~GAACf~~,QAAAC,IAAAC,aAAC,eAAA,KAAA,~~6qFAAA~~;"}
1	+ {"version":3,"file":"MenuBar.styles.js","sources":["../../../../../../src/components/Header/Navigation/MenuBar/MenuBar.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport interface MenuBarRootProps {\n type: string;\n hidden?: boolean;\n active?: boolean;\n}\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\nexport const hide = {\n top: 0,\n transition: [\"top\"],\n boxShadow: \"none\",\n transitionDuration: \"300ms\",\n};\n\nexport const MenuBarRoot = styled(\"div\")(\n ({ type, hidden, active }: MenuBarRootProps) => ({\n left: 0,\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n ...(type === \"menubar\" && {\n position: \"relative\",\n backgroundColor: theme.header.backgroundColor,\n }),\n ...(type === \"menu\" && {\n position: \"absolute\",\n paddingTop: theme.header.selectedItemBorderBottomThickness,\n zIndex: -2,\n backgroundColor: theme.header.secondLevelBackgroundColor,\n \"& li > div\": {\n marginTop: 0,\n },\n }),\n ...(hidden && { ...hide }),\n ...(active && { ...show }),\n })\n);\n\nexport const MenuBarUl = styled(\"ul\")({\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"],"names":["show","top","theme","header","height","borderTopThickness","transition","boxShadow","shadow","transitionDuration","backgroundColor","secondLevelBackgroundColor","hide","MenuBarRoot","process","env","NODE_ENV","target","label","type","hidden","active","left","width","display","justifyContent","alignItems","position","paddingTop","selectedItemBorderBottomThickness","zIndex","marginTop","MenuBarUl","margin","padding"],"mappings":";;AASA,MAAMA,OAAO;AAAA,EACXC,KAAM,QAAOC,MAAMC,OAAOC,YAAYF,MAAMC,OAAOE;AAAAA,EACnDC,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAWL,MAAMC,OAAOK;AAAAA,EACxBC,oBAAoB;AAAA,EACpBC,iBAAiBR,MAAMC,OAAOQ;AAChC;AAEO,MAAMC,OAAO;AAAA,EAClBX,KAAK;AAAA,EACLK,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAW;AAAA,EACXE,oBAAoB;AACtB;AAEO,MAAMI,cAAqB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACrC,CAAC;AAAA,EAAEC;AAAAA,EAAMC;AAAAA,EAAQC;AAAyB,OAAO;AAAA,EAC/CC,MAAM;AAAA,EACNC,OAAO;AAAA,EACPnB,QAAQ;AAAA,EACRoB,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EACZ,GAAIP,SAAS,aAAa;AAAA,IACxBQ,UAAU;AAAA,IACVjB,iBAAiBR,MAAMC,OAAOO;AAAAA,EAChC;AAAA,EACA,GAAIS,SAAS,UAAU;AAAA,IACrBQ,UAAU;AAAA,IACVC,YAAY1B,MAAMC,OAAO0B;AAAAA,IACzBC,QAAQ;AAAA,IACRpB,iBAAiBR,MAAMC,OAAOQ;AAAAA,IAC9B,cAAc;AAAA,MACZoB,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACA,GAAIX,UAAU;AAAA,IAAE,GAAGR;AAAAA,EAAK;AAAA,EACxB,GAAIS,UAAU;AAAA,IAAE,GAAGrB;AAAAA,EAAK;AAC1B,IAAEc,QAAAC,IAAAC,aACH,eAAA,KAAA,quFAAA;AAEM,MAAMgB,YAAmB,wBAAA,MAAIlB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACpCe,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTV,SAAS;AAAA,EACTE,YAAY;AAAA,EACZtB,QAAQ;AAAA,EACR,mBAAmB;AAAA,IACjB,GAAGQ;AAAAA,EACL;AAAA,EACA,wBAAwB;AAAA,IACtB,GAAGZ;AAAAA,EACL;AAAA,EAEA,0BAA0B;AAAA,IACxB,GAAGY;AAAAA,IACHkB,QAAQ;AAAA,EACV;AAAA,EACA,+BAA+B;AAAA,IAC7B,GAAG9B;AAAAA,IACH8B,QAAQ;AAAA,EACV;AACF,GAAChB,QAAAC,IAAAC,aAAC,eAAA,KAAA,quFAAA;"}

package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.js CHANGED Viewed

@@ -23,6 +23,7 @@ const HvMenuItem = ({
   const hasSubLevel = data && data.length;
   const isMenu = type === "menu";
   const isSelected = selectionPath && selectionPath[isMenu ? 1 : 0] === item.id || false;
+  const isCurrent = isSelected ? selectionPath.length > (isMenu ? 2 : 1) ? true : "page" : void 0;
   const actionHandler = (event) => {
     if (event.type === "click" || isKeypress(event, keyboardCodes.Enter) || isKeypress(event, keyboardCodes.SpaceBar)) {
       if (event.type === "click") {
@@ -40,12 +41,29 @@ const HvMenuItem = ({
   const itemProps = {
     onClick: actionHandler,
     onKeyDown: actionHandler,
-    tabIndex: 0,
     onFocus: handleFocus
   };
-  const label = /* @__PURE__ */ jsx(HvTypography, { variant: isSelected ? "label" : "body", children: item.label });
+  const label = /* @__PURE__ */ jsx(HvTypography, { component: "span", variant: isSelected ? "label" : "body", "data-text": item.label, children: item.label });
+  let itemHref = item == null ? void 0 : item.href;
+  let itemTarget = item == null ? void 0 : item.target;
+  if (itemHref == null) {
+    let traversePreOrder = function(node) {
+      var _a;
+      if (node == null ? void 0 : node.href) {
+        itemHref = node == null ? void 0 : node.href;
+        itemTarget = node == null ? void 0 : node.target;
+      } else if ((node == null ? void 0 : node.data) != null && ((_a = node == null ? void 0 : node.data) == null ? void 0 : _a.length) > 0) {
+        let i = 0;
+        while (itemHref == null && i < node.data.length) {
+          traversePreOrder(node == null ? void 0 : node.data[i]);
+          i += 1;
+        }
+      }
+    };
+    traversePreOrder(item);
+  }
   return /* @__PURE__ */ jsxs(MenuItemLi, { id, $selected: !isMenu && isSelected ? "selectedItem" : "notSelectedItem", children: [
-    (item == null ? void 0 : item.href) ? /* @__PURE__ */ jsx(MenuItemLink, { href: item == null ? void 0 : item.href, target: item == null ? void 0 : item.target, ...itemProps, children: label }) : /* @__PURE__ */ jsx(MenuItemLabel, { role: "button", ...itemProps, $isSelected: isSelected, children: label }),
+    itemHref ? /* @__PURE__ */ jsx(MenuItemLink, { href: itemHref, target: itemTarget, ...itemProps, $isSelected: isSelected, "aria-current": isCurrent, children: label }) : /* @__PURE__ */ jsx(MenuItemLabel, { role: "button", ...itemProps, tabIndex: 0, $isSelected: isSelected, "aria-current": isCurrent, children: label }),
     hasSubLevel && /* @__PURE__ */ jsx(HvMenuBar, { data, onClick, type: "menu" })
   ] }, item.label);
 };

package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuItem.js","sources":["../../../../../../src/components/Header/Navigation/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { HvHeaderNavigationItemProp, HvTypography } from \"components\";\nimport { HvMenuBar } from \"../MenuBar\";\nimport { HvBaseProps } from \"../../../../types\";\nimport { isKeypress, keyboardCodes } from \"utils\";\nimport { FocusContext } from \"../utils/FocusContext\";\nimport { SelectionContext } from \"../utils/SelectionContext\";\nimport { MenuItemLabel, MenuItemLi, MenuItemLink } from \"./MenuItem.styles\";\n\nexport type MenuItemProps = HvBaseProps<HTMLDivElement, { onClick }> & {\n item: HvHeaderNavigationItemProp;\n type?: string;\n onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;\n};\n\nexport const HvMenuItem = ({ id, item, type, onClick }: MenuItemProps) => {\n const selectionPath = useContext(SelectionContext);\n const { dispatch } = useContext(FocusContext);\n\n const { data } = item;\n const hasSubLevel = data && data.length;\n const isMenu = type === \"menu\";\n const isSelected =\n (selectionPath && selectionPath[isMenu ? 1 : 0] === item.id) \|\| false;\n\n const actionHandler = (event) => {\n if (\n event.type === \"click\" \|\|\n isKeypress(event, keyboardCodes.Enter) \|\|\n isKeypress(event, keyboardCodes.SpaceBar)\n ) {\n if (event.type === \"click\") {\n event.currentTarget.blur();\n }\n onClick?.(event, item);\n }\n };\n\n const handleFocus = (event: React.FocusEvent) => {\n dispatch?.({ type: \"setItemFocused\", itemFocused: event.currentTarget });\n };\n\n const itemProps = {\n onClick: actionHandler,\n onKeyDown: actionHandler,\n ~~tabIndex: 0,\n~~ onFocus: handleFocus,\n };\n\n const label = (\n <HvTypography variant={isSelected ? \"label\" : \"body\"}>\n {item.label}\n </HvTypography>\n );\n\n return (\n <MenuItemLi\n id={id}\n key={item.label}\n $selected={!isMenu && isSelected ? \"selectedItem\" : \"notSelectedItem\"}\n >\n {~~item?.href~~ ? (\n <MenuItemLink href={~~item?.href~~} target={~~item?.target~~} {...itemProps}>\n {label}\n </MenuItemLink>\n ) : (\n <MenuItemLabel role=\"button\" {...itemProps} $isSelected={isSelected}>\n {label}\n </MenuItemLabel>\n )}\n {hasSubLevel && <HvMenuBar data={data} onClick={onClick} type=\"menu\" />}\n </MenuItemLi>\n );\n};\n"],"names":["HvMenuItem","id","item","type","onClick","selectionPath","useContext","SelectionContext","dispatch","FocusContext","data","hasSubLevel","length","isMenu","isSelected","actionHandler","event","isKeypress","keyboardCodes","Enter","SpaceBar","currentTarget","blur","handleFocus","itemFocused","itemProps","onKeyDown","~~tabIndex~~","~~onFocus~~","~~label~~","href","target"],"mappings":";;;;;;;;;AAeO,MAAMA,aAAaA,CAAC;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAAMC;AAAAA,EAAMC;AAAuB,MAAM;AAClEC,QAAAA,gBAAgBC,WAAWC,gBAAgB;AAC3C,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAaF,WAAWG,YAAY;AAEtC,QAAA;AAAA,IAAEC;AAAAA,EAASR,IAAAA;AACXS,QAAAA,cAAcD,QAAQA,KAAKE;AACjC,QAAMC,SAASV,SAAS;AACxB,QAAMW,aACHT,iBAAiBA,cAAcQ,SAAS,IAAI,OAAOX,KAAKD,MAAO;~~AAElE~~,~~QAAMc~~,gBAAiBC,CAAU,UAAA;AAC/B,QACEA,~~MAAMb~~,SAAS,~~WACfc~~,WAAWD,OAAOE,cAAcC,KAAK,KACrCF,WAAWD,OAAOE,cAAcE,QAAQ,GACxC;AACIJ,UAAAA,~~MAAMb~~,SAAS,SAAS;~~AAC1Ba~~,cAAMK,cAAcC;MACtB;~~AACAlB~~,~~yCAAUY~~,~~OAAOd~~;AAAAA,IACnB;AAAA,EAAA;~~AAGIqB~~,QAAAA,cAAcA,CAACP,UAA4B;AACpC,yCAAA;AAAA,~~MAAEb~~,MAAM;AAAA,~~MAAkBqB~~,aAAaR,MAAMK;AAAAA,IAAAA;AAAAA,EAAe;AAGzE,QAAMI,YAAY;AAAA,~~IAChBrB~~,~~SAASW~~;AAAAA,IACTW,WAAWX;AAAAA,IACXY,~~UAAU~~;~~AAAA,IACVC,SAASL;~~AAAAA,EAAAA;~~AAGLM~~,~~QAAAA~~,~~4BACH~~,~~cAAa~~,EAAA,~~SAASf~~,aAAa,UAAU,~~QAC3CZ~~,~~eAAK2B~~,MACR,CAAA;~~AAIA~~,SAAA,qBAAC,cACC,IAEA,WAAW,~~CAAChB~~,UAAUC,aAAa,iBAAiB,~~mBAEnDZ~~,UAAAA;AAAAA,~~KAAM4B~~,~~6BAAAA~~,~~4BACJ~~,~~cAAa~~,EAAA,~~MAAM5B~~,~~6BAAM4B~~,~~MAAM~~,~~QAAQ5B~~,~~6BAAM6B~~,~~QAAYN~~,~~GAAAA~~,~~WACvDI~~,~~UACH~~,~~MAAA~~,~~CAAA~~,~~wBAEC~~,~~eAAc~~,~~EAAA~~,MAAK,~~UAAS~~,~~GAAIJ~~,~~WAAW~~,~~aAAaX~~,~~YACtDe~~,UACH,MAAA,CAAA;AAAA,~~IAEDlB~~,eAAgB,oBAAA,WAAA,EAAU,MAAY,SAAkB,MAAK,QAAS;AAAA,EAAA,~~KAZlET~~,~~KAAK2B~~,~~KAaZ~~;AAEJ;"}
1	+ {"version":3,"file":"MenuItem.js","sources":["../../../../../../src/components/Header/Navigation/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { HvHeaderNavigationItemProp, HvTypography } from \"components\";\nimport { HvMenuBar } from \"../MenuBar\";\nimport { HvBaseProps } from \"../../../../types\";\nimport { isKeypress, keyboardCodes } from \"utils\";\nimport { FocusContext } from \"../utils/FocusContext\";\nimport { SelectionContext } from \"../utils/SelectionContext\";\nimport { MenuItemLabel, MenuItemLi, MenuItemLink } from \"./MenuItem.styles\";\n\nexport type MenuItemProps = HvBaseProps<HTMLDivElement, { onClick }> & {\n item: HvHeaderNavigationItemProp;\n type?: string;\n onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;\n};\n\nexport const HvMenuItem = ({ id, item, type, onClick }: MenuItemProps) => {\n const selectionPath = useContext(SelectionContext);\n const { dispatch } = useContext(FocusContext);\n\n const { data } = item;\n const hasSubLevel = data && data.length;\n const isMenu = type === \"menu\";\n const isSelected =\n (selectionPath && selectionPath[isMenu ? 1 : 0] === item.id) \|\| false;\n const isCurrent = isSelected\n ? selectionPath.length > (isMenu ? 2 : 1)\n ? true\n : \"page\"\n : undefined;\n\n const actionHandler = (event) => {\n if (\n event.type === \"click\" \|\|\n isKeypress(event, keyboardCodes.Enter) \|\|\n isKeypress(event, keyboardCodes.SpaceBar)\n ) {\n if (event.type === \"click\") {\n event.currentTarget.blur();\n }\n onClick?.(event, item);\n }\n };\n\n const handleFocus = (event: React.FocusEvent) => {\n dispatch?.({ type: \"setItemFocused\", itemFocused: event.currentTarget });\n };\n\n const itemProps = {\n onClick: actionHandler,\n onKeyDown: actionHandler,\n onFocus: handleFocus,\n };\n\n const label = (\n <HvTypography\n component=\"span\"\n variant={isSelected ? \"label\" : \"body\"}\n data-text={item.label}\n >\n {item.label}\n </HvTypography>\n );\n\n let itemHref = item?.href;\n let itemTarget = item?.target;\n if (itemHref == null) {\n // apps should configure the href even on parent items without content\n // so the fallback logic is theirs, but if not we'll do our best to find a link\n function traversePreOrder(node: HvHeaderNavigationItemProp) {\n if (node?.href) {\n itemHref = node?.href;\n itemTarget = node?.target;\n } else if (node?.data != null && node?.data?.length > 0) {\n let i = 0;\n while (itemHref == null && i < node.data.length) {\n traversePreOrder(node?.data[i]);\n i += 1;\n }\n }\n }\n\n traversePreOrder(item);\n }\n\n return (\n <MenuItemLi\n id={id}\n key={item.label}\n $selected={!isMenu && isSelected ? \"selectedItem\" : \"notSelectedItem\"}\n >\n {itemHref ? (\n <MenuItemLink\n href={itemHref}\n target={itemTarget}\n {...itemProps}\n $isSelected={isSelected}\n aria-current={isCurrent}\n >\n {label}\n </MenuItemLink>\n ) : (\n // keeping this code path for backwards compatibility, but\n // shouldn't really be used as it's not accessible\n <MenuItemLabel\n role=\"button\"\n {...itemProps}\n tabIndex={0}\n $isSelected={isSelected}\n aria-current={isCurrent}\n >\n {label}\n </MenuItemLabel>\n )}\n {hasSubLevel && <HvMenuBar data={data} onClick={onClick} type=\"menu\" />}\n </MenuItemLi>\n );\n};\n"],"names":["HvMenuItem","id","item","type","onClick","selectionPath","useContext","SelectionContext","dispatch","FocusContext","data","hasSubLevel","length","isMenu","isSelected","isCurrent","undefined","actionHandler","event","isKeypress","keyboardCodes","Enter","SpaceBar","currentTarget","blur","handleFocus","itemFocused","itemProps","onKeyDown","onFocus","label","itemHref","href","itemTarget","target","traversePreOrder","node","i"],"mappings":";;;;;;;;;AAeO,MAAMA,aAAaA,CAAC;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAAMC;AAAAA,EAAMC;AAAuB,MAAM;AAClEC,QAAAA,gBAAgBC,WAAWC,gBAAgB;AAC3C,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAaF,WAAWG,YAAY;AAEtC,QAAA;AAAA,IAAEC;AAAAA,EAASR,IAAAA;AACXS,QAAAA,cAAcD,QAAQA,KAAKE;AACjC,QAAMC,SAASV,SAAS;AACxB,QAAMW,aACHT,iBAAiBA,cAAcQ,SAAS,IAAI,OAAOX,KAAKD,MAAO;AAC5Dc,QAAAA,YAAYD,aACdT,cAAcO,UAAUC,SAAS,IAAI,KACnC,OACA,SACFG;AAEJ,QAAMC,gBAAiBC,CAAU,UAAA;AAC/B,QACEA,MAAMf,SAAS,WACfgB,WAAWD,OAAOE,cAAcC,KAAK,KACrCF,WAAWD,OAAOE,cAAcE,QAAQ,GACxC;AACIJ,UAAAA,MAAMf,SAAS,SAAS;AAC1Be,cAAMK,cAAcC;MACtB;AACApB,yCAAUc,OAAOhB;AAAAA,IACnB;AAAA,EAAA;AAGIuB,QAAAA,cAAcA,CAACP,UAA4B;AACpC,yCAAA;AAAA,MAAEf,MAAM;AAAA,MAAkBuB,aAAaR,MAAMK;AAAAA,IAAAA;AAAAA,EAAe;AAGzE,QAAMI,YAAY;AAAA,IAChBvB,SAASa;AAAAA,IACTW,WAAWX;AAAAA,IACXY,SAASJ;AAAAA,EAAAA;AAGX,QAAMK,QACJ,oBAAC,cACC,EAAA,WAAU,QACV,SAAShB,aAAa,UAAU,QAChC,aAAWZ,KAAK4B,OAEf5B,eAAK4B,MACR,CAAA;AAGF,MAAIC,WAAW7B,6BAAM8B;AACrB,MAAIC,aAAa/B,6BAAMgC;AACvB,MAAIH,YAAY,MAAM;AAGXI,QAAAA,mBAAT,SAA0BC,MAAkC;;AAC1D,UAAIA,6BAAMJ,MAAM;AACdD,mBAAWK,6BAAMJ;AACjBC,qBAAaG,6BAAMF;AAAAA,MAAAA,YACVE,6BAAM1B,SAAQ,UAAQ0B,kCAAM1B,SAAN0B,mBAAYxB,UAAS,GAAG;AACvD,YAAIyB,IAAI;AACR,eAAON,YAAY,QAAQM,IAAID,KAAK1B,KAAKE,QAAQ;AAC9BwB,2BAAAA,6BAAM1B,KAAK2B,EAAE;AACzB,eAAA;AAAA,QACP;AAAA,MACF;AAAA,IAAA;AAGFF,qBAAiBjC,IAAI;AAAA,EACvB;AAGE,SAAA,qBAAC,cACC,IAEA,WAAW,CAACW,UAAUC,aAAa,iBAAiB,mBAEnDiB,UAAAA;AAAAA,IACC,WAAA,oBAAC,cACC,EAAA,MAAMA,UACN,QAAQE,YACJN,GAAAA,WACJ,aAAab,YACb,gBAAcC,WAEbe,UAAAA,MAAAA,CACH,IAIC,oBAAA,eAAA,EACC,MAAK,UACL,GAAIH,WACJ,UAAU,GACV,aAAab,YACb,gBAAcC,WAEbe,UACH,MAAA,CAAA;AAAA,IAEDnB,eAAgB,oBAAA,WAAA,EAAU,MAAY,SAAkB,MAAK,QAAS;AAAA,EAAA,KA1BlET,KAAK4B,KA2BZ;AAEJ;"}

package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.styles.js CHANGED Viewed

@@ -51,7 +51,7 @@ const MenuItemLi = /* @__PURE__ */ _styled("li", process.env.NODE_ENV === "produ
     paddingTop: theme.header.selectedItemBorderBottomThickness,
     height: `calc(100% - 4px)`
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9IZWFkZXIvTmF2aWdhdGlvbi9NZW51SXRlbS9NZW51SXRlbS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuY29uc3QgaG92ZXJDb2xvciA9IHRoZW1lLmhlYWRlci5ob3ZlckNvbG9yO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1MaSA9IHN0eWxlZChcbiAgXCJsaVwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRzZWxlY3RlZCB9OiB7ICRzZWxlY3RlZD86IHN0cmluZyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZVwiLFxuICBcIiY6aG92ZXJcIjoge1xuICAgIFwiJiA+IFtyb2xlPSdidXR0b24nXVwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gICAgfSxcbiAgICBcIiY6Zm9jdXMtd2l0aGluXCI6IHtcbiAgICAgIFwiJiA+IFtyb2xlPSdidXR0b24nXVwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSxcbiAgLi4uKCRzZWxlY3RlZCA9PT0gXCJzZWxlY3RlZEl0ZW1cIiAmJiB7XG4gICAgYm9yZGVyVG9wOiBgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJUb3BDb2xvcn1gLFxuICAgIGJvcmRlckJvdHRvbTogYCR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tQ29sb3J9YCxcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgXCImID4gZGl2ID4gbGFiZWxcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5jb2xvcixcbiAgICB9LFxuICB9KSxcbiAgLi4uKCRzZWxlY3RlZCA9PT0gXCJub3RTZWxlY3RlZEl0ZW1cIiAmJiB7XG4gICAgbWFyZ2luVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzLFxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgIGhlaWdodDogYGNhbGMoMTAwJSAtIDRweClgLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGFiZWwgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGlzU2VsZWN0ZWQgfTogeyAkaXNTZWxlY3RlZD86IGJvb2xlYW4gfSkgPT4gKHtcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIFwiJjphY3RpdmVcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG4gIC4uLigkaXNTZWxlY3RlZCAmJiB7XG4gICAgXCImIGxhYmVsXCI6IHsgY29sb3I6IHRoZW1lLmhlYWRlci5jb2xvciB9LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGluayA9IHN0eWxlZChcImFcIikoe1xuICBib3JkZXI6IFwibm9uZVwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgXCImOmFjdGl2ZVwiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICB9LFxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcbn0pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9IZWFkZXIvTmF2aWdhdGlvbi9NZW51SXRlbS9NZW51SXRlbS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuY29uc3QgaG92ZXJDb2xvciA9IHRoZW1lLmhlYWRlci5ob3ZlckNvbG9yO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1MaSA9IHN0eWxlZChcbiAgXCJsaVwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRzZWxlY3RlZCB9OiB7ICRzZWxlY3RlZD86IHN0cmluZyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZVwiLFxuICBcIiY6aG92ZXJcIjoge1xuICAgIFwiJiA+IFtyb2xlPSdidXR0b24nXVwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gICAgfSxcbiAgICBcIiY6Zm9jdXMtd2l0aGluXCI6IHtcbiAgICAgIFwiJiA+IFtyb2xlPSdidXR0b24nXVwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSxcbiAgLi4uKCRzZWxlY3RlZCA9PT0gXCJzZWxlY3RlZEl0ZW1cIiAmJiB7XG4gICAgYm9yZGVyVG9wOiBgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJUb3BDb2xvcn1gLFxuICAgIGJvcmRlckJvdHRvbTogYCR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tQ29sb3J9YCxcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgXCImID4gZGl2ID4gbGFiZWxcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5jb2xvcixcbiAgICB9LFxuICB9KSxcbiAgLi4uKCRzZWxlY3RlZCA9PT0gXCJub3RTZWxlY3RlZEl0ZW1cIiAmJiB7XG4gICAgbWFyZ2luVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzLFxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgIGhlaWdodDogYGNhbGMoMTAwJSAtIDRweClgLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGFiZWwgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGlzU2VsZWN0ZWQgfTogeyAkaXNTZWxlY3RlZD86IGJvb2xlYW4gfSkgPT4gKHtcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIFwiJjphY3RpdmVcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG4gIC4uLigkaXNTZWxlY3RlZCAmJiB7XG4gICAgXCImIHNwYW5cIjogeyBjb2xvcjogdGhlbWUuaGVhZGVyLmNvbG9yIH0sXG4gIH0pLFxuICBcIiYgc3BhblwiOiB7XG4gICAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG4gIH0sXG4gIFwiJiBzcGFuOjphZnRlclwiOiB7XG4gICAgY29udGVudDogXCJhdHRyKGRhdGEtdGV4dClcIixcbiAgICBoZWlnaHQ6IDAsXG4gICAgdmlzaWJpbGl0eTogXCJoaWRkZW5cIixcbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB1c2VyU2VsZWN0OiBcIm5vbmVcIixcbiAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICBmb250V2VpZ2h0OiB0aGVtZS5mb250V2VpZ2h0cy5zZW1pYm9sZCxcblxuICAgIFwiQG1lZGlhIHNwZWVjaFwiOiB7XG4gICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICB9LFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1MaW5rID0gc3R5bGVkKFwiYVwiKShcbiAgKHsgJGlzU2VsZWN0ZWQgfTogeyAkaXNTZWxlY3RlZD86IGJvb2xlYW4gfSkgPT4gKHtcbiAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgfSxcbiAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gICAgfSxcbiAgICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIH0sXG4gICAgLi4uKCRpc1NlbGVjdGVkICYmIHtcbiAgICAgIFwiJiBzcGFuXCI6IHsgY29sb3I6IHRoZW1lLmhlYWRlci5jb2xvciB9LFxuICAgIH0pLFxuICAgIFwiJiBzcGFuXCI6IHtcbiAgICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxuICAgIH0sXG4gICAgXCImIHNwYW46OmFmdGVyXCI6IHtcbiAgICAgIGNvbnRlbnQ6IFwiYXR0cihkYXRhLXRleHQpXCIsXG4gICAgICBoZWlnaHQ6IDAsXG4gICAgICB2aXNpYmlsaXR5OiBcImhpZGRlblwiLFxuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICB1c2VyU2VsZWN0OiBcIm5vbmVcIixcbiAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgICAgZm9udFdlaWdodDogdGhlbWUuZm9udFdlaWdodHMuc2VtaWJvbGQsXG5cbiAgICAgIFwiQG1lZGlhIHNwZWVjaFwiOiB7XG4gICAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcbiJdfQ== */");
 const MenuItemLabel = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e1elbhu1"
 }, transientOptions) : _extends({}, {
@@ -77,21 +77,43 @@ const MenuItemLabel = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "p
     ...outlineStyles
   },
   ...$isSelected && {
-    "& label": {
+    "& span": {
       color: theme.header.color
     }
+  },
+  "& span": {
+    display: "inline-flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "space-between"
+  },
+  "& span::after": {
+    content: "attr(data-text)",
+    height: 0,
+    visibility: "hidden",
+    overflow: "hidden",
+    userSelect: "none",
+    pointerEvents: "none",
+    fontWeight: theme.fontWeights.semibold,
+    "@media speech": {
+      display: "none"
+    }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QzZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IGhvdmVyQ29sb3IgPSB0aGVtZS5oZWFkZXIuaG92ZXJDb2xvcjtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGkgPSBzdHlsZWQoXG4gIFwibGlcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkc2VsZWN0ZWQgfTogeyAkc2VsZWN0ZWQ/OiBzdHJpbmcgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmVcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBcIiYgPiBbcm9sZT0nYnV0dG9uJ11cIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgIH0sXG4gICAgXCImOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICBcIiYgPiBbcm9sZT0nYnV0dG9uJ11cIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG4gIC4uLigkc2VsZWN0ZWQgPT09IFwic2VsZWN0ZWRJdGVtXCIgJiYge1xuICAgIGJvcmRlclRvcDogYCR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wQ29sb3J9YCxcbiAgICBib3JkZXJCb3R0b206IGAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbUNvbG9yfWAsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIFwiJiA+IGRpdiA+IGxhYmVsXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS5oZWFkZXIuY29sb3IsXG4gICAgfSxcbiAgfSksXG4gIC4uLigkc2VsZWN0ZWQgPT09IFwibm90U2VsZWN0ZWRJdGVtXCIgJiYge1xuICAgIG1hcmdpblRvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzcyxcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICBoZWlnaHQ6IGBjYWxjKDEwMCUgLSA0cHgpYCxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxhYmVsID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpc1NlbGVjdGVkIH06IHsgJGlzU2VsZWN0ZWQ/OiBib29sZWFuIH0pID0+ICh7XG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBcIiY6YWN0aXZlXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gIH0sXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuICAuLi4oJGlzU2VsZWN0ZWQgJiYge1xuICAgIFwiJiBsYWJlbFwiOiB7IGNvbG9yOiB0aGVtZS5oZWFkZXIuY29sb3IgfSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxpbmsgPSBzdHlsZWQoXCJhXCIpKHtcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gIFwiJjphY3RpdmVcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG59KTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QzZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IGhvdmVyQ29sb3IgPSB0aGVtZS5oZWFkZXIuaG92ZXJDb2xvcjtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGkgPSBzdHlsZWQoXG4gIFwibGlcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkc2VsZWN0ZWQgfTogeyAkc2VsZWN0ZWQ/OiBzdHJpbmcgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmVcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBcIiYgPiBbcm9sZT0nYnV0dG9uJ11cIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgIH0sXG4gICAgXCImOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICBcIiYgPiBbcm9sZT0nYnV0dG9uJ11cIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG4gIC4uLigkc2VsZWN0ZWQgPT09IFwic2VsZWN0ZWRJdGVtXCIgJiYge1xuICAgIGJvcmRlclRvcDogYCR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wQ29sb3J9YCxcbiAgICBib3JkZXJCb3R0b206IGAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbUNvbG9yfWAsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIFwiJiA+IGRpdiA+IGxhYmVsXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS5oZWFkZXIuY29sb3IsXG4gICAgfSxcbiAgfSksXG4gIC4uLigkc2VsZWN0ZWQgPT09IFwibm90U2VsZWN0ZWRJdGVtXCIgJiYge1xuICAgIG1hcmdpblRvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzcyxcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICBoZWlnaHQ6IGBjYWxjKDEwMCUgLSA0cHgpYCxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxhYmVsID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpc1NlbGVjdGVkIH06IHsgJGlzU2VsZWN0ZWQ/OiBib29sZWFuIH0pID0+ICh7XG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBcIiY6YWN0aXZlXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gIH0sXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuICAuLi4oJGlzU2VsZWN0ZWQgJiYge1xuICAgIFwiJiBzcGFuXCI6IHsgY29sb3I6IHRoZW1lLmhlYWRlci5jb2xvciB9LFxuICB9KSxcbiAgXCImIHNwYW5cIjoge1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxuICB9LFxuICBcIiYgc3Bhbjo6YWZ0ZXJcIjoge1xuICAgIGNvbnRlbnQ6IFwiYXR0cihkYXRhLXRleHQpXCIsXG4gICAgaGVpZ2h0OiAwLFxuICAgIHZpc2liaWxpdHk6IFwiaGlkZGVuXCIsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gICAgZm9udFdlaWdodDogdGhlbWUuZm9udFdlaWdodHMuc2VtaWJvbGQsXG5cbiAgICBcIkBtZWRpYSBzcGVlY2hcIjoge1xuICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgfSxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGluayA9IHN0eWxlZChcImFcIikoXG4gICh7ICRpc1NlbGVjdGVkIH06IHsgJGlzU2VsZWN0ZWQ/OiBib29sZWFuIH0pID0+ICh7XG4gICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgXCImOmZvY3VzXCI6IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgIH0sXG4gICAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICB9LFxuICAgIC4uLigkaXNTZWxlY3RlZCAmJiB7XG4gICAgICBcIiYgc3BhblwiOiB7IGNvbG9yOiB0aGVtZS5oZWFkZXIuY29sb3IgfSxcbiAgICB9KSxcbiAgICBcIiYgc3BhblwiOiB7XG4gICAgICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgICB9LFxuICAgIFwiJiBzcGFuOjphZnRlclwiOiB7XG4gICAgICBjb250ZW50OiBcImF0dHIoZGF0YS10ZXh0KVwiLFxuICAgICAgaGVpZ2h0OiAwLFxuICAgICAgdmlzaWJpbGl0eTogXCJoaWRkZW5cIixcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICAgIGZvbnRXZWlnaHQ6IHRoZW1lLmZvbnRXZWlnaHRzLnNlbWlib2xkLFxuXG4gICAgICBcIkBtZWRpYSBzcGVlY2hcIjoge1xuICAgICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG4iXX0= */");
 const MenuItemLink = /* @__PURE__ */ _styled("a", process.env.NODE_ENV === "production" ? {
   target: "e1elbhu0"
 } : {
   target: "e1elbhu0",
   label: "MenuItemLink"
-})({
+})(({
+  $isSelected
+}) => ({
   border: "none",
   cursor: "pointer",
   padding: `${theme.space.xs} ${theme.space.sm}`,
-  display: "block",
+  height: "100%",
+  display: "flex",
+  alignItems: "center",
   textDecoration: "none",
   "&:active": {
     outline: "none"
@@ -102,8 +124,31 @@ const MenuItemLink = /* @__PURE__ */ _styled("a", process.env.NODE_ENV === "prod
   },
   "&:focus-visible": {
     ...outlineStyles
+  },
+  ...$isSelected && {
+    "& span": {
+      color: theme.header.color
+    }
+  },
+  "& span": {
+    display: "inline-flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "space-between"
+  },
+  "& span::after": {
+    content: "attr(data-text)",
+    height: 0,
+    visibility: "hidden",
+    overflow: "hidden",
+    userSelect: "none",
+    pointerEvents: "none",
+    fontWeight: theme.fontWeights.semibold,
+    "@media speech": {
+      display: "none"
+    }
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRTRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IGhvdmVyQ29sb3IgPSB0aGVtZS5oZWFkZXIuaG92ZXJDb2xvcjtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGkgPSBzdHlsZWQoXG4gIFwibGlcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkc2VsZWN0ZWQgfTogeyAkc2VsZWN0ZWQ/OiBzdHJpbmcgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmVcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBcIiYgPiBbcm9sZT0nYnV0dG9uJ11cIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgIH0sXG4gICAgXCImOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICBcIiYgPiBbcm9sZT0nYnV0dG9uJ11cIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG4gIC4uLigkc2VsZWN0ZWQgPT09IFwic2VsZWN0ZWRJdGVtXCIgJiYge1xuICAgIGJvcmRlclRvcDogYCR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wQ29sb3J9YCxcbiAgICBib3JkZXJCb3R0b206IGAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbUNvbG9yfWAsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIFwiJiA+IGRpdiA+IGxhYmVsXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS5oZWFkZXIuY29sb3IsXG4gICAgfSxcbiAgfSksXG4gIC4uLigkc2VsZWN0ZWQgPT09IFwibm90U2VsZWN0ZWRJdGVtXCIgJiYge1xuICAgIG1hcmdpblRvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzcyxcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICBoZWlnaHQ6IGBjYWxjKDEwMCUgLSA0cHgpYCxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxhYmVsID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpc1NlbGVjdGVkIH06IHsgJGlzU2VsZWN0ZWQ/OiBib29sZWFuIH0pID0+ICh7XG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBcIiY6YWN0aXZlXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gIH0sXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuICAuLi4oJGlzU2VsZWN0ZWQgJiYge1xuICAgIFwiJiBsYWJlbFwiOiB7IGNvbG9yOiB0aGVtZS5oZWFkZXIuY29sb3IgfSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxpbmsgPSBzdHlsZWQoXCJhXCIpKHtcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gIFwiJjphY3RpdmVcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG59KTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRjRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IGhvdmVyQ29sb3IgPSB0aGVtZS5oZWFkZXIuaG92ZXJDb2xvcjtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGkgPSBzdHlsZWQoXG4gIFwibGlcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkc2VsZWN0ZWQgfTogeyAkc2VsZWN0ZWQ/OiBzdHJpbmcgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmVcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBcIiYgPiBbcm9sZT0nYnV0dG9uJ11cIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgIH0sXG4gICAgXCImOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICBcIiYgPiBbcm9sZT0nYnV0dG9uJ11cIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG4gIC4uLigkc2VsZWN0ZWQgPT09IFwic2VsZWN0ZWRJdGVtXCIgJiYge1xuICAgIGJvcmRlclRvcDogYCR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wQ29sb3J9YCxcbiAgICBib3JkZXJCb3R0b206IGAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbUNvbG9yfWAsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIFwiJiA+IGRpdiA+IGxhYmVsXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS5oZWFkZXIuY29sb3IsXG4gICAgfSxcbiAgfSksXG4gIC4uLigkc2VsZWN0ZWQgPT09IFwibm90U2VsZWN0ZWRJdGVtXCIgJiYge1xuICAgIG1hcmdpblRvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzcyxcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICBoZWlnaHQ6IGBjYWxjKDEwMCUgLSA0cHgpYCxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxhYmVsID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpc1NlbGVjdGVkIH06IHsgJGlzU2VsZWN0ZWQ/OiBib29sZWFuIH0pID0+ICh7XG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBcIiY6YWN0aXZlXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gIH0sXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuICAuLi4oJGlzU2VsZWN0ZWQgJiYge1xuICAgIFwiJiBzcGFuXCI6IHsgY29sb3I6IHRoZW1lLmhlYWRlci5jb2xvciB9LFxuICB9KSxcbiAgXCImIHNwYW5cIjoge1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxuICB9LFxuICBcIiYgc3Bhbjo6YWZ0ZXJcIjoge1xuICAgIGNvbnRlbnQ6IFwiYXR0cihkYXRhLXRleHQpXCIsXG4gICAgaGVpZ2h0OiAwLFxuICAgIHZpc2liaWxpdHk6IFwiaGlkZGVuXCIsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gICAgZm9udFdlaWdodDogdGhlbWUuZm9udFdlaWdodHMuc2VtaWJvbGQsXG5cbiAgICBcIkBtZWRpYSBzcGVlY2hcIjoge1xuICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgfSxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGluayA9IHN0eWxlZChcImFcIikoXG4gICh7ICRpc1NlbGVjdGVkIH06IHsgJGlzU2VsZWN0ZWQ/OiBib29sZWFuIH0pID0+ICh7XG4gICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgXCImOmZvY3VzXCI6IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgIH0sXG4gICAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICB9LFxuICAgIC4uLigkaXNTZWxlY3RlZCAmJiB7XG4gICAgICBcIiYgc3BhblwiOiB7IGNvbG9yOiB0aGVtZS5oZWFkZXIuY29sb3IgfSxcbiAgICB9KSxcbiAgICBcIiYgc3BhblwiOiB7XG4gICAgICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgICB9LFxuICAgIFwiJiBzcGFuOjphZnRlclwiOiB7XG4gICAgICBjb250ZW50OiBcImF0dHIoZGF0YS10ZXh0KVwiLFxuICAgICAgaGVpZ2h0OiAwLFxuICAgICAgdmlzaWJpbGl0eTogXCJoaWRkZW5cIixcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICAgIGZvbnRXZWlnaHQ6IHRoZW1lLmZvbnRXZWlnaHRzLnNlbWlib2xkLFxuXG4gICAgICBcIkBtZWRpYSBzcGVlY2hcIjoge1xuICAgICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG4iXX0= */");
 export {
   MenuItemLabel,
   MenuItemLi,

package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuItem.styles.js","sources":["../../../../../../src/components/Header/Navigation/MenuItem/MenuItem.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"utils\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nconst hoverColor = theme.header.hoverColor;\n\nexport const MenuItemLi = styled(\n \"li\",\n transientOptions\n)(({ $selected }: { $selected?: string }) => ({\n display: \"inline\",\n \"&:hover\": {\n \"& > [role='button']\": {\n backgroundColor: hoverColor,\n },\n \"&:focus-within\": {\n \"& > [role='button']\": {\n backgroundColor: hoverColor,\n },\n },\n },\n ...($selected === \"selectedItem\" && {\n borderTop: `${theme.header.selectedItemBorderTopThickness} solid ${theme.header.selectedItemBorderTopColor}`,\n borderBottom: `${theme.header.selectedItemBorderBottomThickness} solid ${theme.header.selectedItemBorderBottomColor}`,\n paddingTop: theme.header.selectedItemBorderBottomThickness,\n height: \"100%\",\n \"& > div > label\": {\n color: theme.header.color,\n },\n }),\n ...($selected === \"notSelectedItem\" && {\n marginTop: theme.header.selectedItemBorderTopThickness,\n marginBottom: theme.header.selectedItemBorderBottomThickness,\n paddingTop: theme.header.selectedItemBorderBottomThickness,\n height: `calc(100% - 4px)`,\n }),\n}));\n\nexport const MenuItemLabel = styled(\n \"div\",\n transientOptions\n)(({ $isSelected }: { $isSelected?: boolean }) => ({\n border: \"none\",\n cursor: \"pointer\",\n padding: `${theme.space.xs} ${theme.space.sm}`,\n height: \"100%\",\n display: \"flex\",\n alignItems: \"center\",\n \"&:active\": {\n outline: \"none\",\n },\n \"&:focus\": {\n outline: \"none\",\n backgroundColor: hoverColor,\n },\n \"&:focus-visible\": {\n ...outlineStyles,\n },\n ...($isSelected && {\n \"& ~~label~~\": { color: theme.header.color },\n }),\n}));\n\nexport const MenuItemLink = styled(\"a\")({\n border: \"none\",\n cursor: \"pointer\",\n padding: `${theme.space.xs} ${theme.space.sm}`,\n display: \"~~block~~\",\n textDecoration: \"none\",\n \"&:active\": {\n outline: \"none\",\n },\n \"&:focus\": {\n outline: \"none\",\n backgroundColor: hoverColor,\n },\n \"&:focus-visible\": {\n ...outlineStyles,\n },\n});\n"],"names":["hoverColor","theme","header","MenuItemLi","process","env","NODE_ENV","_extends","target","transientOptions","label","$selected","display","backgroundColor","borderTop","selectedItemBorderTopThickness","selectedItemBorderTopColor","borderBottom","selectedItemBorderBottomThickness","selectedItemBorderBottomColor","paddingTop","height","color","marginTop","marginBottom","MenuItemLabel","$isSelected","border","cursor","padding","space","xs","sm","alignItems","outline","outlineStyles","MenuItemLink","textDecoration"],"mappings":";;;;;;;;;;;;;;;;;;AAKA,MAAMA,aAAaC,MAAMC,OAAOF;AAEnBG,MAAAA,qCACX,MAAIC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACJC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAkC,OAAO;AAAA,EAC5CC,SAAS;AAAA,EACT,WAAW;AAAA,IACT,uBAAuB;AAAA,MACrBC,iBAAiBb;AAAAA,IACnB;AAAA,IACA,kBAAkB;AAAA,MAChB,uBAAuB;AAAA,QACrBa,iBAAiBb;AAAAA,MACnB;AAAA,IACF;AAAA,EACF;AAAA,EACA,GAAIW,cAAc,kBAAkB;AAAA,IAClCG,WAAY,GAAEb,MAAMC,OAAOa,wCAAwCd,MAAMC,OAAOc;AAAAA,IAChFC,cAAe,GAAEhB,MAAMC,OAAOgB,2CAA2CjB,MAAMC,OAAOiB;AAAAA,IACtFC,YAAYnB,MAAMC,OAAOgB;AAAAA,IACzBG,QAAQ;AAAA,IACR,mBAAmB;AAAA,MACjBC,OAAOrB,MAAMC,OAAOoB;AAAAA,IACtB;AAAA,EACF;AAAA,EACA,GAAIX,cAAc,qBAAqB;AAAA,IACrCY,WAAWtB,MAAMC,OAAOa;AAAAA,IACxBS,cAAcvB,MAAMC,OAAOgB;AAAAA,IAC3BE,YAAYnB,MAAMC,OAAOgB;AAAAA,IACzBG,QAAS;AAAA,EACX;AACF,IAAEjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,~~i/GAAA~~;AAEUmB,MAAAA,wCACX,OAAKrB,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEiB;AAAuC,OAAO;AAAA,EACjDC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,SAAU,GAAE5B,MAAM6B,MAAMC,MAAM9B,MAAM6B,MAAME;AAAAA,EAC1CX,QAAQ;AAAA,EACRT,SAAS;AAAA,EACTqB,YAAY;AAAA,EACZ,YAAY;AAAA,IACVC,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACTA,SAAS;AAAA,IACTrB,iBAAiBb;AAAAA,EACnB;AAAA,EACA,mBAAmB;AAAA,IACjB,GAAGmC;AAAAA,EACL;AAAA,EACA,GAAIT,eAAe;AAAA,IACjB,~~WAAW~~;AAAA,MAAEJ,OAAOrB,MAAMC,OAAOoB;AAAAA,IAAM;AAAA,~~EACzC~~;AACF,~~IAAElB~~,QAAAC,IAAAC,aAAC,eAAA,KAAA,~~q/GAAA~~;AAEI,~~MAAM8B~~,eAAsB,wBAAA,~~KAAGhC~~,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,~~EAAE~~;AAAA,~~EACtCiB~~,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,SAAU,GAAE5B,MAAM6B,MAAMC,MAAM9B,MAAM6B,MAAME;AAAAA,~~EAC1CpB~~,SAAS;AAAA,~~EACTyB~~,gBAAgB;AAAA,EAChB,YAAY;AAAA,~~IACVH~~,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACTA,SAAS;AAAA,IACTrB,iBAAiBb;AAAAA,EACnB;AAAA,EACA,mBAAmB;AAAA,IACjB,GAAGmC;AAAAA,EACL;AACF,~~GAAC/B~~,QAAAC,IAAAC,~~aAAC~~,eAAA,KAAA,~~q/GAAA~~;"}
1	+ {"version":3,"file":"MenuItem.styles.js","sources":["../../../../../../src/components/Header/Navigation/MenuItem/MenuItem.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"utils\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nconst hoverColor = theme.header.hoverColor;\n\nexport const MenuItemLi = styled(\n \"li\",\n transientOptions\n)(({ $selected }: { $selected?: string }) => ({\n display: \"inline\",\n \"&:hover\": {\n \"& > [role='button']\": {\n backgroundColor: hoverColor,\n },\n \"&:focus-within\": {\n \"& > [role='button']\": {\n backgroundColor: hoverColor,\n },\n },\n },\n ...($selected === \"selectedItem\" && {\n borderTop: `${theme.header.selectedItemBorderTopThickness} solid ${theme.header.selectedItemBorderTopColor}`,\n borderBottom: `${theme.header.selectedItemBorderBottomThickness} solid ${theme.header.selectedItemBorderBottomColor}`,\n paddingTop: theme.header.selectedItemBorderBottomThickness,\n height: \"100%\",\n \"& > div > label\": {\n color: theme.header.color,\n },\n }),\n ...($selected === \"notSelectedItem\" && {\n marginTop: theme.header.selectedItemBorderTopThickness,\n marginBottom: theme.header.selectedItemBorderBottomThickness,\n paddingTop: theme.header.selectedItemBorderBottomThickness,\n height: `calc(100% - 4px)`,\n }),\n}));\n\nexport const MenuItemLabel = styled(\n \"div\",\n transientOptions\n)(({ $isSelected }: { $isSelected?: boolean }) => ({\n border: \"none\",\n cursor: \"pointer\",\n padding: `${theme.space.xs} ${theme.space.sm}`,\n height: \"100%\",\n display: \"flex\",\n alignItems: \"center\",\n \"&:active\": {\n outline: \"none\",\n },\n \"&:focus\": {\n outline: \"none\",\n backgroundColor: hoverColor,\n },\n \"&:focus-visible\": {\n ...outlineStyles,\n },\n ...($isSelected && {\n \"& span\": { color: theme.header.color },\n }),\n \"& span\": {\n display: \"inline-flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n },\n \"& span::after\": {\n content: \"attr(data-text)\",\n height: 0,\n visibility: \"hidden\",\n overflow: \"hidden\",\n userSelect: \"none\",\n pointerEvents: \"none\",\n fontWeight: theme.fontWeights.semibold,\n\n \"@media speech\": {\n display: \"none\",\n },\n },\n}));\n\nexport const MenuItemLink = styled(\"a\")(\n ({ $isSelected }: { $isSelected?: boolean }) => ({\n border: \"none\",\n cursor: \"pointer\",\n padding: `${theme.space.xs} ${theme.space.sm}`,\n height: \"100%\",\n display: \"flex\",\n alignItems: \"center\",\n textDecoration: \"none\",\n \"&:active\": {\n outline: \"none\",\n },\n \"&:focus\": {\n outline: \"none\",\n backgroundColor: hoverColor,\n },\n \"&:focus-visible\": {\n ...outlineStyles,\n },\n ...($isSelected && {\n \"& span\": { color: theme.header.color },\n }),\n \"& span\": {\n display: \"inline-flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n },\n \"& span::after\": {\n content: \"attr(data-text)\",\n height: 0,\n visibility: \"hidden\",\n overflow: \"hidden\",\n userSelect: \"none\",\n pointerEvents: \"none\",\n fontWeight: theme.fontWeights.semibold,\n\n \"@media speech\": {\n display: \"none\",\n },\n },\n })\n);\n"],"names":["hoverColor","theme","header","MenuItemLi","process","env","NODE_ENV","_extends","target","transientOptions","label","$selected","display","backgroundColor","borderTop","selectedItemBorderTopThickness","selectedItemBorderTopColor","borderBottom","selectedItemBorderBottomThickness","selectedItemBorderBottomColor","paddingTop","height","color","marginTop","marginBottom","MenuItemLabel","$isSelected","border","cursor","padding","space","xs","sm","alignItems","outline","outlineStyles","flexDirection","justifyContent","content","visibility","overflow","userSelect","pointerEvents","fontWeight","fontWeights","semibold","MenuItemLink","textDecoration"],"mappings":"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"}

package/dist/esm/components/Header/Navigation/Navigation.js CHANGED Viewed

@@ -16,6 +16,7 @@ const HvNavigation = ({
 }) => {
   const selectionPath = useSelectionPath(data, selected);
   const handleClick = (event, selection) => {
+    event.preventDefault();
     onClick == null ? void 0 : onClick(event, selection);
   };
   return /* @__PURE__ */ jsx(SelectionContext.Provider, { value: selectionPath, children: /* @__PURE__ */ jsx(FocusProvider, { children: /* @__PURE__ */ jsx(StyledNav, { className: clsx(className, headerNavigationClasses.root, classes == null ? void 0 : classes.root), ...others, children: /* @__PURE__ */ jsx(HvMenuBar, { data, type: "menubar", onClick: handleClick }) }) }) });

package/dist/esm/components/Header/Navigation/Navigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Navigation.js","sources":["../../../../../src/components/Header/Navigation/Navigation.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { MouseEvent } from \"react\";\nimport { useSelectionPath } from \"hooks\";\nimport { HvBaseProps } from \"../../../types\";\nimport { HvMenuBar } from \"./MenuBar\";\nimport { StyledNav } from \"./Navigation.styles\";\nimport { FocusProvider } from \"./utils/FocusContext\";\nimport { SelectionContext } from \"./utils/SelectionContext\";\nimport headerNavigationClasses, {\n HvHeaderNavigationClasses,\n} from \"./navigationClasses\";\n\nexport interface HvNavigationItemProp {\n id: string;\n label: string;\n path?: string;\n href?: string;\n target?: string;\n data?: HvNavigationItemProp[];\n}\n\nexport type HvNavigationProps = HvBaseProps<HTMLDivElement, { onClick }> & {\n data: HvNavigationItemProp[];\n selected?: string;\n onClick?: (event: MouseEvent, selection: HvNavigationItemProp) => void;\n classes?: HvHeaderNavigationClasses;\n};\n\nexport const HvNavigation = ({\n data,\n selected,\n onClick,\n className,\n classes,\n ...others\n}: HvNavigationProps) => {\n const selectionPath = useSelectionPath(data, selected);\n\n const handleClick = (event, selection) => {\n onClick?.(event, selection);\n };\n\n return (\n <SelectionContext.Provider value={selectionPath}>\n <FocusProvider>\n <StyledNav\n className={clsx(\n className,\n headerNavigationClasses.root,\n classes?.root\n )}\n {...others}\n >\n <HvMenuBar data={data} type=\"menubar\" onClick={handleClick} />\n </StyledNav>\n </FocusProvider>\n </SelectionContext.Provider>\n );\n};\n"],"names":["HvNavigation","data","selected","onClick","className","classes","others","selectionPath","useSelectionPath","handleClick","event","selection","clsx","headerNavigationClasses","root"],"mappings":";;;;;;;;AA4BO,MAAMA,eAAeA,CAAC;AAAA,EAC3BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACc,MAAM;AACjBC,QAAAA,gBAAgBC,iBAAiBP,MAAMC,QAAQ;AAE/CO,QAAAA,cAAcA,CAACC,OAAOC,cAAc;~~AACxCR~~,uCAAUO,OAAOC;AAAAA,EAAS;AAG5B,SACG,oBAAA,iBAAiB,UAAjB,EAA0B,OAAOJ,eAChC,UAAC,oBAAA,eAAA,EACC,UAAC,oBAAA,WAAA,EACC,~~WAAWK~~,~~KACTR~~,~~WACAS~~,wBAAwBC,~~MACxBT~~,~~mCAASS~~,IAAI,~~GAEXR~~,GAAAA,QAEJ,UAAC,oBAAA,WAAA,EAAU,MAAY,MAAK,WAAU,SAASG,YAAY,CAAA,EAAA,CAC7D,GACF,EACF,CAAA;AAEJ;"}
1	+ {"version":3,"file":"Navigation.js","sources":["../../../../../src/components/Header/Navigation/Navigation.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { MouseEvent } from \"react\";\nimport { useSelectionPath } from \"hooks\";\nimport { HvBaseProps } from \"../../../types\";\nimport { HvMenuBar } from \"./MenuBar\";\nimport { StyledNav } from \"./Navigation.styles\";\nimport { FocusProvider } from \"./utils/FocusContext\";\nimport { SelectionContext } from \"./utils/SelectionContext\";\nimport headerNavigationClasses, {\n HvHeaderNavigationClasses,\n} from \"./navigationClasses\";\n\nexport interface HvNavigationItemProp {\n id: string;\n label: string;\n path?: string;\n href?: string;\n target?: string;\n data?: HvNavigationItemProp[];\n}\n\nexport type HvNavigationProps = HvBaseProps<HTMLDivElement, { onClick }> & {\n data: HvNavigationItemProp[];\n selected?: string;\n onClick?: (event: MouseEvent, selection: HvNavigationItemProp) => void;\n classes?: HvHeaderNavigationClasses;\n};\n\nexport const HvNavigation = ({\n data,\n selected,\n onClick,\n className,\n classes,\n ...others\n}: HvNavigationProps) => {\n const selectionPath = useSelectionPath(data, selected);\n\n const handleClick = (event, selection) => {\n event.preventDefault();\n\n onClick?.(event, selection);\n };\n\n return (\n <SelectionContext.Provider value={selectionPath}>\n <FocusProvider>\n <StyledNav\n className={clsx(\n className,\n headerNavigationClasses.root,\n classes?.root\n )}\n {...others}\n >\n <HvMenuBar data={data} type=\"menubar\" onClick={handleClick} />\n </StyledNav>\n </FocusProvider>\n </SelectionContext.Provider>\n );\n};\n"],"names":["HvNavigation","data","selected","onClick","className","classes","others","selectionPath","useSelectionPath","handleClick","event","selection","preventDefault","clsx","headerNavigationClasses","root"],"mappings":";;;;;;;;AA4BO,MAAMA,eAAeA,CAAC;AAAA,EAC3BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACc,MAAM;AACjBC,QAAAA,gBAAgBC,iBAAiBP,MAAMC,QAAQ;AAE/CO,QAAAA,cAAcA,CAACC,OAAOC,cAAc;AACxCD,UAAME,eAAgB;AAEtBT,uCAAUO,OAAOC;AAAAA,EAAS;AAG5B,SACG,oBAAA,iBAAiB,UAAjB,EAA0B,OAAOJ,eAChC,UAAC,oBAAA,eAAA,EACC,UAAC,oBAAA,WAAA,EACC,WAAWM,KACTT,WACAU,wBAAwBC,MACxBV,mCAASU,IAAI,GAEXT,GAAAA,QAEJ,UAAC,oBAAA,WAAA,EAAU,MAAY,MAAK,WAAU,SAASG,YAAY,CAAA,EAAA,CAC7D,GACF,EACF,CAAA;AAEJ;"}

package/dist/esm/components/Link/Link.js CHANGED Viewed

@@ -1,10 +1,8 @@
 import { jsx } from "@emotion/react/jsx-runtime";
 import clsx from "clsx";
-import { StyledBox, StyledA } from "./Link.styles.js";
+import { StyledA } from "./Link.styles.js";
 import linkClasses from "./linkClasses.js";
 const HvLink = ({
-  as = "div",
-  tabIndex = 0,
   onClick,
   classes,
   className,
@@ -13,7 +11,11 @@ const HvLink = ({
   children,
   ...others
 }) => {
-  return onClick ? /* @__PURE__ */ jsx(StyledBox, { role: "button", tabIndex, onClick: (event) => onClick == null ? void 0 : onClick(event, data), className: clsx(className, linkClasses.a, classes == null ? void 0 : classes.a), component: as, ...others, children }) : /* @__PURE__ */ jsx(StyledA, { href: route, className: clsx(className, linkClasses.a, classes == null ? void 0 : classes.a), children });
+  const handleClick = (event) => {
+    event.preventDefault();
+    onClick == null ? void 0 : onClick(event, data);
+  };
+  return /* @__PURE__ */ jsx(StyledA, { href: route, onClick: onClick != null ? handleClick : void 0, className: clsx(className, linkClasses.a, classes == null ? void 0 : classes.a), ...others, children });
 };
 export {
   HvLink

package/dist/esm/components/Link/Link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Link.js","sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledA, ~~StyledBox~~ } from \"./Link.styles\";\nimport { linkClasses, HvLinkClasses } from \".\";\nimport { MouseEventHandler } from \"react\";\n\nexport type HvLinkProps = HvBaseProps<~~HTMLDivElement~~, { onClick }> & {\n ~~as?: React.ElementType;\n~~ onClick?: (\n event: MouseEventHandler<~~HTMLDivElement~~>,\n data: any\n ) => void \| undefined;\n ~~tabIndex?: number;\n~~ route?: string;\n data?: any;\n children: any;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvLinkClasses;\n};\n\nexport const HvLink = ({\n ~~as = \"div\",\n tabIndex = 0,\n~~ onClick,\n classes,\n className,\n route,\n data,\n children,\n ...others\n}: HvLinkProps) => {\n ~~return~~ ~~onClick~~ ? (\n ~~<StyledBox\~~n ~~role=\"button~~\"\n ~~tabIndex={tabIndex}\n~~ onClick~~={(event) => onClick~~?.(event, data)}\n ~~className={clsx(className, linkClasses.a, classes?.a)~~}\n ~~component={as}~~\n ~~{...others}\n >\n {children}\n </StyledBox>\n~~ ) : (\n <StyledA\n href={route}\n className={clsx(className, linkClasses.a, classes?.a)}\n >\n {children}\n </StyledA>\n );\n};\n"],"names":["HvLink","~~as","tabIndex","~~onClick","classes","className","route","data","children","others","event","clsx","linkClasses","a"],"mappings":";;;;~~AAoBO~~,MAAMA,SAASA,CAAC;AAAA,EACrBC~~,KAAK~~;~~AAAA,EACLC,WAAW;AAAA,EACXC;~~AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACQ,MAAM;AACjB,~~SAAON~~,~~UACJ~~,~~oBAAA~~,~~WAAA~~,~~EACC~~,~~MAAK~~,~~UACL~~,~~UACA~~,~~SAAUO~~,~~CAAAA~~,~~UAAUP~~,~~mCAAUO~~,~~OAAOH~~,~~OACrC~~,~~WAAWI~~,~~KAAKN~~,~~WAAWO~~,~~YAAYC~~,~~GAAGT~~,~~mCAASS~~,~~CAAC~~,~~GACpD~~,~~WAAWZ~~,~~IACPQ~~,~~GAAAA~~,~~QAEHD~~,~~SACH~~,~~CAAA~~,~~wBAEC~~,~~SACC,EAAA,MAAMF,OACN,WAAWK,KAAKN,WAAWO,YAAYC,GAAGT,mCAASS,CAAC,GAEnDL,~~SACH,CAAA;AAEJ;"}
1	+ {"version":3,"file":"Link.js","sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledA } from \"./Link.styles\";\nimport { linkClasses, HvLinkClasses } from \".\";\nimport { MouseEventHandler } from \"react\";\n\nexport type HvLinkProps = HvBaseProps<HTMLAnchorElement, { onClick }> & {\n onClick?: (\n event: MouseEventHandler<HTMLAnchorElement>,\n data: any\n ) => void \| undefined;\n route?: string;\n data?: any;\n children: any;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvLinkClasses;\n};\n\nexport const HvLink = ({\n onClick,\n classes,\n className,\n route,\n data,\n children,\n ...others\n}: HvLinkProps) => {\n const handleClick = (event) => {\n event.preventDefault();\n\n onClick?.(event, data);\n };\n\n return (\n <StyledA\n href={route}\n onClick={onClick != null ? handleClick : undefined}\n className={clsx(className, linkClasses.a, classes?.a)}\n {...others}\n >\n {children}\n </StyledA>\n );\n};\n"],"names":["HvLink","onClick","classes","className","route","data","children","others","handleClick","event","preventDefault","undefined","clsx","linkClasses","a"],"mappings":";;;;AAkBO,MAAMA,SAASA,CAAC;AAAA,EACrBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACQ,MAAM;AACjB,QAAMC,cAAeC,CAAU,UAAA;AAC7BA,UAAMC,eAAgB;AAEtBT,uCAAUQ,OAAOJ;AAAAA,EAAI;AAGvB,6BACG,SACC,EAAA,MAAMD,OACN,SAASH,WAAW,OAAOO,cAAcG,QACzC,WAAWC,KAAKT,WAAWU,YAAYC,GAAGZ,mCAASY,CAAC,GACpD,GAAIP,QAEHD,SACH,CAAA;AAEJ;"}