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

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","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,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;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;"}
+{"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;"}

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 = ({
@@ -20,16 +20,7 @@ const HvInfoMessage = ({
   } = 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
-  });
+  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","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,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,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;"}
+{"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;"}

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

@@ -1,9 +1,9 @@
+import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
 import { useContext } from "react";
 import clsx from "clsx";
 import { StyledTypography } from "./Label.styles.js";
 import { findDescriptors } from "../FormElement/utils/FormUtils.js";
 import labelClasses from "./labelClasses.js";
-import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
 import { HvFormElementContext } from "../FormElement/context/FormElementContext.js";
 import { setId } from "../../../utils/setId.js";
 const HvLabel = ({
@@ -27,22 +27,13 @@ const HvLabel = ({
   const localRequired = required || elementRequired;
   const localId = id != null ? id : setId(elementId, "label");
   const forId = htmlForProp || ((_c = (_b = (_a = findDescriptors(children)) == null ? void 0 : _a.input) == null ? void 0 : _b[0]) == null ? void 0 : _c.id);
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [/* @__PURE__ */ jsxs(StyledTypography, {
-      id: localId,
-      className: clsx(className, labelClasses.root, classes == null ? void 0 : classes.root, localDisabled && clsx(labelClasses.labelDisabled, classes == null ? void 0 : classes.labelDisabled), children && label && clsx(labelClasses.childGutter, classes == null ? void 0 : classes.childGutter)),
-      variant: "label",
-      component: "label",
-      htmlFor: forId,
-      $labelDisabled: !!localDisabled,
-      $childGutter: !!(children && label),
-      ...others,
-      children: [label, localRequired && /* @__PURE__ */ jsx("span", {
-        "aria-hidden": "true",
-        children: "*"
-      })]
-    }), children]
-  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(StyledTypography, { id: localId, className: clsx(className, labelClasses.root, classes == null ? void 0 : classes.root, localDisabled && clsx(labelClasses.labelDisabled, classes == null ? void 0 : classes.labelDisabled), children && label && clsx(labelClasses.childGutter, classes == null ? void 0 : classes.childGutter)), variant: "label", component: "label", htmlFor: forId, $labelDisabled: !!localDisabled, $childGutter: !!(children && label), ...others, children: [
+      label,
+      localRequired && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "*" })
+    ] }),
+    children
+  ] });
 };
 export {
   HvLabel

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

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sources":["../../../../../src/components/Forms/Label/Label.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { StyledTypography } from \"./Label.styles\";\nimport { HvBaseProps } from \"../../../types\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { findDescriptors } from \"../FormElement/utils/FormUtils\";\nimport { setId } from \"utils\";\nimport labelClasses, { HvLabelClasses } from \"./labelClasses\";\n\nexport type HvLabelProps = HvBaseProps & {\n  /** The text to be shown by the label. */\n  label?: React.ReactNode;\n  /** The id of the form element the label is bound to. */\n  htmlFor?: string;\n  /** If `true` the label is displayed with a disabled style. */\n  disabled?: boolean;\n  /** If `true`, the label will indicate that the form element is required (an `*` after the label text). */\n  required?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvLabelClasses;\n};\n\n/**\n * Provides the user with a recognizable name for a given form element.\n */\nexport const HvLabel = ({\n  id,\n  classes,\n  className,\n  children,\n  label,\n  disabled,\n  required,\n  htmlFor: htmlForProp,\n  ...others\n}: HvLabelProps) => {\n  const { elementId, elementDisabled, elementRequired } =\n    useContext(HvFormElementContext);\n\n  const localDisabled = disabled || elementDisabled;\n  const localRequired = required || elementRequired;\n\n  const localId = id ?? setId(elementId, \"label\");\n\n  const forId = htmlForProp || findDescriptors(children)?.input?.[0]?.id;\n\n  return (\n    <>\n      <StyledTypography\n        id={localId}\n        className={clsx(\n          className,\n          labelClasses.root,\n          classes?.root,\n          localDisabled &&\n            clsx(labelClasses.labelDisabled, classes?.labelDisabled),\n          children &&\n            label &&\n            clsx(labelClasses.childGutter, classes?.childGutter)\n        )}\n        variant=\"label\"\n        component=\"label\"\n        // @ts-ignore\n        htmlFor={forId}\n        $labelDisabled={!!localDisabled}\n        $childGutter={!!(children && label)}\n        {...others}\n      >\n        {label}\n        {localRequired && <span aria-hidden=\"true\">*</span>}\n      </StyledTypography>\n      {children}\n    </>\n  );\n};\n"],"names":["HvLabel","id","classes","className","children","label","disabled","required","htmlFor","htmlForProp","others","elementId","elementDisabled","elementRequired","useContext","HvFormElementContext","localDisabled","localRequired","localId","setId","forId","findDescriptors","input","_Fragment","_jsxs","StyledTypography","clsx","labelClasses","root","labelDisabled","childGutter","variant","component","$labelDisabled","$childGutter"],"mappings":";;;;;;;;AAyBO,MAAMA,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,SAASC;AAAAA,KACNC;AACS,MAAM;;AACZ,QAAA;AAAA,IAAEC;AAAAA,IAAWC;AAAAA,IAAiBC;AAAAA,EAAAA,IAClCC,WAAWC,oBAAoB;AAEjC,QAAMC,gBAAgBV,YAAYM;AAClC,QAAMK,gBAAgBV,YAAYM;AAElC,QAAMK,UAAUjB,kBAAMkB,MAAMR,WAAW,OAAO;AAE9C,QAAMS,QAAQX,iBAAeY,iCAAgBjB,QAAQ,MAAxBiB,mBAA2BC,UAA3BD,mBAAmC,OAAnCA,mBAAuCpB;AAEpE,8BACEsB,UAAA;AAAA,IAAAnB,UAAA,CACEoB,qBAACC,kBAAgB;AAAA,MACfxB,IAAIiB;AAAAA,MACJf,WAAWuB,KACTvB,WACAwB,aAAaC,MACb1B,mCAAS0B,MACTZ,iBACEU,KAAKC,aAAaE,eAAe3B,mCAAS2B,aAAa,GACzDzB,YACEC,SACAqB,KAAKC,aAAaG,aAAa5B,mCAAS4B,WAAW,CAAC;AAAA,MAExDC,SAAQ;AAAA,MACRC,WAAU;AAAA,MAEVxB,SAASY;AAAAA,MACTa,gBAAgB,CAAC,CAACjB;AAAAA,MAClBkB,cAAc,CAAC,EAAE9B,YAAYC;AAAAA,MAAO,GAChCK;AAAAA,MAAMN,UAETC,CAAAA,OACAY,qCAAiB,QAAA;AAAA,QAAM,eAAY;AAAA,QAAMb,UAAC;AAAA,MAAA,CAAQ,CAAA;AAAA,IAAA,CAAA,GAEpDA,QAAQ;AAAA,EAAA,CACR;AAEP;"}
+{"version":3,"file":"Label.js","sources":["../../../../../src/components/Forms/Label/Label.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { StyledTypography } from \"./Label.styles\";\nimport { HvBaseProps } from \"../../../types\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { findDescriptors } from \"../FormElement/utils/FormUtils\";\nimport { setId } from \"utils\";\nimport labelClasses, { HvLabelClasses } from \"./labelClasses\";\n\nexport type HvLabelProps = HvBaseProps & {\n  /** The text to be shown by the label. */\n  label?: React.ReactNode;\n  /** The id of the form element the label is bound to. */\n  htmlFor?: string;\n  /** If `true` the label is displayed with a disabled style. */\n  disabled?: boolean;\n  /** If `true`, the label will indicate that the form element is required (an `*` after the label text). */\n  required?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvLabelClasses;\n};\n\n/**\n * Provides the user with a recognizable name for a given form element.\n */\nexport const HvLabel = ({\n  id,\n  classes,\n  className,\n  children,\n  label,\n  disabled,\n  required,\n  htmlFor: htmlForProp,\n  ...others\n}: HvLabelProps) => {\n  const { elementId, elementDisabled, elementRequired } =\n    useContext(HvFormElementContext);\n\n  const localDisabled = disabled || elementDisabled;\n  const localRequired = required || elementRequired;\n\n  const localId = id ?? setId(elementId, \"label\");\n\n  const forId = htmlForProp || findDescriptors(children)?.input?.[0]?.id;\n\n  return (\n    <>\n      <StyledTypography\n        id={localId}\n        className={clsx(\n          className,\n          labelClasses.root,\n          classes?.root,\n          localDisabled &&\n            clsx(labelClasses.labelDisabled, classes?.labelDisabled),\n          children &&\n            label &&\n            clsx(labelClasses.childGutter, classes?.childGutter)\n        )}\n        variant=\"label\"\n        component=\"label\"\n        htmlFor={forId}\n        $labelDisabled={!!localDisabled}\n        $childGutter={!!(children && label)}\n        {...others}\n      >\n        {label}\n        {localRequired && <span aria-hidden=\"true\">*</span>}\n      </StyledTypography>\n      {children}\n    </>\n  );\n};\n"],"names":["HvLabel","id","classes","className","children","label","disabled","required","htmlFor","htmlForProp","others","elementId","elementDisabled","elementRequired","useContext","HvFormElementContext","localDisabled","localRequired","localId","setId","forId","findDescriptors","input","clsx","labelClasses","root","labelDisabled","childGutter"],"mappings":";;;;;;;;AAyBO,MAAMA,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,SAASC;AAAAA,KACNC;AACS,MAAM;;AACZ,QAAA;AAAA,IAAEC;AAAAA,IAAWC;AAAAA,IAAiBC;AAAAA,EAAAA,IAClCC,WAAWC,oBAAoB;AAEjC,QAAMC,gBAAgBV,YAAYM;AAClC,QAAMK,gBAAgBV,YAAYM;AAElC,QAAMK,UAAUjB,kBAAMkB,MAAMR,WAAW,OAAO;AAE9C,QAAMS,QAAQX,iBAAeY,iCAAgBjB,QAAQ,MAAxBiB,mBAA2BC,UAA3BD,mBAAmC,OAAnCA,mBAAuCpB;AAEpE,SAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA,qBAAC,oBACC,IAAIiB,SACJ,WAAWK,KACTpB,WACAqB,aAAaC,MACbvB,mCAASuB,MACTT,iBACEO,KAAKC,aAAaE,eAAexB,mCAASwB,aAAa,GACzDtB,YACEC,SACAkB,KAAKC,aAAaG,aAAazB,mCAASyB,WAAW,CAAC,GAExD,SAAQ,SACR,WAAU,SACV,SAASP,OACT,gBAAgB,CAAC,CAACJ,eAClB,cAAc,CAAC,EAAEZ,YAAYC,QAC7B,GAAIK,QAEHL,UAAAA;AAAAA,MAAAA;AAAAA,MACAY,iBAAiB,oBAAC,QAAK,EAAA,eAAY,QAAO,UAAC,KAAA;AAAA,IAAA,GAC9C;AAAA,IACCb;AAAAA,EACH,EAAA,CAAA;AAEJ;"}

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

@@ -1,8 +1,8 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import { useContext, useRef, useState, useEffect } from "react";
 import clsx from "clsx";
 import { StyledRoot, StyledPopper, StyledSelectionList } from "./Suggestions.styles.js";
 import suggestionsClasses from "./suggestionsClasses.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 import { useClickOutside } from "../../../hooks/useClickOutside.js";
 import { HvListItem } from "../../ListContainer/ListItem/ListItem.js";
 import { HvFormElementContext } from "../FormElement/context/FormElementContext.js";
@@ -31,31 +31,10 @@ const HvSuggestions = ({
   useEffect(() => {
     setIsOpen(expanded);
   }, [expanded]);
-  return /* @__PURE__ */ jsx(StyledRoot, {
-    id: localId,
-    ref,
-    className: clsx(className, suggestionsClasses.root, classes == null ? void 0 : classes.root),
-    ...others,
-    children: /* @__PURE__ */ jsx(StyledPopper, {
-      open: isOpen,
-      disablePortal: true,
-      anchorEl,
-      className: clsx(suggestionsClasses.popper, classes == null ? void 0 : classes.popper),
-      children: /* @__PURE__ */ jsx(StyledSelectionList, {
-        className: clsx(suggestionsClasses.list, classes == null ? void 0 : classes.list),
-        id: setId(localId, "list"),
-        onChange: onSuggestionSelected,
-        children: suggestionValues == null ? void 0 : suggestionValues.map((item, i) => {
-          const itemKey = item.id || setId("item", i);
-          return /* @__PURE__ */ jsx(HvListItem, {
-            value: item,
-            disabled: item.disabled || void 0,
-            children: item.label
-          }, itemKey);
-        })
-      })
-    })
-  });
+  return /* @__PURE__ */ jsx(StyledRoot, { id: localId, ref, className: clsx(className, suggestionsClasses.root, classes == null ? void 0 : classes.root), ...others, children: /* @__PURE__ */ jsx(StyledPopper, { open: isOpen, disablePortal: true, anchorEl, className: clsx(suggestionsClasses.popper, classes == null ? void 0 : classes.popper), children: /* @__PURE__ */ jsx(StyledSelectionList, { className: clsx(suggestionsClasses.list, classes == null ? void 0 : classes.list), id: setId(localId, "list"), onChange: onSuggestionSelected, children: suggestionValues == null ? void 0 : suggestionValues.map((item, i) => {
+    const itemKey = item.id || setId("item", i);
+    return /* @__PURE__ */ jsx(HvListItem, { value: item, disabled: item.disabled || void 0, children: item.label }, itemKey);
+  }) }) }) });
 };
 export {
   HvSuggestions

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

@@ -1 +1 @@
-{"version":3,"file":"Suggestions.js","sources":["../../../../../src/components/Forms/Suggestions/Suggestions.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport {\n  StyledRoot,\n  StyledSelectionList,\n  StyledPopper,\n} from \"./Suggestions.styles\";\nimport { setId } from \"../../../utils\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { HvListItem } from \"components\";\nimport { useClickOutside } from \"hooks\";\nimport suggestionsClasses, { HvSuggestionsClasses } from \"./suggestionsClasses\";\n\nexport type HvSuggestion = {\n  id?: string;\n  label: React.ReactNode;\n  value?: string;\n  disabled?: boolean;\n};\n\nexport type HvSuggestionsProps = HvBaseProps & {\n  /** Whether suggestions is visible. */\n  expanded?: boolean;\n  /** The HTML element Suggestions attaches to. */\n  anchorEl?: HTMLElement | null;\n  /** Array of { id, label, ...others } values to display in the suggestion list */\n  suggestionValues?: HvSuggestion[] | null;\n  /** Function called when suggestion list is closed */\n  // onClose: Function,\n  /** Function called when a suggestion is selected */\n  onSuggestionSelected?: Function;\n  /** Function called when suggestion list is closed */\n  onClose?: Function;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvSuggestionsClasses;\n};\n\nexport const HvSuggestions = ({\n  id,\n  className,\n  classes,\n  expanded = false,\n  anchorEl,\n  suggestionValues = [],\n  onClose,\n  onSuggestionSelected,\n  ...others\n}: HvSuggestionsProps) => {\n  const { elementId } = useContext(HvFormElementContext);\n  const localId = id ?? setId(elementId, \"suggestions\");\n\n  const ref = useRef<HTMLDivElement>(null);\n  const [isOpen, setIsOpen] = useState<boolean>(expanded);\n\n  useClickOutside(ref, (e) => {\n    setIsOpen(false);\n    onClose?.(e);\n  });\n\n  useEffect(() => {\n    setIsOpen(expanded);\n  }, [expanded]);\n\n  return (\n    <StyledRoot\n      id={localId}\n      ref={ref}\n      className={clsx(className, suggestionsClasses.root, classes?.root)}\n      {...others}\n    >\n      <StyledPopper\n        open={isOpen}\n        disablePortal\n        anchorEl={anchorEl}\n        className={clsx(suggestionsClasses.popper, classes?.popper)}\n      >\n        <StyledSelectionList\n          className={clsx(suggestionsClasses.list, classes?.list)}\n          id={setId(localId, \"list\")}\n          onChange={onSuggestionSelected}\n        >\n          {suggestionValues?.map((item, i) => {\n            const itemKey = item.id || setId(\"item\", i);\n\n            return (\n              <HvListItem\n                key={itemKey}\n                value={item}\n                disabled={item.disabled || undefined}\n              >\n                {item.label}\n              </HvListItem>\n            );\n          })}\n        </StyledSelectionList>\n      </StyledPopper>\n    </StyledRoot>\n  );\n};\n"],"names":["HvSuggestions","id","className","classes","expanded","anchorEl","suggestionValues","onClose","onSuggestionSelected","others","elementId","useContext","HvFormElementContext","localId","setId","ref","useRef","isOpen","setIsOpen","useState","useClickOutside","e","useEffect","StyledRoot","clsx","suggestionsClasses","root","children","StyledPopper","open","disablePortal","popper","StyledSelectionList","list","onChange","map","item","i","itemKey","HvListItem","value","disabled","undefined","label"],"mappings":";;;;;;;;;AAsCO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC,mBAAmB,CAAE;AAAA,EACrBC;AAAAA,EACAC;AAAAA,KACGC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAcC,WAAWC,oBAAoB;AACrD,QAAMC,UAAUZ,kBAAMa,MAAMJ,WAAW,aAAa;AAE9CK,QAAAA,MAAMC,OAAuB,IAAI;AACvC,QAAM,CAACC,QAAQC,SAAS,IAAIC,SAAkBf,QAAQ;AAEtDgB,kBAAgBL,KAAMM,CAAM,MAAA;AAC1BH,cAAU,KAAK;AACfX,uCAAUc;AAAAA,EAAC,CACZ;AAEDC,YAAU,MAAM;AACdJ,cAAUd,QAAQ;AAAA,EAAA,GACjB,CAACA,QAAQ,CAAC;AAEb,6BACGmB,YAAU;AAAA,IACTtB,IAAIY;AAAAA,IACJE;AAAAA,IACAb,WAAWsB,KAAKtB,WAAWuB,mBAAmBC,MAAMvB,mCAASuB,IAAI;AAAA,IAAE,GAC/DjB;AAAAA,IAAMkB,8BAETC,cAAY;AAAA,MACXC,MAAMZ;AAAAA,MACNa,eAAa;AAAA,MACbzB;AAAAA,MACAH,WAAWsB,KAAKC,mBAAmBM,QAAQ5B,mCAAS4B,MAAM;AAAA,MAAEJ,8BAE3DK,qBAAmB;AAAA,QAClB9B,WAAWsB,KAAKC,mBAAmBQ,MAAM9B,mCAAS8B,IAAI;AAAA,QACtDhC,IAAIa,MAAMD,SAAS,MAAM;AAAA,QACzBqB,UAAU1B;AAAAA,QAAqBmB,UAE9BrB,qDAAkB6B,IAAI,CAACC,MAAMC,MAAM;AAClC,gBAAMC,UAAUF,KAAKnC,MAAMa,MAAM,QAAQuB,CAAC;AAE1C,qCACGE,YAAU;AAAA,YAETC,OAAOJ;AAAAA,YACPK,UAAUL,KAAKK,YAAYC;AAAAA,YAAUf,UAEpCS,KAAKO;AAAAA,aAJDL,OAAO;AAAA,QAAA;AAAA,MAOjB,CAAC;AAAA,IAAA,CACkB;AAAA,EAAA,CAEb;AAEjB;"}
+{"version":3,"file":"Suggestions.js","sources":["../../../../../src/components/Forms/Suggestions/Suggestions.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport {\n  StyledRoot,\n  StyledSelectionList,\n  StyledPopper,\n} from \"./Suggestions.styles\";\nimport { setId } from \"../../../utils\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { HvListItem } from \"components\";\nimport { useClickOutside } from \"hooks\";\nimport suggestionsClasses, { HvSuggestionsClasses } from \"./suggestionsClasses\";\n\nexport type HvSuggestion = {\n  id?: string;\n  label: React.ReactNode;\n  value?: string;\n  disabled?: boolean;\n};\n\nexport type HvSuggestionsProps = HvBaseProps & {\n  /** Whether suggestions is visible. */\n  expanded?: boolean;\n  /** The HTML element Suggestions attaches to. */\n  anchorEl?: HTMLElement | null;\n  /** Array of { id, label, ...others } values to display in the suggestion list */\n  suggestionValues?: HvSuggestion[] | null;\n  /** Function called when suggestion list is closed */\n  // onClose: Function,\n  /** Function called when a suggestion is selected */\n  onSuggestionSelected?: Function;\n  /** Function called when suggestion list is closed */\n  onClose?: Function;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvSuggestionsClasses;\n};\n\nexport const HvSuggestions = ({\n  id,\n  className,\n  classes,\n  expanded = false,\n  anchorEl,\n  suggestionValues = [],\n  onClose,\n  onSuggestionSelected,\n  ...others\n}: HvSuggestionsProps) => {\n  const { elementId } = useContext(HvFormElementContext);\n  const localId = id ?? setId(elementId, \"suggestions\");\n\n  const ref = useRef<HTMLDivElement>(null);\n  const [isOpen, setIsOpen] = useState<boolean>(expanded);\n\n  useClickOutside(ref, (e) => {\n    setIsOpen(false);\n    onClose?.(e);\n  });\n\n  useEffect(() => {\n    setIsOpen(expanded);\n  }, [expanded]);\n\n  return (\n    <StyledRoot\n      id={localId}\n      ref={ref}\n      className={clsx(className, suggestionsClasses.root, classes?.root)}\n      {...others}\n    >\n      <StyledPopper\n        open={isOpen}\n        disablePortal\n        anchorEl={anchorEl}\n        className={clsx(suggestionsClasses.popper, classes?.popper)}\n      >\n        <StyledSelectionList\n          className={clsx(suggestionsClasses.list, classes?.list)}\n          id={setId(localId, \"list\")}\n          onChange={onSuggestionSelected}\n        >\n          {suggestionValues?.map((item, i) => {\n            const itemKey = item.id || setId(\"item\", i);\n\n            return (\n              <HvListItem\n                key={itemKey}\n                value={item}\n                disabled={item.disabled || undefined}\n              >\n                {item.label}\n              </HvListItem>\n            );\n          })}\n        </StyledSelectionList>\n      </StyledPopper>\n    </StyledRoot>\n  );\n};\n"],"names":["HvSuggestions","id","className","classes","expanded","anchorEl","suggestionValues","onClose","onSuggestionSelected","others","elementId","useContext","HvFormElementContext","localId","setId","ref","useRef","isOpen","setIsOpen","useState","useClickOutside","e","useEffect","clsx","suggestionsClasses","root","popper","list","map","item","i","itemKey","disabled","undefined","label"],"mappings":";;;;;;;;;AAsCO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC,mBAAmB,CAAE;AAAA,EACrBC;AAAAA,EACAC;AAAAA,KACGC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAcC,WAAWC,oBAAoB;AACrD,QAAMC,UAAUZ,kBAAMa,MAAMJ,WAAW,aAAa;AAE9CK,QAAAA,MAAMC,OAAuB,IAAI;AACvC,QAAM,CAACC,QAAQC,SAAS,IAAIC,SAAkBf,QAAQ;AAEtDgB,kBAAgBL,KAAMM,CAAM,MAAA;AAC1BH,cAAU,KAAK;AACfX,uCAAUc;AAAAA,EAAC,CACZ;AAEDC,YAAU,MAAM;AACdJ,cAAUd,QAAQ;AAAA,EAAA,GACjB,CAACA,QAAQ,CAAC;AAGX,SAAA,oBAAC,cACC,IAAIS,SACJ,KACA,WAAWU,KAAKrB,WAAWsB,mBAAmBC,MAAMtB,mCAASsB,IAAI,GACjE,GAAIhB,QAEJ,UAAC,oBAAA,cAAA,EACC,MAAMQ,QACN,eAAa,MACb,UACA,WAAWM,KAAKC,mBAAmBE,QAAQvB,mCAASuB,MAAM,GAE1D,UAAA,oBAAC,uBACC,WAAWH,KAAKC,mBAAmBG,MAAMxB,mCAASwB,IAAI,GACtD,IAAIb,MAAMD,SAAS,MAAM,GACzB,UAAUL,sBAETF,UAAkBsB,qDAAAA,IAAI,CAACC,MAAMC,MAAM;AAClC,UAAMC,UAAUF,KAAK5B,MAAMa,MAAM,QAAQgB,CAAC;AAGxC,WAAA,oBAAC,YAEC,EAAA,OAAOD,MACP,UAAUA,KAAKG,YAAYC,QAE1BJ,UAAKK,KAAAA,MAAAA,GAJDH,OAKP;AAAA,EAAA,GAGN,CAAA,GACF,EACF,CAAA;AAEJ;"}

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

@@ -1,9 +1,9 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { useContext } from "react";
 import clsx from "clsx";
 import isNil from "lodash/isNil";
 import { StyledIcon, StyledRoot, StyledTypography } from "./WarningText.styles.js";
 import warningTextClasses from "./warningTextClasses.js";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { HvFormElementContext } from "../FormElement/context/FormElementContext.js";
 import { setId } from "../../../utils/setId.js";
 const HvWarningText = ({
@@ -30,25 +30,11 @@ const HvWarningText = ({
   const localId = id != null ? id : setId(elementId, "error");
   const showWarning = localVisible && !localDisabled;
   const content = showWarning ? children : "";
-  const localAdornment = adornment || /* @__PURE__ */ jsx(StyledIcon, {
-    className: clsx(warningTextClasses.defaultIcon, classes == null ? void 0 : classes.defaultIcon),
-    semantic: "sema4"
-  });
-  return /* @__PURE__ */ jsxs(StyledRoot, {
-    className: clsx(className, warningTextClasses.root, classes == null ? void 0 : classes.root, showWarning && clsx(warningTextClasses.show, classes == null ? void 0 : classes.show), !disableBorder && clsx(warningTextClasses.topBorder, classes == null ? void 0 : classes.topBorder)),
-    $show: showWarning,
-    $topBorder: !disableBorder,
-    children: [!disableAdornment && localAdornment, /* @__PURE__ */ jsx(StyledTypography, {
-      id: localId,
-      className: clsx(warningTextClasses.warningText, classes == null ? void 0 : classes.warningText, !disableGutter && clsx(warningTextClasses.topGutter, classes == null ? void 0 : classes.topGutter), hideText && clsx(warningTextClasses.hideText, classes == null ? void 0 : classes.hideText)),
-      $topGutter: !disableGutter,
-      $hideText: hideText,
-      role: "status",
-      "aria-relevant": "additions text",
-      ...others,
-      children: showWarning && content
-    })]
-  });
+  const localAdornment = adornment || /* @__PURE__ */ jsx(StyledIcon, { className: clsx(warningTextClasses.defaultIcon, classes == null ? void 0 : classes.defaultIcon), semantic: "sema4" });
+  return /* @__PURE__ */ jsxs(StyledRoot, { className: clsx(className, warningTextClasses.root, classes == null ? void 0 : classes.root, showWarning && clsx(warningTextClasses.show, classes == null ? void 0 : classes.show), !disableBorder && clsx(warningTextClasses.topBorder, classes == null ? void 0 : classes.topBorder)), $show: showWarning, $topBorder: !disableBorder, children: [
+    !disableAdornment && localAdornment,
+    /* @__PURE__ */ jsx(StyledTypography, { id: localId, className: clsx(warningTextClasses.warningText, classes == null ? void 0 : classes.warningText, !disableGutter && clsx(warningTextClasses.topGutter, classes == null ? void 0 : classes.topGutter), hideText && clsx(warningTextClasses.hideText, classes == null ? void 0 : classes.hideText)), $topGutter: !disableGutter, $hideText: hideText, role: "status", "aria-relevant": "additions text", ...others, children: showWarning && content })
+  ] });
 };
 export {
   HvWarningText

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

@@ -1 +1 @@
-{"version":3,"file":"WarningText.js","sources":["../../../../../src/components/Forms/WarningText/WarningText.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledRoot, StyledTypography, StyledIcon } from \"./WarningText.styles\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { setId } from \"utils\";\nimport warningTextClasses, { HvWarningTextClasses } from \"./warningTextClasses\";\n\nexport type HvWarningTextProps = HvBaseProps & {\n  /** Icon to be rendered alongside the warning text. */\n  adornment?: React.ReactNode;\n  /** If `true` the text is not rendered. */\n  isVisible?: boolean;\n  /** If `true` the text is disabled. */\n  disabled?: boolean;\n  /** If `true` the text won't include a gutter. */\n  disableGutter?: boolean;\n  /** If `true` the text won't include the top border. */\n  disableBorder?: boolean;\n  /** If `true` the adornment icon isn't shown. */\n  disableAdornment?: boolean;\n  /** If `true` the text isn't shown. */\n  hideText?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvWarningTextClasses;\n};\n\n/**\n * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.\n */\nexport const HvWarningText = ({\n  children,\n  adornment,\n  isVisible,\n  classes,\n  className,\n  id,\n  disabled,\n  disableGutter = false,\n  disableBorder = false,\n  disableAdornment = false,\n  hideText = false,\n  ...others\n}: HvWarningTextProps) => {\n  const { elementId, elementStatus, elementDisabled } =\n    useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localVisible = !isNil(isVisible)\n    ? isVisible\n    : elementStatus === \"invalid\";\n  const localId = id ?? setId(elementId, \"error\");\n  const showWarning = localVisible && !localDisabled;\n  const content = showWarning ? children : \"\";\n  const localAdornment = adornment || (\n    <StyledIcon\n      className={clsx(warningTextClasses.defaultIcon, classes?.defaultIcon)}\n      semantic=\"sema4\"\n    />\n  );\n\n  return (\n    <StyledRoot\n      className={clsx(\n        className,\n        warningTextClasses.root,\n        classes?.root,\n        showWarning && clsx(warningTextClasses.show, classes?.show),\n        !disableBorder && clsx(warningTextClasses.topBorder, classes?.topBorder)\n      )}\n      $show={showWarning}\n      $topBorder={!disableBorder}\n    >\n      {!disableAdornment && localAdornment}\n      <StyledTypography\n        id={localId}\n        className={clsx(\n          warningTextClasses.warningText,\n          classes?.warningText,\n          !disableGutter &&\n            clsx(warningTextClasses.topGutter, classes?.topGutter),\n          hideText && clsx(warningTextClasses.hideText, classes?.hideText)\n        )}\n        $topGutter={!disableGutter}\n        $hideText={hideText}\n        role=\"status\"\n        aria-relevant=\"additions text\"\n        {...others}\n      >\n        {showWarning && content}\n      </StyledTypography>\n    </StyledRoot>\n  );\n};\n"],"names":["HvWarningText","children","adornment","isVisible","classes","className","id","disabled","disableGutter","disableBorder","disableAdornment","hideText","others","elementId","elementStatus","elementDisabled","useContext","HvFormElementContext","localDisabled","localVisible","isNil","localId","setId","showWarning","content","localAdornment","_jsx","StyledIcon","clsx","warningTextClasses","defaultIcon","semantic","StyledRoot","root","show","topBorder","$show","$topBorder","StyledTypography","warningText","topGutter","$topGutter","$hideText","role"],"mappings":";;;;;;;;AA+BO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AAAA,EAChBC,gBAAgB;AAAA,EAChBC,mBAAmB;AAAA,EACnBC,WAAW;AAAA,KACRC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,IAAWC;AAAAA,IAAeC;AAAAA,EAAAA,IAChCC,WAAWC,oBAAoB;AACjC,QAAMC,gBAAgBX,YAAYQ;AAClC,QAAMI,eAAe,CAACC,MAAMjB,SAAS,IACjCA,YACAW,kBAAkB;AACtB,QAAMO,UAAUf,kBAAMgB,MAAMT,WAAW,OAAO;AACxCU,QAAAA,cAAcJ,gBAAgB,CAACD;AAC/BM,QAAAA,UAAUD,cAActB,WAAW;AACnCwB,QAAAA,iBAAiBvB,aACrBwB,oBAACC,YAAU;AAAA,IACTtB,WAAWuB,KAAKC,mBAAmBC,aAAa1B,mCAAS0B,WAAW;AAAA,IACpEC,UAAS;AAAA,EAAA,CAEZ;AAED,8BACGC,YAAU;AAAA,IACT3B,WAAWuB,KACTvB,WACAwB,mBAAmBI,MACnB7B,mCAAS6B,MACTV,eAAeK,KAAKC,mBAAmBK,MAAM9B,mCAAS8B,IAAI,GAC1D,CAACzB,iBAAiBmB,KAAKC,mBAAmBM,WAAW/B,mCAAS+B,SAAS,CAAC;AAAA,IAE1EC,OAAOb;AAAAA,IACPc,YAAY,CAAC5B;AAAAA,IAAcR,UAAA,CAE1B,CAACS,oBAAoBe,oCACrBa,kBAAgB;AAAA,MACfhC,IAAIe;AAAAA,MACJhB,WAAWuB,KACTC,mBAAmBU,aACnBnC,mCAASmC,aACT,CAAC/B,iBACCoB,KAAKC,mBAAmBW,WAAWpC,mCAASoC,SAAS,GACvD7B,YAAYiB,KAAKC,mBAAmBlB,UAAUP,mCAASO,QAAQ,CAAC;AAAA,MAElE8B,YAAY,CAACjC;AAAAA,MACbkC,WAAW/B;AAAAA,MACXgC,MAAK;AAAA,MACL,iBAAc;AAAA,MAAgB,GAC1B/B;AAAAA,MAAMX,UAETsB,eAAeC;AAAAA,IAAAA,CACC,CAAA;AAAA,EAAA,CACR;AAEjB;"}
+{"version":3,"file":"WarningText.js","sources":["../../../../../src/components/Forms/WarningText/WarningText.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledRoot, StyledTypography, StyledIcon } from \"./WarningText.styles\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { setId } from \"utils\";\nimport warningTextClasses, { HvWarningTextClasses } from \"./warningTextClasses\";\n\nexport type HvWarningTextProps = HvBaseProps & {\n  /** Icon to be rendered alongside the warning text. */\n  adornment?: React.ReactNode;\n  /** If `true` the text is not rendered. */\n  isVisible?: boolean;\n  /** If `true` the text is disabled. */\n  disabled?: boolean;\n  /** If `true` the text won't include a gutter. */\n  disableGutter?: boolean;\n  /** If `true` the text won't include the top border. */\n  disableBorder?: boolean;\n  /** If `true` the adornment icon isn't shown. */\n  disableAdornment?: boolean;\n  /** If `true` the text isn't shown. */\n  hideText?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvWarningTextClasses;\n};\n\n/**\n * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.\n */\nexport const HvWarningText = ({\n  children,\n  adornment,\n  isVisible,\n  classes,\n  className,\n  id,\n  disabled,\n  disableGutter = false,\n  disableBorder = false,\n  disableAdornment = false,\n  hideText = false,\n  ...others\n}: HvWarningTextProps) => {\n  const { elementId, elementStatus, elementDisabled } =\n    useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localVisible = !isNil(isVisible)\n    ? isVisible\n    : elementStatus === \"invalid\";\n  const localId = id ?? setId(elementId, \"error\");\n  const showWarning = localVisible && !localDisabled;\n  const content = showWarning ? children : \"\";\n  const localAdornment = adornment || (\n    <StyledIcon\n      className={clsx(warningTextClasses.defaultIcon, classes?.defaultIcon)}\n      semantic=\"sema4\"\n    />\n  );\n\n  return (\n    <StyledRoot\n      className={clsx(\n        className,\n        warningTextClasses.root,\n        classes?.root,\n        showWarning && clsx(warningTextClasses.show, classes?.show),\n        !disableBorder && clsx(warningTextClasses.topBorder, classes?.topBorder)\n      )}\n      $show={showWarning}\n      $topBorder={!disableBorder}\n    >\n      {!disableAdornment && localAdornment}\n      <StyledTypography\n        id={localId}\n        className={clsx(\n          warningTextClasses.warningText,\n          classes?.warningText,\n          !disableGutter &&\n            clsx(warningTextClasses.topGutter, classes?.topGutter),\n          hideText && clsx(warningTextClasses.hideText, classes?.hideText)\n        )}\n        $topGutter={!disableGutter}\n        $hideText={hideText}\n        role=\"status\"\n        aria-relevant=\"additions text\"\n        {...others}\n      >\n        {showWarning && content}\n      </StyledTypography>\n    </StyledRoot>\n  );\n};\n"],"names":["HvWarningText","children","adornment","isVisible","classes","className","id","disabled","disableGutter","disableBorder","disableAdornment","hideText","others","elementId","elementStatus","elementDisabled","useContext","HvFormElementContext","localDisabled","localVisible","isNil","localId","setId","showWarning","content","localAdornment","clsx","warningTextClasses","defaultIcon","root","show","topBorder","warningText","topGutter"],"mappings":";;;;;;;;AA+BO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AAAA,EAChBC,gBAAgB;AAAA,EAChBC,mBAAmB;AAAA,EACnBC,WAAW;AAAA,KACRC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,IAAWC;AAAAA,IAAeC;AAAAA,EAAAA,IAChCC,WAAWC,oBAAoB;AACjC,QAAMC,gBAAgBX,YAAYQ;AAClC,QAAMI,eAAe,CAACC,MAAMjB,SAAS,IACjCA,YACAW,kBAAkB;AACtB,QAAMO,UAAUf,kBAAMgB,MAAMT,WAAW,OAAO;AACxCU,QAAAA,cAAcJ,gBAAgB,CAACD;AAC/BM,QAAAA,UAAUD,cAActB,WAAW;AACzC,QAAMwB,iBAAiBvB,aACpB,oBAAA,YAAA,EACC,WAAWwB,KAAKC,mBAAmBC,aAAaxB,mCAASwB,WAAW,GACpE,UAAS,QAEZ,CAAA;AAED,SACG,qBAAA,YAAA,EACC,WAAWF,KACTrB,WACAsB,mBAAmBE,MACnBzB,mCAASyB,MACTN,eAAeG,KAAKC,mBAAmBG,MAAM1B,mCAAS0B,IAAI,GAC1D,CAACrB,iBAAiBiB,KAAKC,mBAAmBI,WAAW3B,mCAAS2B,SAAS,CAAC,GAE1E,OAAOR,aACP,YAAY,CAACd,eAEZ,UAAA;AAAA,IAAA,CAACC,oBAAoBe;AAAAA,wBACrB,kBACC,EAAA,IAAIJ,SACJ,WAAWK,KACTC,mBAAmBK,aACnB5B,mCAAS4B,aACT,CAACxB,iBACCkB,KAAKC,mBAAmBM,WAAW7B,mCAAS6B,SAAS,GACvDtB,YAAYe,KAAKC,mBAAmBhB,UAAUP,mCAASO,QAAQ,CAAC,GAElE,YAAY,CAACH,eACb,WAAWG,UACX,MAAK,UACL,iBAAc,kBACd,GAAIC,QAEHW,yBAAeC,SAClB;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/esm/components/GlobalActions/GlobalActions.js

@@ -1,9 +1,11 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { useTheme } from "@mui/material/styles";
 import clsx from "clsx";
 import { isString } from "lodash";
 import { StyledRoot, StyledWrapper, StyledActions, StyledBackButton } from "./GlobalActions.styles.js";
 import globalActionsClasses from "./globalActionsClasses.js";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useContext } from "react";
+import { HvThemeContext } from "../../providers/ThemeProvider.js";
 import { HvTypography } from "../Typography/Typography.js";
 const HvGlobalActions = ({
   children,
@@ -16,37 +18,22 @@ const HvGlobalActions = ({
   position: positionProp,
   ...others
 }) => {
+  const {
+    activeTheme
+  } = useContext(HvThemeContext);
   const muiTheme = useTheme();
   const headingLevelToApply = headingLevel || (variant === "global" ? 1 : 2);
   const backButtonRenderer = () => {
     if (backButton) {
-      return /* @__PURE__ */ jsx(StyledBackButton, {
-        className: clsx(globalActionsClasses.backButton, classes == null ? void 0 : classes.backButton),
-        children: backButton
-      });
+      return /* @__PURE__ */ jsx(StyledBackButton, { className: clsx(globalActionsClasses.backButton, classes == null ? void 0 : classes.backButton), children: backButton });
     }
   };
   const position = positionProp || (variant === "global" ? "sticky" : "relative");
-  return /* @__PURE__ */ jsx(StyledRoot, {
-    $variant: variant,
-    $position: position,
-    className: clsx(className, globalActionsClasses.root, classes == null ? void 0 : classes.root, position === "sticky" && clsx(classes == null ? void 0 : classes.positionSticky, globalActionsClasses.positionSticky), position === "fixed" && clsx(classes == null ? void 0 : classes.positionFixed, globalActionsClasses.positionFixed), variant === "global" && clsx(classes == null ? void 0 : classes.global, globalActionsClasses.global)),
-    $breakpoints: muiTheme.breakpoints,
-    ...others,
-    children: /* @__PURE__ */ jsxs(StyledWrapper, {
-      className: clsx(globalActionsClasses.wrapper, classes == null ? void 0 : classes.wrapper, variant === "global" && clsx(classes == null ? void 0 : classes.globalWrapperComplement, globalActionsClasses.globalWrapperComplement), variant === "section" && clsx(classes == null ? void 0 : classes.globalSectionArea, globalActionsClasses.globalSectionArea)),
-      $variant: variant,
-      children: [variant === "global" && backButtonRenderer(), !isString(title) ? title : /* @__PURE__ */ jsx(HvTypography, {
-        variant: variant === "global" ? "title3" : "title4",
-        component: `h${headingLevelToApply}`,
-        className: clsx(globalActionsClasses.name, classes == null ? void 0 : classes.name),
-        children: title
-      }), children && /* @__PURE__ */ jsx(StyledActions, {
-        className: clsx(globalActionsClasses.actions, classes == null ? void 0 : classes.actions),
-        children
-      })]
-    })
-  });
+  return /* @__PURE__ */ jsx(StyledRoot, { $variant: variant, $position: position, className: clsx(className, globalActionsClasses.root, classes == null ? void 0 : classes.root, position === "sticky" && clsx(classes == null ? void 0 : classes.positionSticky, globalActionsClasses.positionSticky), position === "fixed" && clsx(classes == null ? void 0 : classes.positionFixed, globalActionsClasses.positionFixed), variant === "global" && clsx(classes == null ? void 0 : classes.global, globalActionsClasses.global)), $breakpoints: muiTheme.breakpoints, ...others, children: /* @__PURE__ */ jsxs(StyledWrapper, { className: clsx(globalActionsClasses.wrapper, classes == null ? void 0 : classes.wrapper, variant === "global" && clsx(classes == null ? void 0 : classes.globalWrapperComplement, globalActionsClasses.globalWrapperComplement), variant === "section" && clsx(classes == null ? void 0 : classes.globalSectionArea, globalActionsClasses.globalSectionArea)), $variant: variant, children: [
+    variant === "global" && backButtonRenderer(),
+    !isString(title) ? title : /* @__PURE__ */ jsx(HvTypography, { variant: variant === "global" ? "title3" : activeTheme == null ? void 0 : activeTheme.globalActions.sectionVariant, component: `h${headingLevelToApply}`, className: clsx(globalActionsClasses.name, classes == null ? void 0 : classes.name), children: title }),
+    children && /* @__PURE__ */ jsx(StyledActions, { className: clsx(globalActionsClasses.actions, classes == null ? void 0 : classes.actions), children })
+  ] }) });
 };
 export {
   HvGlobalActions

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalActions.js","sources":["../../../../src/components/GlobalActions/GlobalActions.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { isString } from \"lodash\";\nimport { HvTypography } from \"components\";\nimport {\n  StyledActions,\n  StyledBackButton,\n  StyledRoot,\n  StyledWrapper,\n} from \"./GlobalActions.styles\";\nimport globalActionsClasses, {\n  HvGlobalActionsClasses,\n} from \"./globalActionsClasses\";\n\nexport type HvGlobalActionsVariant = \"global\" | \"section\";\n\nexport type HvGlobalActionsPosition = \"sticky\" | \"fixed\" | \"relative\";\n\nexport type HvGlobalActionsHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport type HvGlobalActionsProps = HvBaseProps<HTMLDivElement, { title }> & {\n  /** Text to display in the component. */\n  title?: React.ReactNode;\n  /** Denotes if this is a global or section component. */\n  variant?: HvGlobalActionsVariant;\n  /** User can pass in a fully customized button or false for when the back button should not be rendered. */\n  backButton?: React.ReactNode;\n  /** Heading Level to apply to Title Area. */\n  headingLevel?: HvGlobalActionsHeadingLevel;\n  /**\n   * Position of the Global Actions.\n   * Defaults to `sticky` when it is a global title and `relative` when it's a section title.\n   */\n  position?: HvGlobalActionsPosition;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvGlobalActionsClasses;\n};\n\n/**\n * Global Actions are actions that affect the entire page they live in.\n * They should persist while scrolling down the screen.\n */\nexport const HvGlobalActions = ({\n  children,\n  classes,\n  className,\n  title,\n  variant = \"global\",\n  backButton,\n  headingLevel,\n  position: positionProp,\n  ...others\n}: HvGlobalActionsProps) => {\n  const muiTheme = useTheme();\n  const headingLevelToApply = headingLevel || (variant === \"global\" ? 1 : 2);\n\n  const backButtonRenderer = () => {\n    if (backButton) {\n      return (\n        <StyledBackButton\n          className={clsx(globalActionsClasses.backButton, classes?.backButton)}\n        >\n          {backButton}\n        </StyledBackButton>\n      );\n    }\n  };\n\n  const position =\n    positionProp || (variant === \"global\" ? \"sticky\" : \"relative\");\n\n  return (\n    <StyledRoot\n      $variant={variant}\n      $position={position}\n      className={clsx(\n        className,\n        globalActionsClasses.root,\n        classes?.root,\n        position === \"sticky\" &&\n          clsx(classes?.positionSticky, globalActionsClasses.positionSticky),\n        position === \"fixed\" &&\n          clsx(classes?.positionFixed, globalActionsClasses.positionFixed),\n        variant === \"global\" &&\n          clsx(classes?.global, globalActionsClasses.global)\n      )}\n      $breakpoints={muiTheme.breakpoints}\n      {...others}\n    >\n      <StyledWrapper\n        className={clsx(\n          globalActionsClasses.wrapper,\n          classes?.wrapper,\n          variant === \"global\" &&\n            clsx(\n              classes?.globalWrapperComplement,\n              globalActionsClasses.globalWrapperComplement\n            ),\n          variant === \"section\" &&\n            clsx(\n              classes?.globalSectionArea,\n              globalActionsClasses.globalSectionArea\n            )\n        )}\n        $variant={variant}\n      >\n        {variant === \"global\" && backButtonRenderer()}\n        {!isString(title) ? (\n          title\n        ) : (\n          <HvTypography\n            variant={variant === \"global\" ? \"title3\" : \"title4\"}\n            component={`h${headingLevelToApply}`}\n            className={clsx(globalActionsClasses.name, classes?.name)}\n          >\n            {title}\n          </HvTypography>\n        )}\n        {children && (\n          <StyledActions\n            className={clsx(globalActionsClasses.actions, classes?.actions)}\n          >\n            {children}\n          </StyledActions>\n        )}\n      </StyledWrapper>\n    </StyledRoot>\n  );\n};\n"],"names":["HvGlobalActions","children","classes","className","title","variant","backButton","headingLevel","position","positionProp","others","muiTheme","useTheme","headingLevelToApply","backButtonRenderer","StyledBackButton","clsx","globalActionsClasses","StyledRoot","$variant","$position","root","positionSticky","positionFixed","global","$breakpoints","breakpoints","StyledWrapper","wrapper","globalWrapperComplement","globalSectionArea","isString","_jsx","HvTypography","component","name","StyledActions","actions"],"mappings":";;;;;;;AA2CO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,EACAC;AAAAA,EACAC,UAAUC;AAAAA,KACPC;AACiB,MAAM;AAC1B,QAAMC,WAAWC;AACjB,QAAMC,sBAAsBN,iBAAiBF,YAAY,WAAW,IAAI;AAExE,QAAMS,qBAAqBA,MAAM;AAC/B,QAAIR,YAAY;AACd,iCACGS,kBAAgB;AAAA,QACfZ,WAAWa,KAAKC,qBAAqBX,YAAYJ,mCAASI,UAAU;AAAA,QAAEL,UAErEK;AAAAA,MAAAA,CACgB;AAAA,IAEvB;AAAA,EAAA;AAGF,QAAME,WACJC,iBAAiBJ,YAAY,WAAW,WAAW;AAErD,6BACGa,YAAU;AAAA,IACTC,UAAUd;AAAAA,IACVe,WAAWZ;AAAAA,IACXL,WAAWa,KACTb,WACAc,qBAAqBI,MACrBnB,mCAASmB,MACTb,aAAa,YACXQ,KAAKd,mCAASoB,gBAAgBL,qBAAqBK,cAAc,GACnEd,aAAa,WACXQ,KAAKd,mCAASqB,eAAeN,qBAAqBM,aAAa,GACjElB,YAAY,YACVW,KAAKd,mCAASsB,QAAQP,qBAAqBO,MAAM,CAAC;AAAA,IAEtDC,cAAcd,SAASe;AAAAA,IAAY,GAC/BhB;AAAAA,IAAMT,+BAET0B,eAAa;AAAA,MACZxB,WAAWa,KACTC,qBAAqBW,SACrB1B,mCAAS0B,SACTvB,YAAY,YACVW,KACEd,mCAAS2B,yBACTZ,qBAAqBY,uBAAuB,GAEhDxB,YAAY,aACVW,KACEd,mCAAS4B,mBACTb,qBAAqBa,iBAAiB,CACvC;AAAA,MAELX,UAAUd;AAAAA,MAAQJ,WAEjBI,YAAY,YAAYS,sBACxB,CAACiB,SAAS3B,KAAK,IACdA,QAEA4B,oBAACC,cAAY;AAAA,QACX5B,SAASA,YAAY,WAAW,WAAW;AAAA,QAC3C6B,WAAY,IAAGrB;AAAAA,QACfV,WAAWa,KAAKC,qBAAqBkB,MAAMjC,mCAASiC,IAAI;AAAA,QAAElC,UAEzDG;AAAAA,MAAAA,CAAK,GAGTH,YACC+B,oBAACI,eAAa;AAAA,QACZjC,WAAWa,KAAKC,qBAAqBoB,SAASnC,mCAASmC,OAAO;AAAA,QAAEpC;AAAAA,MAAAA,CAInE,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEQ;AAEjB;"}
+{"version":3,"file":"GlobalActions.js","sources":["../../../../src/components/GlobalActions/GlobalActions.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { isString } from \"lodash\";\nimport { HvTypography } from \"components\";\nimport {\n  StyledActions,\n  StyledBackButton,\n  StyledRoot,\n  StyledWrapper,\n} from \"./GlobalActions.styles\";\nimport globalActionsClasses, {\n  HvGlobalActionsClasses,\n} from \"./globalActionsClasses\";\nimport { useContext } from \"react\";\nimport { HvThemeContext } from \"providers\";\n\nexport type HvGlobalActionsVariant = \"global\" | \"section\";\n\nexport type HvGlobalActionsPosition = \"sticky\" | \"fixed\" | \"relative\";\n\nexport type HvGlobalActionsHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport type HvGlobalActionsProps = HvBaseProps<HTMLDivElement, { title }> & {\n  /** Text to display in the component. */\n  title?: React.ReactNode;\n  /** Denotes if this is a global or section component. */\n  variant?: HvGlobalActionsVariant;\n  /** User can pass in a fully customized button or false for when the back button should not be rendered. */\n  backButton?: React.ReactNode;\n  /** Heading Level to apply to Title Area. */\n  headingLevel?: HvGlobalActionsHeadingLevel;\n  /**\n   * Position of the Global Actions.\n   * Defaults to `sticky` when it is a global title and `relative` when it's a section title.\n   */\n  position?: HvGlobalActionsPosition;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvGlobalActionsClasses;\n};\n\n/**\n * Global Actions are actions that affect the entire page they live in.\n * They should persist while scrolling down the screen.\n */\nexport const HvGlobalActions = ({\n  children,\n  classes,\n  className,\n  title,\n  variant = \"global\",\n  backButton,\n  headingLevel,\n  position: positionProp,\n  ...others\n}: HvGlobalActionsProps) => {\n  const { activeTheme } = useContext(HvThemeContext);\n\n  const muiTheme = useTheme();\n\n  const headingLevelToApply = headingLevel || (variant === \"global\" ? 1 : 2);\n\n  const backButtonRenderer = () => {\n    if (backButton) {\n      return (\n        <StyledBackButton\n          className={clsx(globalActionsClasses.backButton, classes?.backButton)}\n        >\n          {backButton}\n        </StyledBackButton>\n      );\n    }\n  };\n\n  const position =\n    positionProp || (variant === \"global\" ? \"sticky\" : \"relative\");\n\n  return (\n    <StyledRoot\n      $variant={variant}\n      $position={position}\n      className={clsx(\n        className,\n        globalActionsClasses.root,\n        classes?.root,\n        position === \"sticky\" &&\n          clsx(classes?.positionSticky, globalActionsClasses.positionSticky),\n        position === \"fixed\" &&\n          clsx(classes?.positionFixed, globalActionsClasses.positionFixed),\n        variant === \"global\" &&\n          clsx(classes?.global, globalActionsClasses.global)\n      )}\n      $breakpoints={muiTheme.breakpoints}\n      {...others}\n    >\n      <StyledWrapper\n        className={clsx(\n          globalActionsClasses.wrapper,\n          classes?.wrapper,\n          variant === \"global\" &&\n            clsx(\n              classes?.globalWrapperComplement,\n              globalActionsClasses.globalWrapperComplement\n            ),\n          variant === \"section\" &&\n            clsx(\n              classes?.globalSectionArea,\n              globalActionsClasses.globalSectionArea\n            )\n        )}\n        $variant={variant}\n      >\n        {variant === \"global\" && backButtonRenderer()}\n        {!isString(title) ? (\n          title\n        ) : (\n          <HvTypography\n            variant={\n              variant === \"global\"\n                ? \"title3\"\n                : activeTheme?.globalActions.sectionVariant\n            }\n            component={`h${headingLevelToApply}`}\n            className={clsx(globalActionsClasses.name, classes?.name)}\n          >\n            {title}\n          </HvTypography>\n        )}\n        {children && (\n          <StyledActions\n            className={clsx(globalActionsClasses.actions, classes?.actions)}\n          >\n            {children}\n          </StyledActions>\n        )}\n      </StyledWrapper>\n    </StyledRoot>\n  );\n};\n"],"names":["HvGlobalActions","children","classes","className","title","variant","backButton","headingLevel","position","positionProp","others","activeTheme","useContext","HvThemeContext","muiTheme","useTheme","headingLevelToApply","backButtonRenderer","clsx","globalActionsClasses","root","positionSticky","positionFixed","global","breakpoints","wrapper","globalWrapperComplement","globalSectionArea","isString","globalActions","sectionVariant","name","actions"],"mappings":";;;;;;;;;AA6CO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,EACAC;AAAAA,EACAC,UAAUC;AAAAA,KACPC;AACiB,MAAM;AACpB,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAgBC,WAAWC,cAAc;AAEjD,QAAMC,WAAWC;AAEjB,QAAMC,sBAAsBT,iBAAiBF,YAAY,WAAW,IAAI;AAExE,QAAMY,qBAAqBA,MAAM;AAC/B,QAAIX,YAAY;AAEZ,aAAA,oBAAC,oBACC,WAAWY,KAAKC,qBAAqBb,YAAYJ,mCAASI,UAAU,GAEnEA,UACH,WAAA,CAAA;AAAA,IAEJ;AAAA,EAAA;AAGF,QAAME,WACJC,iBAAiBJ,YAAY,WAAW,WAAW;AAErD,SACG,oBAAA,YAAA,EACC,UAAUA,SACV,WAAWG,UACX,WAAWU,KACTf,WACAgB,qBAAqBC,MACrBlB,mCAASkB,MACTZ,aAAa,YACXU,KAAKhB,mCAASmB,gBAAgBF,qBAAqBE,cAAc,GACnEb,aAAa,WACXU,KAAKhB,mCAASoB,eAAeH,qBAAqBG,aAAa,GACjEjB,YAAY,YACVa,KAAKhB,mCAASqB,QAAQJ,qBAAqBI,MAAM,CAAC,GAEtD,cAAcT,SAASU,aACvB,GAAId,QAEJ,UAAC,qBAAA,eAAA,EACC,WAAWQ,KACTC,qBAAqBM,SACrBvB,mCAASuB,SACTpB,YAAY,YACVa,KACEhB,mCAASwB,yBACTP,qBAAqBO,uBAAuB,GAEhDrB,YAAY,aACVa,KACEhB,mCAASyB,mBACTR,qBAAqBQ,iBAAiB,CACvC,GAEL,UAAUtB,SAETA,UAAAA;AAAAA,IAAAA,YAAY,YAAYY,mBAAoB;AAAA,IAC5C,CAACW,SAASxB,KAAK,IACdA,4BAEC,cACC,EAAA,SACEC,YAAY,WACR,WACAM,2CAAakB,cAAcC,gBAEjC,WAAY,IAAGd,uBACf,WAAWE,KAAKC,qBAAqBY,MAAM7B,mCAAS6B,IAAI,GAEvD3B,UACH,MAAA,CAAA;AAAA,IAEDH,YACE,oBAAA,eAAA,EACC,WAAWiB,KAAKC,qBAAqBa,SAAS9B,mCAAS8B,OAAO,GAE7D/B,SACH,CAAA;AAAA,EAAA,EAEJ,CAAA,EACF,CAAA;AAEJ;"}

package/dist/esm/components/Grid/Grid.js

@@ -1,7 +1,7 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import { Grid } from "@mui/material";
 import { isString } from "lodash";
 import { forwardRef } from "react";
-import { jsx } from "@emotion/react/jsx-runtime";
 import { useWidth } from "../../hooks/useWidth.js";
 const BREAKPOINT_GUTTERS = {
   xs: 2,
@@ -24,14 +24,10 @@ const HvGrid = forwardRef(({
       gridSpacing = BREAKPOINT_GUTTERS[spacing];
     }
   }
-  return /* @__PURE__ */ jsx(Grid, {
-    ref,
-    ...container && {
-      container,
-      spacing: gridSpacing
-    },
-    ...others
-  });
+  return /* @__PURE__ */ jsx(Grid, { ref, ...container && {
+    container,
+    spacing: gridSpacing
+  }, ...others });
 });
 export {
   HvGrid

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import { Grid as MuiGrid, GridProps as MuiGridProps } from \"@mui/material\";\nimport { isString } from \"lodash\";\nimport { forwardRef } from \"react\";\nimport { useWidth } from \"hooks\";\nimport { HvBaseProps } from \"../../types\";\n\nconst BREAKPOINT_GUTTERS = {\n  xs: 2,\n  sm: 2,\n  md: 4,\n  lg: 4,\n  xl: 4,\n};\n\nexport type HvGridDirection =\n  | \"row\"\n  | \"row-reverse\"\n  | \"column\"\n  | \"column-reverse\";\n\nexport type HvGridSpacing =\n  | \"xs\"\n  | \"sm\"\n  | \"md\"\n  | \"lg\"\n  | \"xl\"\n  | \"auto\"\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\n  | 7\n  | 8\n  | 9\n  | 10;\n\nexport type HvGridProps = MuiGridProps &\n  HvBaseProps & {\n    /**\n     * If `true`, the component will have the flex *container* behavior.\n     * You should be wrapping *items* with a *container*.\n     */\n    container?: boolean;\n    /**\n     * If `true`, the component will have the flex *item* behavior.\n     * You should be wrapping *items* with a *container*.\n     */\n    item?: boolean;\n    /**\n     * Defines the space between the type item component. It can only be used on a type container component.\n     * Based in the 8x factor defined in the theme, it allows the definition of this factor based on the factor\n     * (number between 0 and 10), breakpoint or auto.\n     */\n    spacing?: HvGridSpacing | number;\n    /**\n     * Defines the `flex-direction` style property.\n     * It is applied for all screen sizes.\n     */\n    direction?: HvGridDirection;\n    /**\n     * Defines the `justify-content` style property.\n     * It is applied for all screen sizes.\n     */\n    justify?:\n      | \"flex-start\"\n      | \"center\"\n      | \"flex-end\"\n      | \"space-between\"\n      | \"space-around\"\n      | \"space-evenly\";\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for all the screen sizes with the lowest priority.\n     */\n    xs?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `sm` breakpoint and wider screens if not overridden.\n     */\n    sm?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `md` breakpoint and wider screens if not overridden.\n     */\n    md?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `lg` breakpoint and wider screens if not overridden.\n     */\n    lg?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `xl` breakpoint and wider screens.\n     */\n    xl?: number | boolean;\n    /**\n     * Defines the `flex-wrap` style property.\n     * It's applied for all screen sizes.\n     */\n    wrap?: \"nowrap\" | \"wrap\" | \"wrap-reverse\";\n    /**\n     * If `true`, it sets `min-width: 0` on the item.\n     * Refer to the limitations section of the documentation to better understand the use case.\n     */\n    zeroMinWidth?: boolean;\n  };\n\n/**\n * The grid creates visual consistency between layouts while allowing flexibility\n * across a wide variety of designs. This component is based in a 12-column grid layout.\n *\n * It is is based in the [Material UI Grid]https://mui.com/material-ui/react-grid/).\n *\n * The definitions were set following the Design System directives:\n *\n * | Breakpoint | Width (in px) | Gutters (in px) | Number of columns |\n * | ---------- | ------------- | --------------- | ----------------- |\n * | xs         | [0-575[       | 16              | 4                 |\n * | sm         | [576-767[     | 16              | 8                 |\n * | md         | [768-991[     | 32              | 12                |\n * | lg         | [992-1199[    | 32              | 12                |\n * | xl         | [1200-...[    | 32              | 12                |\n *\n */\nexport const HvGrid = forwardRef<HTMLDivElement, HvGridProps>(\n  ({ container, spacing = \"auto\", ...others }, ref) => {\n    const width = useWidth();\n    let gridSpacing = spacing;\n\n    if (isString(spacing)) {\n      if (spacing === \"auto\") {\n        gridSpacing = BREAKPOINT_GUTTERS[width];\n      } else {\n        gridSpacing = BREAKPOINT_GUTTERS[spacing];\n      }\n    }\n\n    return (\n      <MuiGrid\n        ref={ref}\n        {...(container && { container, spacing: gridSpacing })}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["BREAKPOINT_GUTTERS","xs","sm","md","lg","xl","HvGrid","forwardRef","container","spacing","others","ref","width","useWidth","gridSpacing","isString","MuiGrid"],"mappings":";;;;;AAMA,MAAMA,qBAAqB;AAAA,EACzBC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AACN;AAkHaC,MAAAA,SAASC,WACpB,CAAC;AAAA,EAAEC;AAAAA,EAAWC,UAAU;AAAA,KAAWC;AAAO,GAAGC,QAAQ;AACnD,QAAMC,QAAQC;AACd,MAAIC,cAAcL;AAEdM,MAAAA,SAASN,OAAO,GAAG;AACrB,QAAIA,YAAY,QAAQ;AACtBK,oBAAcd,mBAAmBY;AAAAA,IAAAA,OAC5B;AACLE,oBAAcd,mBAAmBS;AAAAA,IACnC;AAAA,EACF;AAEA,6BACGO,MAAO;AAAA,IACNL;AAAAA,IAAS,GACJH,aAAa;AAAA,MAAEA;AAAAA,MAAWC,SAASK;AAAAA,IAAY;AAAA,IAAC,GACjDJ;AAAAA,EAAAA,CACJ;AAEN,CAAC;"}
+{"version":3,"file":"Grid.js","sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import { Grid as MuiGrid, GridProps as MuiGridProps } from \"@mui/material\";\nimport { isString } from \"lodash\";\nimport { forwardRef } from \"react\";\nimport { useWidth } from \"hooks\";\nimport { HvBaseProps } from \"../../types\";\nimport { HvGridClasses } from \"./gridClasses\";\n\nconst BREAKPOINT_GUTTERS = {\n  xs: 2,\n  sm: 2,\n  md: 4,\n  lg: 4,\n  xl: 4,\n};\n\nexport type HvGridDirection =\n  | \"row\"\n  | \"row-reverse\"\n  | \"column\"\n  | \"column-reverse\";\n\nexport type HvGridSpacing =\n  | \"xs\"\n  | \"sm\"\n  | \"md\"\n  | \"lg\"\n  | \"xl\"\n  | \"auto\"\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\n  | 7\n  | 8\n  | 9\n  | 10;\n\nexport type HvGridProps = MuiGridProps &\n  HvBaseProps & {\n    /**\n     * If `true`, the component will have the flex *container* behavior.\n     * You should be wrapping *items* with a *container*.\n     */\n    container?: boolean;\n    /**\n     * If `true`, the component will have the flex *item* behavior.\n     * You should be wrapping *items* with a *container*.\n     */\n    item?: boolean;\n    /**\n     * Defines the space between the type item component. It can only be used on a type container component.\n     * Based in the 8x factor defined in the theme, it allows the definition of this factor based on the factor\n     * (number between 0 and 10), breakpoint or auto.\n     */\n    spacing?: HvGridSpacing | number;\n    /**\n     * Defines the `flex-direction` style property.\n     * It is applied for all screen sizes.\n     */\n    direction?: HvGridDirection;\n    /**\n     * Defines the `justify-content` style property.\n     * It is applied for all screen sizes.\n     */\n    justify?:\n      | \"flex-start\"\n      | \"center\"\n      | \"flex-end\"\n      | \"space-between\"\n      | \"space-around\"\n      | \"space-evenly\";\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for all the screen sizes with the lowest priority.\n     */\n    xs?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `sm` breakpoint and wider screens if not overridden.\n     */\n    sm?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `md` breakpoint and wider screens if not overridden.\n     */\n    md?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `lg` breakpoint and wider screens if not overridden.\n     */\n    lg?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `xl` breakpoint and wider screens.\n     */\n    xl?: number | boolean;\n    /**\n     * Defines the `flex-wrap` style property.\n     * It's applied for all screen sizes.\n     */\n    wrap?: \"nowrap\" | \"wrap\" | \"wrap-reverse\";\n    /**\n     * If `true`, it sets `min-width: 0` on the item.\n     * Refer to the limitations section of the documentation to better understand the use case.\n     */\n    zeroMinWidth?: boolean;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvGridClasses;\n  };\n\n/**\n * The grid creates visual consistency between layouts while allowing flexibility\n * across a wide variety of designs. This component is based in a 12-column grid layout.\n *\n * It is is based in the [Material UI Grid]https://mui.com/material-ui/react-grid/).\n *\n * The definitions were set following the Design System directives:\n *\n * | Breakpoint | Width (in px) | Gutters (in px) | Number of columns |\n * | ---------- | ------------- | --------------- | ----------------- |\n * | xs         | [0-575[       | 16              | 4                 |\n * | sm         | [576-767[     | 16              | 8                 |\n * | md         | [768-991[     | 32              | 12                |\n * | lg         | [992-1199[    | 32              | 12                |\n * | xl         | [1200-...[    | 32              | 12                |\n *\n */\nexport const HvGrid = forwardRef<HTMLDivElement, HvGridProps>(\n  ({ container, spacing = \"auto\", ...others }, ref) => {\n    const width = useWidth();\n    let gridSpacing = spacing;\n\n    if (isString(spacing)) {\n      if (spacing === \"auto\") {\n        gridSpacing = BREAKPOINT_GUTTERS[width];\n      } else {\n        gridSpacing = BREAKPOINT_GUTTERS[spacing];\n      }\n    }\n\n    return (\n      <MuiGrid\n        ref={ref}\n        {...(container && { container, spacing: gridSpacing })}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["BREAKPOINT_GUTTERS","xs","sm","md","lg","xl","HvGrid","forwardRef","container","spacing","others","ref","width","useWidth","gridSpacing","isString","MuiGrid"],"mappings":";;;;;AAOA,MAAMA,qBAAqB;AAAA,EACzBC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AACN;AAoHaC,MAAAA,SAASC,WACpB,CAAC;AAAA,EAAEC;AAAAA,EAAWC,UAAU;AAAA,KAAWC;AAAO,GAAGC,QAAQ;AACnD,QAAMC,QAAQC;AACd,MAAIC,cAAcL;AAEdM,MAAAA,SAASN,OAAO,GAAG;AACrB,QAAIA,YAAY,QAAQ;AACtBK,oBAAcd,mBAAmBY;AAAAA,IAAAA,OAC5B;AACLE,oBAAcd,mBAAmBS;AAAAA,IACnC;AAAA,EACF;AAEA,SACG,oBAAAO,MAAA,EACC,KACKR,GAAAA,aAAa;AAAA,IAAEA;AAAAA,IAAWC,SAASK;AAAAA,EAAAA,GACpCJ,GAAAA,OACJ,CAAA;AAEN,CAAC;"}

package/dist/esm/components/Grid/gridClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../utils/classes.js";
+const classKeys = ["root", "container", "item", "zeroMinWidth", "direction-xs-column", "direction-xs-reverse", "direction-xs-row-reverse", "wrap-xs-nowrap", "wrap-xs-wrap-reverse", "spacing-xs-1", "spacing-xs-2", "spacing-xs-3", "spacing-xs-4", "spacing-xs-5", "spacing-xs-6", "spacing-xs-7", "spacing-xs-8", "spacing-xs-9", "spacing-xs-10", "grid-xs-auto", "grid-xs-true", "grid-xs-1", "grid-xs-2", "grid-xs-3", "grid-xs-4", "grid-xs-5", "grid-xs-6", "grid-xs-7", "grid-xs-8", "grid-xs-9", "grid-xs-10", "grid-xs-11", "grid-xs-12"];
+const gridClasses = getClasses(classKeys, "HvGrid");
+const gridClasses$1 = gridClasses;
+export {
+  gridClasses$1 as default
+};
+//# sourceMappingURL=gridClasses.js.map

package/dist/esm/components/Grid/gridClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gridClasses.js","sources":["../../../../src/components/Grid/gridClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvGridClasses = {\n  root?: string;\n  container?: string;\n  item?: string;\n  zeroMinWidth?: string;\n  \"direction-xs-column\"?: string;\n  \"direction-xs-reverse\"?: string;\n  \"direction-xs-row-reverse\"?: string;\n  \"wrap-xs-nowrap\"?: string;\n  \"wrap-xs-wrap-reverse\"?: string;\n  \"spacing-xs-1\"?: string;\n  \"spacing-xs-2\"?: string;\n  \"spacing-xs-3\"?: string;\n  \"spacing-xs-4\"?: string;\n  \"spacing-xs-5\"?: string;\n  \"spacing-xs-6\"?: string;\n  \"spacing-xs-7\"?: string;\n  \"spacing-xs-8\"?: string;\n  \"spacing-xs-9\"?: string;\n  \"spacing-xs-10\"?: string;\n  \"grid-xs-auto\"?: string;\n  \"grid-xs-true\"?: string;\n  \"grid-xs-1\"?: string;\n  \"grid-xs-2\"?: string;\n  \"grid-xs-3\"?: string;\n  \"grid-xs-4\"?: string;\n  \"grid-xs-5\"?: string;\n  \"grid-xs-6\"?: string;\n  \"grid-xs-7\"?: string;\n  \"grid-xs-8\"?: string;\n  \"grid-xs-9\"?: string;\n  \"grid-xs-10\"?: string;\n  \"grid-xs-11\"?: string;\n  \"grid-xs-12\"?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"container\",\n  \"item\",\n  \"zeroMinWidth\",\n  \"direction-xs-column\",\n  \"direction-xs-reverse\",\n  \"direction-xs-row-reverse\",\n  \"wrap-xs-nowrap\",\n  \"wrap-xs-wrap-reverse\",\n  \"spacing-xs-1\",\n  \"spacing-xs-2\",\n  \"spacing-xs-3\",\n  \"spacing-xs-4\",\n  \"spacing-xs-5\",\n  \"spacing-xs-6\",\n  \"spacing-xs-7\",\n  \"spacing-xs-8\",\n  \"spacing-xs-9\",\n  \"spacing-xs-10\",\n  \"grid-xs-auto\",\n  \"grid-xs-true\",\n  \"grid-xs-1\",\n  \"grid-xs-2\",\n  \"grid-xs-3\",\n  \"grid-xs-4\",\n  \"grid-xs-5\",\n  \"grid-xs-6\",\n  \"grid-xs-7\",\n  \"grid-xs-8\",\n  \"grid-xs-9\",\n  \"grid-xs-10\",\n  \"grid-xs-11\",\n  \"grid-xs-12\",\n];\n\nconst gridClasses = getClasses<HvGridClasses>(classKeys, \"HvGrid\");\n\nexport default gridClasses;\n"],"names":["classKeys","gridClasses","getClasses"],"mappings":";AAsCA,MAAMA,YAAsB,CAC1B,QACA,aACA,QACA,gBACA,uBACA,wBACA,4BACA,kBACA,wBACA,gBACA,gBACA,gBACA,gBACA,gBACA,gBACA,gBACA,gBACA,gBACA,iBACA,gBACA,gBACA,aACA,aACA,aACA,aACA,aACA,aACA,aACA,aACA,aACA,cACA,cACA,YAAY;AAGd,MAAMC,cAAcC,WAA0BF,WAAW,QAAQ;AAEjE,MAAA,gBAAeC;"}

package/dist/esm/components/Header/Actions/Actions.js

@@ -1,18 +1,14 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import clsx from "clsx";
 import { StyledDiv } from "./Actions.styles.js";
 import headerActionsClasses from "./actionsClasses.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 const HvActions = ({
   classes,
   className,
   children,
   ...others
 }) => {
-  return /* @__PURE__ */ jsx(StyledDiv, {
-    className: clsx(className, headerActionsClasses.root, classes == null ? void 0 : classes.root),
-    ...others,
-    children
-  });
+  return /* @__PURE__ */ jsx(StyledDiv, { className: clsx(className, headerActionsClasses.root, classes == null ? void 0 : classes.root), ...others, children });
 };
 export {
   HvActions

package/dist/esm/components/Header/Actions/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Header/Actions/Actions.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledDiv } from \"./Actions.styles\";\nimport headerActionsClasses, { HvHeaderActionsClasses } from \"./actionsClasses\";\n\nexport type HvActionsProps = HvBaseProps & {\n  classes?: HvHeaderActionsClasses;\n};\n\nexport const HvActions = ({\n  classes,\n  className,\n  children,\n  ...others\n}: HvActionsProps) => {\n  return (\n    <StyledDiv\n      className={clsx(className, headerActionsClasses.root, classes?.root)}\n      {...others}\n    >\n      {children}\n    </StyledDiv>\n  );\n};\n"],"names":["HvActions","classes","className","children","others","StyledDiv","clsx","headerActionsClasses","root"],"mappings":";;;;AASO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACW,MAAM;AACpB,6BACGC,WAAS;AAAA,IACRH,WAAWI,KAAKJ,WAAWK,qBAAqBC,MAAMP,mCAASO,IAAI;AAAA,IAAE,GACjEJ;AAAAA,IAAMD;AAAAA,EAAAA,CAGA;AAEhB;"}
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Header/Actions/Actions.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledDiv } from \"./Actions.styles\";\nimport headerActionsClasses, { HvHeaderActionsClasses } from \"./actionsClasses\";\n\nexport type HvActionsProps = HvBaseProps & {\n  classes?: HvHeaderActionsClasses;\n};\n\nexport const HvActions = ({\n  classes,\n  className,\n  children,\n  ...others\n}: HvActionsProps) => {\n  return (\n    <StyledDiv\n      className={clsx(className, headerActionsClasses.root, classes?.root)}\n      {...others}\n    >\n      {children}\n    </StyledDiv>\n  );\n};\n"],"names":["HvActions","classes","className","children","others","clsx","headerActionsClasses","root"],"mappings":";;;;AASO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACW,MAAM;AACpB,SACG,oBAAA,WAAA,EACC,WAAWC,KAAKH,WAAWI,qBAAqBC,MAAMN,mCAASM,IAAI,GAC/DH,GAAAA,QAEHD,SACH,CAAA;AAEJ;"}

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

@@ -1,5 +1,6 @@
 import _styled from "@emotion/styled/base";
 import { theme } from "@hitachivantara/uikit-styles";
+import buttonClasses from "../../Button/buttonClasses.js";
 const StyledDiv = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1yl6wvv0"
 } : {
@@ -12,8 +13,13 @@ const StyledDiv = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "produ
   marginLeft: "auto",
   "& > *": {
     marginLeft: theme.space.xs
+  },
+  [`& .${buttonClasses.root}`]: {
+    "&:hover": {
+      backgroundColor: theme.header.hoverColor
+    }
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0FjdGlvbnMvQWN0aW9ucy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUd5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9BY3Rpb25zL0FjdGlvbnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRGl2ID0gc3R5bGVkLmRpdih7XG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG4gIFwiJiA+ICpcIjoge1xuICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSk7XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0FjdGlvbnMvQWN0aW9ucy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9BY3Rpb25zL0FjdGlvbnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgYnV0dG9uQ2xhc3NlcyB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREaXYgPSBzdHlsZWQuZGl2KHtcbiAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcbiAgXCImID4gKlwiOiB7XG4gICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG4gIFtgJiAuJHtidXR0b25DbGFzc2VzLnJvb3R9YF06IHtcbiAgICBcIiY6aG92ZXJcIjogeyBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmhlYWRlci5ob3ZlckNvbG9yIH0sXG4gIH0sXG59KTtcbiJdfQ== */");
 export {
   StyledDiv
 };

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

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

package/dist/esm/components/Header/Brand/Brand.js

@@ -1,21 +1,20 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { BrandRoot, BrandSeparator } from "./Brand.styles.js";
 import headerBrandClasses from "./brandClasses.js";
 import clsx from "clsx";
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { HvTypography } from "../../Typography/Typography.js";
 const HvBrand = ({
   classes,
   logo,
   name,
-  className
+  className,
+  ...others
 }) => {
-  return /* @__PURE__ */ jsxs(BrandRoot, {
-    className: clsx(classes == null ? void 0 : classes.root, headerBrandClasses.root, className),
-    children: [logo, logo && name && /* @__PURE__ */ jsx(BrandSeparator, {}), name && /* @__PURE__ */ jsx(HvTypography, {
-      variant: "label",
-      children: name
-    })]
-  });
+  return /* @__PURE__ */ jsxs(BrandRoot, { className: clsx(classes == null ? void 0 : classes.root, headerBrandClasses.root, className), ...others, children: [
+    logo,
+    logo && name && /* @__PURE__ */ jsx(BrandSeparator, { className: clsx(classes == null ? void 0 : classes.separator, headerBrandClasses.separator) }),
+    name && /* @__PURE__ */ jsx(HvTypography, { variant: "label", children: name })
+  ] });
 };
 export {
   HvBrand

package/dist/esm/components/Header/Brand/Brand.js.map

@@ -1 +1 @@
-{"version":3,"file":"Brand.js","sources":["../../../../../src/components/Header/Brand/Brand.tsx"],"sourcesContent":["import { HvTypography as HvTypography } from \"components\";\nimport { HvBaseProps } from \"../../../types\";\nimport { BrandRoot, BrandSeparator } from \"./Brand.styles\";\nimport headerBrandClasses, { HvHeaderBrandClasses } from \"./brandClasses\";\nimport clsx from \"clsx\";\n\nexport type HvBrandProps = HvBaseProps & {\n  logo?: React.ReactNode;\n  name?: string;\n  classes?: HvHeaderBrandClasses;\n};\n\n/**\n * Header component is used to render a header bar with logo and brand name, navigation and actions.\n */\nexport const HvBrand = ({ classes, logo, name, className }: HvBrandProps) => {\n  return (\n    <BrandRoot\n      className={clsx(classes?.root, headerBrandClasses.root, className)}\n    >\n      {logo}\n      {logo && name && <BrandSeparator />}\n      {name && <HvTypography variant=\"label\">{name}</HvTypography>}\n    </BrandRoot>\n  );\n};\n"],"names":["HvBrand","classes","logo","name","className","BrandRoot","clsx","root","headerBrandClasses","children","_jsx","BrandSeparator","HvTypography","variant"],"mappings":";;;;;AAeO,MAAMA,UAAUA,CAAC;AAAA,EAAEC;AAAAA,EAASC;AAAAA,EAAMC;AAAAA,EAAMC;AAAwB,MAAM;AAC3E,8BACGC,WAAS;AAAA,IACRD,WAAWE,KAAKL,mCAASM,MAAMC,mBAAmBD,MAAMH,SAAS;AAAA,IAAEK,WAElEP,MACAA,QAAQC,QAAQO,oBAACC,qBACjBR,QAAQO,oBAACE,cAAY;AAAA,MAACC,SAAQ;AAAA,MAAOJ,UAAEN;AAAAA,IAAAA,CAAoB,CAAA;AAAA,EAAA,CAClD;AAEhB;"}
+{"version":3,"file":"Brand.js","sources":["../../../../../src/components/Header/Brand/Brand.tsx"],"sourcesContent":["import { HvTypography as HvTypography } from \"components\";\nimport { HvBaseProps } from \"../../../types\";\nimport { BrandRoot, BrandSeparator } from \"./Brand.styles\";\nimport headerBrandClasses, { HvHeaderBrandClasses } from \"./brandClasses\";\nimport clsx from \"clsx\";\n\nexport type HvBrandProps = HvBaseProps & {\n  logo?: React.ReactNode;\n  name?: string;\n  classes?: HvHeaderBrandClasses;\n};\n\n/**\n * Header component is used to render a header bar with logo and brand name, navigation and actions.\n */\nexport const HvBrand = ({\n  classes,\n  logo,\n  name,\n  className,\n  ...others\n}: HvBrandProps) => {\n  return (\n    <BrandRoot\n      className={clsx(classes?.root, headerBrandClasses.root, className)}\n      {...others}\n    >\n      {logo}\n      {logo && name && (\n        <BrandSeparator\n          className={clsx(classes?.separator, headerBrandClasses.separator)}\n        />\n      )}\n      {name && <HvTypography variant=\"label\">{name}</HvTypography>}\n    </BrandRoot>\n  );\n};\n"],"names":["HvBrand","classes","logo","name","className","others","clsx","root","headerBrandClasses","separator"],"mappings":";;;;;AAeO,MAAMA,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACS,MAAM;AAEhB,SAAA,qBAAC,WACC,EAAA,WAAWC,KAAKL,mCAASM,MAAMC,mBAAmBD,MAAMH,SAAS,GAC7DC,GAAAA,QAEHH,UAAAA;AAAAA,IAAAA;AAAAA,IACAA,QAAQC,QACP,oBAAC,gBACC,EAAA,WAAWG,KAAKL,mCAASQ,WAAWD,mBAAmBC,SAAS,EAEnE,CAAA;AAAA,IACAN,QAAQ,oBAAC,cAAa,EAAA,SAAQ,SAASA,UAAK,MAAA;AAAA,EAC/C,EAAA,CAAA;AAEJ;"}