@hitachivantara/uikit-react-core 5.24.0 → 5.24.2

package/dist/cjs/components/Forms/Label/Label.cjs

@@ -2,18 +2,17 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const useDefaultProps = require("../../../hooks/useDefaultProps.cjs");
-const clsx = require("clsx");
 const setId = require("../../../utils/setId.cjs");
 const FormUtils = require("../FormElement/utils/FormUtils.cjs");
 const Label_styles = require("./Label.styles.cjs");
-const labelClasses = require("./labelClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const FormElementContext = require("../FormElement/context/FormElementContext.cjs");
+const Typography = require("../../Typography/Typography.cjs");
 const HvLabel = (props) => {
   var _a, _b, _c;
   const {
     id,
-    classes,
+    classes: classesProp,
     className,
     children,
     label,
@@ -22,6 +21,10 @@ const HvLabel = (props) => {
     htmlFor: htmlForProp,
     ...others
   } = useDefaultProps.useDefaultProps("HvLabel", props);
+  const {
+    classes,
+    cx
+  } = Label_styles.useClasses(classesProp);
   const {
     elementId,
     elementDisabled,
@@ -32,14 +35,15 @@ const HvLabel = (props) => {
   const localId = id ?? setId.setId(elementId, "label");
   const forId = htmlForProp || ((_c = (_b = (_a = FormUtils.findDescriptors(children)) == null ? void 0 : _a.input) == null ? void 0 : _b[0]) == null ? void 0 : _c.id);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/* @__PURE__ */ jsxRuntime.jsxs(Label_styles.StyledTypography, {
+    children: [/* @__PURE__ */ jsxRuntime.jsxs(Typography.HvTypography, {
       id: localId,
-      className: clsx.clsx(className, labelClasses.default.root, classes == null ? void 0 : classes.root, localDisabled && clsx.clsx(labelClasses.default.labelDisabled, classes == null ? void 0 : classes.labelDisabled), children && label && clsx.clsx(labelClasses.default.childGutter, classes == null ? void 0 : classes.childGutter)),
+      className: cx(classes.root, {
+        [classes.labelDisabled]: !!localDisabled,
+        [classes.childGutter]: !!(children && label)
+      }, className),
       variant: "label",
       component: "label",
       htmlFor: forId,
-      $labelDisabled: !!localDisabled,
-      $childGutter: !!(children && label),
       ...others,
       children: [label, localRequired && /* @__PURE__ */ jsxRuntime.jsx("span", {
         "aria-hidden": "true",
@@ -48,5 +52,6 @@ const HvLabel = (props) => {
     }), children]
   });
 };
+exports.labelClasses = Label_styles.staticClasses;
 exports.HvLabel = HvLabel;
 //# sourceMappingURL=Label.cjs.map

package/dist/cjs/components/Forms/Label/Label.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Label.cjs","sources":["../../../../../src/components/Forms/Label/Label.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { clsx } from \"clsx\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { HvFormElementContext } from \"../FormElement\";\nimport { findDescriptors } from \"../FormElement/utils/FormUtils\";\nimport { StyledTypography } from \"./Label.styles\";\nimport labelClasses, { HvLabelClasses } from \"./labelClasses\";\n\nexport interface HvLabelProps extends HvBaseProps {\n  /** Id to be applied to the root node */\n  id?: string;\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 = (props: HvLabelProps) => {\n  const {\n    id,\n    classes,\n    className,\n    children,\n    label,\n    disabled,\n    required,\n    htmlFor: htmlForProp,\n    ...others\n  } = useDefaultProps(\"HvLabel\", props);\n\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","props","id","classes","className","children","label","disabled","required","htmlFor","htmlForProp","others","useDefaultProps","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":";;;;;;;;;;;AA+BaA,MAAAA,UAAUA,CAACC,UAAwB;;AACxC,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,IACT,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,WAAWX,KAAK;AAE9B,QAAA;AAAA,IAAEY;AAAAA,IAAWC;AAAAA,IAAiBC;AAAAA,EAAAA,IAClCC,MAAAA,WAAWC,mBAAAA,oBAAoB;AAEjC,QAAMC,gBAAgBX,YAAYO;AAClC,QAAMK,gBAAgBX,YAAYO;AAElC,QAAMK,UAAUlB,MAAMmB,MAAMR,MAAAA,WAAW,OAAO;AAE9C,QAAMS,QAAQZ,iBAAea,2CAAgBlB,QAAQ,MAAxBkB,mBAA2BC,UAA3BD,mBAAmC,OAAnCA,mBAAuCrB;AAEpE,yCACEuB,WAAAA,UAAA;AAAA,IAAApB,UAAA,CACEqB,2BAAAA,KAACC,+BAAgB;AAAA,MACfzB,IAAIkB;AAAAA,MACJhB,WAAWwB,KAAAA,KACTxB,WACAyB,qBAAaC,MACb3B,mCAAS2B,MACTZ,iBACEU,KAAAA,KAAKC,aAAAA,QAAaE,eAAe5B,mCAAS4B,aAAa,GACzD1B,YACEC,SACAsB,UAAKC,aAAAA,QAAaG,aAAa7B,mCAAS6B,WAAW,CACvD;AAAA,MACAC,SAAQ;AAAA,MACRC,WAAU;AAAA,MACVzB,SAASa;AAAAA,MACTa,gBAAgB,CAAC,CAACjB;AAAAA,MAClBkB,cAAc,CAAC,EAAE/B,YAAYC;AAAAA,MAAO,GAChCK;AAAAA,MAAMN,UAETC,CAAAA,OACAa,gDAAiB,QAAA;AAAA,QAAM,eAAY;AAAA,QAAMd,UAAC;AAAA,MAAA,CAAO,CAAC;AAAA,IACnC,CAAA,GACjBA,QAAQ;AAAA,EAAA,CACT;AAEN;;"}
+{"version":3,"file":"Label.cjs","sources":["../../../../../src/components/Forms/Label/Label.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { setId } from \"@core/utils/setId\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvTypography, HvTypographyProps } from \"@core/components/Typography\";\n\nimport { HvFormElementContext } from \"../FormElement\";\nimport { findDescriptors } from \"../FormElement/utils/FormUtils\";\nimport { staticClasses, useClasses } from \"./Label.styles\";\n\nexport { staticClasses as labelClasses };\n\nexport type HvLabelClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvLabelProps extends HvTypographyProps<\"label\"> {\n  /** Id to be applied to the root node */\n  id?: string;\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 = (props: HvLabelProps) => {\n  const {\n    id,\n    classes: classesProp,\n    className,\n    children,\n    label,\n    disabled,\n    required,\n    htmlFor: htmlForProp,\n    ...others\n  } = useDefaultProps(\"HvLabel\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\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      <HvTypography\n        id={localId}\n        className={cx(\n          classes.root,\n          {\n            [classes.labelDisabled]: !!localDisabled,\n            [classes.childGutter]: !!(children && label),\n          },\n          className\n        )}\n        variant=\"label\"\n        component=\"label\"\n        htmlFor={forId}\n        {...others}\n      >\n        {label}\n        {localRequired && <span aria-hidden=\"true\">*</span>}\n      </HvTypography>\n      {children}\n    </>\n  );\n};\n"],"names":["HvLabel","props","id","classes","classesProp","className","children","label","disabled","required","htmlFor","htmlForProp","others","useDefaultProps","cx","useClasses","elementId","elementDisabled","elementRequired","useContext","HvFormElementContext","localDisabled","localRequired","localId","setId","forId","findDescriptors","input","_Fragment","_jsxs","HvTypography","root","labelDisabled","childGutter","variant","component"],"mappings":";;;;;;;;;;AAiCaA,MAAAA,UAAUA,CAACC,UAAwB;;AACxC,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,IACT,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,WAAWZ,KAAK;AAE9B,QAAA;AAAA,IAAEE;AAAAA,IAASW;AAAAA,EAAAA,IAAOC,aAAAA,WAAWX,WAAW;AAExC,QAAA;AAAA,IAAEY;AAAAA,IAAWC;AAAAA,IAAiBC;AAAAA,EAAAA,IAClCC,MAAAA,WAAWC,mBAAAA,oBAAoB;AAEjC,QAAMC,gBAAgBb,YAAYS;AAClC,QAAMK,gBAAgBb,YAAYS;AAElC,QAAMK,UAAUrB,MAAMsB,MAAMR,MAAAA,WAAW,OAAO;AAE9C,QAAMS,QAAQd,iBAAee,2CAAgBpB,QAAQ,MAAxBoB,mBAA2BC,UAA3BD,mBAAmC,OAAnCA,mBAAuCxB;AAEpE,yCACE0B,WAAAA,UAAA;AAAA,IAAAtB,UAAA,CACEuB,2BAAAA,KAACC,yBAAY;AAAA,MACX5B,IAAIqB;AAAAA,MACJlB,WAAWS,GACTX,QAAQ4B,MACR;AAAA,QACE,CAAC5B,QAAQ6B,aAAa,GAAG,CAAC,CAACX;AAAAA,QAC3B,CAAClB,QAAQ8B,WAAW,GAAG,CAAC,EAAE3B,YAAYC;AAAAA,SAExCF,SACF;AAAA,MACA6B,SAAQ;AAAA,MACRC,WAAU;AAAA,MACVzB,SAASe;AAAAA,MAAM,GACXb;AAAAA,MAAMN,UAETC,CAAAA,OACAe,gDAAiB,QAAA;AAAA,QAAM,eAAY;AAAA,QAAMhB,UAAC;AAAA,MAAA,CAAO,CAAC;AAAA,IACvC,CAAA,GACbA,QAAQ;AAAA,EAAA,CACT;AAEN;;;"}

package/dist/cjs/components/Forms/Label/Label.styles.cjs

@@ -1,42 +1,22 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const transientOptions = require("../../../utils/transientOptions.cjs");
-const Typography = require("../../Typography/Typography.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-const StyledTypography = /* @__PURE__ */ _styled__default.default(Typography.HvTypography, process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e17iqvr40"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "e17iqvr40",
-  label: "StyledTypography"
-}, transientOptions.transientOptions))(({
-  $labelDisabled,
-  $childGutter
-}) => ({
-  fontWeight: uikitStyles.theme.forms.label.fontWeight,
-  display: "inline-block",
-  ...$labelDisabled && {
+const classes = require("../../../utils/classes.cjs");
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses("HvLabel", {
+  root: {
+    fontWeight: uikitStyles.theme.forms.label.fontWeight,
+    display: "inline-block"
+  },
+  labelDisabled: {
     color: uikitStyles.theme.colors.secondary_60
   },
-  ...$childGutter && {
+  childGutter: {
     paddingBottom: "6px"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvTGFiZWwvTGFiZWwuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPZ0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb3Jtcy9MYWJlbC9MYWJlbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvVHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGxhYmVsRGlzYWJsZWQsXG4gICAgJGNoaWxkR3V0dGVyLFxuICB9OiB7XG4gICAgJGxhYmVsRGlzYWJsZWQ6IGJvb2xlYW47XG4gICAgJGNoaWxkR3V0dGVyOiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLmZvcm1zLmxhYmVsLmZvbnRXZWlnaHQsXG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICAuLi4oJGxhYmVsRGlzYWJsZWQgJiYge1xuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgfSksXG4gICAgLi4uKCRjaGlsZEd1dHRlciAmJiB7XG4gICAgICBwYWRkaW5nQm90dG9tOiBcIjZweFwiLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */");
-exports.StyledTypography = StyledTypography;
+});
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=Label.styles.cjs.map

package/dist/cjs/components/Forms/Label/Label.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Label.styles.cjs","sources":["../../../../../src/components/Forms/Label/Label.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledTypography = styled(\n  HvTypography,\n  transientOptions\n)(\n  ({\n    $labelDisabled,\n    $childGutter,\n  }: {\n    $labelDisabled: boolean;\n    $childGutter: boolean;\n  }) => ({\n    fontWeight: theme.forms.label.fontWeight,\n    display: \"inline-block\",\n    ...($labelDisabled && {\n      color: theme.colors.secondary_60,\n    }),\n    ...($childGutter && {\n      paddingBottom: \"6px\",\n    }),\n  })\n);\n"],"names":["StyledTypography","HvTypography","process","env","NODE_ENV","_extends","target","transientOptions","label","$labelDisabled","$childGutter","fontWeight","theme","forms","display","color","colors","secondary_60","paddingBottom"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAOaA,MAAAA,4DACXC,WAAAA,cAAYC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACZC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CAClB,EACE,CAAC;AAAA,EACCE;AAAAA,EACAC;AAIF,OAAO;AAAA,EACLC,YAAYC,YAAMC,MAAAA,MAAML,MAAMG;AAAAA,EAC9BG,SAAS;AAAA,EACT,GAAIL,kBAAkB;AAAA,IACpBM,OAAOH,YAAAA,MAAMI,OAAOC;AAAAA,EACtB;AAAA,EACA,GAAIP,gBAAgB;AAAA,IAClBQ,eAAe;AAAA,EACjB;AACF,IAAEhB,QAAAC,IAAAC,83CACJ;;"}
+{"version":3,"file":"Label.styles.cjs","sources":["../../../../../src/components/Forms/Label/Label.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvLabel\", {\n  root: { fontWeight: theme.forms.label.fontWeight, display: \"inline-block\" },\n  labelDisabled: { color: theme.colors.secondary_60 },\n  childGutter: { paddingBottom: \"6px\" },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","fontWeight","theme","forms","label","display","labelDisabled","color","colors","secondary_60","childGutter","paddingBottom"],"mappings":";;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,WAAW;AAAA,EACpEC,MAAM;AAAA,IAAEC,YAAYC,YAAMC,MAAAA,MAAMC,MAAMH;AAAAA,IAAYI,SAAS;AAAA,EAAe;AAAA,EAC1EC,eAAe;AAAA,IAAEC,OAAOL,YAAAA,MAAMM,OAAOC;AAAAA,EAAa;AAAA,EAClDC,aAAa;AAAA,IAAEC,eAAe;AAAA,EAAM;AACtC,CAAC;;;"}

package/dist/cjs/components/Forms/Suggestions/Suggestions.cjs

@@ -1,20 +1,19 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const clsx = require("clsx");
 const React = require("react");
 const material = require("@mui/material");
 const setId = require("../../../utils/setId.cjs");
 const useClickOutside = require("../../../hooks/useClickOutside.cjs");
 const Suggestions_styles = require("./Suggestions.styles.cjs");
-const suggestionsClasses = require("./suggestionsClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const SelectionList = require("../../SelectionList/SelectionList.cjs");
 const ListItem = require("../../ListContainer/ListItem/ListItem.cjs");
 const FormElementContext = require("../FormElement/context/FormElementContext.cjs");
 const HvSuggestions = React.forwardRef((props, extRef) => {
   const {
     id,
     className,
-    classes,
+    classes: classesProp,
     expanded = false,
     anchorEl,
     suggestionValues = [],
@@ -22,6 +21,10 @@ const HvSuggestions = React.forwardRef((props, extRef) => {
     onSuggestionSelected,
     ...others
   } = props;
+  const {
+    classes,
+    cx
+  } = Suggestions_styles.useClasses(classesProp);
   const {
     elementId
   } = React.useContext(FormElementContext.HvFormElementContext);
@@ -36,18 +39,18 @@ const HvSuggestions = React.forwardRef((props, extRef) => {
   React.useEffect(() => {
     setIsOpen(expanded);
   }, [expanded]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Suggestions_styles.StyledRoot, {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
     id: localId,
     ref: forkedRef,
-    className: clsx.clsx(className, suggestionsClasses.default.root, classes == null ? void 0 : classes.root),
+    className: cx(classes.root, className),
     ...others,
-    children: /* @__PURE__ */ jsxRuntime.jsx(Suggestions_styles.StyledPopper, {
+    children: /* @__PURE__ */ jsxRuntime.jsx(material.Popper, {
       open: isOpen,
       disablePortal: true,
       anchorEl,
-      className: clsx.clsx(suggestionsClasses.default.popper, classes == null ? void 0 : classes.popper),
-      children: /* @__PURE__ */ jsxRuntime.jsx(Suggestions_styles.StyledSelectionList, {
-        className: clsx.clsx(suggestionsClasses.default.list, classes == null ? void 0 : classes.list),
+      className: classes.popper,
+      children: /* @__PURE__ */ jsxRuntime.jsx(SelectionList.HvSelectionList, {
+        className: classes.list,
         id: setId.setId(localId, "list"),
         onChange: onSuggestionSelected,
         children: suggestionValues == null ? void 0 : suggestionValues.map((item, i) => {
@@ -62,5 +65,6 @@ const HvSuggestions = React.forwardRef((props, extRef) => {
     })
   });
 });
+exports.suggestionsClasses = Suggestions_styles.staticClasses;
 exports.HvSuggestions = HvSuggestions;
 //# sourceMappingURL=Suggestions.cjs.map

package/dist/cjs/components/Forms/Suggestions/Suggestions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Suggestions.cjs","sources":["../../../../../src/components/Forms/Suggestions/Suggestions.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\n\nimport React, {\n  forwardRef,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { useForkRef } from \"@mui/material\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { setId } from \"@core/utils/setId\";\nimport { HvListItem } from \"@core/components/ListContainer\";\nimport {\n  HvClickOutsideEvent,\n  useClickOutside,\n} from \"@core/hooks/useClickOutside\";\n\nimport {\n  StyledRoot,\n  StyledSelectionList,\n  StyledPopper,\n} from \"./Suggestions.styles\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport suggestionsClasses, { HvSuggestionsClasses } from \"./suggestionsClasses\";\n\nexport interface HvSuggestion {\n  id?: string;\n  label: React.ReactNode;\n  value?: string;\n  disabled?: boolean;\n}\n\nexport interface HvSuggestionsProps extends 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 a suggestion is selected */\n  onSuggestionSelected?: (event: React.MouseEvent, value: HvSuggestion) => void;\n  /** Function called when suggestion list is closed */\n  onClose?: (event: HvClickOutsideEvent) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvSuggestionsClasses;\n}\n\nexport const HvSuggestions = forwardRef((props: HvSuggestionsProps, extRef) => {\n  const {\n    id,\n    className,\n    classes,\n    expanded = false,\n    anchorEl,\n    suggestionValues = [],\n    onClose,\n    onSuggestionSelected,\n    ...others\n  } = props;\n  const { elementId } = useContext(HvFormElementContext);\n  const localId = id ?? setId(elementId, \"suggestions\");\n\n  const ref = useRef<HTMLDivElement>(null);\n  const forkedRef = useForkRef(ref, extRef);\n\n  const [isOpen, setIsOpen] = useState(expanded);\n\n  useClickOutside(ref, (event) => {\n    setIsOpen(false);\n    onClose?.(event);\n  });\n\n  useEffect(() => {\n    setIsOpen(expanded);\n  }, [expanded]);\n\n  return (\n    <StyledRoot\n      id={localId}\n      ref={forkedRef}\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","forwardRef","props","extRef","id","className","classes","expanded","anchorEl","suggestionValues","onClose","onSuggestionSelected","others","elementId","useContext","HvFormElementContext","localId","setId","ref","useRef","forkedRef","useForkRef","isOpen","setIsOpen","useState","useClickOutside","event","useEffect","StyledRoot","clsx","suggestionsClasses","root","children","StyledPopper","open","disablePortal","popper","StyledSelectionList","list","onChange","map","item","i","itemKey","HvListItem","value","disabled","undefined","label"],"mappings":";;;;;;;;;;;;AAkDO,MAAMA,gBAAgBC,MAAAA,WAAW,CAACC,OAA2BC,WAAW;AACvE,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,WAAW;AAAA,IACXC;AAAAA,IACAC,mBAAmB,CAAE;AAAA,IACrBC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EACDV,IAAAA;AACE,QAAA;AAAA,IAAEW;AAAAA,EAAAA,IAAcC,MAAAA,WAAWC,mBAAAA,oBAAoB;AACrD,QAAMC,UAAUZ,MAAMa,MAAMJ,MAAAA,WAAW,aAAa;AAE9CK,QAAAA,MAAMC,aAAuB,IAAI;AACjCC,QAAAA,YAAYC,SAAAA,WAAWH,KAAKf,MAAM;AAExC,QAAM,CAACmB,QAAQC,SAAS,IAAIC,eAASjB,QAAQ;AAE7CkB,kCAAgBP,KAAMQ,CAAU,UAAA;AAC9BH,cAAU,KAAK;AACfb,uCAAUgB;AAAAA,EAAK,CAChB;AAEDC,QAAAA,UAAU,MAAM;AACdJ,cAAUhB,QAAQ;AAAA,EAAA,GACjB,CAACA,QAAQ,CAAC;AAEb,wCACGqB,mBAAAA,YAAU;AAAA,IACTxB,IAAIY;AAAAA,IACJE,KAAKE;AAAAA,IACLf,WAAWwB,KAAKxB,KAAAA,WAAWyB,mBAAmBC,QAAAA,MAAMzB,mCAASyB,IAAI;AAAA,IAAE,GAC/DnB;AAAAA,IAAMoB,yCAETC,iCAAY;AAAA,MACXC,MAAMZ;AAAAA,MACNa,eAAa;AAAA,MACb3B;AAAAA,MACAH,WAAWwB,KAAAA,KAAKC,mBAAAA,QAAmBM,QAAQ9B,mCAAS8B,MAAM;AAAA,MAAEJ,yCAE3DK,wCAAmB;AAAA,QAClBhC,WAAWwB,KAAAA,KAAKC,mBAAAA,QAAmBQ,MAAMhC,mCAASgC,IAAI;AAAA,QACtDlC,IAAIa,MAAAA,MAAMD,SAAS,MAAM;AAAA,QACzBuB,UAAU5B;AAAAA,QAAqBqB,UAE9BvB,qDAAkB+B,IAAI,CAACC,MAAMC,MAAM;AAClC,gBAAMC,UAAUF,KAAKrC,MAAMa,MAAAA,MAAM,QAAQyB,CAAC;AAE1C,gDACGE,SAAAA,YAAU;AAAA,YAETC,OAAOJ;AAAAA,YACPK,UAAUL,KAAKK,YAAYC;AAAAA,YAAUf,UAEpCS,KAAKO;AAAAA,aAJDL,OAKK;AAAA,QAAA;AAAA,MAEf,CACkB;AAAA,IAAA,CACT;AAAA,EAAA,CACJ;AAEhB,CAAC;;"}
+{"version":3,"file":"Suggestions.cjs","sources":["../../../../../src/components/Forms/Suggestions/Suggestions.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { useForkRef, Popper as MuiPopper } from \"@mui/material\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { setId } from \"@core/utils/setId\";\nimport { HvListItem } from \"@core/components/ListContainer\";\nimport {\n  HvClickOutsideEvent,\n  useClickOutside,\n} from \"@core/hooks/useClickOutside\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvSelectionList } from \"@core/components/SelectionList\";\n\nimport { staticClasses, useClasses } from \"./Suggestions.styles\";\nimport { HvFormElementContext } from \"../FormElement\";\n\nexport { staticClasses as suggestionsClasses };\n\nexport type HvSuggestionsClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSuggestion {\n  id?: string;\n  label: React.ReactNode;\n  value?: string;\n  disabled?: boolean;\n}\n\nexport interface HvSuggestionsProps extends 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 a suggestion is selected */\n  onSuggestionSelected?: (event: React.MouseEvent, value: HvSuggestion) => void;\n  /** Function called when suggestion list is closed */\n  onClose?: (event: HvClickOutsideEvent) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvSuggestionsClasses;\n}\n\nexport const HvSuggestions = forwardRef((props: HvSuggestionsProps, extRef) => {\n  const {\n    id,\n    className,\n    classes: classesProp,\n    expanded = false,\n    anchorEl,\n    suggestionValues = [],\n    onClose,\n    onSuggestionSelected,\n    ...others\n  } = props;\n  const { classes, cx } = useClasses(classesProp);\n\n  const { elementId } = useContext(HvFormElementContext);\n  const localId = id ?? setId(elementId, \"suggestions\");\n\n  const ref = useRef<HTMLDivElement>(null);\n  const forkedRef = useForkRef(ref, extRef);\n\n  const [isOpen, setIsOpen] = useState(expanded);\n\n  useClickOutside(ref, (event) => {\n    setIsOpen(false);\n    onClose?.(event);\n  });\n\n  useEffect(() => {\n    setIsOpen(expanded);\n  }, [expanded]);\n\n  return (\n    <div\n      id={localId}\n      ref={forkedRef}\n      className={cx(classes.root, className)}\n      {...others}\n    >\n      <MuiPopper\n        open={isOpen}\n        disablePortal\n        anchorEl={anchorEl}\n        className={classes.popper}\n      >\n        <HvSelectionList\n          className={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        </HvSelectionList>\n      </MuiPopper>\n    </div>\n  );\n});\n"],"names":["HvSuggestions","forwardRef","props","extRef","id","className","classes","classesProp","expanded","anchorEl","suggestionValues","onClose","onSuggestionSelected","others","cx","useClasses","elementId","useContext","HvFormElementContext","localId","setId","ref","useRef","forkedRef","useForkRef","isOpen","setIsOpen","useState","useClickOutside","event","useEffect","root","children","MuiPopper","open","disablePortal","popper","HvSelectionList","list","onChange","map","item","i","itemKey","HvListItem","value","disabled","undefined","label"],"mappings":";;;;;;;;;;;AAiDO,MAAMA,gBAAgBC,MAAAA,WAAW,CAACC,OAA2BC,WAAW;AACvE,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,IACTC,WAAW;AAAA,IACXC;AAAAA,IACAC,mBAAmB,CAAE;AAAA,IACrBC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EACDX,IAAAA;AACE,QAAA;AAAA,IAAEI;AAAAA,IAASQ;AAAAA,EAAAA,IAAOC,mBAAAA,WAAWR,WAAW;AAExC,QAAA;AAAA,IAAES;AAAAA,EAAAA,IAAcC,MAAAA,WAAWC,mBAAAA,oBAAoB;AACrD,QAAMC,UAAUf,MAAMgB,MAAMJ,MAAAA,WAAW,aAAa;AAE9CK,QAAAA,MAAMC,aAAuB,IAAI;AACjCC,QAAAA,YAAYC,SAAAA,WAAWH,KAAKlB,MAAM;AAExC,QAAM,CAACsB,QAAQC,SAAS,IAAIC,eAASnB,QAAQ;AAE7CoB,kCAAgBP,KAAMQ,CAAU,UAAA;AAC9BH,cAAU,KAAK;AACff,uCAAUkB;AAAAA,EAAK,CAChB;AAEDC,QAAAA,UAAU,MAAM;AACdJ,cAAUlB,QAAQ;AAAA,EAAA,GACjB,CAACA,QAAQ,CAAC;AAEb,wCACE,OAAA;AAAA,IACEJ,IAAIe;AAAAA,IACJE,KAAKE;AAAAA,IACLlB,WAAWS,GAAGR,QAAQyB,MAAM1B,SAAS;AAAA,IAAE,GACnCQ;AAAAA,IAAMmB,yCAETC,iBAAS;AAAA,MACRC,MAAMT;AAAAA,MACNU,eAAa;AAAA,MACb1B;AAAAA,MACAJ,WAAWC,QAAQ8B;AAAAA,MAAOJ,yCAEzBK,+BAAe;AAAA,QACdhC,WAAWC,QAAQgC;AAAAA,QACnBlC,IAAIgB,MAAAA,MAAMD,SAAS,MAAM;AAAA,QACzBoB,UAAU3B;AAAAA,QAAqBoB,UAE9BtB,qDAAkB8B,IAAI,CAACC,MAAMC,MAAM;AAClC,gBAAMC,UAAUF,KAAKrC,MAAMgB,MAAAA,MAAM,QAAQsB,CAAC;AAE1C,gDACGE,SAAAA,YAAU;AAAA,YAETC,OAAOJ;AAAAA,YACPK,UAAUL,KAAKK,YAAYC;AAAAA,YAAUf,UAEpCS,KAAKO;AAAAA,aAJDL,OAKK;AAAA,QAAA;AAAA,MAEf,CACc;AAAA,IAAA,CACR;AAAA,EAAA,CACR;AAET,CAAC;;;"}

package/dist/cjs/components/Forms/Suggestions/Suggestions.styles.cjs

@@ -1,51 +1,27 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _styled = require("@emotion/styled/base");
-const base = require("@mui/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const SelectionList = require("../../SelectionList/SelectionList.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "eqrftyh2"
-} : {
-  target: "eqrftyh2",
-  label: "StyledRoot"
-})(process.env.NODE_ENV === "production" ? {
-  name: "bjn8wh",
-  styles: "position:relative"
-} : {
-  name: "bjn8wh",
-  styles: "position:relative",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvU3VnZ2VzdGlvbnMvU3VnZ2VzdGlvbnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb3Jtcy9TdWdnZXN0aW9ucy9TdWdnZXN0aW9ucy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IFBvcHBlciB9IGZyb20gXCJAbXVpL2Jhc2VcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBIdlNlbGVjdGlvbkxpc3QgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9TZWxlY3Rpb25MaXN0XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VsZWN0aW9uTGlzdCA9IHN0eWxlZChIdlNlbGVjdGlvbkxpc3QpKHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGJveFNoYWRvdzogdGhlbWUuY29sb3JzLnNoYWRvdyxcbiAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gIHdpZHRoOiBcIjEwMCVcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9wcGVyID0gc3R5bGVkKFBvcHBlcikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGUzZCgwLCAtMXB4LCAwKSAhaW1wb3J0YW50XCIsXG4gIHpJbmRleDogdGhlbWUuekluZGljZXMudG9vbHRpcCxcbn0pO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+const classes = require("../../../utils/classes.cjs");
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses("HvSuggestions", {
+  root: {
+    position: "relative"
+  },
+  list: {
+    backgroundColor: uikitStyles.theme.colors.atmo1,
+    boxShadow: uikitStyles.theme.colors.shadow,
+    padding: uikitStyles.theme.space.xs,
+    width: "100%"
+  },
+  popper: {
+    width: "100%",
+    position: "absolute",
+    transform: "translate3d(0, -1px, 0) !important",
+    zIndex: uikitStyles.theme.zIndices.tooltip
+  }
 });
-const StyledSelectionList = /* @__PURE__ */ _styled__default.default(SelectionList.HvSelectionList, process.env.NODE_ENV === "production" ? {
-  target: "eqrftyh1"
-} : {
-  target: "eqrftyh1",
-  label: "StyledSelectionList"
-})({
-  backgroundColor: uikitStyles.theme.colors.atmo1,
-  boxShadow: uikitStyles.theme.colors.shadow,
-  padding: uikitStyles.theme.space.xs,
-  width: "100%"
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvU3VnZ2VzdGlvbnMvU3VnZ2VzdGlvbnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZbUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb3Jtcy9TdWdnZXN0aW9ucy9TdWdnZXN0aW9ucy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IFBvcHBlciB9IGZyb20gXCJAbXVpL2Jhc2VcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBIdlNlbGVjdGlvbkxpc3QgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9TZWxlY3Rpb25MaXN0XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VsZWN0aW9uTGlzdCA9IHN0eWxlZChIdlNlbGVjdGlvbkxpc3QpKHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGJveFNoYWRvdzogdGhlbWUuY29sb3JzLnNoYWRvdyxcbiAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gIHdpZHRoOiBcIjEwMCVcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9wcGVyID0gc3R5bGVkKFBvcHBlcikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGUzZCgwLCAtMXB4LCAwKSAhaW1wb3J0YW50XCIsXG4gIHpJbmRleDogdGhlbWUuekluZGljZXMudG9vbHRpcCxcbn0pO1xuIl19 */");
-const StyledPopper = /* @__PURE__ */ _styled__default.default(base.Popper, process.env.NODE_ENV === "production" ? {
-  target: "eqrftyh0"
-} : {
-  target: "eqrftyh0",
-  label: "StyledPopper"
-})({
-  width: "100%",
-  position: "absolute",
-  transform: "translate3d(0, -1px, 0) !important",
-  zIndex: uikitStyles.theme.zIndices.tooltip
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvU3VnZ2VzdGlvbnMvU3VnZ2VzdGlvbnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQjRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvU3VnZ2VzdGlvbnMvU3VnZ2VzdGlvbnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyBQb3BwZXIgfSBmcm9tIFwiQG11aS9iYXNlXCI7XG5cbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgSHZTZWxlY3Rpb25MaXN0IH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvU2VsZWN0aW9uTGlzdFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlbGVjdGlvbkxpc3QgPSBzdHlsZWQoSHZTZWxlY3Rpb25MaXN0KSh7XG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICBib3hTaGFkb3c6IHRoZW1lLmNvbG9ycy5zaGFkb3csXG4gIHBhZGRpbmc6IHRoZW1lLnNwYWNlLnhzLFxuICB3aWR0aDogXCIxMDAlXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBvcHBlciA9IHN0eWxlZChQb3BwZXIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlM2QoMCwgLTFweCwgMCkgIWltcG9ydGFudFwiLFxuICB6SW5kZXg6IHRoZW1lLnpJbmRpY2VzLnRvb2x0aXAsXG59KTtcbiJdfQ== */");
-exports.StyledPopper = StyledPopper;
-exports.StyledRoot = StyledRoot;
-exports.StyledSelectionList = StyledSelectionList;
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=Suggestions.styles.cjs.map

package/dist/cjs/components/Forms/Suggestions/Suggestions.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Suggestions.styles.cjs","sources":["../../../../../src/components/Forms/Suggestions/Suggestions.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { Popper } from \"@mui/base\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { HvSelectionList } from \"@core/components/SelectionList\";\n\nexport const StyledRoot = styled(\"div\")({\n  position: \"relative\",\n});\n\nexport const StyledSelectionList = styled(HvSelectionList)({\n  backgroundColor: theme.colors.atmo1,\n  boxShadow: theme.colors.shadow,\n  padding: theme.space.xs,\n  width: \"100%\",\n});\n\nexport const StyledPopper = styled(Popper)({\n  width: \"100%\",\n  position: \"absolute\",\n  transform: \"translate3d(0, -1px, 0) !important\",\n  zIndex: theme.zIndices.tooltip,\n});\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledSelectionList","HvSelectionList","backgroundColor","theme","colors","atmo1","boxShadow","shadow","padding","space","xs","width","StyledPopper","Popper","position","transform","zIndex","zIndices","tooltip"],"mappings":";;;;;;;;;;;AAQO,MAAMA,aAAoBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEtC;AAEM,MAAMC,sBAA6BC,iCAAAA,QAAAA,cAAAA,iBAAeX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzDQ,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,EAC9BC,WAAWH,YAAAA,MAAMC,OAAOG;AAAAA,EACxBC,SAASL,YAAAA,MAAMM,MAAMC;AAAAA,EACrBC,OAAO;AACT,GAACrB,QAAAC,IAAAC,aAAC,eAAA,KAAA,q3CAAA;AAEK,MAAMoB,eAAsBC,iCAAAA,QAAAA,KAAAA,QAAMvB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCiB,OAAO;AAAA,EACPG,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,QAAQb,YAAAA,MAAMc,SAASC;AACzB,GAAC5B,QAAAC,IAAAC,aAAC,eAAA,KAAA,y3CAAA;;;;"}
+{"version":3,"file":"Suggestions.styles.cjs","sources":["../../../../../src/components/Forms/Suggestions/Suggestions.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvSuggestions\", {\n  root: { position: \"relative\" },\n  list: {\n    backgroundColor: theme.colors.atmo1,\n    boxShadow: theme.colors.shadow,\n    padding: theme.space.xs,\n    width: \"100%\",\n  },\n  popper: {\n    width: \"100%\",\n    position: \"absolute\",\n    transform: \"translate3d(0, -1px, 0) !important\",\n    zIndex: theme.zIndices.tooltip,\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","position","list","backgroundColor","theme","colors","atmo1","boxShadow","shadow","padding","space","xs","width","popper","transform","zIndex","zIndices","tooltip"],"mappings":";;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,iBAAiB;AAAA,EAC1EC,MAAM;AAAA,IAAEC,UAAU;AAAA,EAAW;AAAA,EAC7BC,MAAM;AAAA,IACJC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,IAC9BC,WAAWH,YAAAA,MAAMC,OAAOG;AAAAA,IACxBC,SAASL,YAAAA,MAAMM,MAAMC;AAAAA,IACrBC,OAAO;AAAA,EACT;AAAA,EACAC,QAAQ;AAAA,IACND,OAAO;AAAA,IACPX,UAAU;AAAA,IACVa,WAAW;AAAA,IACXC,QAAQX,YAAAA,MAAMY,SAASC;AAAAA,EACzB;AACF,CAAC;;;"}

package/dist/cjs/components/Forms/WarningText/WarningText.cjs

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const useDefaultProps = require("../../../hooks/useDefaultProps.cjs");
-const clsx = require("clsx");
 const isNil = require("lodash/isNil");
+const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const useDefaultProps = require("../../../hooks/useDefaultProps.cjs");
 const setId = require("../../../utils/setId.cjs");
 const WarningText_styles = require("./WarningText.styles.cjs");
-const warningTextClasses = require("./warningTextClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const FormElementContext = require("../FormElement/context/FormElementContext.cjs");
+const Typography = require("../../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const isNil__default = /* @__PURE__ */ _interopDefault(isNil);
 const HvWarningText = (props) => {
@@ -16,7 +16,7 @@ const HvWarningText = (props) => {
     children,
     adornment,
     isVisible,
-    classes,
+    classes: classesProp,
     className,
     id,
     disabled,
@@ -26,6 +26,10 @@ const HvWarningText = (props) => {
     hideText = false,
     ...others
   } = useDefaultProps.useDefaultProps("HvWarningText", props);
+  const {
+    classes,
+    cx
+  } = WarningText_styles.useClasses(classesProp);
   const {
     elementId,
     elementStatus,
@@ -36,19 +40,21 @@ const HvWarningText = (props) => {
   const localId = id ?? setId.setId(elementId, "error");
   const showWarning = localVisible && !localDisabled;
   const content = showWarning ? children : "";
-  const localAdornment = adornment || /* @__PURE__ */ jsxRuntime.jsx(WarningText_styles.StyledIcon, {
-    className: clsx.clsx(warningTextClasses.default.defaultIcon, classes == null ? void 0 : classes.defaultIcon),
+  const localAdornment = adornment || /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Fail, {
+    className: classes.defaultIcon,
     semantic: "negative"
   });
-  return /* @__PURE__ */ jsxRuntime.jsxs(WarningText_styles.StyledRoot, {
-    className: clsx.clsx(className, warningTextClasses.default.root, classes == null ? void 0 : classes.root, showWarning && clsx.clsx(warningTextClasses.default.show, classes == null ? void 0 : classes.show), !disableBorder && clsx.clsx(warningTextClasses.default.topBorder, classes == null ? void 0 : classes.topBorder)),
-    $show: showWarning,
-    $topBorder: !disableBorder,
-    children: [!disableAdornment && localAdornment, /* @__PURE__ */ jsxRuntime.jsx(WarningText_styles.StyledTypography, {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    className: cx(classes.root, {
+      [classes.show]: showWarning,
+      [classes.topBorder]: !disableBorder
+    }, className),
+    children: [!disableAdornment && localAdornment, /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
       id: localId,
-      className: clsx.clsx(warningTextClasses.default.warningText, classes == null ? void 0 : classes.warningText, !disableGutter && clsx.clsx(warningTextClasses.default.topGutter, classes == null ? void 0 : classes.topGutter), hideText && clsx.clsx(warningTextClasses.default.hideText, classes == null ? void 0 : classes.hideText)),
-      $topGutter: !disableGutter,
-      $hideText: hideText,
+      className: cx(classes.warningText, {
+        [classes.topGutter]: !disableGutter,
+        [classes.hideText]: hideText
+      }),
       role: "status",
       "aria-relevant": "additions text",
       ...others,
@@ -56,5 +62,6 @@ const HvWarningText = (props) => {
     })]
   });
 };
+exports.warningTextClasses = WarningText_styles.staticClasses;
 exports.HvWarningText = HvWarningText;
 //# sourceMappingURL=WarningText.cjs.map

package/dist/cjs/components/Forms/WarningText/WarningText.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"WarningText.cjs","sources":["../../../../../src/components/Forms/WarningText/WarningText.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { clsx } from \"clsx\";\n\nimport isNil from \"lodash/isNil\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { StyledRoot, StyledTypography, StyledIcon } from \"./WarningText.styles\";\nimport warningTextClasses, { HvWarningTextClasses } from \"./warningTextClasses\";\nimport { HvFormElementContext } from \"../FormElement\";\n\nexport interface HvWarningTextProps extends 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 = (props: HvWarningTextProps) => {\n  const {\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  } = useDefaultProps(\"HvWarningText\", props);\n\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=\"negative\"\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","props","children","adornment","isVisible","classes","className","id","disabled","disableGutter","disableBorder","disableAdornment","hideText","others","useDefaultProps","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":";;;;;;;;;;;;;AAoCaA,MAAAA,gBAAgBA,CAACC,UAA8B;AACpD,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,gBAAgB;AAAA,IAChBC,gBAAgB;AAAA,IAChBC,mBAAmB;AAAA,IACnBC,WAAW;AAAA,IACX,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,iBAAiBb,KAAK;AAEpC,QAAA;AAAA,IAAEc;AAAAA,IAAWC;AAAAA,IAAeC;AAAAA,EAAAA,IAChCC,MAAAA,WAAWC,mBAAAA,oBAAoB;AACjC,QAAMC,gBAAgBZ,YAAYS;AAClC,QAAMI,eAAe,CAACC,uBAAMlB,SAAS,IACjCA,YACAY,kBAAkB;AACtB,QAAMO,UAAUhB,MAAMiB,MAAMT,MAAAA,WAAW,OAAO;AACxCU,QAAAA,cAAcJ,gBAAgB,CAACD;AAC/BM,QAAAA,UAAUD,cAAcvB,WAAW;AACnCyB,QAAAA,iBAAiBxB,aACrByB,2BAAAA,IAACC,+BAAU;AAAA,IACTvB,WAAWwB,KAAAA,KAAKC,mBAAAA,QAAmBC,aAAa3B,mCAAS2B,WAAW;AAAA,IACpEC,UAAS;AAAA,EAAA,CACV;AAGH,yCACGC,mBAAAA,YAAU;AAAA,IACT5B,WAAWwB,KAAAA,KACTxB,WACAyB,2BAAmBI,MACnB9B,mCAAS8B,MACTV,eAAeK,KAAAA,KAAKC,mBAAAA,QAAmBK,MAAM/B,mCAAS+B,IAAI,GAC1D,CAAC1B,iBAAiBoB,KAAAA,KAAKC,mBAAAA,QAAmBM,WAAWhC,mCAASgC,SAAS,CACzE;AAAA,IACAC,OAAOb;AAAAA,IACPc,YAAY,CAAC7B;AAAAA,IAAcR,UAAA,CAE1B,CAACS,oBAAoBgB,+CACrBa,mBAAAA,kBAAgB;AAAA,MACfjC,IAAIgB;AAAAA,MACJjB,WAAWwB,KAAAA,KACTC,mBAAAA,QAAmBU,aACnBpC,mCAASoC,aACT,CAAChC,iBACCqB,KAAAA,KAAKC,mBAAAA,QAAmBW,WAAWrC,mCAASqC,SAAS,GACvD9B,YAAYkB,KAAAA,KAAKC,mBAAAA,QAAmBnB,UAAUP,mCAASO,QAAQ,CACjE;AAAA,MACA+B,YAAY,CAAClC;AAAAA,MACbmC,WAAWhC;AAAAA,MACXiC,MAAK;AAAA,MACL,iBAAc;AAAA,MAAgB,GAC1BhC;AAAAA,MAAMX,UAETuB,eAAeC;AAAAA,IAAAA,CACA,CAAC;AAAA,EAAA,CACT;AAEhB;;"}
+{"version":3,"file":"WarningText.cjs","sources":["../../../../../src/components/Forms/WarningText/WarningText.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport isNil from \"lodash/isNil\";\n\nimport { Fail } from \"@hitachivantara/uikit-react-icons\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { setId } from \"@core/utils/setId\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nimport { staticClasses, useClasses } from \"./WarningText.styles\";\nimport { HvFormElementContext } from \"../FormElement\";\n\nexport { staticClasses as warningTextClasses };\n\nexport type HvWarningTextClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvWarningTextProps extends 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 = (props: HvWarningTextProps) => {\n  const {\n    children,\n    adornment,\n    isVisible,\n    classes: classesProp,\n    className,\n    id,\n    disabled,\n    disableGutter = false,\n    disableBorder = false,\n    disableAdornment = false,\n    hideText = false,\n    ...others\n  } = useDefaultProps(\"HvWarningText\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\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    <Fail className={classes.defaultIcon} semantic=\"negative\" />\n  );\n\n  return (\n    <div\n      className={cx(\n        classes.root,\n        {\n          [classes.show]: showWarning,\n          [classes.topBorder]: !disableBorder,\n        },\n        className\n      )}\n    >\n      {!disableAdornment && localAdornment}\n      <HvTypography\n        id={localId}\n        className={cx(classes.warningText, {\n          [classes.topGutter]: !disableGutter,\n          [classes.hideText]: hideText,\n        })}\n        role=\"status\"\n        aria-relevant=\"additions text\"\n        {...others}\n      >\n        {showWarning && content}\n      </HvTypography>\n    </div>\n  );\n};\n"],"names":["HvWarningText","props","children","adornment","isVisible","classes","classesProp","className","id","disabled","disableGutter","disableBorder","disableAdornment","hideText","others","useDefaultProps","cx","useClasses","elementId","elementStatus","elementDisabled","useContext","HvFormElementContext","localDisabled","localVisible","isNil","localId","setId","showWarning","content","localAdornment","_jsx","Fail","defaultIcon","semantic","root","show","topBorder","HvTypography","warningText","topGutter","role"],"mappings":";;;;;;;;;;;;;AAyCaA,MAAAA,gBAAgBA,CAACC,UAA8B;AACpD,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,gBAAgB;AAAA,IAChBC,gBAAgB;AAAA,IAChBC,mBAAmB;AAAA,IACnBC,WAAW;AAAA,IACX,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,iBAAiBd,KAAK;AAEpC,QAAA;AAAA,IAAEI;AAAAA,IAASW;AAAAA,EAAAA,IAAOC,mBAAAA,WAAWX,WAAW;AAExC,QAAA;AAAA,IAAEY;AAAAA,IAAWC;AAAAA,IAAeC;AAAAA,EAAAA,IAChCC,MAAAA,WAAWC,mBAAAA,oBAAoB;AACjC,QAAMC,gBAAgBd,YAAYW;AAClC,QAAMI,eAAe,CAACC,uBAAMrB,SAAS,IACjCA,YACAe,kBAAkB;AACtB,QAAMO,UAAUlB,MAAMmB,MAAMT,MAAAA,WAAW,OAAO;AACxCU,QAAAA,cAAcJ,gBAAgB,CAACD;AAC/BM,QAAAA,UAAUD,cAAc1B,WAAW;AACnC4B,QAAAA,iBAAiB3B,aACrB4B,2BAAAA,IAACC,sBAAI;AAAA,IAACzB,WAAWF,QAAQ4B;AAAAA,IAAaC,UAAS;AAAA,EAAA,CAAY;AAG7D,yCACE,OAAA;AAAA,IACE3B,WAAWS,GACTX,QAAQ8B,MACR;AAAA,MACE,CAAC9B,QAAQ+B,IAAI,GAAGR;AAAAA,MAChB,CAACvB,QAAQgC,SAAS,GAAG,CAAC1B;AAAAA,OAExBJ,SACF;AAAA,IAAEL,UAAA,CAED,CAACU,oBAAoBkB,+CACrBQ,WAAAA,cAAY;AAAA,MACX9B,IAAIkB;AAAAA,MACJnB,WAAWS,GAAGX,QAAQkC,aAAa;AAAA,QACjC,CAAClC,QAAQmC,SAAS,GAAG,CAAC9B;AAAAA,QACtB,CAACL,QAAQQ,QAAQ,GAAGA;AAAAA,MAAAA,CACrB;AAAA,MACD4B,MAAK;AAAA,MACL,iBAAc;AAAA,MAAgB,GAC1B3B;AAAAA,MAAMZ,UAET0B,eAAeC;AAAAA,IAAAA,CACJ,CAAC;AAAA,EAAA,CACZ;AAET;;;"}

package/dist/cjs/components/Forms/WarningText/WarningText.styles.cjs

@@ -1,64 +1,31 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const transientOptions = require("../../../utils/transientOptions.cjs");
-const Typography = require("../../Typography/Typography.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+const classes = require("../../../utils/classes.cjs");
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses("HvWarningText", {
+  root: {
+    display: "none"
+  },
+  defaultIcon: {
+    minWidth: "32px"
+  },
+  warningText: {
+    color: uikitStyles.theme.colors.negative,
+    paddingRight: uikitStyles.theme.space.xs,
+    "&:first-of-type": {
+      paddingLeft: uikitStyles.theme.space.xs
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e1jkc0dp2"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "e1jkc0dp2",
-  label: "StyledRoot"
-}, transientOptions.transientOptions))(({
-  $show,
-  $topBorder
-}) => ({
-  display: "none",
-  ...$show && {
-    display: "flex"
   },
-  ...$topBorder && {
-    borderTop: `solid 1px ${uikitStyles.theme.colors.negative}`
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvV2FybmluZ1RleHQvV2FybmluZ1RleHQuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb3Jtcy9XYXJuaW5nVGV4dC9XYXJuaW5nVGV4dC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEZhaWwgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5cbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkc2hvdywgJHRvcEJvcmRlciB9OiB7ICRzaG93OiBib29sZWFuOyAkdG9wQm9yZGVyOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwibm9uZVwiLFxuICAuLi4oJHNob3cgJiYge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICB9KSxcbiAgLi4uKCR0b3BCb3JkZXIgJiYge1xuICAgIGJvcmRlclRvcDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5uZWdhdGl2ZX1gLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdG9wR3V0dGVyLCAkaGlkZVRleHQgfTogeyAkdG9wR3V0dGVyOiBib29sZWFuOyAkaGlkZVRleHQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5uZWdhdGl2ZSxcbiAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgXCImOmZpcnN0LW9mLXR5cGVcIjoge1xuICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbiAgLi4uKCR0b3BHdXR0ZXIgJiYge1xuICAgIHBhZGRpbmdUb3A6IDYsXG4gIH0pLFxuICAuLi4oJGhpZGVUZXh0ICYmIHtcbiAgICAvLyBkaXNwbGF5IG5vbmUgb3IgdmlzaWJpbGl0eSBoaWRkZW4gcHJldmVudHNcbiAgICAvLyBicm93c2VyIHRvIHRyaWdnZXIgdGhlIGFyaWEtYWxlcnRcbiAgICB3aWR0aDogMCxcbiAgICBoZWlnaHQ6IDAsXG4gICAgcGFkZGluZzogMCxcbiAgICBtYXJnaW46IDAsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSWNvbiA9IHN0eWxlZChGYWlsKSh7XG4gIG1pbldpZHRoOiBcIjMycHhcIixcbn0pO1xuIl19 */");
-const StyledTypography = /* @__PURE__ */ _styled__default.default(Typography.HvTypography, process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e1jkc0dp1"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "e1jkc0dp1",
-  label: "StyledTypography"
-}, transientOptions.transientOptions))(({
-  $topGutter,
-  $hideText
-}) => ({
-  color: uikitStyles.theme.colors.negative,
-  paddingRight: uikitStyles.theme.space.xs,
-  "&:first-of-type": {
-    paddingLeft: uikitStyles.theme.space.xs
+  show: {
+    display: "flex"
   },
-  ...$topGutter && {
+  topGutter: {
     paddingTop: 6
   },
-  ...$hideText && {
+  hideText: {
     // display none or visibility hidden prevents
     // browser to trigger the aria-alert
     width: 0,
@@ -66,23 +33,11 @@ const StyledTypography = /* @__PURE__ */ _styled__default.default(Typography.HvT
     padding: 0,
     margin: 0,
     overflow: "hidden"
+  },
+  topBorder: {
+    borderTop: `solid 1px ${uikitStyles.theme.colors.negative}`
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvV2FybmluZ1RleHQvV2FybmluZ1RleHQuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQmdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvV2FybmluZ1RleHQvV2FybmluZ1RleHQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBGYWlsIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNob3csICR0b3BCb3JkZXIgfTogeyAkc2hvdzogYm9vbGVhbjsgJHRvcEJvcmRlcjogYm9vbGVhbiB9KSA9PiAoe1xuICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgLi4uKCRzaG93ICYmIHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgfSksXG4gIC4uLigkdG9wQm9yZGVyICYmIHtcbiAgICBib3JkZXJUb3A6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMubmVnYXRpdmV9YCxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHRvcEd1dHRlciwgJGhpZGVUZXh0IH06IHsgJHRvcEd1dHRlcjogYm9vbGVhbjsgJGhpZGVUZXh0OiBib29sZWFuIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG4gIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIFwiJjpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG4gIC4uLigkdG9wR3V0dGVyICYmIHtcbiAgICBwYWRkaW5nVG9wOiA2LFxuICB9KSxcbiAgLi4uKCRoaWRlVGV4dCAmJiB7XG4gICAgLy8gZGlzcGxheSBub25lIG9yIHZpc2liaWxpdHkgaGlkZGVuIHByZXZlbnRzXG4gICAgLy8gYnJvd3NlciB0byB0cmlnZ2VyIHRoZSBhcmlhLWFsZXJ0XG4gICAgd2lkdGg6IDAsXG4gICAgaGVpZ2h0OiAwLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgbWFyZ2luOiAwLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb24gPSBzdHlsZWQoRmFpbCkoe1xuICBtaW5XaWR0aDogXCIzMnB4XCIsXG59KTtcbiJdfQ== */");
-const StyledIcon = /* @__PURE__ */ _styled__default.default(uikitReactIcons.Fail, process.env.NODE_ENV === "production" ? {
-  target: "e1jkc0dp0"
-} : {
-  target: "e1jkc0dp0",
-  label: "StyledIcon"
-})(process.env.NODE_ENV === "production" ? {
-  name: "9q39xd",
-  styles: "min-width:32px"
-} : {
-  name: "9q39xd",
-  styles: "min-width:32px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvV2FybmluZ1RleHQvV2FybmluZ1RleHQuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QzBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvV2FybmluZ1RleHQvV2FybmluZ1RleHQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBGYWlsIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNob3csICR0b3BCb3JkZXIgfTogeyAkc2hvdzogYm9vbGVhbjsgJHRvcEJvcmRlcjogYm9vbGVhbiB9KSA9PiAoe1xuICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgLi4uKCRzaG93ICYmIHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgfSksXG4gIC4uLigkdG9wQm9yZGVyICYmIHtcbiAgICBib3JkZXJUb3A6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMubmVnYXRpdmV9YCxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHRvcEd1dHRlciwgJGhpZGVUZXh0IH06IHsgJHRvcEd1dHRlcjogYm9vbGVhbjsgJGhpZGVUZXh0OiBib29sZWFuIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG4gIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIFwiJjpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG4gIC4uLigkdG9wR3V0dGVyICYmIHtcbiAgICBwYWRkaW5nVG9wOiA2LFxuICB9KSxcbiAgLi4uKCRoaWRlVGV4dCAmJiB7XG4gICAgLy8gZGlzcGxheSBub25lIG9yIHZpc2liaWxpdHkgaGlkZGVuIHByZXZlbnRzXG4gICAgLy8gYnJvd3NlciB0byB0cmlnZ2VyIHRoZSBhcmlhLWFsZXJ0XG4gICAgd2lkdGg6IDAsXG4gICAgaGVpZ2h0OiAwLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgbWFyZ2luOiAwLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb24gPSBzdHlsZWQoRmFpbCkoe1xuICBtaW5XaWR0aDogXCIzMnB4XCIsXG59KTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-exports.StyledIcon = StyledIcon;
-exports.StyledRoot = StyledRoot;
-exports.StyledTypography = StyledTypography;
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=WarningText.styles.cjs.map

package/dist/cjs/components/Forms/WarningText/WarningText.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"WarningText.styles.cjs","sources":["../../../../../src/components/Forms/WarningText/WarningText.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Fail } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\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.negative}`,\n  }),\n}));\n\nexport const StyledTypography = styled(\n  HvTypography,\n  transientOptions\n)(({ $topGutter, $hideText }: { $topGutter: boolean; $hideText: boolean }) => ({\n  color: theme.colors.negative,\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","negative","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":";;;;;;;;;;;;;;;;;;;;;;;;;;AAQaA,MAAAA,sDACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CAClB,EAAE,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,YAAAA,MAAMC,OAAOC;AAAAA,EACvC;AACF,IAAEb,QAAAC,IAAAC,aAAC,eAAA,KAAA,imEAAA;AAEUY,MAAAA,4DACXC,WAAAA,cAAYf,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACZC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEW;AAAAA,EAAYC;AAAuD,OAAO;AAAA,EAC7EC,OAAOP,YAAAA,MAAMC,OAAOC;AAAAA,EACpBM,cAAcR,YAAAA,MAAMS,MAAMC;AAAAA,EAC1B,mBAAmB;AAAA,IACjBC,aAAaX,YAAAA,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,qmEAAA;AAEI,MAAM2B,aAAoBC,iCAAAA,QAAAA,gBAAAA,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,CAErC;;;;"}
+{"version":3,"file":"WarningText.styles.cjs","sources":["../../../../../src/components/Forms/WarningText/WarningText.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvWarningText\", {\n  root: { display: \"none\" },\n  defaultIcon: { minWidth: \"32px\" },\n  warningText: {\n    color: theme.colors.negative,\n    paddingRight: theme.space.xs,\n    \"&:first-of-type\": {\n      paddingLeft: theme.space.xs,\n    },\n  },\n  show: { display: \"flex\" },\n  topGutter: { paddingTop: 6 },\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  topBorder: { borderTop: `solid 1px ${theme.colors.negative}` },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","defaultIcon","minWidth","warningText","color","theme","colors","negative","paddingRight","space","xs","paddingLeft","show","topGutter","paddingTop","hideText","width","height","padding","margin","overflow","topBorder","borderTop"],"mappings":";;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,iBAAiB;AAAA,EAC1EC,MAAM;AAAA,IAAEC,SAAS;AAAA,EAAO;AAAA,EACxBC,aAAa;AAAA,IAAEC,UAAU;AAAA,EAAO;AAAA,EAChCC,aAAa;AAAA,IACXC,OAAOC,YAAAA,MAAMC,OAAOC;AAAAA,IACpBC,cAAcH,YAAAA,MAAMI,MAAMC;AAAAA,IAC1B,mBAAmB;AAAA,MACjBC,aAAaN,YAAAA,MAAMI,MAAMC;AAAAA,IAC3B;AAAA,EACF;AAAA,EACAE,MAAM;AAAA,IAAEZ,SAAS;AAAA,EAAO;AAAA,EACxBa,WAAW;AAAA,IAAEC,YAAY;AAAA,EAAE;AAAA,EAC3BC,UAAU;AAAA;AAAA;AAAA,IAGRC,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,UAAU;AAAA,EACZ;AAAA,EACAC,WAAW;AAAA,IAAEC,WAAY,aAAYjB,YAAAA,MAAMC,OAAOC;AAAAA,EAAW;AAC/D,CAAC;;;"}