npm - @hitachivantara/uikit-react-core - Versions diffs - 5.0.0-next.20 → 5.0.0-next.22 - Mend

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

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 (494) hide show

package/dist/esm/components/Banner/BannerContent/ActionContainer/ActionContainer.js CHANGED Viewed

@@ -27,12 +27,12 @@ const HvActionContainer = ({
       "aria-label": "Close",
       onClick: onClose,
       tabIndex: 0,
-      $baseColor: ((_a = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _a.modes[selectedMode].base1) || theme.colors.base1,
+      $baseColor: ((_a = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _a.modes[selectedMode].base_light) || theme.colors.base_light,
       ...others,
       children: /* @__PURE__ */ jsx(StyledClose, {
         iconSize: "XS",
         className: clsx(actionContainerClasses.iconContainer, classes == null ? void 0 : classes.iconContainer),
-        color: "base2"
+        color: "base_dark"
       })
     }), action && /* @__PURE__ */ jsx(StyledActionsInnerContainer, {
       className: clsx(actionContainerClasses.actionsInnerContainer, classes == null ? void 0 : classes.actionsInnerContainer),

package/dist/esm/components/Banner/BannerContent/ActionContainer/ActionContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionContainer.js","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../../types\";\nimport actionContainerClasses, {\n HvActionContainerClasses,\n} from \"./actionContainerClasses\";\nimport {\n StyledActionContainer,\n StyledButton,\n StyledClose,\n StyledActionsInnerContainer,\n} from \"./ActionContainer.styles\";\nimport { HvActionGeneric, HvActionsGeneric } from \"../../../ActionsGeneric\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { useTheme } from \"../../../../hooks\";\n\nexport type HvActionContainerProps = HvBaseProps & {\n /** onClose function. /\n onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /* Actions to display. /\n action?: React.ReactNode \| HvActionGeneric[];\n /* The callback function ran when an action is triggered, receiving `action` as param /\n actionCallback?: (\n event: React.SyntheticEvent,\n id: string,\n action: HvActionGeneric\n ) => void;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvActionContainerClasses;\n};\n\nexport const HvActionContainer = ({\n id,\n classes,\n onClose,\n action,\n actionCallback,\n ...others\n}: HvActionContainerProps) => {\n const { activeTheme, selectedMode } = useTheme();\n\n return (\n <StyledActionContainer\n className={clsx(\n actionContainerClasses.actionContainer,\n classes?.actionContainer\n )}\n >\n <StyledButton\n icon\n className={clsx(\n actionContainerClasses.closeAction,\n classes?.closeAction\n )}\n variant=\"secondaryGhost\"\n aria-label=\"Close\"\n onClick={onClose}\n tabIndex={0}\n $baseColor={\n activeTheme?.colors?.modes[selectedMode].~~base1~~ \|\| theme.colors.~~base1~~\n }\n {...others}\n >\n <StyledClose\n iconSize=\"XS\"\n className={clsx(\n actionContainerClasses.iconContainer,\n classes?.iconContainer\n )}\n color=\"~~base2~~\"\n />\n </StyledButton>\n {action && (\n <StyledActionsInnerContainer\n className={clsx(\n actionContainerClasses.actionsInnerContainer,\n classes?.actionsInnerContainer\n )}\n >\n <HvActionsGeneric\n id={id}\n category=\"secondaryGhost\"\n actions={action}\n actionsCallback={actionCallback}\n />\n </StyledActionsInnerContainer>\n )}\n </StyledActionContainer>\n );\n};\n"],"names":["HvActionContainer","id","classes","onClose","action","actionCallback","others","activeTheme","selectedMode","useTheme","StyledActionContainer","className","clsx","actionContainerClasses","actionContainer","children","_jsx","StyledButton","icon","closeAction","variant","onClick","tabIndex","$baseColor","colors","modes","~~base1~~","theme","StyledClose","iconSize","iconContainer","color","StyledActionsInnerContainer","actionsInnerContainer","HvActionsGeneric","category","actions","actionsCallback"],"mappings":";;;;;;;AA8BO,MAAMA,oBAAoBA,CAAC;AAAA,EAChCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACmB,MAAM;;AACtB,QAAA;AAAA,IAAEC;AAAAA,IAAaC;AAAAA,MAAiBC,SAAU;AAEhD,8BACGC,uBAAqB;AAAA,IACpBC,WAAWC,KACTC,uBAAuBC,iBACvBZ,mCAASY,eAAe;AAAA,IACxBC,UAAA,CAEFC,oBAACC,cAAY;AAAA,MACXC,MAAI;AAAA,MACJP,WAAWC,KACTC,uBAAuBM,aACvBjB,mCAASiB,WAAW;AAAA,MAEtBC,SAAQ;AAAA,MACR,cAAW;AAAA,MACXC,SAASlB;AAAAA,MACTmB,UAAU;AAAA,MACVC,cACEhB,gDAAaiB,WAAbjB,mBAAqBkB,MAAMjB,cAAckB,~~UAASC~~,MAAMH,OAAOE;AAAAA,~~MAChE~~,GACGpB;AAAAA,MAAMS,8BAETa,aAAW;AAAA,QACVC,UAAS;AAAA,QACTlB,WAAWC,KACTC,uBAAuBiB,eACvB5B,mCAAS4B,aAAa;AAAA,QAExBC,OAAM;AAAA,MAAA,~~CAAO~~;AAAA,IAAA,~~CACb~~,GAEH3B,UACCY,oBAACgB,6BAA2B;AAAA,MAC1BrB,WAAWC,KACTC,uBAAuBoB,uBACvB/B,mCAAS+B,qBAAqB;AAAA,MAC9BlB,8BAEDmB,kBAAgB;AAAA,QACfjC;AAAAA,QACAkC,UAAS;AAAA,QACTC,SAAShC;AAAAA,QACTiC,iBAAiBhC;AAAAA,MAAAA,CAAe;AAAA,IAAA,CAGrC,CAAA;AAAA,EAAA,CACqB;AAE5B;"}
1	+ {"version":3,"file":"ActionContainer.js","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../../types\";\nimport actionContainerClasses, {\n HvActionContainerClasses,\n} from \"./actionContainerClasses\";\nimport {\n StyledActionContainer,\n StyledButton,\n StyledClose,\n StyledActionsInnerContainer,\n} from \"./ActionContainer.styles\";\nimport { HvActionGeneric, HvActionsGeneric } from \"../../../ActionsGeneric\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { useTheme } from \"../../../../hooks\";\n\nexport type HvActionContainerProps = HvBaseProps & {\n /** onClose function. /\n onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /* Actions to display. /\n action?: React.ReactNode \| HvActionGeneric[];\n /* The callback function ran when an action is triggered, receiving `action` as param /\n actionCallback?: (\n event: React.SyntheticEvent,\n id: string,\n action: HvActionGeneric\n ) => void;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvActionContainerClasses;\n};\n\nexport const HvActionContainer = ({\n id,\n classes,\n onClose,\n action,\n actionCallback,\n ...others\n}: HvActionContainerProps) => {\n const { activeTheme, selectedMode } = useTheme();\n\n return (\n <StyledActionContainer\n className={clsx(\n actionContainerClasses.actionContainer,\n classes?.actionContainer\n )}\n >\n <StyledButton\n icon\n className={clsx(\n actionContainerClasses.closeAction,\n classes?.closeAction\n )}\n variant=\"secondaryGhost\"\n aria-label=\"Close\"\n onClick={onClose}\n tabIndex={0}\n $baseColor={\n activeTheme?.colors?.modes[selectedMode].base_light \|\|\n theme.colors.base_light\n }\n {...others}\n >\n <StyledClose\n iconSize=\"XS\"\n className={clsx(\n actionContainerClasses.iconContainer,\n classes?.iconContainer\n )}\n color=\"base_dark\"\n />\n </StyledButton>\n {action && (\n <StyledActionsInnerContainer\n className={clsx(\n actionContainerClasses.actionsInnerContainer,\n classes?.actionsInnerContainer\n )}\n >\n <HvActionsGeneric\n id={id}\n category=\"secondaryGhost\"\n actions={action}\n actionsCallback={actionCallback}\n />\n </StyledActionsInnerContainer>\n )}\n </StyledActionContainer>\n );\n};\n"],"names":["HvActionContainer","id","classes","onClose","action","actionCallback","others","activeTheme","selectedMode","useTheme","StyledActionContainer","className","clsx","actionContainerClasses","actionContainer","children","_jsx","StyledButton","icon","closeAction","variant","onClick","tabIndex","$baseColor","colors","modes","base_light","theme","StyledClose","iconSize","iconContainer","color","StyledActionsInnerContainer","actionsInnerContainer","HvActionsGeneric","category","actions","actionsCallback"],"mappings":";;;;;;;AA8BO,MAAMA,oBAAoBA,CAAC;AAAA,EAChCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACmB,MAAM;;AACtB,QAAA;AAAA,IAAEC;AAAAA,IAAaC;AAAAA,MAAiBC,SAAU;AAEhD,8BACGC,uBAAqB;AAAA,IACpBC,WAAWC,KACTC,uBAAuBC,iBACvBZ,mCAASY,eAAe;AAAA,IACxBC,UAAA,CAEFC,oBAACC,cAAY;AAAA,MACXC,MAAI;AAAA,MACJP,WAAWC,KACTC,uBAAuBM,aACvBjB,mCAASiB,WAAW;AAAA,MAEtBC,SAAQ;AAAA,MACR,cAAW;AAAA,MACXC,SAASlB;AAAAA,MACTmB,UAAU;AAAA,MACVC,cACEhB,gDAAaiB,WAAbjB,mBAAqBkB,MAAMjB,cAAckB,eACzCC,MAAMH,OAAOE;AAAAA,MACd,GACGpB;AAAAA,MAAMS,8BAETa,aAAW;AAAA,QACVC,UAAS;AAAA,QACTlB,WAAWC,KACTC,uBAAuBiB,eACvB5B,mCAAS4B,aAAa;AAAA,QAExBC,OAAM;AAAA,MAAA,CAAW;AAAA,IAAA,CACjB,GAEH3B,UACCY,oBAACgB,6BAA2B;AAAA,MAC1BrB,WAAWC,KACTC,uBAAuBoB,uBACvB/B,mCAAS+B,qBAAqB;AAAA,MAC9BlB,8BAEDmB,kBAAgB;AAAA,QACfjC;AAAAA,QACAkC,UAAS;AAAA,QACTC,SAAShC;AAAAA,QACTiC,iBAAiBhC;AAAAA,MAAAA,CAAe;AAAA,IAAA,CAGrC,CAAA;AAAA,EAAA,CACqB;AAE5B;"}

package/dist/esm/components/Banner/BannerContent/BannerContent.js CHANGED Viewed

@@ -20,7 +20,7 @@ const HvBannerContent = forwardRef(({
   actionProps,
   ...others
 }, ref) => {
-  const icon = customIcon || showIcon && iconVariant(variant, "base2", void 0);
+  const icon = customIcon || showIcon && iconVariant(variant, "base_dark", void 0);
   const effectiveActionsPosition = actionsPosition === "auto" ? "inline" : actionsPosition;
   return /* @__PURE__ */ jsx(StyledRoot, {
     className: clsx(bannerContentClasses.outContainer, classes == null ? void 0 : classes.outContainer),

package/dist/esm/components/Banner/BannerContent/BannerContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BannerContent.js","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { SnackbarContentProps as MuiSnackbarContentProps } from \"@mui/material/SnackbarContent\";\nimport { HvBaseProps } from \"../../../types\";\nimport bannerContentClasses, {\n HvBannerContentClasses,\n} from \"./bannerContentClasses\";\nimport { HvActionContainer } from \"./ActionContainer\";\nimport { HvMessageContainer } from \"./MessageContainer\";\nimport { StyledRoot, StyledSnackbarContent } from \"./BannerContent.styles\";\nimport {\n HvActionGeneric,\n HvBannerActionPosition,\n HvBannerVariant,\n} from \"components\";\nimport { forwardRef } from \"react\";\nimport { iconVariant } from \"../../../utils\";\nimport { HvActionContainerProps } from \"./ActionContainer/ActionContainer\";\n\nexport type HvBannerContentProps = Omit<\n MuiSnackbarContentProps,\n \"variant\" \| \"classes\" \| \"onClose\"\n> &\n HvBaseProps & {\n /** The message to display. /\n content?: React.ReactNode;\n /* Variant of the snackbar. /\n variant?: HvBannerVariant;\n /* Controls if the associated icon to the variant should be shown. /\n showIcon?: boolean;\n /* Custom icon to replace the variant default. /\n customIcon?: React.ReactNode;\n /* onClose function. /\n onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /* Actions to display on the right side. /\n actions?: React.ReactNode \| HvActionGeneric[];\n /* The callback function ran when an action is triggered, receiving `action` as param /\n actionsCallback?: (\n event: React.SyntheticEvent,\n id: string,\n action: HvActionGeneric\n ) => void;\n /* The position property of the header. /\n actionsPosition?: HvBannerActionPosition;\n /* The props to pass down to the Action Container. /\n actionProps?: HvActionContainerProps;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvBannerContentClasses;\n };\n\nexport const HvBannerContent = forwardRef<HTMLDivElement, HvBannerContentProps>(\n (\n {\n id,\n classes,\n showIcon = false,\n customIcon,\n variant = \"default\",\n onClose,\n actions,\n actionsCallback,\n actionsPosition = \"auto\",\n content,\n actionProps,\n ...others\n },\n ref\n ) => {\n const icon =\n customIcon \|\| (showIcon && iconVariant(variant, \"~~base2~~\", undefined));\n\n // default to inline\n // this might try to be more intelligent in the future,\n // taking into account the content length, available space,\n // number of actions, etc..\n const effectiveActionsPosition =\n actionsPosition === \"auto\" ? \"inline\" : actionsPosition;\n\n return (\n <StyledRoot\n className={clsx(\n bannerContentClasses.outContainer,\n classes?.outContainer\n )}\n >\n <StyledSnackbarContent\n ref={ref}\n id={id}\n classes={{\n root: clsx(bannerContentClasses.root, classes?.root),\n message: clsx(bannerContentClasses.message, classes?.message),\n action: clsx(bannerContentClasses.action, classes?.action),\n }}\n className={clsx(\n bannerContentClasses.baseVariant,\n classes?.baseVariant,\n bannerContentClasses[variant],\n classes?.[variant]\n )}\n message={\n <HvMessageContainer\n id={id}\n icon={icon}\n {...(effectiveActionsPosition === \"inline\" && {\n actionsOnMessage: actions,\n actionsOnMessageCallback: actionsCallback,\n })}\n message={content}\n />\n }\n action={\n <HvActionContainer\n id={id}\n onClose={onClose}\n {...(effectiveActionsPosition === \"bottom-right\" && {\n action: actions,\n actionCallback: actionsCallback,\n })}\n {...actionProps}\n />\n }\n $variant={variant as HvBannerVariant}\n {...others}\n />\n </StyledRoot>\n );\n }\n);\n"],"names":["HvBannerContent","forwardRef","id","classes","showIcon","customIcon","variant","onClose","actions","actionsCallback","actionsPosition","content","actionProps","others","ref","icon","iconVariant","undefined","effectiveActionsPosition","StyledRoot","className","clsx","bannerContentClasses","outContainer","children","StyledSnackbarContent","root","message","action","baseVariant","HvMessageContainer","actionsOnMessage","actionsOnMessageCallback","HvActionContainer","actionCallback","$variant"],"mappings":";;;;;;;;AAiDaA,MAAAA,kBAAkBC,WAC7B,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACL,GACAC,QACG;AACH,QAAMC,OACJV,cAAeD,YAAYY,YAAYV,SAAS,~~SAASW~~,MAAS;~~AAM9DC~~,QAAAA,2BACJR,oBAAoB,SAAS,WAAWA;AAE1C,6BACGS,YAAU;AAAA,IACTC,WAAWC,KACTC,qBAAqBC,cACrBpB,mCAASoB,YAAY;AAAA,IACrBC,8BAEDC,uBAAqB;AAAA,MACpBX;AAAAA,MACAZ;AAAAA,MACAC,SAAS;AAAA,QACPuB,MAAML,KAAKC,qBAAqBI,MAAMvB,mCAASuB,IAAI;AAAA,QACnDC,SAASN,KAAKC,qBAAqBK,SAASxB,mCAASwB,OAAO;AAAA,QAC5DC,QAAQP,KAAKC,qBAAqBM,QAAQzB,mCAASyB,MAAM;AAAA,MAC3D;AAAA,MACAR,WAAWC,KACTC,qBAAqBO,aACrB1B,mCAAS0B,aACTP,qBAAqBhB,OAAO,GAC5BH,mCAAUG,QAAQ;AAAA,MAEpBqB,6BACGG,oBAAkB;AAAA,QACjB5B;AAAAA,QACAa;AAAAA,QAAW,GACNG,6BAA6B,YAAY;AAAA,UAC5Ca,kBAAkBvB;AAAAA,UAClBwB,0BAA0BvB;AAAAA,QAC5B;AAAA,QACAkB,SAAShB;AAAAA,MAAAA,CAEZ;AAAA,MACDiB,4BACGK,mBAAiB;AAAA,QAChB/B;AAAAA,QACAK;AAAAA,QAAiB,GACZW,6BAA6B,kBAAkB;AAAA,UAClDU,QAAQpB;AAAAA,UACR0B,gBAAgBzB;AAAAA,QAClB;AAAA,QAAC,GACGG;AAAAA,MAAAA,CAEP;AAAA,MACDuB,UAAU7B;AAAAA,MAA2B,GACjCO;AAAAA,IAAAA,CAAM;AAAA,EAAA,CAED;AAEjB,CAAC;"}
1	+ {"version":3,"file":"BannerContent.js","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { SnackbarContentProps as MuiSnackbarContentProps } from \"@mui/material/SnackbarContent\";\nimport { HvBaseProps } from \"../../../types\";\nimport bannerContentClasses, {\n HvBannerContentClasses,\n} from \"./bannerContentClasses\";\nimport { HvActionContainer } from \"./ActionContainer\";\nimport { HvMessageContainer } from \"./MessageContainer\";\nimport { StyledRoot, StyledSnackbarContent } from \"./BannerContent.styles\";\nimport {\n HvActionGeneric,\n HvBannerActionPosition,\n HvBannerVariant,\n} from \"components\";\nimport { forwardRef } from \"react\";\nimport { iconVariant } from \"../../../utils\";\nimport { HvActionContainerProps } from \"./ActionContainer/ActionContainer\";\n\nexport type HvBannerContentProps = Omit<\n MuiSnackbarContentProps,\n \"variant\" \| \"classes\" \| \"onClose\"\n> &\n HvBaseProps & {\n /** The message to display. /\n content?: React.ReactNode;\n /* Variant of the snackbar. /\n variant?: HvBannerVariant;\n /* Controls if the associated icon to the variant should be shown. /\n showIcon?: boolean;\n /* Custom icon to replace the variant default. /\n customIcon?: React.ReactNode;\n /* onClose function. /\n onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /* Actions to display on the right side. /\n actions?: React.ReactNode \| HvActionGeneric[];\n /* The callback function ran when an action is triggered, receiving `action` as param /\n actionsCallback?: (\n event: React.SyntheticEvent,\n id: string,\n action: HvActionGeneric\n ) => void;\n /* The position property of the header. /\n actionsPosition?: HvBannerActionPosition;\n /* The props to pass down to the Action Container. /\n actionProps?: HvActionContainerProps;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvBannerContentClasses;\n };\n\nexport const HvBannerContent = forwardRef<HTMLDivElement, HvBannerContentProps>(\n (\n {\n id,\n classes,\n showIcon = false,\n customIcon,\n variant = \"default\",\n onClose,\n actions,\n actionsCallback,\n actionsPosition = \"auto\",\n content,\n actionProps,\n ...others\n },\n ref\n ) => {\n const icon =\n customIcon \|\| (showIcon && iconVariant(variant, \"base_dark\", undefined));\n\n // default to inline\n // this might try to be more intelligent in the future,\n // taking into account the content length, available space,\n // number of actions, etc..\n const effectiveActionsPosition =\n actionsPosition === \"auto\" ? \"inline\" : actionsPosition;\n\n return (\n <StyledRoot\n className={clsx(\n bannerContentClasses.outContainer,\n classes?.outContainer\n )}\n >\n <StyledSnackbarContent\n ref={ref}\n id={id}\n classes={{\n root: clsx(bannerContentClasses.root, classes?.root),\n message: clsx(bannerContentClasses.message, classes?.message),\n action: clsx(bannerContentClasses.action, classes?.action),\n }}\n className={clsx(\n bannerContentClasses.baseVariant,\n classes?.baseVariant,\n bannerContentClasses[variant],\n classes?.[variant]\n )}\n message={\n <HvMessageContainer\n id={id}\n icon={icon}\n {...(effectiveActionsPosition === \"inline\" && {\n actionsOnMessage: actions,\n actionsOnMessageCallback: actionsCallback,\n })}\n message={content}\n />\n }\n action={\n <HvActionContainer\n id={id}\n onClose={onClose}\n {...(effectiveActionsPosition === \"bottom-right\" && {\n action: actions,\n actionCallback: actionsCallback,\n })}\n {...actionProps}\n />\n }\n $variant={variant as HvBannerVariant}\n {...others}\n />\n </StyledRoot>\n );\n }\n);\n"],"names":["HvBannerContent","forwardRef","id","classes","showIcon","customIcon","variant","onClose","actions","actionsCallback","actionsPosition","content","actionProps","others","ref","icon","iconVariant","undefined","effectiveActionsPosition","StyledRoot","className","clsx","bannerContentClasses","outContainer","children","StyledSnackbarContent","root","message","action","baseVariant","HvMessageContainer","actionsOnMessage","actionsOnMessageCallback","HvActionContainer","actionCallback","$variant"],"mappings":";;;;;;;;AAiDaA,MAAAA,kBAAkBC,WAC7B,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACL,GACAC,QACG;AACH,QAAMC,OACJV,cAAeD,YAAYY,YAAYV,SAAS,aAAaW,MAAS;AAMlEC,QAAAA,2BACJR,oBAAoB,SAAS,WAAWA;AAE1C,6BACGS,YAAU;AAAA,IACTC,WAAWC,KACTC,qBAAqBC,cACrBpB,mCAASoB,YAAY;AAAA,IACrBC,8BAEDC,uBAAqB;AAAA,MACpBX;AAAAA,MACAZ;AAAAA,MACAC,SAAS;AAAA,QACPuB,MAAML,KAAKC,qBAAqBI,MAAMvB,mCAASuB,IAAI;AAAA,QACnDC,SAASN,KAAKC,qBAAqBK,SAASxB,mCAASwB,OAAO;AAAA,QAC5DC,QAAQP,KAAKC,qBAAqBM,QAAQzB,mCAASyB,MAAM;AAAA,MAC3D;AAAA,MACAR,WAAWC,KACTC,qBAAqBO,aACrB1B,mCAAS0B,aACTP,qBAAqBhB,OAAO,GAC5BH,mCAAUG,QAAQ;AAAA,MAEpBqB,6BACGG,oBAAkB;AAAA,QACjB5B;AAAAA,QACAa;AAAAA,QAAW,GACNG,6BAA6B,YAAY;AAAA,UAC5Ca,kBAAkBvB;AAAAA,UAClBwB,0BAA0BvB;AAAAA,QAC5B;AAAA,QACAkB,SAAShB;AAAAA,MAAAA,CAEZ;AAAA,MACDiB,4BACGK,mBAAiB;AAAA,QAChB/B;AAAAA,QACAK;AAAAA,QAAiB,GACZW,6BAA6B,kBAAkB;AAAA,UAClDU,QAAQpB;AAAAA,UACR0B,gBAAgBzB;AAAAA,QAClB;AAAA,QAAC,GACGG;AAAAA,MAAAA,CAEP;AAAA,MACDuB,UAAU7B;AAAAA,MAA2B,GACjCO;AAAAA,IAAAA,CAAM;AAAA,EAAA,CAED;AAEjB,CAAC;"}

package/dist/esm/components/Banner/BannerContent/BannerContent.styles.js CHANGED Viewed

@@ -44,7 +44,7 @@ const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "prod
     flex: "0 0 auto",
     placeSelf: "stretch"
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvQmFubmVyQ29udGVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVEwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhbm5lci9CYW5uZXJDb250ZW50L0Jhbm5lckNvbnRlbnQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFNuYWNrYmFyQ29udGVudCwge1xuICBzbmFja2JhckNvbnRlbnRDbGFzc2VzLFxufSBmcm9tIFwiQG11aS9tYXRlcmlhbC9TbmFja2JhckNvbnRlbnRcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgSHZCYW5uZXJWYXJpYW50IH0gZnJvbSBcIi4uL0Jhbm5lclwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgW2AmIC4ke3NuYWNrYmFyQ29udGVudENsYXNzZXMucm9vdH1gXToge1xuICAgIG1pbldpZHRoOiBcIjEwMCVcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5yYWRpaS5ub25lLFxuICB9LFxuICBbYCYgLiR7c25hY2tiYXJDb250ZW50Q2xhc3Nlcy5tZXNzYWdlfWBdOiB7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gMGAsXG4gICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNlLnNtLFxuICB9LFxuICBbYCYgLiR7c25hY2tiYXJDb250ZW50Q2xhc3Nlcy5hY3Rpb259YF06IHtcbiAgICBwYWRkaW5nOiB0aGVtZS5zcGFjZS54cyxcbiAgICBtYXJnaW5SaWdodDogMCxcbiAgICBmbGV4OiBcIjAgMCBhdXRvXCIsXG4gICAgcGxhY2VTZWxmOiBcInN0cmV0Y2hcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU25hY2tiYXJDb250ZW50ID0gc3R5bGVkKFxuICBTbmFja2JhckNvbnRlbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHZhcmlhbnQgfTogeyAkdmFyaWFudDogSHZCYW5uZXJWYXJpYW50IH0pID0+ICh7XG4gIHBhZGRpbmc6IDAsXG4gIC4uLigkdmFyaWFudCA9PT0gXCJzdWNjZXNzXCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlbWE4LFxuICB9KSxcbiAgLi4uKCR2YXJpYW50ID09PSBcIndhcm5pbmdcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2VtYTIwLFxuICB9KSxcbiAgLi4uKCR2YXJpYW50ID09PSBcImVycm9yXCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlbWE5LFxuICB9KSxcbiAgLi4uKCR2YXJpYW50ID09PSBcImRlZmF1bHRcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2VtYTcsXG4gIH0pLFxufSkpO1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvQmFubmVyQ29udGVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVEwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhbm5lci9CYW5uZXJDb250ZW50L0Jhbm5lckNvbnRlbnQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFNuYWNrYmFyQ29udGVudCwge1xuICBzbmFja2JhckNvbnRlbnRDbGFzc2VzLFxufSBmcm9tIFwiQG11aS9tYXRlcmlhbC9TbmFja2JhckNvbnRlbnRcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgSHZCYW5uZXJWYXJpYW50IH0gZnJvbSBcIi4uL0Jhbm5lclwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgW2AmIC4ke3NuYWNrYmFyQ29udGVudENsYXNzZXMucm9vdH1gXToge1xuICAgIG1pbldpZHRoOiBcIjEwMCVcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5yYWRpaS5ub25lLFxuICB9LFxuICBbYCYgLiR7c25hY2tiYXJDb250ZW50Q2xhc3Nlcy5tZXNzYWdlfWBdOiB7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gMGAsXG4gICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNlLnNtLFxuICB9LFxuICBbYCYgLiR7c25hY2tiYXJDb250ZW50Q2xhc3Nlcy5hY3Rpb259YF06IHtcbiAgICBwYWRkaW5nOiB0aGVtZS5zcGFjZS54cyxcbiAgICBtYXJnaW5SaWdodDogMCxcbiAgICBmbGV4OiBcIjAgMCBhdXRvXCIsXG4gICAgcGxhY2VTZWxmOiBcInN0cmV0Y2hcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU25hY2tiYXJDb250ZW50ID0gc3R5bGVkKFxuICBTbmFja2JhckNvbnRlbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHZhcmlhbnQgfTogeyAkdmFyaWFudDogSHZCYW5uZXJWYXJpYW50IH0pID0+ICh7XG4gIHBhZGRpbmc6IDAsXG4gIC4uLigkdmFyaWFudCA9PT0gXCJzdWNjZXNzXCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnBvc2l0aXZlXzIwLFxuICB9KSxcbiAgLi4uKCR2YXJpYW50ID09PSBcIndhcm5pbmdcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMud2FybmluZ18yMCxcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJlcnJvclwiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5uZWdhdGl2ZV8yMCxcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJkZWZhdWx0XCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLm5ldXRyYWxfMjAsXG4gIH0pLFxufSkpO1xuIl19 */");
 const StyledSnackbarContent = /* @__PURE__ */ _styled(SnackbarContent, process.env.NODE_ENV === "production" ? _extends({}, {
   target: "ey1hm770"
 }, transientOptions) : _extends({}, {
@@ -55,18 +55,18 @@ const StyledSnackbarContent = /* @__PURE__ */ _styled(SnackbarContent, process.e
 }) => ({
   padding: 0,
   ...$variant === "success" && {
-    backgroundColor: theme.colors.sema8
+    backgroundColor: theme.colors.positive_20
   },
   ...$variant === "warning" && {
-    backgroundColor: theme.colors.sema20
+    backgroundColor: theme.colors.warning_20
   },
   ...$variant === "error" && {
-    backgroundColor: theme.colors.sema9
+    backgroundColor: theme.colors.negative_20
   },
   ...$variant === "default" && {
-    backgroundColor: theme.colors.sema7
+    backgroundColor: theme.colors.neutral_20
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvQmFubmVyQ29udGVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDcUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9CYW5uZXIvQmFubmVyQ29udGVudC9CYW5uZXJDb250ZW50LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBTbmFja2JhckNvbnRlbnQsIHtcbiAgc25hY2tiYXJDb250ZW50Q2xhc3Nlcyxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvU25hY2tiYXJDb250ZW50XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IEh2QmFubmVyVmFyaWFudCB9IGZyb20gXCIuLi9CYW5uZXJcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIFtgJiAuJHtzbmFja2JhckNvbnRlbnRDbGFzc2VzLnJvb3R9YF06IHtcbiAgICBtaW5XaWR0aDogXCIxMDAlXCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4V3JhcDogXCJub3dyYXBcIixcbiAgICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUucmFkaWkubm9uZSxcbiAgfSxcbiAgW2AmIC4ke3NuYWNrYmFyQ29udGVudENsYXNzZXMubWVzc2FnZX1gXToge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9IDBgLFxuICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjZS5zbSxcbiAgfSxcbiAgW2AmIC4ke3NuYWNrYmFyQ29udGVudENsYXNzZXMuYWN0aW9ufWBdOiB7XG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gICAgbWFyZ2luUmlnaHQ6IDAsXG4gICAgZmxleDogXCIwIDAgYXV0b1wiLFxuICAgIHBsYWNlU2VsZjogXCJzdHJldGNoXCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNuYWNrYmFyQ29udGVudCA9IHN0eWxlZChcbiAgU25hY2tiYXJDb250ZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICR2YXJpYW50IH06IHsgJHZhcmlhbnQ6IEh2QmFubmVyVmFyaWFudCB9KSA9PiAoe1xuICBwYWRkaW5nOiAwLFxuICAuLi4oJHZhcmlhbnQgPT09IFwic3VjY2Vzc1wiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hOCxcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJ3YXJuaW5nXCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlbWEyMCxcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJlcnJvclwiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hOSxcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJkZWZhdWx0XCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlbWE3LFxuICB9KSxcbn0pKTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvQmFubmVyQ29udGVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDcUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9CYW5uZXIvQmFubmVyQ29udGVudC9CYW5uZXJDb250ZW50LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBTbmFja2JhckNvbnRlbnQsIHtcbiAgc25hY2tiYXJDb250ZW50Q2xhc3Nlcyxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvU25hY2tiYXJDb250ZW50XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IEh2QmFubmVyVmFyaWFudCB9IGZyb20gXCIuLi9CYW5uZXJcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIFtgJiAuJHtzbmFja2JhckNvbnRlbnRDbGFzc2VzLnJvb3R9YF06IHtcbiAgICBtaW5XaWR0aDogXCIxMDAlXCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4V3JhcDogXCJub3dyYXBcIixcbiAgICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUucmFkaWkubm9uZSxcbiAgfSxcbiAgW2AmIC4ke3NuYWNrYmFyQ29udGVudENsYXNzZXMubWVzc2FnZX1gXToge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9IDBgLFxuICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjZS5zbSxcbiAgfSxcbiAgW2AmIC4ke3NuYWNrYmFyQ29udGVudENsYXNzZXMuYWN0aW9ufWBdOiB7XG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gICAgbWFyZ2luUmlnaHQ6IDAsXG4gICAgZmxleDogXCIwIDAgYXV0b1wiLFxuICAgIHBsYWNlU2VsZjogXCJzdHJldGNoXCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNuYWNrYmFyQ29udGVudCA9IHN0eWxlZChcbiAgU25hY2tiYXJDb250ZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICR2YXJpYW50IH06IHsgJHZhcmlhbnQ6IEh2QmFubmVyVmFyaWFudCB9KSA9PiAoe1xuICBwYWRkaW5nOiAwLFxuICAuLi4oJHZhcmlhbnQgPT09IFwic3VjY2Vzc1wiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5wb3NpdGl2ZV8yMCxcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJ3YXJuaW5nXCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLndhcm5pbmdfMjAsXG4gIH0pLFxuICAuLi4oJHZhcmlhbnQgPT09IFwiZXJyb3JcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmVfMjAsXG4gIH0pLFxuICAuLi4oJHZhcmlhbnQgPT09IFwiZGVmYXVsdFwiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5uZXV0cmFsXzIwLFxuICB9KSxcbn0pKTtcbiJdfQ== */");
 export {
   StyledRoot,
   StyledSnackbarContent

package/dist/esm/components/Banner/BannerContent/BannerContent.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BannerContent.styles.js","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport SnackbarContent, {\n snackbarContentClasses,\n} from \"@mui/material/SnackbarContent\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { HvBannerVariant } from \"../Banner\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledRoot = styled(\"div\")({\n width: \"100%\",\n position: \"relative\",\n [`& .${snackbarContentClasses.root}`]: {\n minWidth: \"100%\",\n position: \"relative\",\n display: \"flex\",\n flexWrap: \"nowrap\",\n boxShadow: \"none\",\n borderRadius: theme.radii.none,\n },\n [`& .${snackbarContentClasses.message}`]: {\n display: \"flex\",\n alignItems: \"center\",\n padding: `${theme.space.xs} 0`,\n paddingLeft: theme.space.sm,\n },\n [`& .${snackbarContentClasses.action}`]: {\n padding: theme.space.xs,\n marginRight: 0,\n flex: \"0 0 auto\",\n placeSelf: \"stretch\",\n },\n});\n\nexport const StyledSnackbarContent = styled(\n SnackbarContent,\n transientOptions\n)(({ $variant }: { $variant: HvBannerVariant }) => ({\n padding: 0,\n ...($variant === \"success\" && {\n backgroundColor: theme.colors.~~sema8~~,\n }),\n ...($variant === \"warning\" && {\n backgroundColor: theme.colors.~~sema20~~,\n }),\n ...($variant === \"error\" && {\n backgroundColor: theme.colors.~~sema9~~,\n }),\n ...($variant === \"default\" && {\n backgroundColor: theme.colors.~~sema7~~,\n }),\n}));\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","width","position","snackbarContentClasses","root","minWidth","display","flexWrap","boxShadow","borderRadius","theme","radii","none","message","alignItems","padding","space","xs","paddingLeft","sm","action","marginRight","flex","placeSelf","StyledSnackbarContent","SnackbarContent","_extends","transientOptions","$variant","backgroundColor","colors","~~sema8~~","~~sema20~~","~~sema9~~","~~sema7~~"],"mappings":";;;;;;;;;;;;;;;;;;AAQO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtCC,OAAO;AAAA,EACPC,UAAU;AAAA,EACV,CAAE,MAAKC,uBAAuBC,MAAM,GAAG;AAAA,IACrCC,UAAU;AAAA,IACVH,UAAU;AAAA,IACVI,SAAS;AAAA,IACTC,UAAU;AAAA,IACVC,WAAW;AAAA,IACXC,cAAcC,MAAMC,MAAMC;AAAAA,EAC5B;AAAA,EACA,CAAE,MAAKT,uBAAuBU,SAAS,GAAG;AAAA,IACxCP,SAAS;AAAA,IACTQ,YAAY;AAAA,IACZC,SAAU,GAAEL,MAAMM,MAAMC;AAAAA,IACxBC,aAAaR,MAAMM,MAAMG;AAAAA,EAC3B;AAAA,EACA,CAAE,MAAKhB,uBAAuBiB,QAAQ,GAAG;AAAA,IACvCL,SAASL,MAAMM,MAAMC;AAAAA,IACrBI,aAAa;AAAA,IACbC,MAAM;AAAA,IACNC,WAAW;AAAA,EACb;AACF,GAAC3B,QAAAC,IAAAC,aAAC,eAAA,KAAA,~~i6EAAA~~;AAEW0B,MAAAA,gDACXC,iBAAe7B,QAAAC,IAAAC,4BAAA4B,SAAA,IAAA;AAAA,EAAA3B,QAAA;AAAA,GACf4B,gBAAgB,IAAAD,SAAA,IAAA;AAAA,EAAA3B,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhB2B,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAAwC,OAAO;AAAA,EAClDb,SAAS;AAAA,EACT,GAAIa,aAAa,aAAa;AAAA,IAC5BC,iBAAiBnB,MAAMoB,OAAOC;AAAAA,EAChC;AAAA,EACA,GAAIH,aAAa,aAAa;AAAA,IAC5BC,iBAAiBnB,MAAMoB,OAAOE;AAAAA,EAChC;AAAA,EACA,GAAIJ,aAAa,WAAW;AAAA,IAC1BC,iBAAiBnB,MAAMoB,OAAOG;AAAAA,EAChC;AAAA,EACA,GAAIL,aAAa,aAAa;AAAA,IAC5BC,iBAAiBnB,MAAMoB,OAAOI;AAAAA,EAChC;AACF,IAAEtC,QAAAC,IAAAC,aAAC,eAAA,KAAA,~~q6EAAA~~;"}
1	+ {"version":3,"file":"BannerContent.styles.js","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport SnackbarContent, {\n snackbarContentClasses,\n} from \"@mui/material/SnackbarContent\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { HvBannerVariant } from \"../Banner\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledRoot = styled(\"div\")({\n width: \"100%\",\n position: \"relative\",\n [`& .${snackbarContentClasses.root}`]: {\n minWidth: \"100%\",\n position: \"relative\",\n display: \"flex\",\n flexWrap: \"nowrap\",\n boxShadow: \"none\",\n borderRadius: theme.radii.none,\n },\n [`& .${snackbarContentClasses.message}`]: {\n display: \"flex\",\n alignItems: \"center\",\n padding: `${theme.space.xs} 0`,\n paddingLeft: theme.space.sm,\n },\n [`& .${snackbarContentClasses.action}`]: {\n padding: theme.space.xs,\n marginRight: 0,\n flex: \"0 0 auto\",\n placeSelf: \"stretch\",\n },\n});\n\nexport const StyledSnackbarContent = styled(\n SnackbarContent,\n transientOptions\n)(({ $variant }: { $variant: HvBannerVariant }) => ({\n padding: 0,\n ...($variant === \"success\" && {\n backgroundColor: theme.colors.positive_20,\n }),\n ...($variant === \"warning\" && {\n backgroundColor: theme.colors.warning_20,\n }),\n ...($variant === \"error\" && {\n backgroundColor: theme.colors.negative_20,\n }),\n ...($variant === \"default\" && {\n backgroundColor: theme.colors.neutral_20,\n }),\n}));\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","width","position","snackbarContentClasses","root","minWidth","display","flexWrap","boxShadow","borderRadius","theme","radii","none","message","alignItems","padding","space","xs","paddingLeft","sm","action","marginRight","flex","placeSelf","StyledSnackbarContent","SnackbarContent","_extends","transientOptions","$variant","backgroundColor","colors","positive_20","warning_20","negative_20","neutral_20"],"mappings":";;;;;;;;;;;;;;;;;;AAQO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtCC,OAAO;AAAA,EACPC,UAAU;AAAA,EACV,CAAE,MAAKC,uBAAuBC,MAAM,GAAG;AAAA,IACrCC,UAAU;AAAA,IACVH,UAAU;AAAA,IACVI,SAAS;AAAA,IACTC,UAAU;AAAA,IACVC,WAAW;AAAA,IACXC,cAAcC,MAAMC,MAAMC;AAAAA,EAC5B;AAAA,EACA,CAAE,MAAKT,uBAAuBU,SAAS,GAAG;AAAA,IACxCP,SAAS;AAAA,IACTQ,YAAY;AAAA,IACZC,SAAU,GAAEL,MAAMM,MAAMC;AAAAA,IACxBC,aAAaR,MAAMM,MAAMG;AAAAA,EAC3B;AAAA,EACA,CAAE,MAAKhB,uBAAuBiB,QAAQ,GAAG;AAAA,IACvCL,SAASL,MAAMM,MAAMC;AAAAA,IACrBI,aAAa;AAAA,IACbC,MAAM;AAAA,IACNC,WAAW;AAAA,EACb;AACF,GAAC3B,QAAAC,IAAAC,aAAC,eAAA,KAAA,67EAAA;AAEW0B,MAAAA,gDACXC,iBAAe7B,QAAAC,IAAAC,4BAAA4B,SAAA,IAAA;AAAA,EAAA3B,QAAA;AAAA,GACf4B,gBAAgB,IAAAD,SAAA,IAAA;AAAA,EAAA3B,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhB2B,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAAwC,OAAO;AAAA,EAClDb,SAAS;AAAA,EACT,GAAIa,aAAa,aAAa;AAAA,IAC5BC,iBAAiBnB,MAAMoB,OAAOC;AAAAA,EAChC;AAAA,EACA,GAAIH,aAAa,aAAa;AAAA,IAC5BC,iBAAiBnB,MAAMoB,OAAOE;AAAAA,EAChC;AAAA,EACA,GAAIJ,aAAa,WAAW;AAAA,IAC1BC,iBAAiBnB,MAAMoB,OAAOG;AAAAA,EAChC;AAAA,EACA,GAAIL,aAAa,aAAa;AAAA,IAC5BC,iBAAiBnB,MAAMoB,OAAOI;AAAAA,EAChC;AACF,IAAEtC,QAAAC,IAAAC,aAAC,eAAA,KAAA,i8EAAA;"}

package/dist/esm/components/Banner/BannerContent/MessageContainer/MessageContainer.styles.js CHANGED Viewed

@@ -13,7 +13,7 @@ const StyledIconContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV
 })({
   marginRight: theme.space.xs,
   marginLeft: -theme.space.xs
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvTWVzc2FnZUNvbnRhaW5lci9NZXNzYWdlQ29udGFpbmVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSW1DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvTWVzc2FnZUNvbnRhaW5lci9NZXNzYWdlQ29udGFpbmVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICBtYXJnaW5MZWZ0OiAtdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZUeXBvZ3JhcGh5IHsuLi5wcm9wc30gLz4pKHtcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5iYXNlMixcbiAgd29yZEJyZWFrOiBcImJyZWFrLXdvcmRcIixcbiAgbWF4V2lkdGg6IFwiNzAwcHhcIixcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIG1hcmdpblJpZ2h0OiAxMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTWVzc2FnZUNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGZsZXg6IFwiMCAwIGF1dG9cIixcbn0pO1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvTWVzc2FnZUNvbnRhaW5lci9NZXNzYWdlQ29udGFpbmVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSW1DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvTWVzc2FnZUNvbnRhaW5lci9NZXNzYWdlQ29udGFpbmVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICBtYXJnaW5MZWZ0OiAtdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZUeXBvZ3JhcGh5IHsuLi5wcm9wc30gLz4pKHtcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5iYXNlX2RhcmssXG4gIHdvcmRCcmVhazogXCJicmVhay13b3JkXCIsXG4gIG1heFdpZHRoOiBcIjcwMHB4XCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBtYXJnaW5SaWdodDogMTAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE1lc3NhZ2VDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBmbGV4OiBcIjAgMCBhdXRvXCIsXG59KTtcbiJdfQ== */");
 const StyledTypography = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvTypography, {
   ...props
 }), process.env.NODE_ENV === "production" ? {
@@ -22,12 +22,12 @@ const StyledTypography = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(
   target: "e3wuhfa1",
   label: "StyledTypography"
 })({
-  color: theme.colors.base2,
+  color: theme.colors.base_dark,
   wordBreak: "break-word",
   maxWidth: "700px",
   overflow: "hidden",
   marginRight: 10
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvTWVzc2FnZUNvbnRhaW5lci9NZXNzYWdlQ29udGFpbmVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU2dDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvTWVzc2FnZUNvbnRhaW5lci9NZXNzYWdlQ29udGFpbmVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICBtYXJnaW5MZWZ0OiAtdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZUeXBvZ3JhcGh5IHsuLi5wcm9wc30gLz4pKHtcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5iYXNlMixcbiAgd29yZEJyZWFrOiBcImJyZWFrLXdvcmRcIixcbiAgbWF4V2lkdGg6IFwiNzAwcHhcIixcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIG1hcmdpblJpZ2h0OiAxMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTWVzc2FnZUNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGZsZXg6IFwiMCAwIGF1dG9cIixcbn0pO1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvTWVzc2FnZUNvbnRhaW5lci9NZXNzYWdlQ29udGFpbmVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU2dDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvTWVzc2FnZUNvbnRhaW5lci9NZXNzYWdlQ29udGFpbmVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICBtYXJnaW5MZWZ0OiAtdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZUeXBvZ3JhcGh5IHsuLi5wcm9wc30gLz4pKHtcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5iYXNlX2RhcmssXG4gIHdvcmRCcmVhazogXCJicmVhay13b3JkXCIsXG4gIG1heFdpZHRoOiBcIjcwMHB4XCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBtYXJnaW5SaWdodDogMTAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE1lc3NhZ2VDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBmbGV4OiBcIjAgMCBhdXRvXCIsXG59KTtcbiJdfQ== */");
 const StyledMessageContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
   target: "e3wuhfa0"
 } : {
@@ -39,7 +39,7 @@ const StyledMessageContainer = /* @__PURE__ */ _styled("div", process.env.NODE_E
 } : {
   name: "ou8xsw",
   styles: "flex:0 0 auto",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvTWVzc2FnZUNvbnRhaW5lci9NZXNzYWdlQ29udGFpbmVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJzQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhbm5lci9CYW5uZXJDb250ZW50L01lc3NhZ2VDb250YWluZXIvTWVzc2FnZUNvbnRhaW5lci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSWNvbkNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgbWFyZ2luTGVmdDogLXRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKChwcm9wcykgPT4gPEh2VHlwb2dyYXBoeSB7Li4ucHJvcHN9IC8+KSh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMuYmFzZTIsXG4gIHdvcmRCcmVhazogXCJicmVhay13b3JkXCIsXG4gIG1heFdpZHRoOiBcIjcwMHB4XCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBtYXJnaW5SaWdodDogMTAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE1lc3NhZ2VDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBmbGV4OiBcIjAgMCBhdXRvXCIsXG59KTtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvTWVzc2FnZUNvbnRhaW5lci9NZXNzYWdlQ29udGFpbmVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJzQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhbm5lci9CYW5uZXJDb250ZW50L01lc3NhZ2VDb250YWluZXIvTWVzc2FnZUNvbnRhaW5lci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSWNvbkNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgbWFyZ2luTGVmdDogLXRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKChwcm9wcykgPT4gPEh2VHlwb2dyYXBoeSB7Li4ucHJvcHN9IC8+KSh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMuYmFzZV9kYXJrLFxuICB3b3JkQnJlYWs6IFwiYnJlYWstd29yZFwiLFxuICBtYXhXaWR0aDogXCI3MDBweFwiLFxuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgbWFyZ2luUmlnaHQ6IDEwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRNZXNzYWdlQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxleDogXCIwIDAgYXV0b1wiLFxufSk7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export {

package/dist/esm/components/Banner/BannerContent/MessageContainer/MessageContainer.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MessageContainer.styles.js","sources":["../../../../../../src/components/Banner/BannerContent/MessageContainer/MessageContainer.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"components\";\n\nexport const StyledIconContainer = styled(\"div\")({\n marginRight: theme.space.xs,\n marginLeft: -theme.space.xs,\n});\n\nexport const StyledTypography = styled((props) => <HvTypography {...props} />)({\n color: theme.colors.~~base2~~,\n wordBreak: \"break-word\",\n maxWidth: \"700px\",\n overflow: \"hidden\",\n marginRight: 10,\n});\n\nexport const StyledMessageContainer = styled(\"div\")({\n flex: \"0 0 auto\",\n});\n"],"names":["StyledIconContainer","process","env","NODE_ENV","target","label","marginRight","theme","space","xs","marginLeft","StyledTypography","_styled","props","_jsx","HvTypography","color","colors","~~base2~~","wordBreak","maxWidth","overflow","StyledMessageContainer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;;;AAIO,MAAMA,sBAA6B,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC/CC,aAAaC,MAAMC,MAAMC;AAAAA,EACzBC,YAAY,CAACH,MAAMC,MAAMC;AAC3B,GAACR,QAAAC,IAAAC,aAAC,eAAA,KAAA,~~qzCAAA~~;AAEK,MAAMQ,mBAAmBC,wBAAQC,CAAUC,UAAAA,oBAACC,cAAY;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAIZ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7EW,OAAOT,MAAMU,OAAOC;AAAAA,EACpBC,WAAW;AAAA,EACXC,UAAU;AAAA,EACVC,UAAU;AAAA,EACVf,aAAa;AACf,GAACL,QAAAC,IAAAC,aAAC,eAAA,KAAA,~~qzCAAA~~;AAEK,MAAMmB,yBAAgC,wBAAA,OAAKrB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAoB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEjD;"}
1	+ {"version":3,"file":"MessageContainer.styles.js","sources":["../../../../../../src/components/Banner/BannerContent/MessageContainer/MessageContainer.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"components\";\n\nexport const StyledIconContainer = styled(\"div\")({\n marginRight: theme.space.xs,\n marginLeft: -theme.space.xs,\n});\n\nexport const StyledTypography = styled((props) => <HvTypography {...props} />)({\n color: theme.colors.base_dark,\n wordBreak: \"break-word\",\n maxWidth: \"700px\",\n overflow: \"hidden\",\n marginRight: 10,\n});\n\nexport const StyledMessageContainer = styled(\"div\")({\n flex: \"0 0 auto\",\n});\n"],"names":["StyledIconContainer","process","env","NODE_ENV","target","label","marginRight","theme","space","xs","marginLeft","StyledTypography","_styled","props","_jsx","HvTypography","color","colors","base_dark","wordBreak","maxWidth","overflow","StyledMessageContainer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;;;AAIO,MAAMA,sBAA6B,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC/CC,aAAaC,MAAMC,MAAMC;AAAAA,EACzBC,YAAY,CAACH,MAAMC,MAAMC;AAC3B,GAACR,QAAAC,IAAAC,aAAC,eAAA,KAAA,6zCAAA;AAEK,MAAMQ,mBAAmBC,wBAAQC,CAAUC,UAAAA,oBAACC,cAAY;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAIZ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7EW,OAAOT,MAAMU,OAAOC;AAAAA,EACpBC,WAAW;AAAA,EACXC,UAAU;AAAA,EACVC,UAAU;AAAA,EACVf,aAAa;AACf,GAACL,QAAAC,IAAAC,aAAC,eAAA,KAAA,6zCAAA;AAEK,MAAMmB,yBAAgC,wBAAA,OAAKrB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAoB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEjD;"}

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

@@ -9,8 +9,8 @@ const getSelectorIcons = (options, classes) => {
     disabled,
     semantic
   } = options;
-  const color = disabled && ["atmo3", "atmo5"] || semantic && ["base1", "base2"] || void 0;
-  const checkedColor = disabled && ["atmo3", "atmo5"] || semantic && ["base2", "base1"] || void 0;
+  const color = disabled && ["atmo3", "secondary_60"] || semantic && ["base_light", "base_dark"] || void 0;
+  const checkedColor = disabled && ["atmo3", "secondary_60"] || semantic && ["base_dark", "base_light"] || void 0;
   return {
     checkbox: /* @__PURE__ */ jsx(Checkbox, {
       color,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseCheckBox.js","sources":["../../../../src/components/BaseCheckBox/BaseCheckBox.tsx"],"sourcesContent":["import {\n CheckboxCheck as CheckboxCheckIcon,\n CheckboxPartial as CheckboxPartialIcon,\n Checkbox as CheckboxIcon,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { CheckboxProps as MuiCheckboxProps } from \"@mui/material\";\nimport clsx from \"clsx\";\nimport React, { useCallback, useState } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledCheckedBox } from \"./BaseCheckBox.styles\";\nimport baseCheckBoxClasses, {\n HvBaseCheckBoxClasses,\n} from \"./baseCheckBoxClasses\";\n\nexport type HvBaseCheckBoxProps = Omit<\n MuiCheckboxProps,\n \"onChange\" \| \"classes\"\n> &\n HvBaseProps<HTMLInputElement, { onChange }> & {\n /*\n The input name.\n /\n name?: string;\n /\n The value of the input.\n \n Is up to the application's logic when to consider the submission of this value.\n * Generally it should be used only when the checkbox is neither unchecked nor indeterminate.\n \n The default value is \"on\".\n /\n value?: any;\n /\n Indicates that the input is disabled.\n /\n disabled?: boolean;\n /\n Indicates that the input is not editable.\n /\n readOnly?: boolean;\n /\n Indicates that user input is required.\n /\n required?: boolean;\n /\n If `true` the checkbox is selected, if set to `false` the checkbox is not selected.\n \n When defined the checkbox state becomes controlled.\n /\n checked?: boolean;\n /\n When uncontrolled, defines the initial checked state.\n /\n defaultChecked?: boolean;\n /\n If `true` the checkbox visually shows the indeterminate state.\n /\n indeterminate?: boolean;\n /\n The callback fired when the checkbox is pressed.\n /\n onChange?: (\n event: React.ChangeEvent<HTMLInputElement>,\n checked: boolean,\n value: any\n ) => void;\n /\n Whether the selector should use semantic colors.\n /\n semantic?: boolean;\n /\n Properties passed on to the input element.\n /\n inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n /\n Callback fired when the component is focused with a keyboard.\n * We trigger a `onFocus` callback too.\n /\n onFocusVisible?: (event: React.FocusEvent<any>) => void;\n /\n Callback fired when the component is blurred.\n /\n onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n /\n A Jss Object used to override or extend the styles applied to the checkbox.\n /\n classes?: HvBaseCheckBoxClasses;\n };\n\nconst getSelectorIcons = (\n options: {\n disabled: boolean;\n semantic: boolean;\n },\n classes?: HvBaseCheckBoxClasses\n) => {\n const { disabled, semantic } = options;\n const color =\n (disabled && [\"atmo3\", \"~~atmo5~~\"]) \|\|\n (semantic && [\"~~base1~~\", \"~~base2~~\"]) \|\|\n undefined;\n const checkedColor =\n (disabled && [\"atmo3\", \"~~atmo5~~\"]) \|\|\n (semantic && [\"~~base2~~\", \"~~base1~~\"]) \|\|\n undefined;\n\n // Default colors: [\"atmo1\",\"~~acce1~~\"]\n return {\n checkbox: (\n <CheckboxIcon\n color={color}\n className={clsx(classes?.icon, baseCheckBoxClasses.icon)}\n />\n ),\n checkboxPartial: (\n <CheckboxPartialIcon\n color={color}\n className={clsx(classes?.icon, baseCheckBoxClasses.icon)}\n />\n ),\n checkboxChecked: (\n <CheckboxCheckIcon\n color={checkedColor}\n className={clsx(classes?.icon, baseCheckBoxClasses.icon)}\n />\n ),\n };\n};\n\n/\n A Checkbox is a mechanism that allows user to select one or more options.\n \n The Base Checkbox is a building block of the Checkbox form element. Don't use unless\n * implementing a custom use case not covered by the Checkbox form element.\n */\nexport const HvBaseCheckBox = ({\n id,\n classes,\n className,\n name,\n inputProps,\n onChange,\n onFocusVisible,\n onBlur,\n checked,\n indeterminate,\n defaultChecked,\n value = \"on\",\n required = false,\n readOnly = false,\n disabled = false,\n semantic = false,\n ...others\n}: HvBaseCheckBoxProps) => {\n const [focusVisible, setFocusVisible] = useState<boolean>(false);\n\n const icons = getSelectorIcons({ disabled, semantic }, classes);\n\n const onChangeCallback = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n if (readOnly) {\n return;\n }\n\n onChange?.(event, event.target.checked, value);\n },\n [onChange, readOnly, value]\n );\n\n const onBlurCallback = useCallback(\n (event: React.FocusEvent<HTMLButtonElement>) => {\n setFocusVisible(false);\n onBlur?.(event);\n },\n [onBlur]\n );\n\n const onFocusVisibleCallback = useCallback(\n (event: React.FocusEvent<any>) => {\n setFocusVisible(true);\n onFocusVisible?.(event);\n },\n [onFocusVisible]\n );\n\n return (\n <StyledCheckedBox\n id={id}\n name={name}\n value={value}\n className={clsx(\n className,\n baseCheckBoxClasses.root,\n classes?.root,\n disabled && clsx(baseCheckBoxClasses.disabled, classes?.disabled),\n focusVisible &&\n clsx(baseCheckBoxClasses.focusVisible, classes?.focusVisible)\n )}\n $focusVisible={focusVisible}\n icon={icons.checkbox}\n indeterminateIcon={icons.checkboxPartial}\n checkedIcon={icons.checkboxChecked}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n checked={checked}\n defaultChecked={defaultChecked}\n indeterminate={indeterminate}\n inputProps={inputProps}\n onChange={onChangeCallback}\n onFocusVisible={onFocusVisibleCallback}\n onBlur={onBlurCallback}\n color=\"default\"\n disableRipple\n {...others}\n />\n );\n};\n"],"names":["getSelectorIcons","options","classes","disabled","semantic","color","undefined","checkedColor","checkbox","CheckboxIcon","className","clsx","icon","baseCheckBoxClasses","checkboxPartial","CheckboxPartialIcon","checkboxChecked","CheckboxCheckIcon","HvBaseCheckBox","id","name","inputProps","onChange","onFocusVisible","onBlur","checked","indeterminate","defaultChecked","value","required","readOnly","others","focusVisible","setFocusVisible","useState","icons","onChangeCallback","useCallback","event","target","onBlurCallback","onFocusVisibleCallback","StyledCheckedBox","root","$focusVisible","indeterminateIcon","checkedIcon","disableRipple"],"mappings":";;;;;;AAyFA,MAAMA,mBAAmBA,CACvBC,SAIAC,YACG;AACG,QAAA;AAAA,IAAEC;AAAAA,IAAUC;AAAAA,EAAaH,IAAAA;AACzBI,QAAAA,QACHF,YAAY,CAAC,SAAS,~~OAAO~~,~~KAC7BC~~,YAAY,CAAC,~~SAAS~~,~~OAAO~~,~~KAC9BE~~;AACIC,QAAAA,eACHJ,YAAY,CAAC,SAAS,~~OAAO~~,~~KAC7BC~~,YAAY,CAAC,~~SAAS~~,~~OAAO~~,~~KAC9BE~~;AAGK,SAAA;AAAA,IACLE,8BACGC,UAAY;AAAA,MACXJ;AAAAA,MACAK,WAAWC,KAAKT,mCAASU,MAAMC,oBAAoBD,IAAI;AAAA,IAAA,CAE1D;AAAA,IACDE,qCACGC,iBAAmB;AAAA,MAClBV;AAAAA,MACAK,WAAWC,KAAKT,mCAASU,MAAMC,oBAAoBD,IAAI;AAAA,IAAA,CAE1D;AAAA,IACDI,qCACGC,eAAiB;AAAA,MAChBZ,OAAOE;AAAAA,MACPG,WAAWC,KAAKT,mCAASU,MAAMC,oBAAoBD,IAAI;AAAA,IAAA,CAAE;AAAA,EAAA;AAIjE;AAQO,MAAMM,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAjB;AAAAA,EACAQ;AAAAA,EACAU;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AAAA,EACRC,WAAW;AAAA,EACXC,WAAW;AAAA,EACX3B,WAAW;AAAA,EACXC,WAAW;AAAA,EACX,GAAG2B;AACgB,MAAM;AACzB,QAAM,CAACC,cAAcC,eAAe,IAAIC,SAAkB,KAAK;AAE/D,QAAMC,QAAQnC,iBAAiB;AAAA,IAAEG;AAAAA,IAAUC;AAAAA,KAAYF,OAAO;AAExDkC,QAAAA,mBAAmBC,YACvB,CAACC,UAA+C;AAC9C,QAAIR,UAAU;AACZ;AAAA,IACF;AAEAR,yCAAWgB,OAAOA,MAAMC,OAAOd,SAASG;AAAAA,EAE1C,GAAA,CAACN,UAAUQ,UAAUF,KAAK,CAAC;AAGvBY,QAAAA,iBAAiBH,YACrB,CAACC,UAA+C;AAC9CL,oBAAgB,KAAK;AACrBT,qCAASc;AAAAA,EAAK,GAEhB,CAACd,MAAM,CAAC;AAGJiB,QAAAA,yBAAyBJ,YAC7B,CAACC,UAAiC;AAChCL,oBAAgB,IAAI;AACpBV,qDAAiBe;AAAAA,EAAK,GAExB,CAACf,cAAc,CAAC;AAGlB,6BACGmB,kBAAgB;AAAA,IACfvB;AAAAA,IACAC;AAAAA,IACAQ;AAAAA,IACAlB,WAAWC,KACTD,WACAG,oBAAoB8B,MACpBzC,mCAASyC,MACTxC,YAAYQ,KAAKE,oBAAoBV,UAAUD,mCAASC,QAAQ,GAChE6B,gBACErB,KAAKE,oBAAoBmB,cAAc9B,mCAAS8B,YAAY,CAAC;AAAA,IAEjEY,eAAeZ;AAAAA,IACfpB,MAAMuB,MAAM3B;AAAAA,IACZqC,mBAAmBV,MAAMrB;AAAAA,IACzBgC,aAAaX,MAAMnB;AAAAA,IACnBb;AAAAA,IACA0B;AAAAA,IACAC;AAAAA,IACAL;AAAAA,IACAE;AAAAA,IACAD;AAAAA,IACAL;AAAAA,IACAC,UAAUc;AAAAA,IACVb,gBAAgBkB;AAAAA,IAChBjB,QAAQgB;AAAAA,IACRnC,OAAM;AAAA,IACN0C,eAAa;AAAA,IAAA,GACThB;AAAAA,EAAAA,CACJ;AAEN;"}
1	+ {"version":3,"file":"BaseCheckBox.js","sources":["../../../../src/components/BaseCheckBox/BaseCheckBox.tsx"],"sourcesContent":["import {\n CheckboxCheck as CheckboxCheckIcon,\n CheckboxPartial as CheckboxPartialIcon,\n Checkbox as CheckboxIcon,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { CheckboxProps as MuiCheckboxProps } from \"@mui/material\";\nimport clsx from \"clsx\";\nimport React, { useCallback, useState } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledCheckedBox } from \"./BaseCheckBox.styles\";\nimport baseCheckBoxClasses, {\n HvBaseCheckBoxClasses,\n} from \"./baseCheckBoxClasses\";\n\nexport type HvBaseCheckBoxProps = Omit<\n MuiCheckboxProps,\n \"onChange\" \| \"classes\"\n> &\n HvBaseProps<HTMLInputElement, { onChange }> & {\n /*\n The input name.\n /\n name?: string;\n /\n The value of the input.\n \n Is up to the application's logic when to consider the submission of this value.\n * Generally it should be used only when the checkbox is neither unchecked nor indeterminate.\n \n The default value is \"on\".\n /\n value?: any;\n /\n Indicates that the input is disabled.\n /\n disabled?: boolean;\n /\n Indicates that the input is not editable.\n /\n readOnly?: boolean;\n /\n Indicates that user input is required.\n /\n required?: boolean;\n /\n If `true` the checkbox is selected, if set to `false` the checkbox is not selected.\n \n When defined the checkbox state becomes controlled.\n /\n checked?: boolean;\n /\n When uncontrolled, defines the initial checked state.\n /\n defaultChecked?: boolean;\n /\n If `true` the checkbox visually shows the indeterminate state.\n /\n indeterminate?: boolean;\n /\n The callback fired when the checkbox is pressed.\n /\n onChange?: (\n event: React.ChangeEvent<HTMLInputElement>,\n checked: boolean,\n value: any\n ) => void;\n /\n Whether the selector should use semantic colors.\n /\n semantic?: boolean;\n /\n Properties passed on to the input element.\n /\n inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n /\n Callback fired when the component is focused with a keyboard.\n * We trigger a `onFocus` callback too.\n /\n onFocusVisible?: (event: React.FocusEvent<any>) => void;\n /\n Callback fired when the component is blurred.\n /\n onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n /\n A Jss Object used to override or extend the styles applied to the checkbox.\n /\n classes?: HvBaseCheckBoxClasses;\n };\n\nconst getSelectorIcons = (\n options: {\n disabled: boolean;\n semantic: boolean;\n },\n classes?: HvBaseCheckBoxClasses\n) => {\n const { disabled, semantic } = options;\n const color =\n (disabled && [\"atmo3\", \"secondary_60\"]) \|\|\n (semantic && [\"base_light\", \"base_dark\"]) \|\|\n undefined;\n const checkedColor =\n (disabled && [\"atmo3\", \"secondary_60\"]) \|\|\n (semantic && [\"base_dark\", \"base_light\"]) \|\|\n undefined;\n\n // Default colors: [\"atmo1\",\"secondary\"]\n return {\n checkbox: (\n <CheckboxIcon\n color={color}\n className={clsx(classes?.icon, baseCheckBoxClasses.icon)}\n />\n ),\n checkboxPartial: (\n <CheckboxPartialIcon\n color={color}\n className={clsx(classes?.icon, baseCheckBoxClasses.icon)}\n />\n ),\n checkboxChecked: (\n <CheckboxCheckIcon\n color={checkedColor}\n className={clsx(classes?.icon, baseCheckBoxClasses.icon)}\n />\n ),\n };\n};\n\n/\n A Checkbox is a mechanism that allows user to select one or more options.\n \n The Base Checkbox is a building block of the Checkbox form element. Don't use unless\n * implementing a custom use case not covered by the Checkbox form element.\n */\nexport const HvBaseCheckBox = ({\n id,\n classes,\n className,\n name,\n inputProps,\n onChange,\n onFocusVisible,\n onBlur,\n checked,\n indeterminate,\n defaultChecked,\n value = \"on\",\n required = false,\n readOnly = false,\n disabled = false,\n semantic = false,\n ...others\n}: HvBaseCheckBoxProps) => {\n const [focusVisible, setFocusVisible] = useState<boolean>(false);\n\n const icons = getSelectorIcons({ disabled, semantic }, classes);\n\n const onChangeCallback = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n if (readOnly) {\n return;\n }\n\n onChange?.(event, event.target.checked, value);\n },\n [onChange, readOnly, value]\n );\n\n const onBlurCallback = useCallback(\n (event: React.FocusEvent<HTMLButtonElement>) => {\n setFocusVisible(false);\n onBlur?.(event);\n },\n [onBlur]\n );\n\n const onFocusVisibleCallback = useCallback(\n (event: React.FocusEvent<any>) => {\n setFocusVisible(true);\n onFocusVisible?.(event);\n },\n [onFocusVisible]\n );\n\n return (\n <StyledCheckedBox\n id={id}\n name={name}\n value={value}\n className={clsx(\n className,\n baseCheckBoxClasses.root,\n classes?.root,\n disabled && clsx(baseCheckBoxClasses.disabled, classes?.disabled),\n focusVisible &&\n clsx(baseCheckBoxClasses.focusVisible, classes?.focusVisible)\n )}\n $focusVisible={focusVisible}\n icon={icons.checkbox}\n indeterminateIcon={icons.checkboxPartial}\n checkedIcon={icons.checkboxChecked}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n checked={checked}\n defaultChecked={defaultChecked}\n indeterminate={indeterminate}\n inputProps={inputProps}\n onChange={onChangeCallback}\n onFocusVisible={onFocusVisibleCallback}\n onBlur={onBlurCallback}\n color=\"default\"\n disableRipple\n {...others}\n />\n );\n};\n"],"names":["getSelectorIcons","options","classes","disabled","semantic","color","undefined","checkedColor","checkbox","CheckboxIcon","className","clsx","icon","baseCheckBoxClasses","checkboxPartial","CheckboxPartialIcon","checkboxChecked","CheckboxCheckIcon","HvBaseCheckBox","id","name","inputProps","onChange","onFocusVisible","onBlur","checked","indeterminate","defaultChecked","value","required","readOnly","others","focusVisible","setFocusVisible","useState","icons","onChangeCallback","useCallback","event","target","onBlurCallback","onFocusVisibleCallback","StyledCheckedBox","root","$focusVisible","indeterminateIcon","checkedIcon","disableRipple"],"mappings":";;;;;;AAyFA,MAAMA,mBAAmBA,CACvBC,SAIAC,YACG;AACG,QAAA;AAAA,IAAEC;AAAAA,IAAUC;AAAAA,EAAaH,IAAAA;AACzBI,QAAAA,QACHF,YAAY,CAAC,SAAS,cAAc,KACpCC,YAAY,CAAC,cAAc,WAAW,KACvCE;AACIC,QAAAA,eACHJ,YAAY,CAAC,SAAS,cAAc,KACpCC,YAAY,CAAC,aAAa,YAAY,KACvCE;AAGK,SAAA;AAAA,IACLE,8BACGC,UAAY;AAAA,MACXJ;AAAAA,MACAK,WAAWC,KAAKT,mCAASU,MAAMC,oBAAoBD,IAAI;AAAA,IAAA,CAE1D;AAAA,IACDE,qCACGC,iBAAmB;AAAA,MAClBV;AAAAA,MACAK,WAAWC,KAAKT,mCAASU,MAAMC,oBAAoBD,IAAI;AAAA,IAAA,CAE1D;AAAA,IACDI,qCACGC,eAAiB;AAAA,MAChBZ,OAAOE;AAAAA,MACPG,WAAWC,KAAKT,mCAASU,MAAMC,oBAAoBD,IAAI;AAAA,IAAA,CAAE;AAAA,EAAA;AAIjE;AAQO,MAAMM,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAjB;AAAAA,EACAQ;AAAAA,EACAU;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AAAA,EACRC,WAAW;AAAA,EACXC,WAAW;AAAA,EACX3B,WAAW;AAAA,EACXC,WAAW;AAAA,EACX,GAAG2B;AACgB,MAAM;AACzB,QAAM,CAACC,cAAcC,eAAe,IAAIC,SAAkB,KAAK;AAE/D,QAAMC,QAAQnC,iBAAiB;AAAA,IAAEG;AAAAA,IAAUC;AAAAA,KAAYF,OAAO;AAExDkC,QAAAA,mBAAmBC,YACvB,CAACC,UAA+C;AAC9C,QAAIR,UAAU;AACZ;AAAA,IACF;AAEAR,yCAAWgB,OAAOA,MAAMC,OAAOd,SAASG;AAAAA,EAE1C,GAAA,CAACN,UAAUQ,UAAUF,KAAK,CAAC;AAGvBY,QAAAA,iBAAiBH,YACrB,CAACC,UAA+C;AAC9CL,oBAAgB,KAAK;AACrBT,qCAASc;AAAAA,EAAK,GAEhB,CAACd,MAAM,CAAC;AAGJiB,QAAAA,yBAAyBJ,YAC7B,CAACC,UAAiC;AAChCL,oBAAgB,IAAI;AACpBV,qDAAiBe;AAAAA,EAAK,GAExB,CAACf,cAAc,CAAC;AAGlB,6BACGmB,kBAAgB;AAAA,IACfvB;AAAAA,IACAC;AAAAA,IACAQ;AAAAA,IACAlB,WAAWC,KACTD,WACAG,oBAAoB8B,MACpBzC,mCAASyC,MACTxC,YAAYQ,KAAKE,oBAAoBV,UAAUD,mCAASC,QAAQ,GAChE6B,gBACErB,KAAKE,oBAAoBmB,cAAc9B,mCAAS8B,YAAY,CAAC;AAAA,IAEjEY,eAAeZ;AAAAA,IACfpB,MAAMuB,MAAM3B;AAAAA,IACZqC,mBAAmBV,MAAMrB;AAAAA,IACzBgC,aAAaX,MAAMnB;AAAAA,IACnBb;AAAAA,IACA0B;AAAAA,IACAC;AAAAA,IACAL;AAAAA,IACAE;AAAAA,IACAD;AAAAA,IACAL;AAAAA,IACAC,UAAUc;AAAAA,IACVb,gBAAgBkB;AAAAA,IAChBjB,QAAQgB;AAAAA,IACRnC,OAAM;AAAA,IACN0C,eAAa;AAAA,IAAA,GACThB;AAAAA,EAAAA,CACJ;AAEN;"}

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

@@ -45,11 +45,11 @@ const StyledCheckedBox = /* @__PURE__ */ _styled(Checkbox, process.env.NODE_ENV
     },
     "& svg": {
       "& path:nth-of-type(2)": {
-        fill: theme.colors.atmo5
+        fill: theme.colors.secondary_60
       }
     }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZUNoZWNrQm94L0Jhc2VDaGVja0JveC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU2dDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZUNoZWNrQm94L0Jhc2VDaGVja0JveC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGVja2JveCBhcyBNdWlDaGVja0JveCxcbiAgY2hlY2tib3hDbGFzc2VzIGFzIE11aUNoZWNrQm94Q2xhc3Nlcyxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDaGVja2VkQm94ID0gc3R5bGVkKFxuICBNdWlDaGVja0JveCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZm9jdXNWaXNpYmxlIH06IHsgJGZvY3VzVmlzaWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBwYWRkaW5nOiAwLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmJhc2VDaGVja0JveC5ib3JkZXJSYWRpdXMsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5iYXNlQ2hlY2tCb3guaG92ZXJDb2xvcixcbiAgfSxcblxuICAuLi4oJGZvY3VzVmlzaWJsZSAmJiB7XG4gICAgXCImIHN2Z1wiOiB7XG4gICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIH0sXG4gIH0pLFxuXG4gIC8vIE92ZXJyaWRlIE11aSBzdHlsaW5nOiBodHRwczovL211aS5jb20vbWF0ZXJpYWwtdWkvYXBpL2NoZWNrYm94LyNjc3NcbiAgW2AmLiR7TXVpQ2hlY2tCb3hDbGFzc2VzLmRpc2FibGVkfWBdOiB7XG4gICAgLy8gRW5zdXJlIG1vcmUgc3BlY2lmaWNpdHkgdGhhbiAuTXVpQnV0dG9uQmFzZS1yb290Lk11aS1kaXNhYmxlZCBhbmQgLk11aUljb25CdXR0b24tcm9vdC5NdWktZGlzYWJsZWRcbiAgICBbYCYuJHtNdWlDaGVja0JveENsYXNzZXMucm9vdH1gXToge1xuICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgICBwb2ludGVyRXZlbnRzOiBcImluaXRpYWxcIixcbiAgICB9LFxuXG4gICAgXCImIHN2Z1wiOiB7XG4gICAgICBcIiYgcGF0aDpudGgtb2YtdHlwZSgyKVwiOiB7XG4gICAgICAgIGZpbGw6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSxcbn0pKTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZUNoZWNrQm94L0Jhc2VDaGVja0JveC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU2dDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZUNoZWNrQm94L0Jhc2VDaGVja0JveC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGVja2JveCBhcyBNdWlDaGVja0JveCxcbiAgY2hlY2tib3hDbGFzc2VzIGFzIE11aUNoZWNrQm94Q2xhc3Nlcyxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDaGVja2VkQm94ID0gc3R5bGVkKFxuICBNdWlDaGVja0JveCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZm9jdXNWaXNpYmxlIH06IHsgJGZvY3VzVmlzaWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBwYWRkaW5nOiAwLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmJhc2VDaGVja0JveC5ib3JkZXJSYWRpdXMsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5iYXNlQ2hlY2tCb3guaG92ZXJDb2xvcixcbiAgfSxcblxuICAuLi4oJGZvY3VzVmlzaWJsZSAmJiB7XG4gICAgXCImIHN2Z1wiOiB7XG4gICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIH0sXG4gIH0pLFxuXG4gIC8vIE92ZXJyaWRlIE11aSBzdHlsaW5nOiBodHRwczovL211aS5jb20vbWF0ZXJpYWwtdWkvYXBpL2NoZWNrYm94LyNjc3NcbiAgW2AmLiR7TXVpQ2hlY2tCb3hDbGFzc2VzLmRpc2FibGVkfWBdOiB7XG4gICAgLy8gRW5zdXJlIG1vcmUgc3BlY2lmaWNpdHkgdGhhbiAuTXVpQnV0dG9uQmFzZS1yb290Lk11aS1kaXNhYmxlZCBhbmQgLk11aUljb25CdXR0b24tcm9vdC5NdWktZGlzYWJsZWRcbiAgICBbYCYuJHtNdWlDaGVja0JveENsYXNzZXMucm9vdH1gXToge1xuICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgICBwb2ludGVyRXZlbnRzOiBcImluaXRpYWxcIixcbiAgICB9LFxuXG4gICAgXCImIHN2Z1wiOiB7XG4gICAgICBcIiYgcGF0aDpudGgtb2YtdHlwZSgyKVwiOiB7XG4gICAgICAgIGZpbGw6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG59KSk7XG4iXX0= */");
 export {
   StyledCheckedBox
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseCheckBox.styles.js","sources":["../../../../src/components/BaseCheckBox/BaseCheckBox.styles.ts"],"sourcesContent":["import {\n Checkbox as MuiCheckBox,\n checkboxClasses as MuiCheckBoxClasses,\n} from \"@mui/material\";\nimport styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { outlineStyles } from \"utils\";\n\nexport const StyledCheckedBox = styled(\n MuiCheckBox,\n transientOptions\n)(({ $focusVisible }: { $focusVisible: boolean }) => ({\n padding: 0,\n borderRadius: theme.baseCheckBox.borderRadius,\n cursor: \"pointer\",\n \"&:hover\": {\n backgroundColor: theme.baseCheckBox.hoverColor,\n },\n\n ...($focusVisible && {\n \"& svg\": {\n ...outlineStyles,\n },\n }),\n\n // Override Mui styling: https://mui.com/material-ui/api/checkbox/#css\n [`&.${MuiCheckBoxClasses.disabled}`]: {\n // Ensure more specificity than .MuiButtonBase-root.Mui-disabled and .MuiIconButton-root.Mui-disabled\n [`&.${MuiCheckBoxClasses.root}`]: {\n cursor: \"not-allowed\",\n pointerEvents: \"initial\",\n },\n\n \"& svg\": {\n \"& path:nth-of-type(2)\": {\n fill: theme.colors.~~atmo5~~,\n },\n },\n },\n}));\n"],"names":["StyledCheckedBox","MuiCheckBox","process","env","NODE_ENV","_extends","target","transientOptions","label","$focusVisible","padding","borderRadius","theme","baseCheckBox","cursor","backgroundColor","hoverColor","outlineStyles","MuiCheckBoxClasses","disabled","root","pointerEvents","fill","colors","~~atmo5~~"],"mappings":";;;;;;;;;;;;;;;;;;;AASaA,MAAAA,2CACXC,UAAWC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACXC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA0C,OAAO;AAAA,EACpDC,SAAS;AAAA,EACTC,cAAcC,MAAMC,aAAaF;AAAAA,EACjCG,QAAQ;AAAA,EACR,WAAW;AAAA,IACTC,iBAAiBH,MAAMC,aAAaG;AAAAA,EACtC;AAAA,EAEA,GAAIP,iBAAiB;AAAA,IACnB,SAAS;AAAA,MACP,GAAGQ;AAAAA,IACL;AAAA,EACF;AAAA;AAAA,EAGA,CAAE,KAAIC,gBAAmBC,UAAU,GAAG;AAAA;AAAA,IAEpC,CAAE,KAAID,gBAAmBE,MAAM,GAAG;AAAA,MAChCN,QAAQ;AAAA,MACRO,eAAe;AAAA,IACjB;AAAA,IAEA,SAAS;AAAA,MACP,yBAAyB;AAAA,QACvBC,MAAMV,MAAMW,OAAOC;AAAAA,MACrB;AAAA,IACF;AAAA,EACF;AACF,IAAEtB,QAAAC,IAAAC,aAAC,eAAA,KAAA,q/DAAA;"}
1	+ {"version":3,"file":"BaseCheckBox.styles.js","sources":["../../../../src/components/BaseCheckBox/BaseCheckBox.styles.ts"],"sourcesContent":["import {\n Checkbox as MuiCheckBox,\n checkboxClasses as MuiCheckBoxClasses,\n} from \"@mui/material\";\nimport styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { outlineStyles } from \"utils\";\n\nexport const StyledCheckedBox = styled(\n MuiCheckBox,\n transientOptions\n)(({ $focusVisible }: { $focusVisible: boolean }) => ({\n padding: 0,\n borderRadius: theme.baseCheckBox.borderRadius,\n cursor: \"pointer\",\n \"&:hover\": {\n backgroundColor: theme.baseCheckBox.hoverColor,\n },\n\n ...($focusVisible && {\n \"& svg\": {\n ...outlineStyles,\n },\n }),\n\n // Override Mui styling: https://mui.com/material-ui/api/checkbox/#css\n [`&.${MuiCheckBoxClasses.disabled}`]: {\n // Ensure more specificity than .MuiButtonBase-root.Mui-disabled and .MuiIconButton-root.Mui-disabled\n [`&.${MuiCheckBoxClasses.root}`]: {\n cursor: \"not-allowed\",\n pointerEvents: \"initial\",\n },\n\n \"& svg\": {\n \"& path:nth-of-type(2)\": {\n fill: theme.colors.secondary_60,\n },\n },\n },\n}));\n"],"names":["StyledCheckedBox","MuiCheckBox","process","env","NODE_ENV","_extends","target","transientOptions","label","$focusVisible","padding","borderRadius","theme","baseCheckBox","cursor","backgroundColor","hoverColor","outlineStyles","MuiCheckBoxClasses","disabled","root","pointerEvents","fill","colors","secondary_60"],"mappings":";;;;;;;;;;;;;;;;;;;AASaA,MAAAA,2CACXC,UAAWC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACXC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA0C,OAAO;AAAA,EACpDC,SAAS;AAAA,EACTC,cAAcC,MAAMC,aAAaF;AAAAA,EACjCG,QAAQ;AAAA,EACR,WAAW;AAAA,IACTC,iBAAiBH,MAAMC,aAAaG;AAAAA,EACtC;AAAA,EAEA,GAAIP,iBAAiB;AAAA,IACnB,SAAS;AAAA,MACP,GAAGQ;AAAAA,IACL;AAAA,EACF;AAAA;AAAA,EAGA,CAAE,KAAIC,gBAAmBC,UAAU,GAAG;AAAA;AAAA,IAEpC,CAAE,KAAID,gBAAmBE,MAAM,GAAG;AAAA,MAChCN,QAAQ;AAAA,MACRO,eAAe;AAAA,IACjB;AAAA,IAEA,SAAS;AAAA,MACP,yBAAyB;AAAA,QACvBC,MAAMV,MAAMW,OAAOC;AAAAA,MACrB;AAAA,IACF;AAAA,EACF;AACF,IAAEtB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6/DAAA;"}