@hitachivantara/uikit-react-core 5.39.1 → 5.39.2

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

@@ -1 +1 @@
-{"version":3,"file":"ActionContainer.js","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.tsx"],"sourcesContent":["import { Close } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport {\n  HvActionGeneric,\n  HvActionsGeneric,\n} from \"@core/components/ActionsGeneric\";\nimport { HvButton } from \"@core/components/Button\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./ActionContainer.styles\";\n\nexport { staticClasses as actionContainerClasses };\n\nexport type HvActionContainerClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvActionContainerProps extends HvBaseProps<HTMLButtonElement> {\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 = (props: HvActionContainerProps) => {\n  const {\n    id,\n    classes: classesProp,\n    onClose,\n    action,\n    actionCallback,\n    ...others\n  } = props;\n  const { classes } = useClasses(classesProp);\n  return (\n    <div className={classes.actionContainer}>\n      <HvButton\n        icon\n        className={classes.closeAction}\n        variant=\"semantic\"\n        aria-label=\"Close\"\n        onClick={onClose}\n        tabIndex={0}\n        {...others}\n      >\n        <Close iconSize=\"XS\" className={classes.iconContainer} color=\"base2\" />\n      </HvButton>\n      {action && (\n        <div className={classes.actionsInnerContainer}>\n          <HvActionsGeneric\n            id={id}\n            category=\"semantic\"\n            actions={action}\n            actionsCallback={actionCallback}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["HvActionContainer","props","id","classes","classesProp","onClose","action","actionCallback","others","useClasses","actionContainer","closeAction","iconContainer","actionsInnerContainer"],"mappings":";;;;;;AA+BaA,MAAAA,oBAAoBA,CAACC,UAAkC;AAC5D,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EACDP,IAAAA;AACE,QAAA;AAAA,IAAEE;AAAAA,EAAAA,IAAYM,WAAWL,WAAW;AAC1C,SACG,qBAAA,OAAA,EAAI,WAAWD,QAAQO,iBACtB,UAAA;AAAA,IAAC,oBAAA,UAAA,EACC,MAAI,MACJ,WAAWP,QAAQQ,aACnB,SAAQ,YACR,cAAW,SACX,SAASN,SACT,UAAU,GACV,GAAIG,QAEJ,UAAA,oBAAC,OAAM,EAAA,UAAS,MAAK,WAAWL,QAAQS,eAAe,OAAM,QAAA,CAAO,EACtE,CAAA;AAAA,IACCN,UACC,oBAAC,OAAI,EAAA,WAAWH,QAAQU,uBACtB,UAAA,oBAAC,kBACC,EAAA,IACA,UAAS,YACT,SAASP,QACT,iBAAiBC,eAAe,CAAA,GAEpC;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"ActionContainer.js","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.tsx"],"sourcesContent":["import { Close } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport {\n  HvActionGeneric,\n  HvActionsGeneric,\n} from \"@core/components/ActionsGeneric\";\nimport { HvButton } from \"@core/components/Button\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./ActionContainer.styles\";\n\nexport { staticClasses as actionContainerClasses };\n\nexport type HvActionContainerClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvActionContainerProps extends HvBaseProps<HTMLButtonElement> {\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 = (props: HvActionContainerProps) => {\n  const {\n    id,\n    classes: classesProp,\n    onClose,\n    action,\n    actionCallback,\n    ...others\n  } = props;\n  const { classes } = useClasses(classesProp);\n  return (\n    <div className={classes.actionContainer}>\n      <HvButton\n        icon\n        className={classes.closeAction}\n        variant=\"semantic\"\n        aria-label=\"Close\"\n        onClick={onClose}\n        tabIndex={0}\n        {...others}\n      >\n        <Close iconSize=\"XS\" className={classes.iconContainer} color=\"base2\" />\n      </HvButton>\n      {action && (\n        <div className={classes.actionsInnerContainer}>\n          <HvActionsGeneric\n            id={id}\n            category=\"semantic\"\n            actions={action}\n            actionsCallback={actionCallback}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AA+Ba,MAAA,oBAAoB,CAAC,UAAkC;AAC5D,QAAA;AAAA,IACJ;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACD,IAAA;AACJ,QAAM,EAAE,QAAA,IAAY,WAAW,WAAW;AAC1C,SACG,qBAAA,OAAA,EAAI,WAAW,QAAQ,iBACtB,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAI;AAAA,QACJ,WAAW,QAAQ;AAAA,QACnB,SAAQ;AAAA,QACR,cAAW;AAAA,QACX,SAAS;AAAA,QACT,UAAU;AAAA,QACT,GAAG;AAAA,QAEJ,UAAA,oBAAC,SAAM,UAAS,MAAK,WAAW,QAAQ,eAAe,OAAM,QAAQ,CAAA;AAAA,MAAA;AAAA,IACvE;AAAA,IACC,UACC,oBAAC,OAAI,EAAA,WAAW,QAAQ,uBACtB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,UAAS;AAAA,QACT,SAAS;AAAA,QACT,iBAAiB;AAAA,MAAA;AAAA,IAAA,GAErB;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

package/dist/esm/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.js

@@ -1,10 +1,7 @@
 import { createClasses } from "../../../../utils/classes.js";
 import { outlineStyles } from "../../../../utils/focusUtils.js";
 const name = "HvBannerActionContainer";
-const {
-  staticClasses,
-  useClasses
-} = createClasses(name, {
+const { staticClasses, useClasses } = createClasses(name, {
   actionContainer: {
     display: "flex",
     flexDirection: "column",

package/dist/esm/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionContainer.styles.js","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { outlineStyles } from \"@core/utils/focusUtils\";\n\nconst name = \"HvBannerActionContainer\";\n\nexport const { staticClasses, useClasses } = createClasses(name, {\n  actionContainer: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    height: \"100%\",\n    justifyContent: \"space-between\",\n  },\n  actionsInnerContainer: {\n    flexDirection: \"row\",\n    marginTop: \"8px\", // avoid overlap with close button outline focus ring\n  },\n  closeAction: {\n    alignSelf: \"flex-end\",\n    cursor: \"pointer\",\n    \"&:focus\": {\n      ...outlineStyles,\n    },\n  },\n  iconContainer: {\n    width: \"32px\",\n    height: \"32px\",\n  },\n});\n"],"names":["name","staticClasses","useClasses","createClasses","actionContainer","display","flexDirection","height","justifyContent","actionsInnerContainer","marginTop","closeAction","alignSelf","cursor","outlineStyles","iconContainer","width"],"mappings":";;AAGA,MAAMA,OAAO;AAEA,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,cAAcH,MAAM;AAAA,EAC/DI,iBAAiB;AAAA,IACfC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,QAAQ;AAAA,IACRC,gBAAgB;AAAA,EAClB;AAAA,EACAC,uBAAuB;AAAA,IACrBH,eAAe;AAAA,IACfI,WAAW;AAAA;AAAA,EACb;AAAA,EACAC,aAAa;AAAA,IACXC,WAAW;AAAA,IACXC,QAAQ;AAAA,IACR,WAAW;AAAA,MACT,GAAGC;AAAAA,IACL;AAAA,EACF;AAAA,EACAC,eAAe;AAAA,IACbC,OAAO;AAAA,IACPT,QAAQ;AAAA,EACV;AACF,CAAC;"}
+{"version":3,"file":"ActionContainer.styles.js","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { outlineStyles } from \"@core/utils/focusUtils\";\n\nconst name = \"HvBannerActionContainer\";\n\nexport const { staticClasses, useClasses } = createClasses(name, {\n  actionContainer: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    height: \"100%\",\n    justifyContent: \"space-between\",\n  },\n  actionsInnerContainer: {\n    flexDirection: \"row\",\n    marginTop: \"8px\", // avoid overlap with close button outline focus ring\n  },\n  closeAction: {\n    alignSelf: \"flex-end\",\n    cursor: \"pointer\",\n    \"&:focus\": {\n      ...outlineStyles,\n    },\n  },\n  iconContainer: {\n    width: \"32px\",\n    height: \"32px\",\n  },\n});\n"],"names":[],"mappings":";;AAGA,MAAM,OAAO;AAEN,MAAM,EAAE,eAAe,eAAe,cAAc,MAAM;AAAA,EAC/D,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,eAAe;AAAA,IACf,QAAQ;AAAA,IACR,gBAAgB;AAAA,EAClB;AAAA,EACA,uBAAuB;AAAA,IACrB,eAAe;AAAA,IACf,WAAW;AAAA;AAAA,EACb;AAAA,EACA,aAAa;AAAA,IACX,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,WAAW;AAAA,MACT,GAAG;AAAA,IACL;AAAA,EACF;AAAA,EACA,eAAe;AAAA,IACb,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AACF,CAAC;"}

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

@@ -6,39 +6,65 @@ import { useClasses } from "./BannerContent.styles.js";
 import { staticClasses } from "./BannerContent.styles.js";
 import { HvMessageContainer } from "./MessageContainer/MessageContainer.js";
 import { HvActionContainer } from "./ActionContainer/ActionContainer.js";
-const HvBannerContent = forwardRef((props, ref) => {
-  const {
-    id,
-    classes: classesProp,
-    showIcon = false,
-    customIcon,
-    variant = "default",
-    onClose,
-    actions,
-    actionsCallback,
-    actionsPosition = "auto",
-    content,
-    actionProps,
-    ...others
-  } = props;
-  const {
-    classes,
-    cx
-  } = useClasses(classesProp);
-  const icon = customIcon || showIcon && iconVariant(variant, "base_dark");
-  const effectiveActionsPosition = actionsPosition === "auto" ? "inline" : actionsPosition;
-  return /* @__PURE__ */ jsx("div", { className: classes.outContainer, children: /* @__PURE__ */ jsx(SnackbarContent, { ref, id, classes: {
-    root: classes.root,
-    message: classes.message,
-    action: classes.action
-  }, className: cx(classes?.baseVariant, classes?.[variant]), message: /* @__PURE__ */ jsx(HvMessageContainer, { id, icon, ...effectiveActionsPosition === "inline" && {
-    actionsOnMessage: actions,
-    actionsOnMessageCallback: actionsCallback
-  }, message: content }), action: /* @__PURE__ */ jsx(HvActionContainer, { id, onClose, ...effectiveActionsPosition === "bottom-right" && {
-    action: actions,
-    actionCallback: actionsCallback
-  }, ...actionProps }), ...others }) });
-});
+const HvBannerContent = forwardRef(
+  (props, ref) => {
+    const {
+      id,
+      classes: classesProp,
+      showIcon = false,
+      customIcon,
+      variant = "default",
+      onClose,
+      actions,
+      actionsCallback,
+      actionsPosition = "auto",
+      content,
+      actionProps,
+      ...others
+    } = props;
+    const { classes, cx } = useClasses(classesProp);
+    const icon = customIcon || showIcon && iconVariant(variant, "base_dark");
+    const effectiveActionsPosition = actionsPosition === "auto" ? "inline" : actionsPosition;
+    return /* @__PURE__ */ jsx("div", { className: classes.outContainer, children: /* @__PURE__ */ jsx(
+      SnackbarContent,
+      {
+        ref,
+        id,
+        classes: {
+          root: classes.root,
+          message: classes.message,
+          action: classes.action
+        },
+        className: cx(classes?.baseVariant, classes?.[variant]),
+        message: /* @__PURE__ */ jsx(
+          HvMessageContainer,
+          {
+            id,
+            icon,
+            ...effectiveActionsPosition === "inline" && {
+              actionsOnMessage: actions,
+              actionsOnMessageCallback: actionsCallback
+            },
+            message: content
+          }
+        ),
+        action: /* @__PURE__ */ jsx(
+          HvActionContainer,
+          {
+            id,
+            onClose,
+            ...effectiveActionsPosition === "bottom-right" && {
+              action: actions,
+              actionCallback: actionsCallback
+            },
+            ...actionProps
+          }
+        ),
+        ...others
+      }
+    ) });
+  }
+);
 export {
   HvBannerContent,
   staticClasses as bannerContentClasses

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

@@ -1 +1 @@
-{"version":3,"file":"BannerContent.js","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport SnackbarContent, {\n  SnackbarContentProps as MuiSnackbarContentProps,\n} from \"@mui/material/SnackbarContent\";\n\nimport { iconVariant } from \"@core/utils/iconVariant\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvActionGeneric } from \"@core/components/ActionsGeneric\";\n\nimport { HvBannerActionPosition, HvBannerVariant } from \"../types\";\nimport { HvActionContainer, HvActionContainerProps } from \"./ActionContainer\";\nimport { HvMessageContainer } from \"./MessageContainer\";\nimport { useClasses, staticClasses } from \"./BannerContent.styles\";\n\nexport { staticClasses as bannerContentClasses };\n\nexport type HvBannerContentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBannerContentProps\n  extends Omit<MuiSnackbarContentProps, \"variant\" | \"classes\" | \"onClose\"> {\n  /** The message to display. */\n  content?: string;\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  (props, ref) => {\n    const {\n      id,\n      classes: classesProp,\n      showIcon = false,\n      customIcon,\n      variant = \"default\",\n      onClose,\n      actions,\n      actionsCallback,\n      actionsPosition = \"auto\",\n      content,\n      actionProps,\n      ...others\n    } = props;\n    const { classes, cx } = useClasses(classesProp);\n    const icon = customIcon || (showIcon && iconVariant(variant, \"base_dark\"));\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      <div className={classes.outContainer}>\n        <SnackbarContent\n          ref={ref}\n          id={id}\n          classes={{\n            root: classes.root,\n            message: classes.message,\n            action: classes.action,\n          }}\n          className={cx(classes?.baseVariant, classes?.[variant])}\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          {...others}\n        />\n      </div>\n    );\n  }\n);\n"],"names":["HvBannerContent","forwardRef","props","ref","id","classes","classesProp","showIcon","customIcon","variant","onClose","actions","actionsCallback","actionsPosition","content","actionProps","others","cx","useClasses","icon","iconVariant","effectiveActionsPosition","outContainer","root","message","action","baseVariant","actionsOnMessage","actionsOnMessageCallback","actionCallback"],"mappings":";;;;;;;;AA+CO,MAAMA,kBAAkBC,WAC7B,CAACC,OAAOC,QAAQ;AACR,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC,WAAW;AAAA,IACXC;AAAAA,IACAC,UAAU;AAAA,IACVC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,kBAAkB;AAAA,IAClBC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EACDd,IAAAA;AACE,QAAA;AAAA,IAAEG;AAAAA,IAASY;AAAAA,EAAAA,IAAOC,WAAWZ,WAAW;AAC9C,QAAMa,OAAOX,cAAeD,YAAYa,YAAYX,SAAS,WAAW;AAMlEY,QAAAA,2BACJR,oBAAoB,SAAS,WAAWA;AAGxC,SAAA,oBAAC,SAAI,WAAWR,QAAQiB,cACtB,UAAC,oBAAA,iBAAA,EACC,KACA,IACA,SAAS;AAAA,IACPC,MAAMlB,QAAQkB;AAAAA,IACdC,SAASnB,QAAQmB;AAAAA,IACjBC,QAAQpB,QAAQoB;AAAAA,EAAAA,GAElB,WAAWR,GAAGZ,SAASqB,aAAarB,UAAUI,OAAO,CAAC,GACtD,6BACG,oBACC,EAAA,IACA,SACKY,6BAA6B,YAAY;AAAA,IAC5CM,kBAAkBhB;AAAAA,IAClBiB,0BAA0BhB;AAAAA,EAC5B,GACA,SAASE,SACT,GAEJ,QACG,oBAAA,mBAAA,EACC,IACA,SACA,GAAKO,6BAA6B,kBAAkB;AAAA,IAClDI,QAAQd;AAAAA,IACRkB,gBAAgBjB;AAAAA,EAAAA,GAElB,GAAIG,YAAAA,IAGJC,GAAAA,OAAO,CAAA,EAEf,CAAA;AAEJ,CACF;"}
+{"version":3,"file":"BannerContent.js","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport SnackbarContent, {\n  SnackbarContentProps as MuiSnackbarContentProps,\n} from \"@mui/material/SnackbarContent\";\n\nimport { iconVariant } from \"@core/utils/iconVariant\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvActionGeneric } from \"@core/components/ActionsGeneric\";\n\nimport { HvBannerActionPosition, HvBannerVariant } from \"../types\";\nimport { HvActionContainer, HvActionContainerProps } from \"./ActionContainer\";\nimport { HvMessageContainer } from \"./MessageContainer\";\nimport { useClasses, staticClasses } from \"./BannerContent.styles\";\n\nexport { staticClasses as bannerContentClasses };\n\nexport type HvBannerContentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBannerContentProps\n  extends Omit<MuiSnackbarContentProps, \"variant\" | \"classes\" | \"onClose\"> {\n  /** The message to display. */\n  content?: string;\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  (props, ref) => {\n    const {\n      id,\n      classes: classesProp,\n      showIcon = false,\n      customIcon,\n      variant = \"default\",\n      onClose,\n      actions,\n      actionsCallback,\n      actionsPosition = \"auto\",\n      content,\n      actionProps,\n      ...others\n    } = props;\n    const { classes, cx } = useClasses(classesProp);\n    const icon = customIcon || (showIcon && iconVariant(variant, \"base_dark\"));\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      <div className={classes.outContainer}>\n        <SnackbarContent\n          ref={ref}\n          id={id}\n          classes={{\n            root: classes.root,\n            message: classes.message,\n            action: classes.action,\n          }}\n          className={cx(classes?.baseVariant, classes?.[variant])}\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          {...others}\n        />\n      </div>\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;;;;AA+CO,MAAM,kBAAkB;AAAA,EAC7B,CAAC,OAAO,QAAQ;AACR,UAAA;AAAA,MACJ;AAAA,MACA,SAAS;AAAA,MACT,WAAW;AAAA,MACX;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA,kBAAkB;AAAA,MAClB;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACD,IAAA;AACJ,UAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAC9C,UAAM,OAAO,cAAe,YAAY,YAAY,SAAS,WAAW;AAMlE,UAAA,2BACJ,oBAAoB,SAAS,WAAW;AAE1C,WACG,oBAAA,OAAA,EAAI,WAAW,QAAQ,cACtB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,SAAS;AAAA,UACP,MAAM,QAAQ;AAAA,UACd,SAAS,QAAQ;AAAA,UACjB,QAAQ,QAAQ;AAAA,QAClB;AAAA,QACA,WAAW,GAAG,SAAS,aAAa,UAAU,OAAO,CAAC;AAAA,QACtD,SACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACC,GAAI,6BAA6B,YAAY;AAAA,cAC5C,kBAAkB;AAAA,cAClB,0BAA0B;AAAA,YAC5B;AAAA,YACA,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,QAEF,QACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACC,GAAI,6BAA6B,kBAAkB;AAAA,cAClD,QAAQ;AAAA,cACR,gBAAgB;AAAA,YAClB;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAED,GAAG;AAAA,MAAA;AAAA,IAER,EAAA,CAAA;AAAA,EAEJ;AACF;"}

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

@@ -1,9 +1,6 @@
 import { theme } from "@hitachivantara/uikit-styles";
 import { createClasses } from "../../../utils/classes.js";
-const {
-  useClasses,
-  staticClasses
-} = createClasses("HvBannerContent", {
+const { useClasses, staticClasses } = createClasses("HvBannerContent", {
   root: {
     minWidth: "100%",
     position: "relative",

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

@@ -1 +1 @@
-{"version":3,"file":"BannerContent.styles.js","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { useClasses, staticClasses } = createClasses(\"HvBannerContent\", {\n  root: {\n    minWidth: \"100%\",\n    position: \"relative\",\n    display: \"flex\",\n    flexWrap: \"nowrap\",\n    boxShadow: \"none\",\n    borderRadius: theme.radii.none,\n  },\n  message: {\n    display: \"flex\",\n    alignItems: \"center\",\n    padding: theme.spacing(\"xs\", 0),\n    paddingLeft: theme.space.sm,\n  },\n  action: {\n    padding: theme.spacing(\"xs\"),\n    marginRight: 0,\n    flex: \"0 0 auto\",\n    placeSelf: \"stretch\",\n  },\n  baseVariant: {\n    padding: 0,\n  },\n  success: {\n    backgroundColor: theme.colors.positive_20,\n  },\n  warning: {\n    backgroundColor: theme.colors.warning_20,\n  },\n  error: {\n    backgroundColor: theme.colors.negative_20,\n  },\n  default: {\n    backgroundColor: theme.colors.neutral_20,\n  },\n  outContainer: {\n    width: \"100%\",\n    position: \"relative\",\n  },\n});\n"],"names":["useClasses","staticClasses","createClasses","root","minWidth","position","display","flexWrap","boxShadow","borderRadius","theme","radii","none","message","alignItems","padding","spacing","paddingLeft","space","sm","action","marginRight","flex","placeSelf","baseVariant","success","backgroundColor","colors","positive_20","warning","warning_20","error","negative_20","default","neutral_20","outContainer","width"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAYC;AAAc,IAAIC,cAAc,mBAAmB;AAAA,EAC5EC,MAAM;AAAA,IACJC,UAAU;AAAA,IACVC,UAAU;AAAA,IACVC,SAAS;AAAA,IACTC,UAAU;AAAA,IACVC,WAAW;AAAA,IACXC,cAAcC,MAAMC,MAAMC;AAAAA,EAC5B;AAAA,EACAC,SAAS;AAAA,IACPP,SAAS;AAAA,IACTQ,YAAY;AAAA,IACZC,SAASL,MAAMM,QAAQ,MAAM,CAAC;AAAA,IAC9BC,aAAaP,MAAMQ,MAAMC;AAAAA,EAC3B;AAAA,EACAC,QAAQ;AAAA,IACNL,SAASL,MAAMM,QAAQ,IAAI;AAAA,IAC3BK,aAAa;AAAA,IACbC,MAAM;AAAA,IACNC,WAAW;AAAA,EACb;AAAA,EACAC,aAAa;AAAA,IACXT,SAAS;AAAA,EACX;AAAA,EACAU,SAAS;AAAA,IACPC,iBAAiBhB,MAAMiB,OAAOC;AAAAA,EAChC;AAAA,EACAC,SAAS;AAAA,IACPH,iBAAiBhB,MAAMiB,OAAOG;AAAAA,EAChC;AAAA,EACAC,OAAO;AAAA,IACLL,iBAAiBhB,MAAMiB,OAAOK;AAAAA,EAChC;AAAA,EACAC,SAAS;AAAA,IACPP,iBAAiBhB,MAAMiB,OAAOO;AAAAA,EAChC;AAAA,EACAC,cAAc;AAAA,IACZC,OAAO;AAAA,IACP/B,UAAU;AAAA,EACZ;AACF,CAAC;"}
+{"version":3,"file":"BannerContent.styles.js","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { useClasses, staticClasses } = createClasses(\"HvBannerContent\", {\n  root: {\n    minWidth: \"100%\",\n    position: \"relative\",\n    display: \"flex\",\n    flexWrap: \"nowrap\",\n    boxShadow: \"none\",\n    borderRadius: theme.radii.none,\n  },\n  message: {\n    display: \"flex\",\n    alignItems: \"center\",\n    padding: theme.spacing(\"xs\", 0),\n    paddingLeft: theme.space.sm,\n  },\n  action: {\n    padding: theme.spacing(\"xs\"),\n    marginRight: 0,\n    flex: \"0 0 auto\",\n    placeSelf: \"stretch\",\n  },\n  baseVariant: {\n    padding: 0,\n  },\n  success: {\n    backgroundColor: theme.colors.positive_20,\n  },\n  warning: {\n    backgroundColor: theme.colors.warning_20,\n  },\n  error: {\n    backgroundColor: theme.colors.negative_20,\n  },\n  default: {\n    backgroundColor: theme.colors.neutral_20,\n  },\n  outContainer: {\n    width: \"100%\",\n    position: \"relative\",\n  },\n});\n"],"names":[],"mappings":";;AAIO,MAAM,EAAE,YAAY,kBAAkB,cAAc,mBAAmB;AAAA,EAC5E,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,UAAU;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,IACX,cAAc,MAAM,MAAM;AAAA,EAC5B;AAAA,EACA,SAAS;AAAA,IACP,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,SAAS,MAAM,QAAQ,MAAM,CAAC;AAAA,IAC9B,aAAa,MAAM,MAAM;AAAA,EAC3B;AAAA,EACA,QAAQ;AAAA,IACN,SAAS,MAAM,QAAQ,IAAI;AAAA,IAC3B,aAAa;AAAA,IACb,MAAM;AAAA,IACN,WAAW;AAAA,EACb;AAAA,EACA,aAAa;AAAA,IACX,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,iBAAiB,MAAM,OAAO;AAAA,EAChC;AAAA,EACA,SAAS;AAAA,IACP,iBAAiB,MAAM,OAAO;AAAA,EAChC;AAAA,EACA,OAAO;AAAA,IACL,iBAAiB,MAAM,OAAO;AAAA,EAChC;AAAA,EACA,SAAS;AAAA,IACP,iBAAiB,MAAM,OAAO;AAAA,EAChC;AAAA,EACA,cAAc;AAAA,IACZ,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AACF,CAAC;"}

package/dist/esm/components/Banner/BannerContent/MessageContainer/MessageContainer.js

@@ -12,13 +12,26 @@ const HvMessageContainer = ({
   actionsOnMessageCallback,
   message
 }) => {
-  const {
-    classes
-  } = useClasses(classesProp);
+  const { classes } = useClasses(classesProp);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     icon && /* @__PURE__ */ jsx("div", { className: classes.iconContainer, children: icon }),
     /* @__PURE__ */ jsx(HvTypography, { id: setId(id, "message-text"), className: classes.message, children: message }),
-    actionsOnMessage && /* @__PURE__ */ jsx("div", { id: setId(id, "message-actions"), className: classes.actionMessageContainer, children: /* @__PURE__ */ jsx(HvActionsGeneric, { id, category: "semantic", actions: actionsOnMessage, actionsCallback: actionsOnMessageCallback }) })
+    actionsOnMessage && /* @__PURE__ */ jsx(
+      "div",
+      {
+        id: setId(id, "message-actions"),
+        className: classes.actionMessageContainer,
+        children: /* @__PURE__ */ jsx(
+          HvActionsGeneric,
+          {
+            id,
+            category: "semantic",
+            actions: actionsOnMessage,
+            actionsCallback: actionsOnMessageCallback
+          }
+        )
+      }
+    )
   ] });
 };
 export {

package/dist/esm/components/Banner/BannerContent/MessageContainer/MessageContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageContainer.js","sources":["../../../../../../src/components/Banner/BannerContent/MessageContainer/MessageContainer.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types/generic\";\nimport {\n  HvActionGeneric,\n  HvActionsGeneric,\n} from \"@core/components/ActionsGeneric\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { staticClasses, useClasses } from \"./MessageContainer.styles\";\n\nexport { staticClasses as messageContainerClasses };\n\nexport type HvMessageContainerClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvMessageContainerProps extends HvBaseProps {\n  /** Icon to be presented. */\n  icon?: React.ReactNode;\n  /** The message to display. */\n  message?: React.ReactNode;\n  /** Actions to display on message. */\n  actionsOnMessage?: React.ReactNode | HvActionGeneric[];\n  /** The callback function ran when an action is triggered, receiving `actionsOnMessage` as param */\n  actionsOnMessageCallback?: (\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?: HvMessageContainerClasses;\n}\n\nexport const HvMessageContainer = ({\n  id,\n  classes: classesProp,\n  icon,\n  actionsOnMessage,\n  actionsOnMessageCallback,\n  message,\n}: HvMessageContainerProps) => {\n  const { classes } = useClasses(classesProp);\n\n  return (\n    <>\n      {icon && <div className={classes.iconContainer}>{icon}</div>}\n      <HvTypography id={setId(id, \"message-text\")} className={classes.message}>\n        {message}\n      </HvTypography>\n      {actionsOnMessage && (\n        <div\n          id={setId(id, \"message-actions\")}\n          className={classes.actionMessageContainer}\n        >\n          <HvActionsGeneric\n            id={id}\n            category=\"semantic\"\n            actions={actionsOnMessage}\n            actionsCallback={actionsOnMessageCallback}\n          />\n        </div>\n      )}\n    </>\n  );\n};\n"],"names":["HvMessageContainer","id","classes","classesProp","icon","actionsOnMessage","actionsOnMessageCallback","message","useClasses","iconContainer","setId","actionMessageContainer"],"mappings":";;;;;;AAgCO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACuB,MAAM;AACvB,QAAA;AAAA,IAAEL;AAAAA,EAAAA,IAAYM,WAAWL,WAAW;AAE1C,SAEKC,qBAAAA,UAAAA,EAAAA,UAAAA;AAAAA,IAAAA,QAAS,oBAAA,OAAA,EAAI,WAAWF,QAAQO,eAAgBL,UAAK,MAAA;AAAA,IACtD,oBAAC,cAAa,EAAA,IAAIM,MAAMT,IAAI,cAAc,GAAG,WAAWC,QAAQK,SAC7DA,UACH,QAAA,CAAA;AAAA,IACCF,wCACE,OACC,EAAA,IAAIK,MAAMT,IAAI,iBAAiB,GAC/B,WAAWC,QAAQS,wBAEnB,UAAC,oBAAA,kBAAA,EACC,IACA,UAAS,YACT,SAASN,kBACT,iBAAiBC,0BAAyB,EAE9C,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"MessageContainer.js","sources":["../../../../../../src/components/Banner/BannerContent/MessageContainer/MessageContainer.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types/generic\";\nimport {\n  HvActionGeneric,\n  HvActionsGeneric,\n} from \"@core/components/ActionsGeneric\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { staticClasses, useClasses } from \"./MessageContainer.styles\";\n\nexport { staticClasses as messageContainerClasses };\n\nexport type HvMessageContainerClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvMessageContainerProps extends HvBaseProps {\n  /** Icon to be presented. */\n  icon?: React.ReactNode;\n  /** The message to display. */\n  message?: React.ReactNode;\n  /** Actions to display on message. */\n  actionsOnMessage?: React.ReactNode | HvActionGeneric[];\n  /** The callback function ran when an action is triggered, receiving `actionsOnMessage` as param */\n  actionsOnMessageCallback?: (\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?: HvMessageContainerClasses;\n}\n\nexport const HvMessageContainer = ({\n  id,\n  classes: classesProp,\n  icon,\n  actionsOnMessage,\n  actionsOnMessageCallback,\n  message,\n}: HvMessageContainerProps) => {\n  const { classes } = useClasses(classesProp);\n\n  return (\n    <>\n      {icon && <div className={classes.iconContainer}>{icon}</div>}\n      <HvTypography id={setId(id, \"message-text\")} className={classes.message}>\n        {message}\n      </HvTypography>\n      {actionsOnMessage && (\n        <div\n          id={setId(id, \"message-actions\")}\n          className={classes.actionMessageContainer}\n        >\n          <HvActionsGeneric\n            id={id}\n            category=\"semantic\"\n            actions={actionsOnMessage}\n            actionsCallback={actionsOnMessageCallback}\n          />\n        </div>\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAgCO,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA+B;AAC7B,QAAM,EAAE,QAAA,IAAY,WAAW,WAAW;AAE1C,SAEK,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA,QAAS,oBAAA,OAAA,EAAI,WAAW,QAAQ,eAAgB,UAAK,MAAA;AAAA,IACtD,oBAAC,cAAa,EAAA,IAAI,MAAM,IAAI,cAAc,GAAG,WAAW,QAAQ,SAC7D,UACH,QAAA,CAAA;AAAA,IACC,oBACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI,MAAM,IAAI,iBAAiB;AAAA,QAC/B,WAAW,QAAQ;AAAA,QAEnB,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,UAAS;AAAA,YACT,SAAS;AAAA,YACT,iBAAiB;AAAA,UAAA;AAAA,QACnB;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

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

@@ -1,10 +1,7 @@
 import { theme } from "@hitachivantara/uikit-styles";
 import { createClasses } from "../../../../utils/classes.js";
 const name = "HvBannerMessageContainer";
-const {
-  staticClasses,
-  useClasses
-} = createClasses(name, {
+const { staticClasses, useClasses } = createClasses(name, {
   message: {
     color: theme.colors.base_dark,
     wordBreak: "break-word",

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

@@ -1 +1 @@
-{"version":3,"file":"MessageContainer.styles.js","sources":["../../../../../../src/components/Banner/BannerContent/MessageContainer/MessageContainer.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nconst name = \"HvBannerMessageContainer\";\n\nexport const { staticClasses, useClasses } = createClasses(name, {\n  message: {\n    color: theme.colors.base_dark,\n    wordBreak: \"break-word\",\n    maxWidth: \"700px\",\n    overflow: \"hidden\",\n    marginRight: 10,\n  },\n  iconContainer: {\n    marginRight: theme.space.xs,\n    marginLeft: -theme.space.xs,\n  },\n  actionMessageContainer: {\n    flex: \"0 0 auto\",\n  },\n});\n"],"names":["name","staticClasses","useClasses","createClasses","message","color","theme","colors","base_dark","wordBreak","maxWidth","overflow","marginRight","iconContainer","space","xs","marginLeft","actionMessageContainer","flex"],"mappings":";;AAIA,MAAMA,OAAO;AAEA,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,cAAcH,MAAM;AAAA,EAC/DI,SAAS;AAAA,IACPC,OAAOC,MAAMC,OAAOC;AAAAA,IACpBC,WAAW;AAAA,IACXC,UAAU;AAAA,IACVC,UAAU;AAAA,IACVC,aAAa;AAAA,EACf;AAAA,EACAC,eAAe;AAAA,IACbD,aAAaN,MAAMQ,MAAMC;AAAAA,IACzBC,YAAY,CAACV,MAAMQ,MAAMC;AAAAA,EAC3B;AAAA,EACAE,wBAAwB;AAAA,IACtBC,MAAM;AAAA,EACR;AACF,CAAC;"}
+{"version":3,"file":"MessageContainer.styles.js","sources":["../../../../../../src/components/Banner/BannerContent/MessageContainer/MessageContainer.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nconst name = \"HvBannerMessageContainer\";\n\nexport const { staticClasses, useClasses } = createClasses(name, {\n  message: {\n    color: theme.colors.base_dark,\n    wordBreak: \"break-word\",\n    maxWidth: \"700px\",\n    overflow: \"hidden\",\n    marginRight: 10,\n  },\n  iconContainer: {\n    marginRight: theme.space.xs,\n    marginLeft: -theme.space.xs,\n  },\n  actionMessageContainer: {\n    flex: \"0 0 auto\",\n  },\n});\n"],"names":[],"mappings":";;AAIA,MAAM,OAAO;AAEN,MAAM,EAAE,eAAe,eAAe,cAAc,MAAM;AAAA,EAC/D,SAAS;AAAA,IACP,OAAO,MAAM,OAAO;AAAA,IACpB,WAAW;AAAA,IACX,UAAU;AAAA,IACV,UAAU;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EACA,eAAe;AAAA,IACb,aAAa,MAAM,MAAM;AAAA,IACzB,YAAY,CAAC,MAAM,MAAM;AAAA,EAC3B;AAAA,EACA,wBAAwB;AAAA,IACtB,MAAM;AAAA,EACR;AACF,CAAC;"}

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

@@ -6,10 +6,7 @@ import { useDefaultProps } from "../../hooks/useDefaultProps.js";
 import { useClasses } from "./BaseCheckBox.styles.js";
 import { staticClasses } from "./BaseCheckBox.styles.js";
 const getSelectorIcons = (options, classes) => {
-  const {
-    disabled,
-    semantic
-  } = options;
+  const { disabled, semantic } = options;
   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 {
@@ -38,33 +35,62 @@ const HvBaseCheckBox = forwardRef((props, ref) => {
     semantic = false,
     ...others
   } = useDefaultProps("HvBaseCheckBox", props);
-  const {
-    classes,
-    cx
-  } = useClasses(classesProp);
+  const { classes, cx } = useClasses(classesProp);
   const [focusVisible, setFocusVisible] = useState(false);
-  const icons = getSelectorIcons({
-    disabled,
-    semantic
-  }, classes);
-  const onChangeCallback = useCallback((event) => {
-    if (readOnly) {
-      return;
+  const icons = getSelectorIcons({ disabled, semantic }, classes);
+  const onChangeCallback = useCallback(
+    (event) => {
+      if (readOnly) {
+        return;
+      }
+      onChange?.(event, event.target.checked, value);
+    },
+    [onChange, readOnly, value]
+  );
+  const onBlurCallback = useCallback(
+    (event) => {
+      setFocusVisible(false);
+      onBlur?.(event);
+    },
+    [onBlur]
+  );
+  const onFocusVisibleCallback = useCallback(
+    (event) => {
+      setFocusVisible(true);
+      onFocusVisible?.(event);
+    },
+    [onFocusVisible]
+  );
+  return /* @__PURE__ */ jsx(
+    MuiCheckbox,
+    {
+      ref,
+      id,
+      name,
+      value,
+      className: cx(
+        classes.root,
+        { [classes.disabled]: disabled, [classes.focusVisible]: focusVisible },
+        className
+      ),
+      icon: icons.checkbox,
+      indeterminateIcon: icons.checkboxPartial,
+      checkedIcon: icons.checkboxChecked,
+      disabled,
+      required,
+      readOnly,
+      checked,
+      defaultChecked,
+      indeterminate,
+      inputProps,
+      onChange: onChangeCallback,
+      onFocusVisible: onFocusVisibleCallback,
+      onBlur: onBlurCallback,
+      color: "default",
+      disableRipple: true,
+      ...others
     }
-    onChange?.(event, event.target.checked, value);
-  }, [onChange, readOnly, value]);
-  const onBlurCallback = useCallback((event) => {
-    setFocusVisible(false);
-    onBlur?.(event);
-  }, [onBlur]);
-  const onFocusVisibleCallback = useCallback((event) => {
-    setFocusVisible(true);
-    onFocusVisible?.(event);
-  }, [onFocusVisible]);
-  return /* @__PURE__ */ jsx(MuiCheckbox, { ref, id, name, value, className: cx(classes.root, {
-    [classes.disabled]: disabled,
-    [classes.focusVisible]: focusVisible
-  }, className), icon: icons.checkbox, indeterminateIcon: icons.checkboxPartial, checkedIcon: icons.checkboxChecked, disabled, required, readOnly, checked, defaultChecked, indeterminate, inputProps, onChange: onChangeCallback, onFocusVisible: onFocusVisibleCallback, onBlur: onBlurCallback, color: "default", disableRipple: true, ...others });
+  );
 });
 export {
   HvBaseCheckBox,

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

@@ -1 +1 @@
-{"version":3,"file":"BaseCheckBox.js","sources":["../../../../src/components/BaseCheckBox/BaseCheckBox.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useState } from \"react\";\n\nimport MuiCheckbox, {\n  CheckboxProps as MuiCheckboxProps,\n} from \"@mui/material/Checkbox\";\n\nimport {\n  CheckboxCheck as CheckboxCheckIcon,\n  CheckboxPartial as CheckboxPartialIcon,\n  Checkbox as CheckboxIcon,\n} from \"@hitachivantara/uikit-react-icons\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { staticClasses, useClasses } from \"./BaseCheckBox.styles\";\n\nexport { staticClasses as baseCheckBoxClasses };\n\nexport type HvBaseCheckBoxClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBaseCheckBoxProps\n  extends Omit<MuiCheckboxProps, \"onChange\" | \"classes\"> {\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: <CheckboxIcon color={color} className={classes.icon} />,\n    checkboxPartial: (\n      <CheckboxPartialIcon color={color} className={classes.icon} />\n    ),\n    checkboxChecked: (\n      <CheckboxCheckIcon color={checkedColor} className={classes.icon} />\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 = forwardRef<\n  HTMLButtonElement,\n  HvBaseCheckBoxProps\n>((props, ref) => {\n  const {\n    id,\n    classes: classesProp,\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  } = useDefaultProps(\"HvBaseCheckBox\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\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    <MuiCheckbox\n      ref={ref}\n      id={id}\n      name={name}\n      value={value}\n      className={cx(\n        classes.root,\n        { [classes.disabled]: disabled, [classes.focusVisible]: focusVisible },\n        className\n      )}\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","icon","checkboxPartial","CheckboxPartialIcon","checkboxChecked","CheckboxCheckIcon","HvBaseCheckBox","forwardRef","props","ref","id","classesProp","className","name","inputProps","onChange","onFocusVisible","onBlur","checked","indeterminate","defaultChecked","value","required","readOnly","others","useDefaultProps","cx","useClasses","focusVisible","setFocusVisible","useState","icons","onChangeCallback","useCallback","event","target","onBlurCallback","onFocusVisibleCallback","root"],"mappings":";;;;;;;AA6FA,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,UAAW,oBAAAC,UAAA,EAAa,OAAc,WAAWP,QAAQQ,MAAQ;AAAA,IACjEC,iBACG,oBAAAC,iBAAA,EAAoB,OAAc,WAAWV,QAAQQ,MACvD;AAAA,IACDG,iBACG,oBAAAC,eAAA,EAAkB,OAAOP,cAAc,WAAWL,QAAQQ,MAAK;AAAA,EAAA;AAGtE;AAQO,MAAMK,iBAAiBC,WAG5B,CAACC,OAAOC,QAAQ;AACV,QAAA;AAAA,IACJC;AAAAA,IACAjB,SAASkB;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,WAAW;AAAA,IACX7B,WAAW;AAAA,IACXC,WAAW;AAAA,IACX,GAAG6B;AAAAA,EAAAA,IACDC,gBAAgB,kBAAkBjB,KAAK;AAErC,QAAA;AAAA,IAAEf;AAAAA,IAASiC;AAAAA,EAAAA,IAAOC,WAAWhB,WAAW;AAE9C,QAAM,CAACiB,cAAcC,eAAe,IAAIC,SAAkB,KAAK;AAE/D,QAAMC,QAAQxC,iBAAiB;AAAA,IAAEG;AAAAA,IAAUC;AAAAA,KAAYF,OAAO;AAExDuC,QAAAA,mBAAmBC,YACvB,CAACC,UAA+C;AAC9C,QAAIX,UAAU;AACZ;AAAA,IACF;AAEAR,eAAWmB,OAAOA,MAAMC,OAAOjB,SAASG,KAAK;AAAA,EAE/C,GAAA,CAACN,UAAUQ,UAAUF,KAAK,CAC5B;AAEMe,QAAAA,iBAAiBH,YACrB,CAACC,UAA+C;AAC9CL,oBAAgB,KAAK;AACrBZ,aAASiB,KAAK;AAAA,EAAA,GAEhB,CAACjB,MAAM,CACT;AAEMoB,QAAAA,yBAAyBJ,YAC7B,CAACC,UAAiC;AAChCL,oBAAgB,IAAI;AACpBb,qBAAiBkB,KAAK;AAAA,EAAA,GAExB,CAAClB,cAAc,CACjB;AAGE,SAAA,oBAAC,eACC,KACA,IACA,MACA,OACA,WAAWU,GACTjC,QAAQ6C,MACR;AAAA,IAAE,CAAC7C,QAAQC,QAAQ,GAAGA;AAAAA,IAAU,CAACD,QAAQmC,YAAY,GAAGA;AAAAA,EAAAA,GACxDhB,SACF,GACA,MAAMmB,MAAMhC,UACZ,mBAAmBgC,MAAM7B,iBACzB,aAAa6B,MAAM3B,iBACnB,UACA,UACA,UACA,SACA,gBACA,eACA,YACA,UAAU4B,kBACV,gBAAgBK,wBAChB,QAAQD,gBACR,OAAM,WACN,eAAa,MACb,GAAIZ,OACJ,CAAA;AAEN,CAAC;"}
+{"version":3,"file":"BaseCheckBox.js","sources":["../../../../src/components/BaseCheckBox/BaseCheckBox.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useState } from \"react\";\n\nimport MuiCheckbox, {\n  CheckboxProps as MuiCheckboxProps,\n} from \"@mui/material/Checkbox\";\n\nimport {\n  CheckboxCheck as CheckboxCheckIcon,\n  CheckboxPartial as CheckboxPartialIcon,\n  Checkbox as CheckboxIcon,\n} from \"@hitachivantara/uikit-react-icons\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { staticClasses, useClasses } from \"./BaseCheckBox.styles\";\n\nexport { staticClasses as baseCheckBoxClasses };\n\nexport type HvBaseCheckBoxClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBaseCheckBoxProps\n  extends Omit<MuiCheckboxProps, \"onChange\" | \"classes\"> {\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: <CheckboxIcon color={color} className={classes.icon} />,\n    checkboxPartial: (\n      <CheckboxPartialIcon color={color} className={classes.icon} />\n    ),\n    checkboxChecked: (\n      <CheckboxCheckIcon color={checkedColor} className={classes.icon} />\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 = forwardRef<\n  HTMLButtonElement,\n  HvBaseCheckBoxProps\n>((props, ref) => {\n  const {\n    id,\n    classes: classesProp,\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  } = useDefaultProps(\"HvBaseCheckBox\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\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    <MuiCheckbox\n      ref={ref}\n      id={id}\n      name={name}\n      value={value}\n      className={cx(\n        classes.root,\n        { [classes.disabled]: disabled, [classes.focusVisible]: focusVisible },\n        className\n      )}\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":["CheckboxIcon","CheckboxPartialIcon","CheckboxCheckIcon"],"mappings":";;;;;;;AA6FA,MAAM,mBAAmB,CACvB,SAIA,YACG;AACG,QAAA,EAAE,UAAU,SAAa,IAAA;AACzB,QAAA,QACH,YAAY,CAAC,SAAS,cAAc,KACpC,YAAY,CAAC,cAAc,WAAW,KACvC;AACI,QAAA,eACH,YAAY,CAAC,SAAS,cAAc,KACpC,YAAY,CAAC,aAAa,YAAY,KACvC;AAGK,SAAA;AAAA,IACL,UAAW,oBAAAA,UAAA,EAAa,OAAc,WAAW,QAAQ,MAAM;AAAA,IAC/D,iBACG,oBAAAC,iBAAA,EAAoB,OAAc,WAAW,QAAQ,MAAM;AAAA,IAE9D,iBACG,oBAAAC,eAAA,EAAkB,OAAO,cAAc,WAAW,QAAQ,MAAM;AAAA,EAAA;AAGvE;AAQO,MAAM,iBAAiB,WAG5B,CAAC,OAAO,QAAQ;AACV,QAAA;AAAA,IACJ;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,GAAG;AAAA,EAAA,IACD,gBAAgB,kBAAkB,KAAK;AAE3C,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAE9C,QAAM,CAAC,cAAc,eAAe,IAAI,SAAkB,KAAK;AAE/D,QAAM,QAAQ,iBAAiB,EAAE,UAAU,SAAA,GAAY,OAAO;AAE9D,QAAM,mBAAmB;AAAA,IACvB,CAAC,UAA+C;AAC9C,UAAI,UAAU;AACZ;AAAA,MACF;AAEA,iBAAW,OAAO,MAAM,OAAO,SAAS,KAAK;AAAA,IAC/C;AAAA,IACA,CAAC,UAAU,UAAU,KAAK;AAAA,EAAA;AAG5B,QAAM,iBAAiB;AAAA,IACrB,CAAC,UAA+C;AAC9C,sBAAgB,KAAK;AACrB,eAAS,KAAK;AAAA,IAChB;AAAA,IACA,CAAC,MAAM;AAAA,EAAA;AAGT,QAAM,yBAAyB;AAAA,IAC7B,CAAC,UAAiC;AAChC,sBAAgB,IAAI;AACpB,uBAAiB,KAAK;AAAA,IACxB;AAAA,IACA,CAAC,cAAc;AAAA,EAAA;AAIf,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT,QAAQ;AAAA,QACR,EAAE,CAAC,QAAQ,QAAQ,GAAG,UAAU,CAAC,QAAQ,YAAY,GAAG,aAAa;AAAA,QACrE;AAAA,MACF;AAAA,MACA,MAAM,MAAM;AAAA,MACZ,mBAAmB,MAAM;AAAA,MACzB,aAAa,MAAM;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,gBAAgB;AAAA,MAChB,QAAQ;AAAA,MACR,OAAM;AAAA,MACN,eAAa;AAAA,MACZ,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}

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

@@ -1,10 +1,7 @@
 import { theme } from "@hitachivantara/uikit-styles";
 import { outlineStyles } from "../../utils/focusUtils.js";
 import { createClasses } from "../../utils/classes.js";
-const {
-  staticClasses,
-  useClasses
-} = createClasses("HvBaseCheckBox", {
+const { staticClasses, useClasses } = createClasses("HvBaseCheckBox", {
   root: {
     padding: 0,
     borderRadius: theme.radii.base,

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

@@ -1 +1 @@
-{"version":3,"file":"BaseCheckBox.styles.js","sources":["../../../../src/components/BaseCheckBox/BaseCheckBox.styles.ts"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvBaseCheckBox\", {\n  root: {\n    padding: 0,\n    borderRadius: theme.radii.base,\n    cursor: \"pointer\",\n    \"&:hover\": {\n      backgroundColor: theme.colors.containerBackgroundHover,\n    },\n  },\n  disabled: {\n    \"&$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  focusVisible: {\n    \"& svg\": {\n      ...outlineStyles,\n    },\n  },\n  icon: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","padding","borderRadius","theme","radii","base","cursor","backgroundColor","colors","containerBackgroundHover","disabled","pointerEvents","fill","secondary_60","focusVisible","outlineStyles","icon"],"mappings":";;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,kBAAkB;AAAA,EAC3EC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,cAAcC,MAAMC,MAAMC;AAAAA,IAC1BC,QAAQ;AAAA,IACR,WAAW;AAAA,MACTC,iBAAiBJ,MAAMK,OAAOC;AAAAA,IAChC;AAAA,EACF;AAAA,EACAC,UAAU;AAAA,IACR,UAAU;AAAA,MACRJ,QAAQ;AAAA,MACRK,eAAe;AAAA,IACjB;AAAA,IAEA,SAAS;AAAA,MACP,yBAAyB;AAAA,QACvBC,MAAMT,MAAMK,OAAOK;AAAAA,MACrB;AAAA,IACF;AAAA,EACF;AAAA,EACAC,cAAc;AAAA,IACZ,SAAS;AAAA,MACP,GAAGC;AAAAA,IACL;AAAA,EACF;AAAA,EACAC,MAAM,CAAC;AACT,CAAC;"}
+{"version":3,"file":"BaseCheckBox.styles.js","sources":["../../../../src/components/BaseCheckBox/BaseCheckBox.styles.ts"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvBaseCheckBox\", {\n  root: {\n    padding: 0,\n    borderRadius: theme.radii.base,\n    cursor: \"pointer\",\n    \"&:hover\": {\n      backgroundColor: theme.colors.containerBackgroundHover,\n    },\n  },\n  disabled: {\n    \"&$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  focusVisible: {\n    \"& svg\": {\n      ...outlineStyles,\n    },\n  },\n  icon: {},\n});\n"],"names":[],"mappings":";;;AAKO,MAAM,EAAE,eAAe,eAAe,cAAc,kBAAkB;AAAA,EAC3E,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,cAAc,MAAM,MAAM;AAAA,IAC1B,QAAQ;AAAA,IACR,WAAW;AAAA,MACT,iBAAiB,MAAM,OAAO;AAAA,IAChC;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,UAAU;AAAA,MACR,QAAQ;AAAA,MACR,eAAe;AAAA,IACjB;AAAA,IAEA,SAAS;AAAA,MACP,yBAAyB;AAAA,QACvB,MAAM,MAAM,OAAO;AAAA,MACrB;AAAA,IACF;AAAA,EACF;AAAA,EACA,cAAc;AAAA,IACZ,SAAS;AAAA,MACP,GAAG;AAAA,IACL;AAAA,EACF;AAAA,EACA,MAAM,CAAC;AACT,CAAC;"}