@hitachivantara/uikit-react-core 5.0.0-next.9 → 5.0.1

package/dist/esm/components/Forms/Adornment/Adornment.js

@@ -1,8 +1,8 @@
-import { jsx } from "@emotion/react/jsx-runtime";
 import { forwardRef, useContext } from "react";
 import clsx from "clsx";
 import { StyledButton, StyledIcon, StyledRoot } from "./Adornment.styles.js";
 import adornmentClasses from "./adornmentClasses.js";
+import { jsx } from "@emotion/react/jsx-runtime";
 import { HvFormElementDescriptorsContext } from "../FormElement/context/FormElementDescriptorsContext.js";
 import { HvFormElementContext } from "../FormElement/context/FormElementContext.js";
 const preventDefault = (event) => event.preventDefault();
@@ -25,9 +25,36 @@ const HvAdornment = forwardRef(({
   const {
     input
   } = useContext(HvFormElementDescriptorsContext);
-  const displayIcon = isVisible != null ? isVisible : showWhen === void 0 || elementStatus === showWhen;
+  const displayIcon = isVisible ?? (showWhen === void 0 || elementStatus === showWhen);
   const isClickable = !!onClick;
-  return isClickable ? /* @__PURE__ */ jsx(StyledButton, { id, ref, type: "button", tabIndex: -1, "aria-controls": (_a = input == null ? void 0 : input[0]) == null ? void 0 : _a.id, className: clsx(className, adornmentClasses.root, classes == null ? void 0 : classes.root, adornmentClasses.adornment, classes == null ? void 0 : classes.adornment, adornmentClasses.adornmentButton, classes == null ? void 0 : classes.adornmentButton, !displayIcon && clsx(adornmentClasses.hideIcon, classes == null ? void 0 : classes.hideIcon)), onClick, onMouseDown: preventDefault, onKeyDown: noop, $hideIcon: !displayIcon, ...others, children: /* @__PURE__ */ jsx(StyledIcon, { className: clsx(adornmentClasses.icon, classes == null ? void 0 : classes.icon), children: icon }) }) : /* @__PURE__ */ jsx(StyledRoot, { id, ref, className: clsx(className, adornmentClasses.root, classes == null ? void 0 : classes.root, adornmentClasses.adornment, classes == null ? void 0 : classes.adornment, adornmentClasses.adornmentIcon, classes == null ? void 0 : classes.adornmentIcon, !displayIcon && clsx(adornmentClasses.hideIcon, classes == null ? void 0 : classes.hideIcon)), $hideIcon: !displayIcon, role: "presentation", ...others, children: /* @__PURE__ */ jsx(StyledIcon, { className: clsx(adornmentClasses.icon, classes == null ? void 0 : classes.icon), children: icon }) });
+  return isClickable ? /* @__PURE__ */ jsx(StyledButton, {
+    id,
+    ref,
+    type: "button",
+    tabIndex: -1,
+    "aria-controls": (_a = input == null ? void 0 : input[0]) == null ? void 0 : _a.id,
+    className: clsx(className, adornmentClasses.root, classes == null ? void 0 : classes.root, adornmentClasses.adornment, classes == null ? void 0 : classes.adornment, adornmentClasses.adornmentButton, classes == null ? void 0 : classes.adornmentButton, !displayIcon && clsx(adornmentClasses.hideIcon, classes == null ? void 0 : classes.hideIcon)),
+    onClick,
+    onMouseDown: preventDefault,
+    onKeyDown: noop,
+    $hideIcon: !displayIcon,
+    ...others,
+    children: /* @__PURE__ */ jsx(StyledIcon, {
+      className: clsx(adornmentClasses.icon, classes == null ? void 0 : classes.icon),
+      children: icon
+    })
+  }) : /* @__PURE__ */ jsx(StyledRoot, {
+    id,
+    ref,
+    className: clsx(className, adornmentClasses.root, classes == null ? void 0 : classes.root, adornmentClasses.adornment, classes == null ? void 0 : classes.adornment, adornmentClasses.adornmentIcon, classes == null ? void 0 : classes.adornmentIcon, !displayIcon && clsx(adornmentClasses.hideIcon, classes == null ? void 0 : classes.hideIcon)),
+    $hideIcon: !displayIcon,
+    role: "presentation",
+    ...others,
+    children: /* @__PURE__ */ jsx(StyledIcon, {
+      className: clsx(adornmentClasses.icon, classes == null ? void 0 : classes.icon),
+      children: icon
+    })
+  });
 });
 export {
   HvAdornment

package/dist/esm/components/Forms/Adornment/Adornment.js.map

@@ -1 +1 @@
-{"version":3,"file":"Adornment.js","sources":["../../../../../src/components/Forms/Adornment/Adornment.tsx"],"sourcesContent":["import { useContext, forwardRef, MouseEventHandler, ForwardedRef } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledRoot, StyledIcon, StyledButton } from \"./Adornment.styles\";\nimport {\n  HvFormElementContext,\n  HvFormElementDescriptorsContext,\n  HvFormStatus,\n} from \"../FormElement\";\nimport adornmentClasses, { HvAdornmentClasses } from \"./adornmentClasses\";\n\nconst preventDefault = (event) => event.preventDefault();\nconst noop = () => {};\n\nexport type HvAdornmentProps = HvBaseProps<\n  HTMLDivElement | HTMLButtonElement,\n  { onMouseDown; onKeyDown }\n> & {\n  /** The icon to be added into the input. */\n  icon: React.ReactNode;\n  /** When the adornment should be displayed. */\n  showWhen?: HvFormStatus;\n  /** Function to be executed when this element is clicked. */\n  onClick?: MouseEventHandler<HTMLButtonElement> | undefined;\n  /** If this property is defined the adornment visibility will be exclusively controlled by this value. */\n  isVisible?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAdornmentClasses;\n};\n\n/**\n * Allows to add a decorative icon or an action to a form element, usually on the right side of an input.\n * E.g., the reveal password button.\n *\n * In addition to the showWhen feature, which uses the form element's context validation state to determine\n * its visibility, this component also ensures that it does not steal focus from the input and that it is\n * not accessible using the keyboard.\n *\n * As such, its functionality, if any, for accessibility purposes must be provided through an alternative mean,\n * or by using a regular icon button or toggle button instead.\n */\nexport const HvAdornment = forwardRef<\n  HTMLDivElement | HTMLButtonElement,\n  HvAdornmentProps\n>(\n  (\n    {\n      id,\n      classes,\n      className,\n      icon,\n      showWhen = undefined,\n      onClick,\n      isVisible = undefined,\n      ...others\n    },\n    ref\n  ) => {\n    const { elementStatus = \"\" } = useContext(HvFormElementContext);\n\n    const { input } = useContext(HvFormElementDescriptorsContext);\n\n    const displayIcon =\n      isVisible ?? (showWhen === undefined || elementStatus === showWhen);\n\n    const isClickable = !!onClick;\n\n    return isClickable ? (\n      <StyledButton\n        id={id}\n        ref={ref as ForwardedRef<HTMLButtonElement>}\n        type=\"button\"\n        tabIndex={-1}\n        aria-controls={input?.[0]?.id}\n        className={clsx(\n          className,\n          adornmentClasses.root,\n          classes?.root,\n          adornmentClasses.adornment,\n          classes?.adornment,\n          adornmentClasses.adornmentButton,\n          classes?.adornmentButton,\n          !displayIcon && clsx(adornmentClasses.hideIcon, classes?.hideIcon)\n        )}\n        onClick={onClick}\n        onMouseDown={preventDefault}\n        onKeyDown={noop}\n        $hideIcon={!displayIcon}\n        {...others}\n      >\n        <StyledIcon className={clsx(adornmentClasses.icon, classes?.icon)}>\n          {icon}\n        </StyledIcon>\n      </StyledButton>\n    ) : (\n      <StyledRoot\n        id={id}\n        ref={ref as ForwardedRef<HTMLDivElement>}\n        className={clsx(\n          className,\n          adornmentClasses.root,\n          classes?.root,\n          adornmentClasses.adornment,\n          classes?.adornment,\n          adornmentClasses.adornmentIcon,\n          classes?.adornmentIcon,\n          !displayIcon && clsx(adornmentClasses.hideIcon, classes?.hideIcon)\n        )}\n        $hideIcon={!displayIcon}\n        role=\"presentation\"\n        {...others}\n      >\n        <StyledIcon className={clsx(adornmentClasses.icon, classes?.icon)}>\n          {icon}\n        </StyledIcon>\n      </StyledRoot>\n    );\n  }\n);\n"],"names":["preventDefault","event","noop","HvAdornment","forwardRef","id","classes","className","icon","showWhen","undefined","onClick","isVisible","others","ref","elementStatus","useContext","HvFormElementContext","input","HvFormElementDescriptorsContext","displayIcon","isClickable","clsx","adornmentClasses","root","adornment","adornmentButton","hideIcon","adornmentIcon"],"mappings":";;;;;;;AAWA,MAAMA,iBAAkBC,CAAUA,UAAAA,MAAMD,eAAgB;AACxD,MAAME,OAAOA,MAAM;AAAC;AA6BPC,MAAAA,cAAcC,WAIzB,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAWC;AAAAA,EACXC;AAAAA,EACAC,YAAYF;AAAAA,KACTG;AACL,GACAC,QACG;;AACG,QAAA;AAAA,IAAEC,gBAAgB;AAAA,EAAA,IAAOC,WAAWC,oBAAoB;AAExD,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAUF,WAAWG,+BAA+B;AAE5D,QAAMC,cACJR,gCAAcH,aAAaC,UAAaK,kBAAkBN;AAEtDY,QAAAA,cAAc,CAAC,CAACV;AAEfU,SAAAA,kCACJ,cACC,EAAA,IACA,KACA,MAAK,UACL,UAAU,IACV,kBAAeH,oCAAQ,OAARA,mBAAYb,IAC3B,WAAWiB,KACTf,WACAgB,iBAAiBC,MACjBlB,mCAASkB,MACTD,iBAAiBE,WACjBnB,mCAASmB,WACTF,iBAAiBG,iBACjBpB,mCAASoB,iBACT,CAACN,eAAeE,KAAKC,iBAAiBI,UAAUrB,mCAASqB,QAAQ,CAAC,GAEpE,SACA,aAAa3B,gBACb,WAAWE,MACX,WAAW,CAACkB,aACRP,GAAAA,QAEJ,UAAA,oBAAC,YAAW,EAAA,WAAWS,KAAKC,iBAAiBf,MAAMF,mCAASE,IAAI,GAC7DA,UACH,KAAA,CAAA,EACF,CAAA,IAEC,oBAAA,YAAA,EACC,IACA,KACA,WAAWc,KACTf,WACAgB,iBAAiBC,MACjBlB,mCAASkB,MACTD,iBAAiBE,WACjBnB,mCAASmB,WACTF,iBAAiBK,eACjBtB,mCAASsB,eACT,CAACR,eAAeE,KAAKC,iBAAiBI,UAAUrB,mCAASqB,QAAQ,CAAC,GAEpE,WAAW,CAACP,aACZ,MAAK,gBACL,GAAIP,QAEJ,UAAA,oBAAC,YAAW,EAAA,WAAWS,KAAKC,iBAAiBf,MAAMF,mCAASE,IAAI,GAC7DA,UAAAA,KACH,CAAA,EACF,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"Adornment.js","sources":["../../../../../src/components/Forms/Adornment/Adornment.tsx"],"sourcesContent":["import { useContext, forwardRef, MouseEventHandler, ForwardedRef } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledRoot, StyledIcon, StyledButton } from \"./Adornment.styles\";\nimport {\n  HvFormElementContext,\n  HvFormElementDescriptorsContext,\n  HvFormStatus,\n} from \"../FormElement\";\nimport adornmentClasses, { HvAdornmentClasses } from \"./adornmentClasses\";\n\nconst preventDefault = (event) => event.preventDefault();\nconst noop = () => {};\n\nexport type HvAdornmentProps = HvBaseProps<\n  HTMLDivElement | HTMLButtonElement,\n  { onMouseDown; onKeyDown }\n> & {\n  /** The icon to be added into the input. */\n  icon: React.ReactNode;\n  /** When the adornment should be displayed. */\n  showWhen?: HvFormStatus;\n  /** Function to be executed when this element is clicked. */\n  onClick?: MouseEventHandler<HTMLButtonElement> | undefined;\n  /** If this property is defined the adornment visibility will be exclusively controlled by this value. */\n  isVisible?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAdornmentClasses;\n};\n\n/**\n * Allows to add a decorative icon or an action to a form element, usually on the right side of an input.\n * E.g., the reveal password button.\n *\n * In addition to the showWhen feature, which uses the form element's context validation state to determine\n * its visibility, this component also ensures that it does not steal focus from the input and that it is\n * not accessible using the keyboard.\n *\n * As such, its functionality, if any, for accessibility purposes must be provided through an alternative mean,\n * or by using a regular icon button or toggle button instead.\n */\nexport const HvAdornment = forwardRef<\n  HTMLDivElement | HTMLButtonElement,\n  HvAdornmentProps\n>(\n  (\n    {\n      id,\n      classes,\n      className,\n      icon,\n      showWhen = undefined,\n      onClick,\n      isVisible = undefined,\n      ...others\n    },\n    ref\n  ) => {\n    const { elementStatus = \"\" } = useContext(HvFormElementContext);\n\n    const { input } = useContext(HvFormElementDescriptorsContext);\n\n    const displayIcon =\n      isVisible ?? (showWhen === undefined || elementStatus === showWhen);\n\n    const isClickable = !!onClick;\n\n    return isClickable ? (\n      <StyledButton\n        id={id}\n        ref={ref as ForwardedRef<HTMLButtonElement>}\n        type=\"button\"\n        tabIndex={-1}\n        aria-controls={input?.[0]?.id}\n        className={clsx(\n          className,\n          adornmentClasses.root,\n          classes?.root,\n          adornmentClasses.adornment,\n          classes?.adornment,\n          adornmentClasses.adornmentButton,\n          classes?.adornmentButton,\n          !displayIcon && clsx(adornmentClasses.hideIcon, classes?.hideIcon)\n        )}\n        onClick={onClick}\n        onMouseDown={preventDefault}\n        onKeyDown={noop}\n        $hideIcon={!displayIcon}\n        {...others}\n      >\n        <StyledIcon className={clsx(adornmentClasses.icon, classes?.icon)}>\n          {icon}\n        </StyledIcon>\n      </StyledButton>\n    ) : (\n      <StyledRoot\n        id={id}\n        ref={ref as ForwardedRef<HTMLDivElement>}\n        className={clsx(\n          className,\n          adornmentClasses.root,\n          classes?.root,\n          adornmentClasses.adornment,\n          classes?.adornment,\n          adornmentClasses.adornmentIcon,\n          classes?.adornmentIcon,\n          !displayIcon && clsx(adornmentClasses.hideIcon, classes?.hideIcon)\n        )}\n        $hideIcon={!displayIcon}\n        role=\"presentation\"\n        {...others}\n      >\n        <StyledIcon className={clsx(adornmentClasses.icon, classes?.icon)}>\n          {icon}\n        </StyledIcon>\n      </StyledRoot>\n    );\n  }\n);\n"],"names":["preventDefault","event","noop","HvAdornment","forwardRef","id","classes","className","icon","showWhen","undefined","onClick","isVisible","others","ref","elementStatus","useContext","HvFormElementContext","input","HvFormElementDescriptorsContext","displayIcon","isClickable","StyledButton","type","tabIndex","clsx","adornmentClasses","root","adornment","adornmentButton","hideIcon","onMouseDown","onKeyDown","$hideIcon","children","StyledIcon","_jsx","StyledRoot","adornmentIcon","role"],"mappings":";;;;;;;AAWA,MAAMA,iBAAkBC,CAAUA,UAAAA,MAAMD,eAAgB;AACxD,MAAME,OAAOA,MAAM;AAAC;AA6BPC,MAAAA,cAAcC,WAIzB,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAWC;AAAAA,EACXC;AAAAA,EACAC,YAAYF;AAAAA,EACZ,GAAGG;AACL,GACAC,QACG;;AACG,QAAA;AAAA,IAAEC,gBAAgB;AAAA,EAAA,IAAOC,WAAWC,oBAAoB;AAExD,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAUF,WAAWG,+BAA+B;AAE5D,QAAMC,cACJR,cAAcH,aAAaC,UAAaK,kBAAkBN;AAEtDY,QAAAA,cAAc,CAAC,CAACV;AAEfU,SAAAA,kCACJC,cAAY;AAAA,IACXjB;AAAAA,IACAS;AAAAA,IACAS,MAAK;AAAA,IACLC,UAAU;AAAA,IACV,kBAAeN,oCAAQ,OAARA,mBAAYb;AAAAA,IAC3BE,WAAWkB,KACTlB,WACAmB,iBAAiBC,MACjBrB,mCAASqB,MACTD,iBAAiBE,WACjBtB,mCAASsB,WACTF,iBAAiBG,iBACjBvB,mCAASuB,iBACT,CAACT,eAAeK,KAAKC,iBAAiBI,UAAUxB,mCAASwB,QAAQ,CAAC;AAAA,IAEpEnB;AAAAA,IACAoB,aAAa/B;AAAAA,IACbgC,WAAW9B;AAAAA,IACX+B,WAAW,CAACb;AAAAA,IAAY,GACpBP;AAAAA,IAAMqB,8BAETC,YAAU;AAAA,MAAC5B,WAAWkB,KAAKC,iBAAiBlB,MAAMF,mCAASE,IAAI;AAAA,MAAE0B,UAC/D1B;AAAAA,IAAAA,CAAI;AAAA,EAAA,CAEM,IAEf4B,oBAACC,YAAU;AAAA,IACThC;AAAAA,IACAS;AAAAA,IACAP,WAAWkB,KACTlB,WACAmB,iBAAiBC,MACjBrB,mCAASqB,MACTD,iBAAiBE,WACjBtB,mCAASsB,WACTF,iBAAiBY,eACjBhC,mCAASgC,eACT,CAAClB,eAAeK,KAAKC,iBAAiBI,UAAUxB,mCAASwB,QAAQ,CAAC;AAAA,IAEpEG,WAAW,CAACb;AAAAA,IACZmB,MAAK;AAAA,IAAc,GACf1B;AAAAA,IAAMqB,8BAETC,YAAU;AAAA,MAAC5B,WAAWkB,KAAKC,iBAAiBlB,MAAMF,mCAASE,IAAI;AAAA,MAAE0B,UAC/D1B;AAAAA,IAAAA,CAAI;AAAA,EAAA,CAGV;AACH,CAAC;"}

package/dist/esm/components/Forms/Adornment/Adornment.styles.js

@@ -26,16 +26,18 @@ const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "prod
 }, transientOptions))(({
   $hideIcon
 }) => ({
+  // adornment
   backgroundColor: "transparent",
   border: "none",
   padding: 0,
   margin: 0,
+  // adornmentIcon
   cursor: "default",
   pointerEvents: "none",
   ...$hideIcon && {
     display: "none"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvQWRvcm5tZW50L0Fkb3JubWVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUkwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Zvcm1zL0Fkb3JubWVudC9BZG9ybm1lbnQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRoaWRlSWNvbiB9OiB7ICRoaWRlSWNvbjogYm9vbGVhbiB9KSA9PiAoe1xuICAvLyBhZG9ybm1lbnRcbiAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gIGJvcmRlcjogXCJub25lXCIsXG4gIHBhZGRpbmc6IDAsXG4gIG1hcmdpbjogMCxcbiAgLy8gYWRvcm5tZW50SWNvblxuICBjdXJzb3I6IFwiZGVmYXVsdFwiLFxuICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgLi4uKCRoaWRlSWNvbiAmJiB7XG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiAzMixcbiAgaGVpZ2h0OiAzMixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKFxuICBcImJ1dHRvblwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRoaWRlSWNvbiB9OiB7ICRoaWRlSWNvbjogYm9vbGVhbiB9KSA9PiAoe1xuICAvLyBhZG9ybm1lbnRcbiAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gIGJvcmRlcjogXCJub25lXCIsXG4gIHBhZGRpbmc6IDAsXG4gIG1hcmdpbjogMCxcbiAgLy8gYWRvcm5tZW50QnV0dG9uXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcbiAgLi4uKCRoaWRlSWNvbiAmJiB7XG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gIH0pLFxufSkpO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvQWRvcm5tZW50L0Fkb3JubWVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUkwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Zvcm1zL0Fkb3JubWVudC9BZG9ybm1lbnQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ+L3V0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIn4vdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkaGlkZUljb24gfTogeyAkaGlkZUljb246IGJvb2xlYW4gfSkgPT4gKHtcbiAgLy8gYWRvcm5tZW50XG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBib3JkZXI6IFwibm9uZVwiLFxuICBwYWRkaW5nOiAwLFxuICBtYXJnaW46IDAsXG4gIC8vIGFkb3JubWVudEljb25cbiAgY3Vyc29yOiBcImRlZmF1bHRcIixcbiAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gIC4uLigkaGlkZUljb24gJiYge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogMzIsXG4gIGhlaWdodDogMzIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcbiAgXCJidXR0b25cIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkaGlkZUljb24gfTogeyAkaGlkZUljb246IGJvb2xlYW4gfSkgPT4gKHtcbiAgLy8gYWRvcm5tZW50XG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBib3JkZXI6IFwibm9uZVwiLFxuICBwYWRkaW5nOiAwLFxuICBtYXJnaW46IDAsXG4gIC8vIGFkb3JubWVudEJ1dHRvblxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG4gIC4uLigkaGlkZUljb24gJiYge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9KSxcbn0pKTtcbiJdfQ== */");
 const StyledIcon = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
   target: "ek2tbgi1"
 } : {
@@ -47,7 +49,7 @@ const StyledIcon = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "prod
 } : {
   name: "68x97p",
   styles: "width:32px;height:32px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvQWRvcm5tZW50L0Fkb3JubWVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb3Jtcy9BZG9ybm1lbnQvQWRvcm5tZW50LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwidXRpbHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkaGlkZUljb24gfTogeyAkaGlkZUljb246IGJvb2xlYW4gfSkgPT4gKHtcbiAgLy8gYWRvcm5tZW50XG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBib3JkZXI6IFwibm9uZVwiLFxuICBwYWRkaW5nOiAwLFxuICBtYXJnaW46IDAsXG4gIC8vIGFkb3JubWVudEljb25cbiAgY3Vyc29yOiBcImRlZmF1bHRcIixcbiAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gIC4uLigkaGlkZUljb24gJiYge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogMzIsXG4gIGhlaWdodDogMzIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcbiAgXCJidXR0b25cIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkaGlkZUljb24gfTogeyAkaGlkZUljb246IGJvb2xlYW4gfSkgPT4gKHtcbiAgLy8gYWRvcm5tZW50XG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBib3JkZXI6IFwibm9uZVwiLFxuICBwYWRkaW5nOiAwLFxuICBtYXJnaW46IDAsXG4gIC8vIGFkb3JubWVudEJ1dHRvblxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG4gIC4uLigkaGlkZUljb24gJiYge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9KSxcbn0pKTtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvQWRvcm5tZW50L0Fkb3JubWVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb3Jtcy9BZG9ybm1lbnQvQWRvcm5tZW50LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwifi91dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ+L3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGhpZGVJY29uIH06IHsgJGhpZGVJY29uOiBib29sZWFuIH0pID0+ICh7XG4gIC8vIGFkb3JubWVudFxuICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgcGFkZGluZzogMCxcbiAgbWFyZ2luOiAwLFxuICAvLyBhZG9ybm1lbnRJY29uXG4gIGN1cnNvcjogXCJkZWZhdWx0XCIsXG4gIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAuLi4oJGhpZGVJY29uICYmIHtcbiAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IDMyLFxuICBoZWlnaHQ6IDMyLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoXG4gIFwiYnV0dG9uXCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGhpZGVJY29uIH06IHsgJGhpZGVJY29uOiBib29sZWFuIH0pID0+ICh7XG4gIC8vIGFkb3JubWVudFxuICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgcGFkZGluZzogMCxcbiAgbWFyZ2luOiAwLFxuICAvLyBhZG9ybm1lbnRCdXR0b25cbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgXCImOmZvY3VzXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuICAuLi4oJGhpZGVJY29uICYmIHtcbiAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgfSksXG59KSk7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledButton = /* @__PURE__ */ _styled("button", process.env.NODE_ENV === "production" ? _extends({}, {
@@ -58,10 +60,12 @@ const StyledButton = /* @__PURE__ */ _styled("button", process.env.NODE_ENV ===
 }, transientOptions))(({
   $hideIcon
 }) => ({
+  // adornment
   backgroundColor: "transparent",
   border: "none",
   padding: 0,
   margin: 0,
+  // adornmentButton
   cursor: "pointer",
   "&:focus": {
     ...outlineStyles
@@ -69,7 +73,7 @@ const StyledButton = /* @__PURE__ */ _styled("button", process.env.NODE_ENV ===
   ...$hideIcon && {
     display: "none"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvQWRvcm5tZW50L0Fkb3JubWVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb3Jtcy9BZG9ybm1lbnQvQWRvcm5tZW50LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwidXRpbHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkaGlkZUljb24gfTogeyAkaGlkZUljb246IGJvb2xlYW4gfSkgPT4gKHtcbiAgLy8gYWRvcm5tZW50XG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBib3JkZXI6IFwibm9uZVwiLFxuICBwYWRkaW5nOiAwLFxuICBtYXJnaW46IDAsXG4gIC8vIGFkb3JubWVudEljb25cbiAgY3Vyc29yOiBcImRlZmF1bHRcIixcbiAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gIC4uLigkaGlkZUljb24gJiYge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogMzIsXG4gIGhlaWdodDogMzIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcbiAgXCJidXR0b25cIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkaGlkZUljb24gfTogeyAkaGlkZUljb246IGJvb2xlYW4gfSkgPT4gKHtcbiAgLy8gYWRvcm5tZW50XG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBib3JkZXI6IFwibm9uZVwiLFxuICBwYWRkaW5nOiAwLFxuICBtYXJnaW46IDAsXG4gIC8vIGFkb3JubWVudEJ1dHRvblxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG4gIC4uLigkaGlkZUljb24gJiYge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9KSxcbn0pKTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvQWRvcm5tZW50L0Fkb3JubWVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb3Jtcy9BZG9ybm1lbnQvQWRvcm5tZW50LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwifi91dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ+L3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGhpZGVJY29uIH06IHsgJGhpZGVJY29uOiBib29sZWFuIH0pID0+ICh7XG4gIC8vIGFkb3JubWVudFxuICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgcGFkZGluZzogMCxcbiAgbWFyZ2luOiAwLFxuICAvLyBhZG9ybm1lbnRJY29uXG4gIGN1cnNvcjogXCJkZWZhdWx0XCIsXG4gIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAuLi4oJGhpZGVJY29uICYmIHtcbiAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IDMyLFxuICBoZWlnaHQ6IDMyLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoXG4gIFwiYnV0dG9uXCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGhpZGVJY29uIH06IHsgJGhpZGVJY29uOiBib29sZWFuIH0pID0+ICh7XG4gIC8vIGFkb3JubWVudFxuICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgcGFkZGluZzogMCxcbiAgbWFyZ2luOiAwLFxuICAvLyBhZG9ybm1lbnRCdXR0b25cbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgXCImOmZvY3VzXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuICAuLi4oJGhpZGVJY29uICYmIHtcbiAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgfSksXG59KSk7XG4iXX0= */");
 export {
   StyledButton,
   StyledIcon,

package/dist/esm/components/Forms/Adornment/Adornment.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Adornment.styles.js","sources":["../../../../../src/components/Forms/Adornment/Adornment.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { outlineStyles } from \"utils\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledRoot = styled(\n  \"div\",\n  transientOptions\n)(({ $hideIcon }: { $hideIcon: boolean }) => ({\n  // adornment\n  backgroundColor: \"transparent\",\n  border: \"none\",\n  padding: 0,\n  margin: 0,\n  // adornmentIcon\n  cursor: \"default\",\n  pointerEvents: \"none\",\n  ...($hideIcon && {\n    display: \"none\",\n  }),\n}));\n\nexport const StyledIcon = styled(\"div\")({\n  width: 32,\n  height: 32,\n});\n\nexport const StyledButton = styled(\n  \"button\",\n  transientOptions\n)(({ $hideIcon }: { $hideIcon: boolean }) => ({\n  // adornment\n  backgroundColor: \"transparent\",\n  border: \"none\",\n  padding: 0,\n  margin: 0,\n  // adornmentButton\n  cursor: \"pointer\",\n  \"&:focus\": {\n    ...outlineStyles,\n  },\n  ...($hideIcon && {\n    display: \"none\",\n  }),\n}));\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$hideIcon","backgroundColor","border","padding","margin","cursor","pointerEvents","display","StyledIcon","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledButton","outlineStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;AAIaA,MAAAA,qCACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAkC,OAAO;AAAA,EAE5CC,iBAAiB;AAAA,EACjBC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,QAAQ;AAAA,EAERC,QAAQ;AAAA,EACRC,eAAe;AAAA,EACf,GAAIN,aAAa;AAAA,IACfO,SAAS;AAAA,EACX;AACF,IAAEd,QAAAC,IAAAC,aAAC,eAAA,KAAA,quDAAA;AAEI,MAAMa,aAAoB,wBAAA,OAAKf,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAc,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGrC;AAEWC,MAAAA,uCACX,UAAQrB,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACRC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAkC,OAAO;AAAA,EAE5CC,iBAAiB;AAAA,EACjBC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,QAAQ;AAAA,EAERC,QAAQ;AAAA,EACR,WAAW;AAAA,IACT,GAAGU;AAAAA,EACL;AAAA,EACA,GAAIf,aAAa;AAAA,IACfO,SAAS;AAAA,EACX;AACF,IAAEd,QAAAC,IAAAC,aAAC,eAAA,KAAA,yuDAAA;"}
+{"version":3,"file":"Adornment.styles.js","sources":["../../../../../src/components/Forms/Adornment/Adornment.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { outlineStyles } from \"~/utils\";\nimport { transientOptions } from \"~/utils/transientOptions\";\n\nexport const StyledRoot = styled(\n  \"div\",\n  transientOptions\n)(({ $hideIcon }: { $hideIcon: boolean }) => ({\n  // adornment\n  backgroundColor: \"transparent\",\n  border: \"none\",\n  padding: 0,\n  margin: 0,\n  // adornmentIcon\n  cursor: \"default\",\n  pointerEvents: \"none\",\n  ...($hideIcon && {\n    display: \"none\",\n  }),\n}));\n\nexport const StyledIcon = styled(\"div\")({\n  width: 32,\n  height: 32,\n});\n\nexport const StyledButton = styled(\n  \"button\",\n  transientOptions\n)(({ $hideIcon }: { $hideIcon: boolean }) => ({\n  // adornment\n  backgroundColor: \"transparent\",\n  border: \"none\",\n  padding: 0,\n  margin: 0,\n  // adornmentButton\n  cursor: \"pointer\",\n  \"&:focus\": {\n    ...outlineStyles,\n  },\n  ...($hideIcon && {\n    display: \"none\",\n  }),\n}));\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$hideIcon","backgroundColor","border","padding","margin","cursor","pointerEvents","display","StyledIcon","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledButton","outlineStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;AAIaA,MAAAA,qCACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAkC,OAAO;AAAA;AAAA,EAE5CC,iBAAiB;AAAA,EACjBC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,QAAQ;AAAA;AAAA,EAERC,QAAQ;AAAA,EACRC,eAAe;AAAA,EACf,GAAIN,aAAa;AAAA,IACfO,SAAS;AAAA,EACX;AACF,IAAEd,QAAAC,IAAAC,aAAC,eAAA,KAAA,6uDAAA;AAEI,MAAMa,aAAoB,wBAAA,OAAKf,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAc,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGrC;AAEWC,MAAAA,uCACX,UAAQrB,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACRC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAkC,OAAO;AAAA;AAAA,EAE5CC,iBAAiB;AAAA,EACjBC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,QAAQ;AAAA;AAAA,EAERC,QAAQ;AAAA,EACR,WAAW;AAAA,IACT,GAAGU;AAAAA,EACL;AAAA,EACA,GAAIf,aAAa;AAAA,IACfO,SAAS;AAAA,EACX;AACF,IAAEd,QAAAC,IAAAC,aAAC,eAAA,KAAA,6uDAAA;"}

package/dist/esm/components/Forms/Adornment/adornmentClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"adornmentClasses.js","sources":["../../../../../src/components/Forms/Adornment/adornmentClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvAdornmentClasses = {\n  root?: string;\n  icon?: string;\n  adornment?: string;\n  adornmentIcon?: string;\n  hideIcon?: string;\n  adornmentButton?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"icon\",\n  \"adornment\",\n  \"adornmentIcon\",\n  \"hideIcon\",\n  \"adornmentButton\",\n];\n\nconst adornmentClasses = getClasses<HvAdornmentClasses>(\n  classKeys,\n  \"HvAdornment\"\n);\n\nexport default adornmentClasses;\n"],"names":["classKeys","adornmentClasses","getClasses"],"mappings":";AAWA,MAAMA,YAAsB,CAC1B,QACA,QACA,aACA,iBACA,YACA,iBAAiB;AAGnB,MAAMC,mBAAmBC,WACvBF,WACA,aAAa;AAGf,MAAA,qBAAeC;"}
+{"version":3,"file":"adornmentClasses.js","sources":["../../../../../src/components/Forms/Adornment/adornmentClasses.ts"],"sourcesContent":["import { getClasses } from \"~/utils\";\n\nexport type HvAdornmentClasses = {\n  root?: string;\n  icon?: string;\n  adornment?: string;\n  adornmentIcon?: string;\n  hideIcon?: string;\n  adornmentButton?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"icon\",\n  \"adornment\",\n  \"adornmentIcon\",\n  \"hideIcon\",\n  \"adornmentButton\",\n];\n\nconst adornmentClasses = getClasses<HvAdornmentClasses>(\n  classKeys,\n  \"HvAdornment\"\n);\n\nexport default adornmentClasses;\n"],"names":["classKeys","adornmentClasses","getClasses"],"mappings":";AAWA,MAAMA,YAAsB,CAC1B,QACA,QACA,aACA,iBACA,YACA,iBAAiB;AAGnB,MAAMC,mBAAmBC,WACvBF,WACA,aAAa;AAGf,MAAA,qBAAeC;"}

package/dist/esm/components/Forms/CharCounter/CharCounter.js

@@ -1,8 +1,8 @@
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { useContext } from "react";
 import clsx from "clsx";
 import { StyledRoot, StyledTypography } from "./CharCounter.styles.js";
 import charCounterClasses from "./charCounterClasses.js";
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { HvFormElementContext } from "../FormElement/context/FormElementContext.js";
 import { setId } from "../../../utils/setId.js";
 const HvCharCounter = ({
@@ -21,14 +21,36 @@ const HvCharCounter = ({
     elementDisabled
   } = useContext(HvFormElementContext);
   const localDisabled = disabled || elementDisabled;
-  const localId = id != null ? id : setId(elementId, "counter");
+  const localId = id ?? setId(elementId, "counter");
   const currentId = setId(localId, "currentQuantity");
   const maxQuantityId = setId(localId, "maxQuantity");
   const isOverloaded = currentCharQuantity > maxCharQuantity;
-  return /* @__PURE__ */ jsxs(StyledRoot, { id: localId, className: clsx(className, charCounterClasses.root, classes == null ? void 0 : classes.root, localDisabled && clsx(charCounterClasses.counterDisabled, classes == null ? void 0 : classes.counterDisabled), !disableGutter && clsx(charCounterClasses.gutter, classes == null ? void 0 : classes.gutter)), $counterDisabled: !!localDisabled, $gutter: !disableGutter, "aria-live": "polite", "aria-disabled": localDisabled, ...others, children: [
-    /* @__PURE__ */ jsx(StyledTypography, { id: currentId, className: clsx(isOverloaded && !localDisabled && clsx(charCounterClasses.overloaded, classes == null ? void 0 : classes.overloaded), localDisabled && clsx(charCounterClasses.counterDisabled, classes == null ? void 0 : classes.counterDisabled)), variant: "label", component: "label", $overloaded: isOverloaded && !localDisabled, $counterDisabled: !!localDisabled, children: currentCharQuantity }),
-    /* @__PURE__ */ jsx(StyledTypography, { id: maxQuantityId, className: clsx(isOverloaded && !localDisabled && clsx(charCounterClasses.overloaded, classes == null ? void 0 : classes.overloaded), localDisabled && clsx(charCounterClasses.counterDisabled, classes == null ? void 0 : classes.counterDisabled)), variant: "body", component: "label", $overloaded: isOverloaded && !localDisabled, $counterDisabled: !!localDisabled, children: ` ${separator} ${maxCharQuantity}` })
-  ] });
+  return /* @__PURE__ */ jsxs(StyledRoot, {
+    id: localId,
+    className: clsx(className, charCounterClasses.root, classes == null ? void 0 : classes.root, localDisabled && clsx(charCounterClasses.counterDisabled, classes == null ? void 0 : classes.counterDisabled), !disableGutter && clsx(charCounterClasses.gutter, classes == null ? void 0 : classes.gutter)),
+    $counterDisabled: !!localDisabled,
+    $gutter: !disableGutter,
+    "aria-live": "polite",
+    "aria-disabled": localDisabled,
+    ...others,
+    children: [/* @__PURE__ */ jsx(StyledTypography, {
+      id: currentId,
+      className: clsx(isOverloaded && !localDisabled && clsx(charCounterClasses.overloaded, classes == null ? void 0 : classes.overloaded), localDisabled && clsx(charCounterClasses.counterDisabled, classes == null ? void 0 : classes.counterDisabled)),
+      variant: "label",
+      component: "label",
+      $overloaded: isOverloaded && !localDisabled,
+      $counterDisabled: !!localDisabled,
+      children: currentCharQuantity
+    }), /* @__PURE__ */ jsx(StyledTypography, {
+      id: maxQuantityId,
+      className: clsx(isOverloaded && !localDisabled && clsx(charCounterClasses.overloaded, classes == null ? void 0 : classes.overloaded), localDisabled && clsx(charCounterClasses.counterDisabled, classes == null ? void 0 : classes.counterDisabled)),
+      variant: "body",
+      component: "label",
+      $overloaded: isOverloaded && !localDisabled,
+      $counterDisabled: !!localDisabled,
+      children: ` ${separator} ${maxCharQuantity}`
+    })]
+  });
 };
 export {
   HvCharCounter

package/dist/esm/components/Forms/CharCounter/CharCounter.js.map

@@ -1 +1 @@
-{"version":3,"file":"CharCounter.js","sources":["../../../../../src/components/Forms/CharCounter/CharCounter.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledRoot, StyledTypography } from \"./CharCounter.styles\";\nimport { setId } from \"../../../utils\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport charCounterClasses, { HvCharCounterClasses } from \"./charCounterClasses\";\n\nexport type HvCharCounterProps = HvBaseProps & {\n  /** The string that separates the current char quantity from the max quantity. */\n  separator?: string;\n  /** The maximum allowed length of the characters. */\n  maxCharQuantity: number;\n  /** The current char quantity to be rendered. */\n  currentCharQuantity?: number;\n  /** If `true` the counter is disabled. */\n  disabled?: boolean;\n  /** If `true` the info message won't have margins. */\n  disableGutter?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvCharCounterClasses;\n};\n\n/**\n * Displays the capacity and current usage of a text input box (character count by default).\n *\n * Use the character counter when there is a character or word limit.\n * By itself it doesn't block the user from going above the limit.\n */\nexport const HvCharCounter = ({\n  separator = \"/\",\n  maxCharQuantity,\n  currentCharQuantity = 0,\n  classes,\n  className,\n  id,\n  disabled,\n  disableGutter = false,\n  ...others\n}: HvCharCounterProps) => {\n  const { elementId, elementDisabled } = useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localId = id ?? setId(elementId, \"counter\");\n  const currentId = setId(localId, \"currentQuantity\");\n  const maxQuantityId = setId(localId, \"maxQuantity\");\n  const isOverloaded = currentCharQuantity > maxCharQuantity;\n\n  return (\n    <StyledRoot\n      id={localId}\n      className={clsx(\n        className,\n        charCounterClasses.root,\n        classes?.root,\n        localDisabled &&\n          clsx(charCounterClasses.counterDisabled, classes?.counterDisabled),\n        !disableGutter && clsx(charCounterClasses.gutter, classes?.gutter)\n      )}\n      $counterDisabled={!!localDisabled}\n      $gutter={!disableGutter}\n      aria-live=\"polite\"\n      aria-disabled={localDisabled}\n      {...others}\n    >\n      <StyledTypography\n        id={currentId}\n        className={clsx(\n          isOverloaded &&\n            !localDisabled &&\n            clsx(charCounterClasses.overloaded, classes?.overloaded),\n          localDisabled &&\n            clsx(charCounterClasses.counterDisabled, classes?.counterDisabled)\n        )}\n        variant=\"label\"\n        component=\"label\"\n        $overloaded={isOverloaded && !localDisabled}\n        $counterDisabled={!!localDisabled}\n      >\n        {currentCharQuantity}\n      </StyledTypography>\n      <StyledTypography\n        id={maxQuantityId}\n        className={clsx(\n          isOverloaded &&\n            !localDisabled &&\n            clsx(charCounterClasses.overloaded, classes?.overloaded),\n          localDisabled &&\n            clsx(charCounterClasses.counterDisabled, classes?.counterDisabled)\n        )}\n        variant=\"body\"\n        component=\"label\"\n        $overloaded={isOverloaded && !localDisabled}\n        $counterDisabled={!!localDisabled}\n      >\n        {` ${separator} ${maxCharQuantity}`}\n      </StyledTypography>\n    </StyledRoot>\n  );\n};\n"],"names":["HvCharCounter","separator","maxCharQuantity","currentCharQuantity","classes","className","id","disabled","disableGutter","others","elementId","elementDisabled","useContext","HvFormElementContext","localDisabled","localId","setId","currentId","maxQuantityId","isOverloaded","clsx","charCounterClasses","root","counterDisabled","gutter","overloaded"],"mappings":";;;;;;;AA6BO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC,YAAY;AAAA,EACZC;AAAAA,EACAC,sBAAsB;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AAAA,KACbC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,IAAWC;AAAAA,EAAAA,IAAoBC,WAAWC,oBAAoB;AACtE,QAAMC,gBAAgBP,YAAYI;AAClC,QAAMI,UAAUT,kBAAMU,MAAMN,WAAW,SAAS;AAC1CO,QAAAA,YAAYD,MAAMD,SAAS,iBAAiB;AAC5CG,QAAAA,gBAAgBF,MAAMD,SAAS,aAAa;AAClD,QAAMI,eAAehB,sBAAsBD;AAE3C,8BACG,YACC,EAAA,IAAIa,SACJ,WAAWK,KACTf,WACAgB,mBAAmBC,MACnBlB,mCAASkB,MACTR,iBACEM,KAAKC,mBAAmBE,iBAAiBnB,mCAASmB,eAAe,GACnE,CAACf,iBAAiBY,KAAKC,mBAAmBG,QAAQpB,mCAASoB,MAAM,CAAC,GAEpE,kBAAkB,CAAC,CAACV,eACpB,SAAS,CAACN,eACV,aAAU,UACV,iBAAeM,eACf,GAAIL,QAEJ,UAAA;AAAA,IAAA,oBAAC,kBACC,EAAA,IAAIQ,WACJ,WAAWG,KACTD,gBACE,CAACL,iBACDM,KAAKC,mBAAmBI,YAAYrB,mCAASqB,UAAU,GACzDX,iBACEM,KAAKC,mBAAmBE,iBAAiBnB,mCAASmB,eAAe,CAAC,GAEtE,SAAQ,SACR,WAAU,SACV,aAAaJ,gBAAgB,CAACL,eAC9B,kBAAkB,CAAC,CAACA,eAEnBX,UACH,qBAAA;AAAA,wBACC,kBACC,EAAA,IAAIe,eACJ,WAAWE,KACTD,gBACE,CAACL,iBACDM,KAAKC,mBAAmBI,YAAYrB,mCAASqB,UAAU,GACzDX,iBACEM,KAAKC,mBAAmBE,iBAAiBnB,mCAASmB,eAAe,CAAC,GAEtE,SAAQ,QACR,WAAU,SACV,aAAaJ,gBAAgB,CAACL,eAC9B,kBAAkB,CAAC,CAACA,eAElB,UAAA,IAAGb,aAAaC,mBACpB;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"CharCounter.js","sources":["../../../../../src/components/Forms/CharCounter/CharCounter.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledRoot, StyledTypography } from \"./CharCounter.styles\";\nimport { setId } from \"../../../utils\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport charCounterClasses, { HvCharCounterClasses } from \"./charCounterClasses\";\n\nexport type HvCharCounterProps = HvBaseProps & {\n  /** The string that separates the current char quantity from the max quantity. */\n  separator?: string;\n  /** The maximum allowed length of the characters. */\n  maxCharQuantity: number;\n  /** The current char quantity to be rendered. */\n  currentCharQuantity?: number;\n  /** If `true` the counter is disabled. */\n  disabled?: boolean;\n  /** If `true` the info message won't have margins. */\n  disableGutter?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvCharCounterClasses;\n};\n\n/**\n * Displays the capacity and current usage of a text input box (character count by default).\n *\n * Use the character counter when there is a character or word limit.\n * By itself it doesn't block the user from going above the limit.\n */\nexport const HvCharCounter = ({\n  separator = \"/\",\n  maxCharQuantity,\n  currentCharQuantity = 0,\n  classes,\n  className,\n  id,\n  disabled,\n  disableGutter = false,\n  ...others\n}: HvCharCounterProps) => {\n  const { elementId, elementDisabled } = useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localId = id ?? setId(elementId, \"counter\");\n  const currentId = setId(localId, \"currentQuantity\");\n  const maxQuantityId = setId(localId, \"maxQuantity\");\n  const isOverloaded = currentCharQuantity > maxCharQuantity;\n\n  return (\n    <StyledRoot\n      id={localId}\n      className={clsx(\n        className,\n        charCounterClasses.root,\n        classes?.root,\n        localDisabled &&\n          clsx(charCounterClasses.counterDisabled, classes?.counterDisabled),\n        !disableGutter && clsx(charCounterClasses.gutter, classes?.gutter)\n      )}\n      $counterDisabled={!!localDisabled}\n      $gutter={!disableGutter}\n      aria-live=\"polite\"\n      aria-disabled={localDisabled}\n      {...others}\n    >\n      <StyledTypography\n        id={currentId}\n        className={clsx(\n          isOverloaded &&\n            !localDisabled &&\n            clsx(charCounterClasses.overloaded, classes?.overloaded),\n          localDisabled &&\n            clsx(charCounterClasses.counterDisabled, classes?.counterDisabled)\n        )}\n        variant=\"label\"\n        component=\"label\"\n        $overloaded={isOverloaded && !localDisabled}\n        $counterDisabled={!!localDisabled}\n      >\n        {currentCharQuantity}\n      </StyledTypography>\n      <StyledTypography\n        id={maxQuantityId}\n        className={clsx(\n          isOverloaded &&\n            !localDisabled &&\n            clsx(charCounterClasses.overloaded, classes?.overloaded),\n          localDisabled &&\n            clsx(charCounterClasses.counterDisabled, classes?.counterDisabled)\n        )}\n        variant=\"body\"\n        component=\"label\"\n        $overloaded={isOverloaded && !localDisabled}\n        $counterDisabled={!!localDisabled}\n      >\n        {` ${separator} ${maxCharQuantity}`}\n      </StyledTypography>\n    </StyledRoot>\n  );\n};\n"],"names":["HvCharCounter","separator","maxCharQuantity","currentCharQuantity","classes","className","id","disabled","disableGutter","others","elementId","elementDisabled","useContext","HvFormElementContext","localDisabled","localId","setId","currentId","maxQuantityId","isOverloaded","StyledRoot","clsx","charCounterClasses","root","counterDisabled","gutter","$counterDisabled","$gutter","children","_jsx","StyledTypography","overloaded","variant","component","$overloaded"],"mappings":";;;;;;;AA6BO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC,YAAY;AAAA,EACZC;AAAAA,EACAC,sBAAsB;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AAAA,EAChB,GAAGC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,IAAWC;AAAAA,EAAAA,IAAoBC,WAAWC,oBAAoB;AACtE,QAAMC,gBAAgBP,YAAYI;AAClC,QAAMI,UAAUT,MAAMU,MAAMN,WAAW,SAAS;AAC1CO,QAAAA,YAAYD,MAAMD,SAAS,iBAAiB;AAC5CG,QAAAA,gBAAgBF,MAAMD,SAAS,aAAa;AAClD,QAAMI,eAAehB,sBAAsBD;AAE3C,8BACGkB,YAAU;AAAA,IACTd,IAAIS;AAAAA,IACJV,WAAWgB,KACThB,WACAiB,mBAAmBC,MACnBnB,mCAASmB,MACTT,iBACEO,KAAKC,mBAAmBE,iBAAiBpB,mCAASoB,eAAe,GACnE,CAAChB,iBAAiBa,KAAKC,mBAAmBG,QAAQrB,mCAASqB,MAAM,CAAC;AAAA,IAEpEC,kBAAkB,CAAC,CAACZ;AAAAA,IACpBa,SAAS,CAACnB;AAAAA,IACV,aAAU;AAAA,IACV,iBAAeM;AAAAA,IAAc,GACzBL;AAAAA,IAAMmB,UAAA,CAEVC,oBAACC,kBAAgB;AAAA,MACfxB,IAAIW;AAAAA,MACJZ,WAAWgB,KACTF,gBACE,CAACL,iBACDO,KAAKC,mBAAmBS,YAAY3B,mCAAS2B,UAAU,GACzDjB,iBACEO,KAAKC,mBAAmBE,iBAAiBpB,mCAASoB,eAAe,CAAC;AAAA,MAEtEQ,SAAQ;AAAA,MACRC,WAAU;AAAA,MACVC,aAAaf,gBAAgB,CAACL;AAAAA,MAC9BY,kBAAkB,CAAC,CAACZ;AAAAA,MAAcc,UAEjCzB;AAAAA,IAAAA,CACgB,GACnB0B,oBAACC,kBAAgB;AAAA,MACfxB,IAAIY;AAAAA,MACJb,WAAWgB,KACTF,gBACE,CAACL,iBACDO,KAAKC,mBAAmBS,YAAY3B,mCAAS2B,UAAU,GACzDjB,iBACEO,KAAKC,mBAAmBE,iBAAiBpB,mCAASoB,eAAe,CAAC;AAAA,MAEtEQ,SAAQ;AAAA,MACRC,WAAU;AAAA,MACVC,aAAaf,gBAAgB,CAACL;AAAAA,MAC9BY,kBAAkB,CAAC,CAACZ;AAAAA,MAAcc,UAEhC,IAAG3B,aAAaC;AAAAA,IAAAA,CACD,CAAA;AAAA,EAAA,CACR;AAEjB;"}

package/dist/esm/components/Forms/CharCounter/CharCounter.styles.js

@@ -28,12 +28,12 @@ const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "prod
   display: "inline-block",
   float: "right",
   ...$counterDisabled && {
-    color: theme.colors.atmo5
+    color: theme.colors.secondary_60
   },
   ...$gutter && {
     paddingLeft: `6px`
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvQ2hhckNvdW50ZXIvQ2hhckNvdW50ZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb3Jtcy9DaGFyQ291bnRlci9DaGFyQ291bnRlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRjb3VudGVyRGlzYWJsZWQsXG4gICAgJGd1dHRlcixcbiAgfToge1xuICAgICRjb3VudGVyRGlzYWJsZWQ6IGJvb2xlYW47XG4gICAgJGd1dHRlcjogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIGZsb2F0OiBcInJpZ2h0XCIsXG4gICAgLi4uKCRjb3VudGVyRGlzYWJsZWQgJiYge1xuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICB9KSxcbiAgICAuLi4oJGd1dHRlciAmJiB7XG4gICAgICBwYWRkaW5nTGVmdDogYDZweGAsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRvdmVybG9hZGVkLFxuICAgICRjb3VudGVyRGlzYWJsZWQsXG4gIH06IHtcbiAgICAkb3ZlcmxvYWRlZDogYm9vbGVhbjtcbiAgICAkY291bnRlckRpc2FibGVkOiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIC4uLigkb3ZlcmxvYWRlZCAmJiB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlbWE0LFxuICAgIH0pLFxuICAgIC4uLigkY291bnRlckRpc2FibGVkICYmIHtcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvQ2hhckNvdW50ZXIvQ2hhckNvdW50ZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb3Jtcy9DaGFyQ291bnRlci9DaGFyQ291bnRlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwifi9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIn4vdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkY291bnRlckRpc2FibGVkLFxuICAgICRndXR0ZXIsXG4gIH06IHtcbiAgICAkY291bnRlckRpc2FibGVkOiBib29sZWFuO1xuICAgICRndXR0ZXI6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICBmbG9hdDogXCJyaWdodFwiLFxuICAgIC4uLigkY291bnRlckRpc2FibGVkICYmIHtcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICAgIH0pLFxuICAgIC4uLigkZ3V0dGVyICYmIHtcbiAgICAgIHBhZGRpbmdMZWZ0OiBgNnB4YCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJG92ZXJsb2FkZWQsXG4gICAgJGNvdW50ZXJEaXNhYmxlZCxcbiAgfToge1xuICAgICRvdmVybG9hZGVkOiBib29sZWFuO1xuICAgICRjb3VudGVyRGlzYWJsZWQ6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgLi4uKCRvdmVybG9hZGVkICYmIHtcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG4gICAgfSksXG4gICAgLi4uKCRjb3VudGVyRGlzYWJsZWQgJiYge1xuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
 const StyledTypography = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e11kw0680"
 }, transientOptions) : _extends({}, {
@@ -44,12 +44,12 @@ const StyledTypography = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_
   $counterDisabled
 }) => ({
   ...$overloaded && {
-    color: theme.colors.sema4
+    color: theme.colors.negative
   },
   ...$counterDisabled && {
-    color: theme.colors.atmo5
+    color: theme.colors.secondary_60
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvQ2hhckNvdW50ZXIvQ2hhckNvdW50ZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQmdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvQ2hhckNvdW50ZXIvQ2hhckNvdW50ZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkY291bnRlckRpc2FibGVkLFxuICAgICRndXR0ZXIsXG4gIH06IHtcbiAgICAkY291bnRlckRpc2FibGVkOiBib29sZWFuO1xuICAgICRndXR0ZXI6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICBmbG9hdDogXCJyaWdodFwiLFxuICAgIC4uLigkY291bnRlckRpc2FibGVkICYmIHtcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgfSksXG4gICAgLi4uKCRndXR0ZXIgJiYge1xuICAgICAgcGFkZGluZ0xlZnQ6IGA2cHhgLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkb3ZlcmxvYWRlZCxcbiAgICAkY291bnRlckRpc2FibGVkLFxuICB9OiB7XG4gICAgJG92ZXJsb2FkZWQ6IGJvb2xlYW47XG4gICAgJGNvdW50ZXJEaXNhYmxlZDogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICAuLi4oJG92ZXJsb2FkZWQgJiYge1xuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hNCxcbiAgICB9KSxcbiAgICAuLi4oJGNvdW50ZXJEaXNhYmxlZCAmJiB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmF0bW81LFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvQ2hhckNvdW50ZXIvQ2hhckNvdW50ZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQmdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvQ2hhckNvdW50ZXIvQ2hhckNvdW50ZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcIn4vY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ+L3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGNvdW50ZXJEaXNhYmxlZCxcbiAgICAkZ3V0dGVyLFxuICB9OiB7XG4gICAgJGNvdW50ZXJEaXNhYmxlZDogYm9vbGVhbjtcbiAgICAkZ3V0dGVyOiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgZmxvYXQ6IFwicmlnaHRcIixcbiAgICAuLi4oJGNvdW50ZXJEaXNhYmxlZCAmJiB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICB9KSxcbiAgICAuLi4oJGd1dHRlciAmJiB7XG4gICAgICBwYWRkaW5nTGVmdDogYDZweGAsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRvdmVybG9hZGVkLFxuICAgICRjb3VudGVyRGlzYWJsZWQsXG4gIH06IHtcbiAgICAkb3ZlcmxvYWRlZDogYm9vbGVhbjtcbiAgICAkY291bnRlckRpc2FibGVkOiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIC4uLigkb3ZlcmxvYWRlZCAmJiB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLm5lZ2F0aXZlLFxuICAgIH0pLFxuICAgIC4uLigkY291bnRlckRpc2FibGVkICYmIHtcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */");
 export {
   StyledRoot,
   StyledTypography

package/dist/esm/components/Forms/CharCounter/CharCounter.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CharCounter.styles.js","sources":["../../../../../src/components/Forms/CharCounter/CharCounter.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvTypography } from \"components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledRoot = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $counterDisabled,\n    $gutter,\n  }: {\n    $counterDisabled: boolean;\n    $gutter: boolean;\n  }) => ({\n    display: \"inline-block\",\n    float: \"right\",\n    ...($counterDisabled && {\n      color: theme.colors.atmo5,\n    }),\n    ...($gutter && {\n      paddingLeft: `6px`,\n    }),\n  })\n);\n\nexport const StyledTypography = styled(\n  HvTypography,\n  transientOptions\n)(\n  ({\n    $overloaded,\n    $counterDisabled,\n  }: {\n    $overloaded: boolean;\n    $counterDisabled: boolean;\n  }) => ({\n    ...($overloaded && {\n      color: theme.colors.sema4,\n    }),\n    ...($counterDisabled && {\n      color: theme.colors.atmo5,\n    }),\n  })\n);\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$counterDisabled","$gutter","display","float","color","theme","colors","atmo5","paddingLeft","StyledTypography","HvTypography","$overloaded","sema4"],"mappings":";;;;;;;;;;;;;;;;;;AAKaA,MAAAA,qCACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCE;AAAAA,EACAC;AAIF,OAAO;AAAA,EACLC,SAAS;AAAA,EACTC,OAAO;AAAA,EACP,GAAIH,oBAAoB;AAAA,IACtBI,OAAOC,MAAMC,OAAOC;AAAAA,EACtB;AAAA,EACA,GAAIN,WAAW;AAAA,IACbO,aAAc;AAAA,EAChB;AACF,IAAEf,QAAAC,IAAAC,aACH,eAAA,KAAA,ivDAAA;AAEYc,MAAAA,2CACXC,cAAYjB,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACZC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCa;AAAAA,EACAX;AAIF,OAAO;AAAA,EACL,GAAIW,eAAe;AAAA,IACjBP,OAAOC,MAAMC,OAAOM;AAAAA,EACtB;AAAA,EACA,GAAIZ,oBAAoB;AAAA,IACtBI,OAAOC,MAAMC,OAAOC;AAAAA,EACtB;AACF,IAAEd,QAAAC,IAAAC,aACH,eAAA,KAAA,qvDAAA;"}
+{"version":3,"file":"CharCounter.styles.js","sources":["../../../../../src/components/Forms/CharCounter/CharCounter.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvTypography } from \"~/components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"~/utils/transientOptions\";\n\nexport const StyledRoot = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $counterDisabled,\n    $gutter,\n  }: {\n    $counterDisabled: boolean;\n    $gutter: boolean;\n  }) => ({\n    display: \"inline-block\",\n    float: \"right\",\n    ...($counterDisabled && {\n      color: theme.colors.secondary_60,\n    }),\n    ...($gutter && {\n      paddingLeft: `6px`,\n    }),\n  })\n);\n\nexport const StyledTypography = styled(\n  HvTypography,\n  transientOptions\n)(\n  ({\n    $overloaded,\n    $counterDisabled,\n  }: {\n    $overloaded: boolean;\n    $counterDisabled: boolean;\n  }) => ({\n    ...($overloaded && {\n      color: theme.colors.negative,\n    }),\n    ...($counterDisabled && {\n      color: theme.colors.secondary_60,\n    }),\n  })\n);\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$counterDisabled","$gutter","display","float","color","theme","colors","secondary_60","paddingLeft","StyledTypography","HvTypography","$overloaded","negative"],"mappings":";;;;;;;;;;;;;;;;;;AAKaA,MAAAA,qCACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCE;AAAAA,EACAC;AAIF,OAAO;AAAA,EACLC,SAAS;AAAA,EACTC,OAAO;AAAA,EACP,GAAIH,oBAAoB;AAAA,IACtBI,OAAOC,MAAMC,OAAOC;AAAAA,EACtB;AAAA,EACA,GAAIN,WAAW;AAAA,IACbO,aAAc;AAAA,EAChB;AACF,IAAEf,QAAAC,IAAAC,aACH,eAAA,KAAA,6wDAAA;AAEYc,MAAAA,2CACXC,cAAYjB,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACZC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCa;AAAAA,EACAX;AAIF,OAAO;AAAA,EACL,GAAIW,eAAe;AAAA,IACjBP,OAAOC,MAAMC,OAAOM;AAAAA,EACtB;AAAA,EACA,GAAIZ,oBAAoB;AAAA,IACtBI,OAAOC,MAAMC,OAAOC;AAAAA,EACtB;AACF,IAAEd,QAAAC,IAAAC,aACH,eAAA,KAAA,ixDAAA;"}

package/dist/esm/components/Forms/CharCounter/charCounterClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"charCounterClasses.js","sources":["../../../../../src/components/Forms/CharCounter/charCounterClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvCharCounterClasses = {\n  root?: string;\n  counterDisabled?: string;\n  gutter?: string;\n  overloaded?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"counterDisabled\", \"gutter\", \"overloaded\"];\n\nconst charCounterClasses = getClasses<HvCharCounterClasses>(\n  classKeys,\n  \"HvCharCounter\"\n);\n\nexport default charCounterClasses;\n"],"names":["classKeys","charCounterClasses","getClasses"],"mappings":";AASA,MAAMA,YAAsB,CAAC,QAAQ,mBAAmB,UAAU,YAAY;AAE9E,MAAMC,qBAAqBC,WACzBF,WACA,eAAe;AAGjB,MAAA,uBAAeC;"}
+{"version":3,"file":"charCounterClasses.js","sources":["../../../../../src/components/Forms/CharCounter/charCounterClasses.ts"],"sourcesContent":["import { getClasses } from \"~/utils\";\n\nexport type HvCharCounterClasses = {\n  root?: string;\n  counterDisabled?: string;\n  gutter?: string;\n  overloaded?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"counterDisabled\", \"gutter\", \"overloaded\"];\n\nconst charCounterClasses = getClasses<HvCharCounterClasses>(\n  classKeys,\n  \"HvCharCounter\"\n);\n\nexport default charCounterClasses;\n"],"names":["classKeys","charCounterClasses","getClasses"],"mappings":";AASA,MAAMA,YAAsB,CAAC,QAAQ,mBAAmB,UAAU,YAAY;AAE9E,MAAMC,qBAAqBC,WACzBF,WACA,eAAe;AAGjB,MAAA,uBAAeC;"}

package/dist/esm/components/Forms/FormElement/FormElement.js

@@ -1,4 +1,3 @@
-import { jsx } from "@emotion/react/jsx-runtime";
 import { useMemo } from "react";
 import clsx from "clsx";
 import { findDescriptors } from "./utils/FormUtils.js";
@@ -6,6 +5,7 @@ import { HvFormElementContextProvider } from "./context/FormElementContext.js";
 import { HvFormElementValueContextProvider } from "./context/FormElementValueContext.js";
 import { HvFormElementDescriptorsContextProvider } from "./context/FormElementDescriptorsContext.js";
 import formElementClasses from "./formElementClasses.js";
+import { jsx } from "@emotion/react/jsx-runtime";
 import useUniqueId from "../../../hooks/useUniqueId.js";
 const HvFormElement = ({
   classes,
@@ -30,7 +30,21 @@ const HvFormElement = ({
     elementReadOnly: readOnly
   }), [disabled, elementId, name, readOnly, required, status]);
   const descriptors = useMemo(() => findDescriptors(children), [children]);
-  return /* @__PURE__ */ jsx("div", { id, className: clsx(className, formElementClasses.root, classes == null ? void 0 : classes.root), ...others, children: /* @__PURE__ */ jsx(HvFormElementContextProvider, { value: contextValue, children: /* @__PURE__ */ jsx(HvFormElementValueContextProvider, { value, children: /* @__PURE__ */ jsx(HvFormElementDescriptorsContextProvider, { value: descriptors, children }) }) }) });
+  return /* @__PURE__ */ jsx("div", {
+    id,
+    className: clsx(className, formElementClasses.root, classes == null ? void 0 : classes.root),
+    ...others,
+    children: /* @__PURE__ */ jsx(HvFormElementContextProvider, {
+      value: contextValue,
+      children: /* @__PURE__ */ jsx(HvFormElementValueContextProvider, {
+        value,
+        children: /* @__PURE__ */ jsx(HvFormElementDescriptorsContextProvider, {
+          value: descriptors,
+          children
+        })
+      })
+    })
+  });
 };
 HvFormElement.formElementType = "formelement";
 export {

package/dist/esm/components/Forms/FormElement/FormElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormElement.js","sources":["../../../../../src/components/Forms/FormElement/FormElement.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types/index\";\nimport { useUniqueId } from \"hooks\";\nimport { findDescriptors } from \"./utils/FormUtils\";\nimport { HvFormElementContextProvider } from \"./context/FormElementContext\";\nimport { HvFormElementValueContextProvider } from \"./context/FormElementValueContext\";\nimport { HvFormElementDescriptorsContextProvider } from \"./context/FormElementDescriptorsContext\";\nimport formElementClasses, { HvFormElementClasses } from \"./formElementClasses\";\n\nexport type HvFormStatus = \"standBy\" | \"valid\" | \"invalid\" | \"empty\";\n\nexport type HvFormElementProps = HvBaseProps & {\n  /**\n   * Name of the form element.\n   *\n   * Part of a name/value pair, should be the name property of the underling native input.\n   */\n  name?: string;\n  /**\n   * Current value of the form element.\n   *\n   * Part of a name/value pair, should be the value property of the underling native input.\n   */\n  value?: any;\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label?: React.ReactNode;\n  /** Provide additional descriptive text for the form element. */\n  description?: React.ReactNode;\n  /** Whether the form element is disabled. */\n  disabled?: boolean;\n  /** Indicates that the form element is not editable. */\n  readOnly?: boolean;\n  /** Indicates that user input is required on the form element. */\n  required?: boolean;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status?: HvFormStatus;\n  /** The error message to show when `status` is \"invalid\". */\n  statusMessage?: string;\n  /** The callback fired when the value changes. */\n  onChange?: Function;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvFormElementClasses;\n};\n\nexport const HvFormElement = ({\n  classes,\n  className,\n  children,\n  id,\n  name,\n  value,\n  disabled = false,\n  required = false,\n  readOnly = false,\n  status = \"standBy\",\n  ...others\n}: HvFormElementProps) => {\n  const elementId = useUniqueId(id, \"hvformelement\");\n\n  const contextValue = useMemo(\n    () => ({\n      elementId,\n      elementName: name,\n      elementStatus: status,\n      elementDisabled: disabled,\n      elementRequired: required,\n      elementReadOnly: readOnly,\n    }),\n    [disabled, elementId, name, readOnly, required, status]\n  );\n\n  const descriptors = useMemo(() => findDescriptors(children), [children]);\n\n  return (\n    <div\n      id={id}\n      className={clsx(className, formElementClasses.root, classes?.root)}\n      {...others}\n    >\n      <HvFormElementContextProvider value={contextValue}>\n        <HvFormElementValueContextProvider value={value}>\n          <HvFormElementDescriptorsContextProvider value={descriptors}>\n            {children}\n          </HvFormElementDescriptorsContextProvider>\n        </HvFormElementValueContextProvider>\n      </HvFormElementContextProvider>\n    </div>\n  );\n};\n\nHvFormElement.formElementType = \"formelement\";\n"],"names":["HvFormElement","classes","className","children","id","name","value","disabled","required","readOnly","status","others","elementId","useUniqueId","contextValue","useMemo","elementName","elementStatus","elementDisabled","elementRequired","elementReadOnly","descriptors","findDescriptors","clsx","formElementClasses","root","formElementType"],"mappings":";;;;;;;;;AAyDO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,SAAS;AAAA,KACNC;AACe,MAAM;AAClBC,QAAAA,YAAYC,YAAYT,IAAI,eAAe;AAE3CU,QAAAA,eAAeC,QACnB,OAAO;AAAA,IACLH;AAAAA,IACAI,aAAaX;AAAAA,IACbY,eAAeP;AAAAA,IACfQ,iBAAiBX;AAAAA,IACjBY,iBAAiBX;AAAAA,IACjBY,iBAAiBX;AAAAA,EAAAA,IAEnB,CAACF,UAAUK,WAAWP,MAAMI,UAAUD,UAAUE,MAAM,CAAC;AAGnDW,QAAAA,cAAcN,QAAQ,MAAMO,gBAAgBnB,QAAQ,GAAG,CAACA,QAAQ,CAAC;AAGrE,SAAA,oBAAC,OACC,EAAA,IACA,WAAWoB,KAAKrB,WAAWsB,mBAAmBC,MAAMxB,mCAASwB,IAAI,GAC7Dd,GAAAA,QAEJ,UAAC,oBAAA,8BAAA,EAA6B,OAAOG,cACnC,UAAC,oBAAA,mCAAA,EAAkC,OACjC,UAAA,oBAAC,yCAAwC,EAAA,OAAOO,aAC7ClB,SAAAA,CACH,EACF,CAAA,EAAA,CACF,EACF,CAAA;AAEJ;AAEAH,cAAc0B,kBAAkB;"}
+{"version":3,"file":"FormElement.js","sources":["../../../../../src/components/Forms/FormElement/FormElement.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { useUniqueId } from \"../../../hooks\";\nimport { findDescriptors } from \"./utils/FormUtils\";\nimport { HvFormElementContextProvider } from \"./context/FormElementContext\";\nimport { HvFormElementValueContextProvider } from \"./context/FormElementValueContext\";\nimport { HvFormElementDescriptorsContextProvider } from \"./context/FormElementDescriptorsContext\";\nimport formElementClasses, { HvFormElementClasses } from \"./formElementClasses\";\n\nexport type HvFormStatus = \"standBy\" | \"valid\" | \"invalid\" | \"empty\";\n\nexport type HvFormElementProps = HvBaseProps<HTMLDivElement, { onChange }> & {\n  /**\n   * Name of the form element.\n   *\n   * Part of a name/value pair, should be the name property of the underling native input.\n   */\n  name?: string;\n  /**\n   * Current value of the form element.\n   *\n   * Part of a name/value pair, should be the value property of the underling native input.\n   */\n  value?: any;\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label?: React.ReactNode;\n  /** Provide additional descriptive text for the form element. */\n  description?: React.ReactNode;\n  /** Whether the form element is disabled. */\n  disabled?: boolean;\n  /** Indicates that the form element is not editable. */\n  readOnly?: boolean;\n  /** Indicates that user input is required on the form element. */\n  required?: boolean;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status?: HvFormStatus;\n  /** The error message to show when `status` is \"invalid\". */\n  statusMessage?: string;\n  /** The callback fired when the value changes. */\n  onChange?: (event: React.FormEvent<HTMLDivElement>) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvFormElementClasses;\n};\n\nexport const HvFormElement = ({\n  classes,\n  className,\n  children,\n  id,\n  name,\n  value,\n  disabled = false,\n  required = false,\n  readOnly = false,\n  status = \"standBy\",\n  ...others\n}: HvFormElementProps) => {\n  const elementId = useUniqueId(id, \"hvformelement\");\n\n  const contextValue = useMemo(\n    () => ({\n      elementId,\n      elementName: name,\n      elementStatus: status,\n      elementDisabled: disabled,\n      elementRequired: required,\n      elementReadOnly: readOnly,\n    }),\n    [disabled, elementId, name, readOnly, required, status]\n  );\n\n  const descriptors = useMemo(() => findDescriptors(children), [children]);\n\n  return (\n    <div\n      id={id}\n      className={clsx(className, formElementClasses.root, classes?.root)}\n      {...others}\n    >\n      <HvFormElementContextProvider value={contextValue}>\n        <HvFormElementValueContextProvider value={value}>\n          <HvFormElementDescriptorsContextProvider value={descriptors}>\n            {children}\n          </HvFormElementDescriptorsContextProvider>\n        </HvFormElementValueContextProvider>\n      </HvFormElementContextProvider>\n    </div>\n  );\n};\n\nHvFormElement.formElementType = \"formelement\";\n"],"names":["HvFormElement","classes","className","children","id","name","value","disabled","required","readOnly","status","others","elementId","useUniqueId","contextValue","useMemo","elementName","elementStatus","elementDisabled","elementRequired","elementReadOnly","descriptors","findDescriptors","clsx","formElementClasses","root","HvFormElementContextProvider","HvFormElementValueContextProvider","HvFormElementDescriptorsContextProvider","formElementType"],"mappings":";;;;;;;;;AAyDO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,SAAS;AAAA,EACT,GAAGC;AACe,MAAM;AAClBC,QAAAA,YAAYC,YAAYT,IAAI,eAAe;AAE3CU,QAAAA,eAAeC,QACnB,OAAO;AAAA,IACLH;AAAAA,IACAI,aAAaX;AAAAA,IACbY,eAAeP;AAAAA,IACfQ,iBAAiBX;AAAAA,IACjBY,iBAAiBX;AAAAA,IACjBY,iBAAiBX;AAAAA,EAAAA,IAEnB,CAACF,UAAUK,WAAWP,MAAMI,UAAUD,UAAUE,MAAM,CAAC;AAGnDW,QAAAA,cAAcN,QAAQ,MAAMO,gBAAgBnB,QAAQ,GAAG,CAACA,QAAQ,CAAC;AAEvE,6BACE,OAAA;AAAA,IACEC;AAAAA,IACAF,WAAWqB,KAAKrB,WAAWsB,mBAAmBC,MAAMxB,mCAASwB,IAAI;AAAA,IAAE,GAC/Dd;AAAAA,IAAMR,8BAETuB,8BAA4B;AAAA,MAACpB,OAAOQ;AAAAA,MAAaX,8BAC/CwB,mCAAiC;AAAA,QAACrB;AAAAA,QAAaH,8BAC7CyB,yCAAuC;AAAA,UAACtB,OAAOe;AAAAA,UAAYlB;AAAAA,QAAAA,CACjD;AAAA,MAAA,CAC+B;AAAA,IAAA,CACR;AAAA,EAAA,CAElC;AAEV;AAEAH,cAAc6B,kBAAkB;"}

package/dist/esm/components/Forms/FormElement/context/FormElementDescriptorsContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormElementDescriptorsContext.js","sources":["../../../../../../src/components/Forms/FormElement/context/FormElementDescriptorsContext.ts"],"sourcesContent":["import React from \"react\";\n\nexport const HvFormElementDescriptorsContext = React.createContext<{\n  input?: any;\n}>({});\n\nexport const HvFormElementDescriptorsContextProvider =\n  HvFormElementDescriptorsContext.Provider;\nexport const HvFormElementDescriptorsContextConsumer =\n  HvFormElementDescriptorsContext.Consumer;\nexport default HvFormElementDescriptorsContext;\n"],"names":["HvFormElementDescriptorsContext","React","createContext","HvFormElementDescriptorsContextProvider","Provider","HvFormElementDescriptorsContextConsumer","Consumer"],"mappings":";AAEO,MAAMA,kCAAkCC,eAAMC,cAElD,EAAE;AAEE,MAAMC,0CACXH,gCAAgCI;AAC3B,MAAMC,0CACXL,gCAAgCM;"}
+{"version":3,"file":"FormElementDescriptorsContext.js","sources":["../../../../../../src/components/Forms/FormElement/context/FormElementDescriptorsContext.ts"],"sourcesContent":["import React from \"react\";\n\nexport const HvFormElementDescriptorsContext = React.createContext<{\n  input?: any;\n  label?: any;\n}>({});\n\nexport const HvFormElementDescriptorsContextProvider =\n  HvFormElementDescriptorsContext.Provider;\nexport const HvFormElementDescriptorsContextConsumer =\n  HvFormElementDescriptorsContext.Consumer;\nexport default HvFormElementDescriptorsContext;\n"],"names":["HvFormElementDescriptorsContext","React","createContext","HvFormElementDescriptorsContextProvider","Provider","HvFormElementDescriptorsContextConsumer","Consumer"],"mappings":";AAEO,MAAMA,kCAAkCC,eAAMC,cAGlD,EAAE;AAEE,MAAMC,0CACXH,gCAAgCI;AAC3B,MAAMC,0CACXL,gCAAgCM;"}

package/dist/esm/components/Forms/FormElement/formElementClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"formElementClasses.js","sources":["../../../../../src/components/Forms/FormElement/formElementClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvFormElementClasses = {\n  root?: string;\n};\n\nconst classKeys: string[] = [\"root\"];\n\nconst formElementClasses = getClasses<HvFormElementClasses>(\n  classKeys,\n  \"HvFormElement\"\n);\n\nexport default formElementClasses;\n"],"names":["classKeys","formElementClasses","getClasses"],"mappings":";AAMA,MAAMA,YAAsB,CAAC,MAAM;AAEnC,MAAMC,qBAAqBC,WACzBF,WACA,eAAe;AAGjB,MAAA,uBAAeC;"}
+{"version":3,"file":"formElementClasses.js","sources":["../../../../../src/components/Forms/FormElement/formElementClasses.ts"],"sourcesContent":["import { getClasses } from \"~/utils\";\n\nexport type HvFormElementClasses = {\n  root?: string;\n};\n\nconst classKeys: string[] = [\"root\"];\n\nconst formElementClasses = getClasses<HvFormElementClasses>(\n  classKeys,\n  \"HvFormElement\"\n);\n\nexport default formElementClasses;\n"],"names":["classKeys","formElementClasses","getClasses"],"mappings":";AAMA,MAAMA,YAAsB,CAAC,MAAM;AAEnC,MAAMC,qBAAqBC,WACzBF,WACA,eAAe;AAGjB,MAAA,uBAAeC;"}

package/dist/esm/components/Forms/FormElement/utils/FormUtils.js

@@ -5,6 +5,7 @@ const findDescriptors = (children, descriptors = {
   description: [],
   controlled: [],
   errormessage: [],
+  // TODO: refactor this out
   HvCalendarHeader: []
 }) => {
   React__default.Children.forEach(children, (child) => {

package/dist/esm/components/Forms/FormElement/utils/FormUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormUtils.js","sources":["../../../../../../src/components/Forms/FormElement/utils/FormUtils.ts"],"sourcesContent":["import React from \"react\";\n\ntype Descriptor = {\n  id?: string;\n  htmlFor?: string;\n};\n/**\n * Scans the element's children looking for the children IDs that match the different form element types.\n * This function will produce an object that has a key for each provided name\n * Inside each key there will be an array with each id of the found descriptor.\n *\n * @param {Array} children - The children inside the form element to scan.\n * @param {Object} descriptors - Initial descriptors map (used for recursion).\n *\n */\nconst findDescriptors = (\n  children,\n  descriptors: {\n    input: Descriptor[];\n    label: Descriptor[];\n    description: Descriptor[];\n    controlled: Descriptor[];\n    errormessage: Descriptor[];\n    HvCalendarHeader?: Descriptor[];\n  } = {\n    input: [],\n    label: [],\n    description: [],\n    controlled: [],\n    errormessage: [],\n\n    // TODO: refactor this out\n    HvCalendarHeader: [],\n  }\n) => {\n  React.Children.forEach(children, (child) => {\n    if (child?.type?.formElementType && child.props?.id) {\n      descriptors[child.type.formElementType]?.push({\n        id: child.props?.id,\n        htmlFor: child.props?.htmlFor,\n      });\n    }\n\n    if (child?.type?.formElementType !== \"formelement\") {\n      findDescriptors(child?.props?.children, descriptors);\n    }\n  });\n\n  return descriptors;\n};\n\nconst getIdReferenceListFor = (\n  formElementType,\n  descriptors,\n  filterFor = null\n) => {\n  const referenceList = descriptors?.[formElementType]\n    ?.filter((d) => d.htmlFor !== filterFor)\n    ?.map((d) => d.id)\n    .join(\" \")\n    .trim();\n\n  return referenceList !== \"\" ? referenceList : undefined;\n};\n\nconst getIdReferenceFor = (formElementType, descriptors, filterFor = null) => {\n  const referenceList = descriptors?.[formElementType]\n    ?.filter((d) => d.htmlFor !== filterFor)\n    ?.map((d) => d.id)?.[0];\n\n  return referenceList !== \"\" ? referenceList : undefined;\n};\n\nconst buildFormElementPropsFromContext = (\n  name,\n  disabled,\n  readOnly,\n  required,\n  status,\n  context\n) => {\n  return {\n    name: name || context?.elementName,\n    disabled: disabled !== undefined ? disabled : context?.elementDisabled,\n    readOnly: readOnly !== undefined ? readOnly : context?.elementReadOnly,\n    required: required !== undefined ? required : context?.elementRequired,\n    status: status || context?.elementStatus,\n  };\n};\n\nconst buildAriaPropsFromContext = (props, context, isInvalid, inputId) => {\n  const arias = {\n    \"aria-labelledby\":\n      props?.[\"aria-labelledby\"] !== undefined\n        ? props?.[\"aria-labelledby\"]\n        : getIdReferenceListFor(\"label\", context?.descriptors, inputId),\n    \"aria-describedby\":\n      props?.[\"aria-describedby\"] !== undefined\n        ? props?.[\"aria-describedby\"]\n        : getIdReferenceListFor(\"description\", context?.descriptors),\n    \"aria-controls\":\n      props?.[\"aria-controls\"] !== undefined\n        ? props?.[\"aria-controls\"]\n        : getIdReferenceListFor(\"controlled\", context?.descriptors),\n  };\n\n  if (isInvalid) {\n    arias[\"aria-invalid\"] = isInvalid;\n    arias[\"aria-errormessage\"] =\n      props?.[\"aria-errormessage\"] !== undefined\n        ? props?.[\"aria-errormessage\"]\n        : getIdReferenceFor(\"errormessage\", context?.descriptors);\n  }\n\n  return arias;\n};\n\nexport {\n  findDescriptors,\n  getIdReferenceListFor,\n  getIdReferenceFor,\n  buildFormElementPropsFromContext,\n  buildAriaPropsFromContext,\n};\n"],"names":["findDescriptors","children","descriptors","input","label","description","controlled","errormessage","HvCalendarHeader","Children","forEach","child","type","formElementType","props","id","push","htmlFor","getIdReferenceListFor","filterFor","referenceList","filter","d","map","join","trim","undefined","getIdReferenceFor","buildFormElementPropsFromContext","name","disabled","readOnly","required","status","context","elementName","elementDisabled","elementReadOnly","elementRequired","elementStatus","buildAriaPropsFromContext","isInvalid","inputId","arias"],"mappings":";AAeMA,MAAAA,kBAAkBA,CACtBC,UACAC,cAOI;AAAA,EACFC,OAAO,CAAE;AAAA,EACTC,OAAO,CAAE;AAAA,EACTC,aAAa,CAAE;AAAA,EACfC,YAAY,CAAE;AAAA,EACdC,cAAc,CAAE;AAAA,EAGhBC,kBAAkB,CAAA;AACpB,MACG;AACGC,iBAAAA,SAASC,QAAQT,UAAWU,CAAU,UAAA;;AAC1C,UAAIA,oCAAOC,SAAPD,mBAAaE,sBAAmBF,WAAMG,UAANH,mBAAaI,KAAI;AACvCJ,wBAAAA,MAAMC,KAAKC,qBAAXF,mBAA6BK,KAAK;AAAA,QAC5CD,KAAIJ,WAAMG,UAANH,mBAAaI;AAAAA,QACjBE,UAASN,WAAMG,UAANH,mBAAaM;AAAAA,MAAAA;AAAAA,IAE1B;AAEIN,UAAAA,oCAAOC,SAAPD,mBAAaE,qBAAoB,eAAe;AAClCF,uBAAAA,oCAAOG,UAAPH,mBAAcV,UAAUC,WAAW;AAAA,IACrD;AAAA,EAAA,CACD;AAEMA,SAAAA;AACT;AAEA,MAAMgB,wBAAwBA,CAC5BL,iBACAX,aACAiB,YAAY,SACT;;AACH,QAAMC,iBAAgBlB,sDAAcW,qBAAdX,mBAClBmB,OAAQC,CAAAA,MAAMA,EAAEL,YAAYE,eADVjB,mBAElBqB,IAAKD,OAAMA,EAAEP,IACdS,KAAK,KACLC;AAEIL,SAAAA,kBAAkB,KAAKA,gBAAgBM;AAChD;AAEA,MAAMC,oBAAoBA,CAACd,iBAAiBX,aAAaiB,YAAY,SAAS;;AAC5E,QAAMC,iBAAgBlB,4DAAcW,qBAAdX,mBAClBmB,OAAQC,CAAMA,MAAAA,EAAEL,YAAYE,eADVjB,mBAElBqB,IAAKD,CAAMA,MAAAA,EAAEP,QAFKb,mBAEC;AAEhBkB,SAAAA,kBAAkB,KAAKA,gBAAgBM;AAChD;AAEA,MAAME,mCAAmCA,CACvCC,MACAC,UACAC,UACAC,UACAC,QACAC,YACG;AACI,SAAA;AAAA,IACLL,MAAMA,SAAQK,mCAASC;AAAAA,IACvBL,UAAUA,aAAaJ,SAAYI,WAAWI,mCAASE;AAAAA,IACvDL,UAAUA,aAAaL,SAAYK,WAAWG,mCAASG;AAAAA,IACvDL,UAAUA,aAAaN,SAAYM,WAAWE,mCAASI;AAAAA,IACvDL,QAAQA,WAAUC,mCAASK;AAAAA,EAAAA;AAE/B;AAEA,MAAMC,4BAA4BA,CAAC1B,OAAOoB,SAASO,WAAWC,YAAY;AACxE,QAAMC,QAAQ;AAAA,IACZ,oBACE7B,+BAAQ,wBAAuBY,SAC3BZ,+BAAQ,qBACRI,sBAAsB,SAASgB,mCAAShC,aAAawC,OAAO;AAAA,IAClE,qBACE5B,+BAAQ,yBAAwBY,SAC5BZ,+BAAQ,sBACRI,sBAAsB,eAAegB,mCAAShC,WAAW;AAAA,IAC/D,kBACEY,+BAAQ,sBAAqBY,SACzBZ,+BAAQ,mBACRI,sBAAsB,cAAcgB,mCAAShC,WAAW;AAAA,EAAA;AAGhE,MAAIuC,WAAW;AACbE,UAAM,kBAAkBF;AAClB,UAAA,wBACJ3B,+BAAQ,0BAAyBY,SAC7BZ,+BAAQ,uBACRa,kBAAkB,gBAAgBO,mCAAShC,WAAW;AAAA,EAC9D;AAEOyC,SAAAA;AACT;"}
+{"version":3,"file":"FormUtils.js","sources":["../../../../../../src/components/Forms/FormElement/utils/FormUtils.ts"],"sourcesContent":["import React from \"react\";\n\ntype Descriptor = {\n  id?: string;\n  htmlFor?: string;\n};\n/**\n * Scans the element's children looking for the children IDs that match the different form element types.\n * This function will produce an object that has a key for each provided name\n * Inside each key there will be an array with each id of the found descriptor.\n *\n * @param {Array} children - The children inside the form element to scan.\n * @param {Object} descriptors - Initial descriptors map (used for recursion).\n *\n */\nconst findDescriptors = (\n  children,\n  descriptors: {\n    input: Descriptor[];\n    label: Descriptor[];\n    description: Descriptor[];\n    controlled: Descriptor[];\n    errormessage: Descriptor[];\n    HvCalendarHeader?: Descriptor[];\n  } = {\n    input: [],\n    label: [],\n    description: [],\n    controlled: [],\n    errormessage: [],\n\n    // TODO: refactor this out\n    HvCalendarHeader: [],\n  }\n) => {\n  React.Children.forEach(children, (child) => {\n    if (child?.type?.formElementType && child.props?.id) {\n      descriptors[child.type.formElementType]?.push({\n        id: child.props?.id,\n        htmlFor: child.props?.htmlFor,\n      });\n    }\n\n    if (child?.type?.formElementType !== \"formelement\") {\n      findDescriptors(child?.props?.children, descriptors);\n    }\n  });\n\n  return descriptors;\n};\n\nconst getIdReferenceListFor = (\n  formElementType,\n  descriptors,\n  filterFor = null\n) => {\n  const referenceList = descriptors?.[formElementType]\n    ?.filter((d) => d.htmlFor !== filterFor)\n    ?.map((d) => d.id)\n    .join(\" \")\n    .trim();\n\n  return referenceList !== \"\" ? referenceList : undefined;\n};\n\nconst getIdReferenceFor = (formElementType, descriptors, filterFor = null) => {\n  const referenceList = descriptors?.[formElementType]\n    ?.filter((d) => d.htmlFor !== filterFor)\n    ?.map((d) => d.id)?.[0];\n\n  return referenceList !== \"\" ? referenceList : undefined;\n};\n\nconst buildFormElementPropsFromContext = (\n  name,\n  disabled,\n  readOnly,\n  required,\n  status,\n  context\n) => {\n  return {\n    name: name || context?.elementName,\n    disabled: disabled !== undefined ? disabled : context?.elementDisabled,\n    readOnly: readOnly !== undefined ? readOnly : context?.elementReadOnly,\n    required: required !== undefined ? required : context?.elementRequired,\n    status: status || context?.elementStatus,\n  };\n};\n\nconst buildAriaPropsFromContext = (props, context, isInvalid, inputId) => {\n  const arias = {\n    \"aria-labelledby\":\n      props?.[\"aria-labelledby\"] !== undefined\n        ? props?.[\"aria-labelledby\"]\n        : getIdReferenceListFor(\"label\", context?.descriptors, inputId),\n    \"aria-describedby\":\n      props?.[\"aria-describedby\"] !== undefined\n        ? props?.[\"aria-describedby\"]\n        : getIdReferenceListFor(\"description\", context?.descriptors),\n    \"aria-controls\":\n      props?.[\"aria-controls\"] !== undefined\n        ? props?.[\"aria-controls\"]\n        : getIdReferenceListFor(\"controlled\", context?.descriptors),\n  };\n\n  if (isInvalid) {\n    arias[\"aria-invalid\"] = isInvalid;\n    arias[\"aria-errormessage\"] =\n      props?.[\"aria-errormessage\"] !== undefined\n        ? props?.[\"aria-errormessage\"]\n        : getIdReferenceFor(\"errormessage\", context?.descriptors);\n  }\n\n  return arias;\n};\n\nexport {\n  findDescriptors,\n  getIdReferenceListFor,\n  getIdReferenceFor,\n  buildFormElementPropsFromContext,\n  buildAriaPropsFromContext,\n};\n"],"names":["findDescriptors","children","descriptors","input","label","description","controlled","errormessage","HvCalendarHeader","Children","forEach","child","type","formElementType","props","id","push","htmlFor","getIdReferenceListFor","filterFor","referenceList","filter","d","map","join","trim","undefined","getIdReferenceFor","buildFormElementPropsFromContext","name","disabled","readOnly","required","status","context","elementName","elementDisabled","elementReadOnly","elementRequired","elementStatus","buildAriaPropsFromContext","isInvalid","inputId","arias"],"mappings":";AAeMA,MAAAA,kBAAkBA,CACtBC,UACAC,cAOI;AAAA,EACFC,OAAO,CAAE;AAAA,EACTC,OAAO,CAAE;AAAA,EACTC,aAAa,CAAE;AAAA,EACfC,YAAY,CAAE;AAAA,EACdC,cAAc,CAAE;AAAA;AAAA,EAGhBC,kBAAkB,CAAA;AACpB,MACG;AACGC,iBAAAA,SAASC,QAAQT,UAAWU,CAAU,UAAA;;AAC1C,UAAIA,oCAAOC,SAAPD,mBAAaE,sBAAmBF,WAAMG,UAANH,mBAAaI,KAAI;AACnDb,wBAAYS,MAAMC,KAAKC,eAAe,MAAtCX,mBAAyCc,KAAK;AAAA,QAC5CD,KAAIJ,WAAMG,UAANH,mBAAaI;AAAAA,QACjBE,UAASN,WAAMG,UAANH,mBAAaM;AAAAA,MAAAA;AAAAA,IAE1B;AAEIN,UAAAA,oCAAOC,SAAPD,mBAAaE,qBAAoB,eAAe;AAClCF,uBAAAA,oCAAOG,UAAPH,mBAAcV,UAAUC,WAAW;AAAA,IACrD;AAAA,EAAA,CACD;AAEMA,SAAAA;AACT;AAEA,MAAMgB,wBAAwBA,CAC5BL,iBACAX,aACAiB,YAAY,SACT;;AACH,QAAMC,iBAAgBlB,sDAAcW,qBAAdX,mBAClBmB,OAAQC,CAAAA,MAAMA,EAAEL,YAAYE,eADVjB,mBAElBqB,IAAKD,OAAMA,EAAEP,IACdS,KAAK,KACLC;AAEIL,SAAAA,kBAAkB,KAAKA,gBAAgBM;AAChD;AAEA,MAAMC,oBAAoBA,CAACd,iBAAiBX,aAAaiB,YAAY,SAAS;;AAC5E,QAAMC,iBAAgBlB,4DAAcW,qBAAdX,mBAClBmB,OAAQC,CAAMA,MAAAA,EAAEL,YAAYE,eADVjB,mBAElBqB,IAAKD,CAAAA,MAAMA,EAAEP,QAFKb,mBAEC;AAEhBkB,SAAAA,kBAAkB,KAAKA,gBAAgBM;AAChD;AAEA,MAAME,mCAAmCA,CACvCC,MACAC,UACAC,UACAC,UACAC,QACAC,YACG;AACI,SAAA;AAAA,IACLL,MAAMA,SAAQK,mCAASC;AAAAA,IACvBL,UAAUA,aAAaJ,SAAYI,WAAWI,mCAASE;AAAAA,IACvDL,UAAUA,aAAaL,SAAYK,WAAWG,mCAASG;AAAAA,IACvDL,UAAUA,aAAaN,SAAYM,WAAWE,mCAASI;AAAAA,IACvDL,QAAQA,WAAUC,mCAASK;AAAAA,EAAAA;AAE/B;AAEA,MAAMC,4BAA4BA,CAAC1B,OAAOoB,SAASO,WAAWC,YAAY;AACxE,QAAMC,QAAQ;AAAA,IACZ,oBACE7B,+BAAQ,wBAAuBY,SAC3BZ,+BAAQ,qBACRI,sBAAsB,SAASgB,mCAAShC,aAAawC,OAAO;AAAA,IAClE,qBACE5B,+BAAQ,yBAAwBY,SAC5BZ,+BAAQ,sBACRI,sBAAsB,eAAegB,mCAAShC,WAAW;AAAA,IAC/D,kBACEY,+BAAQ,sBAAqBY,SACzBZ,+BAAQ,mBACRI,sBAAsB,cAAcgB,mCAAShC,WAAW;AAAA,EAAA;AAGhE,MAAIuC,WAAW;AACbE,UAAM,cAAc,IAAIF;AACxBE,UAAM,mBAAmB,KACvB7B,+BAAQ,0BAAyBY,SAC7BZ,+BAAQ,uBACRa,kBAAkB,gBAAgBO,mCAAShC,WAAW;AAAA,EAC9D;AAEOyC,SAAAA;AACT;"}

package/dist/esm/components/Forms/InfoMessage/InfoMessage.js

@@ -1,8 +1,8 @@
-import { jsx } from "@emotion/react/jsx-runtime";
 import { StyledTypography } from "./InfoMessage.styles.js";
 import { useContext } from "react";
 import clsx from "clsx";
 import infoMessageClasses from "./infoMessageClasses.js";
+import { jsx } from "@emotion/react/jsx-runtime";
 import { HvFormElementContext } from "../FormElement/context/FormElementContext.js";
 import { setId } from "../../../utils/setId.js";
 const HvInfoMessage = ({
@@ -19,8 +19,17 @@ const HvInfoMessage = ({
     elementDisabled
   } = useContext(HvFormElementContext);
   const localDisabled = disabled || elementDisabled;
-  const localId = id != null ? id : setId(elementId, "description");
-  return /* @__PURE__ */ jsx(StyledTypography, { id: localId, className: clsx(className, infoMessageClasses.root, classes == null ? void 0 : classes.root, localDisabled && clsx(infoMessageClasses.infoDisabled, classes == null ? void 0 : classes.infoDisabled), !disableGutter && clsx(infoMessageClasses.gutter, classes == null ? void 0 : classes.gutter)), variant: "body", component: "label", $infoDisabled: !!localDisabled, $gutter: !disableGutter, ...others, children });
+  const localId = id ?? setId(elementId, "description");
+  return /* @__PURE__ */ jsx(StyledTypography, {
+    id: localId,
+    className: clsx(className, infoMessageClasses.root, classes == null ? void 0 : classes.root, localDisabled && clsx(infoMessageClasses.infoDisabled, classes == null ? void 0 : classes.infoDisabled), !disableGutter && clsx(infoMessageClasses.gutter, classes == null ? void 0 : classes.gutter)),
+    variant: "body",
+    component: "label",
+    $infoDisabled: !!localDisabled,
+    $gutter: !disableGutter,
+    ...others,
+    children
+  });
 };
 export {
   HvInfoMessage

package/dist/esm/components/Forms/InfoMessage/InfoMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoMessage.js","sources":["../../../../../src/components/Forms/InfoMessage/InfoMessage.tsx"],"sourcesContent":["import { HvBaseProps } from \"../../../types\";\nimport { StyledTypography } from \"./InfoMessage.styles\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { useContext } from \"react\";\nimport { setId } from \"utils\";\nimport clsx from \"clsx\";\nimport infoMessageClasses, { HvInfoMessageClasses } from \"./infoMessageClasses\";\n\nexport type HvInfoMessageProps = HvBaseProps & {\n  /** If `true` the label is disabled. */\n  disabled?: boolean;\n  /** If `true` the info message won't have margins. */\n  disableGutter?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvInfoMessageClasses;\n};\n\n/**\n * Provides the user with additional descriptive text for the form element.\n */\nexport const HvInfoMessage = ({\n  id,\n  classes,\n  className,\n  children,\n  disabled,\n  disableGutter = false,\n  ...others\n}: HvInfoMessageProps) => {\n  const { elementId, elementDisabled } = useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localId = id ?? setId(elementId, \"description\");\n\n  return (\n    <StyledTypography\n      id={localId}\n      className={clsx(\n        className,\n        infoMessageClasses.root,\n        classes?.root,\n        localDisabled &&\n          clsx(infoMessageClasses.infoDisabled, classes?.infoDisabled),\n        !disableGutter && clsx(infoMessageClasses.gutter, classes?.gutter)\n      )}\n      variant=\"body\"\n      component=\"label\"\n      $infoDisabled={!!localDisabled}\n      $gutter={!disableGutter}\n      {...others}\n    >\n      {children}\n    </StyledTypography>\n  );\n};\n"],"names":["HvInfoMessage","id","classes","className","children","disabled","disableGutter","others","elementId","elementDisabled","useContext","HvFormElementContext","localDisabled","localId","setId","clsx","infoMessageClasses","root","infoDisabled","gutter"],"mappings":";;;;;;;AAoBO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AAAA,KACbC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,IAAWC;AAAAA,EAAAA,IAAoBC,WAAWC,oBAAoB;AACtE,QAAMC,gBAAgBP,YAAYI;AAClC,QAAMI,UAAUZ,kBAAMa,MAAMN,WAAW,aAAa;AAEpD,6BACG,kBACC,EAAA,IAAIK,SACJ,WAAWE,KACTZ,WACAa,mBAAmBC,MACnBf,mCAASe,MACTL,iBACEG,KAAKC,mBAAmBE,cAAchB,mCAASgB,YAAY,GAC7D,CAACZ,iBAAiBS,KAAKC,mBAAmBG,QAAQjB,mCAASiB,MAAM,CAAC,GAEpE,SAAQ,QACR,WAAU,SACV,eAAe,CAAC,CAACP,eACjB,SAAS,CAACN,eACV,GAAIC,QAEHH,SACH,CAAA;AAEJ;"}
+{"version":3,"file":"InfoMessage.js","sources":["../../../../../src/components/Forms/InfoMessage/InfoMessage.tsx"],"sourcesContent":["import { HvBaseProps } from \"../../../types\";\nimport { StyledTypography } from \"./InfoMessage.styles\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { useContext } from \"react\";\nimport { setId } from \"~/utils\";\nimport clsx from \"clsx\";\nimport infoMessageClasses, { HvInfoMessageClasses } from \"./infoMessageClasses\";\n\nexport type HvInfoMessageProps = HvBaseProps & {\n  /** If `true` the label is disabled. */\n  disabled?: boolean;\n  /** If `true` the info message won't have margins. */\n  disableGutter?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvInfoMessageClasses;\n};\n\n/**\n * Provides the user with additional descriptive text for the form element.\n */\nexport const HvInfoMessage = ({\n  id,\n  classes,\n  className,\n  children,\n  disabled,\n  disableGutter = false,\n  ...others\n}: HvInfoMessageProps) => {\n  const { elementId, elementDisabled } = useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localId = id ?? setId(elementId, \"description\");\n\n  return (\n    <StyledTypography\n      id={localId}\n      className={clsx(\n        className,\n        infoMessageClasses.root,\n        classes?.root,\n        localDisabled &&\n          clsx(infoMessageClasses.infoDisabled, classes?.infoDisabled),\n        !disableGutter && clsx(infoMessageClasses.gutter, classes?.gutter)\n      )}\n      variant=\"body\"\n      component=\"label\"\n      $infoDisabled={!!localDisabled}\n      $gutter={!disableGutter}\n      {...others}\n    >\n      {children}\n    </StyledTypography>\n  );\n};\n"],"names":["HvInfoMessage","id","classes","className","children","disabled","disableGutter","others","elementId","elementDisabled","useContext","HvFormElementContext","localDisabled","localId","setId","StyledTypography","clsx","infoMessageClasses","root","infoDisabled","gutter","variant","component","$infoDisabled","$gutter"],"mappings":";;;;;;;AAoBO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AAAA,EAChB,GAAGC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,IAAWC;AAAAA,EAAAA,IAAoBC,WAAWC,oBAAoB;AACtE,QAAMC,gBAAgBP,YAAYI;AAClC,QAAMI,UAAUZ,MAAMa,MAAMN,WAAW,aAAa;AAEpD,6BACGO,kBAAgB;AAAA,IACfd,IAAIY;AAAAA,IACJV,WAAWa,KACTb,WACAc,mBAAmBC,MACnBhB,mCAASgB,MACTN,iBACEI,KAAKC,mBAAmBE,cAAcjB,mCAASiB,YAAY,GAC7D,CAACb,iBAAiBU,KAAKC,mBAAmBG,QAAQlB,mCAASkB,MAAM,CAAC;AAAA,IAEpEC,SAAQ;AAAA,IACRC,WAAU;AAAA,IACVC,eAAe,CAAC,CAACX;AAAAA,IACjBY,SAAS,CAAClB;AAAAA,IAAc,GACpBC;AAAAA,IAAMH;AAAAA,EAAAA,CAGO;AAEvB;"}

package/dist/esm/components/Forms/InfoMessage/InfoMessage.styles.js

@@ -27,12 +27,12 @@ const StyledTypography = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_
 }) => ({
   display: "inline-block",
   ...$infoDisabled && {
-    color: theme.colors.atmo5
+    color: theme.colors.secondary_60
   },
   ...$gutter && {
     padding: `0 0 6px ${theme.space.xs}`
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvSW5mb01lc3NhZ2UvSW5mb01lc3NhZ2Uuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLZ0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb3Jtcy9JbmZvTWVzc2FnZS9JbmZvTWVzc2FnZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGluZm9EaXNhYmxlZCxcbiAgICAkZ3V0dGVyLFxuICB9OiB7XG4gICAgJGluZm9EaXNhYmxlZDogYm9vbGVhbjtcbiAgICAkZ3V0dGVyOiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgLi4uKCRpbmZvRGlzYWJsZWQgJiYge1xuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICB9KSxcbiAgICAuLi4oJGd1dHRlciAmJiB7XG4gICAgICBwYWRkaW5nOiBgMCAwIDZweCAke3RoZW1lLnNwYWNlLnhzfWAsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvSW5mb01lc3NhZ2UvSW5mb01lc3NhZ2Uuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLZ0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb3Jtcy9JbmZvTWVzc2FnZS9JbmZvTWVzc2FnZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwifi9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIn4vdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRpbmZvRGlzYWJsZWQsXG4gICAgJGd1dHRlcixcbiAgfToge1xuICAgICRpbmZvRGlzYWJsZWQ6IGJvb2xlYW47XG4gICAgJGd1dHRlcjogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIC4uLigkaW5mb0Rpc2FibGVkICYmIHtcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICAgIH0pLFxuICAgIC4uLigkZ3V0dGVyICYmIHtcbiAgICAgIHBhZGRpbmc6IGAwIDAgNnB4ICR7dGhlbWUuc3BhY2UueHN9YCxcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */");
 export {
   StyledTypography
 };

package/dist/esm/components/Forms/InfoMessage/InfoMessage.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoMessage.styles.js","sources":["../../../../../src/components/Forms/InfoMessage/InfoMessage.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledTypography = styled(\n  HvTypography,\n  transientOptions\n)(\n  ({\n    $infoDisabled,\n    $gutter,\n  }: {\n    $infoDisabled: boolean;\n    $gutter: boolean;\n  }) => ({\n    display: \"inline-block\",\n    ...($infoDisabled && {\n      color: theme.colors.atmo5,\n    }),\n    ...($gutter && {\n      padding: `0 0 6px ${theme.space.xs}`,\n    }),\n  })\n);\n"],"names":["StyledTypography","HvTypography","process","env","NODE_ENV","_extends","target","transientOptions","label","$infoDisabled","$gutter","display","color","theme","colors","atmo5","padding","space","xs"],"mappings":";;;;;;;;;;;;;;;;;;AAKaA,MAAAA,2CACXC,cAAYC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACZC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCE;AAAAA,EACAC;AAIF,OAAO;AAAA,EACLC,SAAS;AAAA,EACT,GAAIF,iBAAiB;AAAA,IACnBG,OAAOC,MAAMC,OAAOC;AAAAA,EACtB;AAAA,EACA,GAAIL,WAAW;AAAA,IACbM,SAAU,WAAUH,MAAMI,MAAMC;AAAAA,EAClC;AACF,IAAEhB,QAAAC,IAAAC,aACH,eAAA,KAAA,ywCAAA;"}
+{"version":3,"file":"InfoMessage.styles.js","sources":["../../../../../src/components/Forms/InfoMessage/InfoMessage.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"~/components\";\nimport { transientOptions } from \"~/utils/transientOptions\";\n\nexport const StyledTypography = styled(\n  HvTypography,\n  transientOptions\n)(\n  ({\n    $infoDisabled,\n    $gutter,\n  }: {\n    $infoDisabled: boolean;\n    $gutter: boolean;\n  }) => ({\n    display: \"inline-block\",\n    ...($infoDisabled && {\n      color: theme.colors.secondary_60,\n    }),\n    ...($gutter && {\n      padding: `0 0 6px ${theme.space.xs}`,\n    }),\n  })\n);\n"],"names":["StyledTypography","HvTypography","process","env","NODE_ENV","_extends","target","transientOptions","label","$infoDisabled","$gutter","display","color","theme","colors","secondary_60","padding","space","xs"],"mappings":";;;;;;;;;;;;;;;;;;AAKaA,MAAAA,2CACXC,cAAYC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACZC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCE;AAAAA,EACAC;AAIF,OAAO;AAAA,EACLC,SAAS;AAAA,EACT,GAAIF,iBAAiB;AAAA,IACnBG,OAAOC,MAAMC,OAAOC;AAAAA,EACtB;AAAA,EACA,GAAIL,WAAW;AAAA,IACbM,SAAU,WAAUH,MAAMI,MAAMC;AAAAA,EAClC;AACF,IAAEhB,QAAAC,IAAAC,aACH,eAAA,KAAA,yxCAAA;"}

package/dist/esm/components/Forms/InfoMessage/infoMessageClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"infoMessageClasses.js","sources":["../../../../../src/components/Forms/InfoMessage/infoMessageClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvInfoMessageClasses = {\n  root?: string;\n  infoDisabled?: string;\n  gutter?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"infoDisabled\", \"gutter\"];\n\nconst infoMessageClasses = getClasses<HvInfoMessageClasses>(\n  classKeys,\n  \"HvInfoMessage\"\n);\n\nexport default infoMessageClasses;\n"],"names":["classKeys","infoMessageClasses","getClasses"],"mappings":";AAQA,MAAMA,YAAsB,CAAC,QAAQ,gBAAgB,QAAQ;AAE7D,MAAMC,qBAAqBC,WACzBF,WACA,eAAe;AAGjB,MAAA,uBAAeC;"}
+{"version":3,"file":"infoMessageClasses.js","sources":["../../../../../src/components/Forms/InfoMessage/infoMessageClasses.ts"],"sourcesContent":["import { getClasses } from \"~/utils\";\n\nexport type HvInfoMessageClasses = {\n  root?: string;\n  infoDisabled?: string;\n  gutter?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"infoDisabled\", \"gutter\"];\n\nconst infoMessageClasses = getClasses<HvInfoMessageClasses>(\n  classKeys,\n  \"HvInfoMessage\"\n);\n\nexport default infoMessageClasses;\n"],"names":["classKeys","infoMessageClasses","getClasses"],"mappings":";AAQA,MAAMA,YAAsB,CAAC,QAAQ,gBAAgB,QAAQ;AAE7D,MAAMC,qBAAqBC,WACzBF,WACA,eAAe;AAGjB,MAAA,uBAAeC;"}