npm - @hitachivantara/uikit-react-core - Versions diffs - 5.0.0-next.11 → 5.0.0-next.14 - Mend

@hitachivantara/uikit-react-core 5.0.0-next.11 → 5.0.0-next.14

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

Files changed (1895) hide show

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -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 = ({
@@ -25,15 +25,24 @@ const HvLabel = ({
   } = useContext(HvFormElementContext);
   const localDisabled = disabled || elementDisabled;
   const localRequired = required || elementRequired;
-  const localId = id != null ? id : setId(elementId, "label");
+  const localId = 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 CHANGED Viewed

	@@ -1 +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 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~~;"}
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 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,EACT,GAAGC;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,MAAMkB,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,MACVxB,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;"}

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

@@ -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";
@@ -21,7 +21,7 @@ const HvSuggestions = ({
   const {
     elementId
   } = useContext(HvFormElementContext);
-  const localId = id != null ? id : setId(elementId, "suggestions");
+  const localId = id ?? setId(elementId, "suggestions");
   const ref = useRef(null);
   const [isOpen, setIsOpen] = useState(expanded);
   useClickOutside(ref, (e) => {
@@ -31,10 +31,31 @@ 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 CHANGED Viewed

	@@ -1 +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","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~~;"}
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,EACA,GAAGC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAcC,WAAWC,oBAAoB;AACrD,QAAMC,UAAUZ,MAAMa,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;"}

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

@@ -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 = ({
@@ -27,14 +27,28 @@ const HvWarningText = ({
   } = useContext(HvFormElementContext);
   const localDisabled = disabled || elementDisabled;
   const localVisible = !isNil(isVisible) ? isVisible : elementStatus === "invalid";
-  const localId = id != null ? id : setId(elementId, "error");
+  const localId = 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 CHANGED Viewed

	@@ -1 +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","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~~;"}
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,EACX,GAAGC;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,MAAMgB,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;"}

package/dist/esm/components/Forms/WarningText/WarningText.styles.js CHANGED Viewed

@@ -55,6 +55,8 @@ const StyledTypography = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_
     paddingTop: 6
   },
   ...$hideText && {
+    // display none or visibility hidden prevents
+    // browser to trigger the aria-alert
     width: 0,
     height: 0,
     padding: 0,

package/dist/esm/components/Forms/WarningText/WarningText.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WarningText.styles.js","sources":["../../../../../src/components/Forms/WarningText/WarningText.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvTypography } from \"components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { Fail } from \"@hitachivantara/uikit-react-icons\";\n\nexport const StyledRoot = styled(\n \"div\",\n transientOptions\n)(({ $show, $topBorder }: { $show: boolean; $topBorder: boolean }) => ({\n display: \"none\",\n ...($show && {\n display: \"flex\",\n }),\n ...($topBorder && {\n borderTop: `solid 1px ${theme.colors.sema4}`,\n }),\n}));\n\nexport const StyledTypography = styled(\n HvTypography,\n transientOptions\n)(({ $topGutter, $hideText }: { $topGutter: boolean; $hideText: boolean }) => ({\n color: theme.colors.sema4,\n paddingRight: theme.space.xs,\n \"&:first-of-type\": {\n paddingLeft: theme.space.xs,\n },\n ...($topGutter && {\n paddingTop: 6,\n }),\n ...($hideText && {\n // display none or visibility hidden prevents\n // browser to trigger the aria-alert\n width: 0,\n height: 0,\n padding: 0,\n margin: 0,\n overflow: \"hidden\",\n }),\n}));\n\nexport const StyledIcon = styled(Fail)({\n minWidth: \"32px\",\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$show","$topBorder","display","borderTop","theme","colors","sema4","StyledTypography","HvTypography","$topGutter","$hideText","color","paddingRight","space","xs","paddingLeft","paddingTop","width","height","padding","margin","overflow","StyledIcon","Fail","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAMaA,MAAAA,qCACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAAA,EAAOC;AAAoD,OAAO;AAAA,EACrEC,SAAS;AAAA,EACT,GAAIF,SAAS;AAAA,IACXE,SAAS;AAAA,EACX;AAAA,EACA,GAAID,cAAc;AAAA,IAChBE,WAAY,aAAYC,MAAMC,OAAOC;AAAAA,EACvC;AACF,IAAEb,QAAAC,IAAAC,aAAC,eAAA,KAAA,qjEAAA;AAEUY,MAAAA,2CACXC,cAAYf,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACZC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEW;AAAAA,EAAYC;AAAuD,OAAO;AAAA,EAC7EC,OAAOP,MAAMC,OAAOC;AAAAA,EACpBM,cAAcR,MAAMS,MAAMC;AAAAA,EAC1B,mBAAmB;AAAA,IACjBC,aAAaX,MAAMS,MAAMC;AAAAA,EAC3B;AAAA,EACA,GAAIL,cAAc;AAAA,IAChBO,YAAY;AAAA,EACd;AAAA,EACA,GAAIN,aAAa;AAAA,IAGfO,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,UAAU;AAAA,EACZ;AACF,IAAE5B,QAAAC,IAAAC,aAAC,eAAA,KAAA,yjEAAA;AAEI,MAAM2B,aAAoBC,wBAAAA,MAAI9B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA6B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEpC;"}
1	+ {"version":3,"file":"WarningText.styles.js","sources":["../../../../../src/components/Forms/WarningText/WarningText.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvTypography } from \"components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { Fail } from \"@hitachivantara/uikit-react-icons\";\n\nexport const StyledRoot = styled(\n \"div\",\n transientOptions\n)(({ $show, $topBorder }: { $show: boolean; $topBorder: boolean }) => ({\n display: \"none\",\n ...($show && {\n display: \"flex\",\n }),\n ...($topBorder && {\n borderTop: `solid 1px ${theme.colors.sema4}`,\n }),\n}));\n\nexport const StyledTypography = styled(\n HvTypography,\n transientOptions\n)(({ $topGutter, $hideText }: { $topGutter: boolean; $hideText: boolean }) => ({\n color: theme.colors.sema4,\n paddingRight: theme.space.xs,\n \"&:first-of-type\": {\n paddingLeft: theme.space.xs,\n },\n ...($topGutter && {\n paddingTop: 6,\n }),\n ...($hideText && {\n // display none or visibility hidden prevents\n // browser to trigger the aria-alert\n width: 0,\n height: 0,\n padding: 0,\n margin: 0,\n overflow: \"hidden\",\n }),\n}));\n\nexport const StyledIcon = styled(Fail)({\n minWidth: \"32px\",\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$show","$topBorder","display","borderTop","theme","colors","sema4","StyledTypography","HvTypography","$topGutter","$hideText","color","paddingRight","space","xs","paddingLeft","paddingTop","width","height","padding","margin","overflow","StyledIcon","Fail","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAMaA,MAAAA,qCACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAAA,EAAOC;AAAoD,OAAO;AAAA,EACrEC,SAAS;AAAA,EACT,GAAIF,SAAS;AAAA,IACXE,SAAS;AAAA,EACX;AAAA,EACA,GAAID,cAAc;AAAA,IAChBE,WAAY,aAAYC,MAAMC,OAAOC;AAAAA,EACvC;AACF,IAAEb,QAAAC,IAAAC,aAAC,eAAA,KAAA,qjEAAA;AAEUY,MAAAA,2CACXC,cAAYf,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACZC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEW;AAAAA,EAAYC;AAAuD,OAAO;AAAA,EAC7EC,OAAOP,MAAMC,OAAOC;AAAAA,EACpBM,cAAcR,MAAMS,MAAMC;AAAAA,EAC1B,mBAAmB;AAAA,IACjBC,aAAaX,MAAMS,MAAMC;AAAAA,EAC3B;AAAA,EACA,GAAIL,cAAc;AAAA,IAChBO,YAAY;AAAA,EACd;AAAA,EACA,GAAIN,aAAa;AAAA;AAAA;AAAA,IAGfO,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,UAAU;AAAA,EACZ;AACF,IAAE5B,QAAAC,IAAAC,aAAC,eAAA,KAAA,yjEAAA;AAEI,MAAM2B,aAAoBC,wBAAAA,MAAI9B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA6B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEpC;"}

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

@@ -1,11 +1,10 @@
-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 { useContext } from "react";
-import { HvThemeContext } from "../../providers/ThemeProvider.js";
+import { useTheme as useTheme$1 } from "@mui/material/styles";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useTheme } from "../../hooks/useTheme.js";
 import { HvTypography } from "../Typography/Typography.js";
 const HvGlobalActions = ({
   children,
@@ -20,20 +19,38 @@ const HvGlobalActions = ({
 }) => {
   const {
     activeTheme
-  } = useContext(HvThemeContext);
-  const muiTheme = useTheme();
+  } = useTheme();
+  const muiTheme = useTheme$1();
   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" : 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 })
-  ] }) });
+  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 CHANGED Viewed

	@@ -1 +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\";\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~~;"}
1	+ {"version":3,"file":"GlobalActions.js","sources":["../../../../src/components/GlobalActions/GlobalActions.tsx"],"sourcesContent":["import 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 { useTheme as useHvTheme } from \"hooks\";\nimport { useTheme } from \"@mui/material/styles\";\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 } = useHvTheme();\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","useHvTheme","muiTheme","useTheme","headingLevelToApply","backButtonRenderer","StyledBackButton","clsx","globalActionsClasses","StyledRoot","$variant","$position","root","positionSticky","positionFixed","global","$breakpoints","breakpoints","StyledWrapper","wrapper","globalWrapperComplement","globalSectionArea","isString","_jsx","HvTypography","globalActions","sectionVariant","component","name","StyledActions","actions"],"mappings":";;;;;;;;AA4CO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,EACAC;AAAAA,EACAC,UAAUC;AAAAA,EACV,GAAGC;AACiB,MAAM;AACpB,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,SAAY;AAEpC,QAAMC,WAAWC;AAEjB,QAAMC,sBAAsBR,iBAAiBF,YAAY,WAAW,IAAI;AAExE,QAAMW,qBAAqBA,MAAM;AAC/B,QAAIV,YAAY;AACd,iCACGW,kBAAgB;AAAA,QACfd,WAAWe,KAAKC,qBAAqBb,YAAYJ,mCAASI,UAAU;AAAA,QAAEL,UAErEK;AAAAA,MAAAA,CACgB;AAAA,IAEvB;AAAA,EAAA;AAGF,QAAME,WACJC,iBAAiBJ,YAAY,WAAW,WAAW;AAErD,6BACGe,YAAU;AAAA,IACTC,UAAUhB;AAAAA,IACViB,WAAWd;AAAAA,IACXL,WAAWe,KACTf,WACAgB,qBAAqBI,MACrBrB,mCAASqB,MACTf,aAAa,YACXU,KAAKhB,mCAASsB,gBAAgBL,qBAAqBK,cAAc,GACnEhB,aAAa,WACXU,KAAKhB,mCAASuB,eAAeN,qBAAqBM,aAAa,GACjEpB,YAAY,YACVa,KAAKhB,mCAASwB,QAAQP,qBAAqBO,MAAM,CAAC;AAAA,IAEtDC,cAAcd,SAASe;AAAAA,IAAY,GAC/BlB;AAAAA,IAAMT,+BAET4B,eAAa;AAAA,MACZ1B,WAAWe,KACTC,qBAAqBW,SACrB5B,mCAAS4B,SACTzB,YAAY,YACVa,KACEhB,mCAAS6B,yBACTZ,qBAAqBY,uBAAuB,GAEhD1B,YAAY,aACVa,KACEhB,mCAAS8B,mBACTb,qBAAqBa,iBAAiB,CACvC;AAAA,MAELX,UAAUhB;AAAAA,MAAQJ,WAEjBI,YAAY,YAAYW,sBACxB,CAACiB,SAAS7B,KAAK,IACdA,QAEA8B,oBAACC,cAAY;AAAA,QACX9B,SACEA,YAAY,WACR,WACAM,2CAAayB,cAAcC;AAAAA,QAEjCC,WAAY,IAAGvB;AAAAA,QACfZ,WAAWe,KAAKC,qBAAqBoB,MAAMrC,mCAASqC,IAAI;AAAA,QAAEtC,UAEzDG;AAAAA,MAAAA,CAAK,GAGTH,YACCiC,oBAACM,eAAa;AAAA,QACZrC,WAAWe,KAAKC,qBAAqBsB,SAASvC,mCAASuC,OAAO;AAAA,QAAExC;AAAAA,MAAAA,CAInE,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEQ;AAEjB;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"GlobalActions.styles.js","sources":["../../../../src/components/GlobalActions/GlobalActions.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Breakpoints as MuiBreakpoints } from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledRoot = styled(\n \"div\",\n transientOptions\n)(\n ({\n $position,\n $variant,\n $breakpoints,\n }: {\n $position: string;\n $variant: string;\n $breakpoints: MuiBreakpoints;\n }) => ({\n position: \"relative\",\n ...($position === \"sticky\" && {\n width: \"100%\",\n position: \"sticky\",\n }),\n ...($position === \"fixed\" && {\n width: \"100%\",\n position: \"fixed\",\n\n [$breakpoints.up(\"md\")]: {\n width: `calc(100% - 2${theme.spacing(4)}px)`,\n marginLeft: `${theme.spacing(4)}px`,\n marginRight: `${theme.spacing(4)}px`,\n },\n [$breakpoints.down(\"sm\")]: {\n width: `calc(100% - 2${theme.space.sm}px)`,\n marginLeft: `${theme.space.sm}px`,\n marginRight: `${theme.space.sm}px`,\n },\n }),\n ...($variant === \"global\" && {\n zIndex: `calc(${theme.zIndices.banner} - 2)`,\n\n top: 0,\n left: 0,\n\n \"&:before\": {\n content: \"''\",\n display: \"flex\",\n width: \"100%\",\n height: 72,\n top: 0,\n background: theme.colors.atmo2,\n opacity: \"75%\",\n },\n backdropFilter: \"blur(1px)\",\n }),\n })\n);\n\nexport const StyledBackButton = styled(\"div\")({\n marginRight: theme.space.xs,\n});\n\nexport const StyledWrapper = styled(\n \"div\",\n transientOptions\n)(({ $variant }: { $variant: string }) => ({\n height: 52,\n paddingRight: theme.space.xs,\n display: \"flex\",\n justifyContent: \"flex-start\",\n alignItems: \"center\",\n ...($variant === \"global\" && {\n position: \"absolute\",\n top: 0,\n left: 0,\n background: theme.colors.atmo1,\n width: \"100%\",\n padding: theme.space.xs,\n marginTop: theme.space.xs,\n }),\n ...($variant === \"section\" && {\n background: \"none\",\n borderTop: `1px solid ${theme.colors.atmo4}`,\n }),\n}));\n\nexport const StyledActions = styled(\"div\")({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"flex-end\",\n marginLeft: \"auto\",\n \"& > *:not(:first-of-type) \": {\n marginLeft: theme.space.xs,\n },\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$position","$variant","$breakpoints","position","width","up","theme","spacing","marginLeft","marginRight","down","space","sm","zIndex","zIndices","banner","top","left","content","display","height","background","colors","atmo2","opacity","backdropFilter","StyledBackButton","xs","StyledWrapper","paddingRight","justifyContent","alignItems","atmo1","padding","marginTop","borderTop","atmo4","StyledActions"],"mappings":";;;;;;;;;;;;;;;;;AAKaA,MAAAA,qCACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCE;AAAAA,EACAC;AAAAA,EACAC;AAKF,OAAO;AAAA,EACLC,UAAU;AAAA,EACV,GAAIH,cAAc,YAAY;AAAA,IAC5BI,OAAO;AAAA,IACPD,UAAU;AAAA,EACZ;AAAA,EACA,GAAIH,cAAc,WAAW;AAAA,IAC3BI,OAAO;AAAA,IACPD,UAAU;AAAA,IAEV,CAACD,aAAaG,GAAG,IAAI,~~IAAI~~;AAAA,MACvBD,OAAQ,iBAAgBE,MAAMC,QAAQ,CAAC;AAAA,MACvCC,YAAa,GAAEF,MAAMC,QAAQ,CAAC;AAAA,MAC9BE,aAAc,GAAEH,MAAMC,QAAQ,CAAC;AAAA,IACjC;AAAA,IACA,CAACL,aAAaQ,KAAK,IAAI,~~IAAI~~;AAAA,MACzBN,OAAQ,iBAAgBE,MAAMK,MAAMC;AAAAA,MACpCJ,YAAa,GAAEF,MAAMK,MAAMC;AAAAA,MAC3BH,aAAc,GAAEH,MAAMK,MAAMC;AAAAA,IAC9B;AAAA,EACF;AAAA,EACA,GAAIX,aAAa,YAAY;AAAA,IAC3BY,QAAS,QAAOP,MAAMQ,SAASC;AAAAA,IAE/BC,KAAK;AAAA,IACLC,MAAM;AAAA,IAEN,YAAY;AAAA,MACVC,SAAS;AAAA,MACTC,SAAS;AAAA,MACTf,OAAO;AAAA,MACPgB,QAAQ;AAAA,MACRJ,KAAK;AAAA,MACLK,YAAYf,MAAMgB,OAAOC;AAAAA,MACzBC,SAAS;AAAA,IACX;AAAA,IACAC,gBAAgB;AAAA,EAClB;AACF,IAAEhC,QAAAC,IAAAC,aACH,eAAA,KAAA,qnHAAA;AAEM,MAAM+B,mBAA0B,wBAAA,OAAKjC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EAC5CU,aAAaH,MAAMK,MAAMgB;AAC3B,GAAClC,QAAAC,IAAAC,aAAC,eAAA,KAAA,qnHAAA;AAEWiC,MAAAA,wCACX,OAAKnC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEG;AAA+B,OAAO;AAAA,EACzCmB,QAAQ;AAAA,EACRS,cAAcvB,MAAMK,MAAMgB;AAAAA,EAC1BR,SAAS;AAAA,EACTW,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EACZ,GAAI9B,aAAa,YAAY;AAAA,IAC3BE,UAAU;AAAA,IACVa,KAAK;AAAA,IACLC,MAAM;AAAA,IACNI,YAAYf,MAAMgB,OAAOU;AAAAA,IACzB5B,OAAO;AAAA,IACP6B,SAAS3B,MAAMK,MAAMgB;AAAAA,IACrBO,WAAW5B,MAAMK,MAAMgB;AAAAA,EACzB;AAAA,EACA,GAAI1B,aAAa,aAAa;AAAA,IAC5BoB,YAAY;AAAA,IACZc,WAAY,aAAY7B,MAAMgB,OAAOc;AAAAA,EACvC;AACF,IAAE3C,QAAAC,IAAAC,aAAC,eAAA,KAAA,qnHAAA;AAEI,MAAM0C,gBAAuB,wBAAA,OAAK5C,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCoB,SAAS;AAAA,EACTY,YAAY;AAAA,EACZD,gBAAgB;AAAA,EAChBtB,YAAY;AAAA,EACZ,8BAA8B;AAAA,IAC5BA,YAAYF,MAAMK,MAAMgB;AAAAA,EAC1B;AACF,GAAClC,QAAAC,IAAAC,aAAC,eAAA,KAAA,qnHAAA;"}
1	+ {"version":3,"file":"GlobalActions.styles.js","sources":["../../../../src/components/GlobalActions/GlobalActions.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Breakpoints as MuiBreakpoints } from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledRoot = styled(\n \"div\",\n transientOptions\n)(\n ({\n $position,\n $variant,\n $breakpoints,\n }: {\n $position: string;\n $variant: string;\n $breakpoints: MuiBreakpoints;\n }) => ({\n position: \"relative\",\n ...($position === \"sticky\" && {\n width: \"100%\",\n position: \"sticky\",\n }),\n ...($position === \"fixed\" && {\n width: \"100%\",\n position: \"fixed\",\n\n [$breakpoints.up(\"md\")]: {\n width: `calc(100% - 2${theme.spacing(4)}px)`,\n marginLeft: `${theme.spacing(4)}px`,\n marginRight: `${theme.spacing(4)}px`,\n },\n [$breakpoints.down(\"sm\")]: {\n width: `calc(100% - 2${theme.space.sm}px)`,\n marginLeft: `${theme.space.sm}px`,\n marginRight: `${theme.space.sm}px`,\n },\n }),\n ...($variant === \"global\" && {\n zIndex: `calc(${theme.zIndices.banner} - 2)`,\n\n top: 0,\n left: 0,\n\n \"&:before\": {\n content: \"''\",\n display: \"flex\",\n width: \"100%\",\n height: 72,\n top: 0,\n background: theme.colors.atmo2,\n opacity: \"75%\",\n },\n backdropFilter: \"blur(1px)\",\n }),\n })\n);\n\nexport const StyledBackButton = styled(\"div\")({\n marginRight: theme.space.xs,\n});\n\nexport const StyledWrapper = styled(\n \"div\",\n transientOptions\n)(({ $variant }: { $variant: string }) => ({\n height: 52,\n paddingRight: theme.space.xs,\n display: \"flex\",\n justifyContent: \"flex-start\",\n alignItems: \"center\",\n ...($variant === \"global\" && {\n position: \"absolute\",\n top: 0,\n left: 0,\n background: theme.colors.atmo1,\n width: \"100%\",\n padding: theme.space.xs,\n marginTop: theme.space.xs,\n }),\n ...($variant === \"section\" && {\n background: \"none\",\n borderTop: `1px solid ${theme.colors.atmo4}`,\n }),\n}));\n\nexport const StyledActions = styled(\"div\")({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"flex-end\",\n marginLeft: \"auto\",\n \"& > *:not(:first-of-type) \": {\n marginLeft: theme.space.xs,\n },\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$position","$variant","$breakpoints","position","width","up","theme","spacing","marginLeft","marginRight","down","space","sm","zIndex","zIndices","banner","top","left","content","display","height","background","colors","atmo2","opacity","backdropFilter","StyledBackButton","xs","StyledWrapper","paddingRight","justifyContent","alignItems","atmo1","padding","marginTop","borderTop","atmo4","StyledActions"],"mappings":";;;;;;;;;;;;;;;;;AAKaA,MAAAA,qCACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCE;AAAAA,EACAC;AAAAA,EACAC;AAKF,OAAO;AAAA,EACLC,UAAU;AAAA,EACV,GAAIH,cAAc,YAAY;AAAA,IAC5BI,OAAO;AAAA,IACPD,UAAU;AAAA,EACZ;AAAA,EACA,GAAIH,cAAc,WAAW;AAAA,IAC3BI,OAAO;AAAA,IACPD,UAAU;AAAA,IAEV,CAACD,aAAaG,GAAG,IAAI,CAAC,GAAG;AAAA,MACvBD,OAAQ,iBAAgBE,MAAMC,QAAQ,CAAC;AAAA,MACvCC,YAAa,GAAEF,MAAMC,QAAQ,CAAC;AAAA,MAC9BE,aAAc,GAAEH,MAAMC,QAAQ,CAAC;AAAA,IACjC;AAAA,IACA,CAACL,aAAaQ,KAAK,IAAI,CAAC,GAAG;AAAA,MACzBN,OAAQ,iBAAgBE,MAAMK,MAAMC;AAAAA,MACpCJ,YAAa,GAAEF,MAAMK,MAAMC;AAAAA,MAC3BH,aAAc,GAAEH,MAAMK,MAAMC;AAAAA,IAC9B;AAAA,EACF;AAAA,EACA,GAAIX,aAAa,YAAY;AAAA,IAC3BY,QAAS,QAAOP,MAAMQ,SAASC;AAAAA,IAE/BC,KAAK;AAAA,IACLC,MAAM;AAAA,IAEN,YAAY;AAAA,MACVC,SAAS;AAAA,MACTC,SAAS;AAAA,MACTf,OAAO;AAAA,MACPgB,QAAQ;AAAA,MACRJ,KAAK;AAAA,MACLK,YAAYf,MAAMgB,OAAOC;AAAAA,MACzBC,SAAS;AAAA,IACX;AAAA,IACAC,gBAAgB;AAAA,EAClB;AACF,IAAEhC,QAAAC,IAAAC,aACH,eAAA,KAAA,qnHAAA;AAEM,MAAM+B,mBAA0B,wBAAA,OAAKjC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EAC5CU,aAAaH,MAAMK,MAAMgB;AAC3B,GAAClC,QAAAC,IAAAC,aAAC,eAAA,KAAA,qnHAAA;AAEWiC,MAAAA,wCACX,OAAKnC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEG;AAA+B,OAAO;AAAA,EACzCmB,QAAQ;AAAA,EACRS,cAAcvB,MAAMK,MAAMgB;AAAAA,EAC1BR,SAAS;AAAA,EACTW,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EACZ,GAAI9B,aAAa,YAAY;AAAA,IAC3BE,UAAU;AAAA,IACVa,KAAK;AAAA,IACLC,MAAM;AAAA,IACNI,YAAYf,MAAMgB,OAAOU;AAAAA,IACzB5B,OAAO;AAAA,IACP6B,SAAS3B,MAAMK,MAAMgB;AAAAA,IACrBO,WAAW5B,MAAMK,MAAMgB;AAAAA,EACzB;AAAA,EACA,GAAI1B,aAAa,aAAa;AAAA,IAC5BoB,YAAY;AAAA,IACZc,WAAY,aAAY7B,MAAMgB,OAAOc;AAAAA,EACvC;AACF,IAAE3C,QAAAC,IAAAC,aAAC,eAAA,KAAA,qnHAAA;AAEI,MAAM0C,gBAAuB,wBAAA,OAAK5C,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCoB,SAAS;AAAA,EACTY,YAAY;AAAA,EACZD,gBAAgB;AAAA,EAChBtB,YAAY;AAAA,EACZ,8BAA8B;AAAA,IAC5BA,YAAYF,MAAMK,MAAMgB;AAAAA,EAC1B;AACF,GAAClC,QAAAC,IAAAC,aAAC,eAAA,KAAA,qnHAAA;"}