@hitachivantara/uikit-react-core 5.0.0-next.2 → 5.0.0-next.20

package/dist/cjs/components/TagsInput/TagsInput.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TagsInput.styles.cjs","sources":["../../../../src/components/TagsInput/TagsInput.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport {\n  HvTag,\n  HvCharCounter,\n  HvFormElement,\n  HvInfoMessage,\n  HvInput,\n  HvLabel,\n  HvListContainer,\n  HvListItem,\n  HvSuggestions,\n  HvWarningText,\n} from \"components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport tagsInputClasses from \"./tagsInputClasses\";\nimport baseInputClasses from \"../BaseInput/baseInputClasses\";\nimport suggestionsClasses from \"../Forms/Suggestions/suggestionsClasses\";\nimport listItemClasses from \"../ListContainer/ListItem/listItemClasses\";\n\nexport const StyledFormElement = styled(HvFormElement)({\n  display: \"inline-block\",\n  width: \"100%\",\n});\n\nexport const StyledLabelContainer = styled(\"div\")({\n  float: \"left\",\n  display: \"flex\",\n  alignItems: \"flex-start\",\n});\n\nexport const StyledLabel = styled(HvLabel)({\n  display: \"block\",\n  float: \"left\",\n  paddingBottom: \"6px\",\n});\n\nexport const StyledDescription = styled(HvInfoMessage)({\n  display: \"block\",\n  float: \"left\",\n});\n\nexport const StyledCharCounter = styled((props) => (\n  <HvCharCounter {...props} />\n))(() => ({\n  display: \"block\",\n  float: \"right\",\n  textAlign: \"right\",\n  marginBottom: \"6px\",\n}));\n\nexport const StyledTagsList = styled(\n  HvListContainer,\n  transientOptions\n)(\n  ({\n    $disabled,\n    $singleLine,\n    $error,\n    $resizable,\n    $invalid,\n    $readOnly,\n  }: {\n    $disabled: boolean;\n    $singleLine: boolean;\n    $error: boolean;\n    $resizable: boolean;\n    $invalid: boolean;\n    $readOnly: boolean;\n  }) => ({\n    display: \"flex\",\n    alignContent: \"flex-start\",\n    float: \"left\",\n    clear: \"both\",\n    width: \"100%\",\n    maxWidth: \"100%\",\n    height: \"100%\",\n    padding: 5,\n    overflow: \"auto\",\n    position: \"relative\",\n\n    flexDirection: \"row\",\n    flexWrap: \"wrap\",\n\n    backgroundColor: theme.colors.atmo1,\n    border: `1px solid ${theme.colors.atmo4}`,\n    borderRadius: \"2px\",\n\n    \"&:hover\": {\n      cursor: \"text\",\n      border: `1px solid ${theme.tagsInput.hoverColor}`,\n    },\n\n    [`& .${baseInputClasses.inputRoot}`]: {\n      border: \"none\",\n    },\n\n    \"&:focus, &:focus-within, &:focus-visible\": {\n      outlineColor: \"#52A8EC\",\n      outlineStyle: \"solid\",\n      outlineWidth: \"0px\",\n      outlineOffset: \"-1px\",\n      boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n    },\n\n    ...($disabled && {\n      backgroundColor: theme.tagsInput.disabledBackgroundColor,\n      border: `1px solid ${theme.colors.atmo4}`,\n\n      \"&:focus-within, &:hover\": {\n        border: `1px solid ${theme.colors.atmo4}`,\n      },\n    }),\n\n    ...($readOnly && {\n      backgroundColor: theme.tagsInput.readOnlyBackgroundColor,\n      border: `1px solid ${theme.tagsInput.readOnlyBorderColor}`,\n      \"&:hover\": {\n        border: `1px solid ${theme.tagsInput.readOnlyBorderColor}`,\n      },\n    }),\n\n    ...($singleLine && {\n      overflowX: \"hidden\",\n      overflowY: \"hidden\",\n      height: 32,\n      display: \"table-row\",\n      paddingTop: 0,\n      paddingLeft: 4,\n    }),\n\n    ...($error && {\n      border: `1px solid ${theme.colors.sema4}`,\n    }),\n\n    ...($resizable && {\n      width: \"auto\",\n      resize: \"both\",\n      overflow: \"auto\",\n    }),\n\n    ...($invalid && {\n      border: `1px solid ${theme.colors.sema4}!important`,\n    }),\n  })\n);\n\nexport const StyledError = styled(HvWarningText)({\n  float: \"left\",\n});\n\nexport const StyledListItem = styled(HvListItem)(\n  ({ $singleLine }: { $singleLine: boolean }) => ({\n    marginBottom: 2,\n    height: 24,\n    lineHeight: \"24px\",\n    \"&:not(:last-child)\": {\n      marginBottom: 2,\n    },\n    [`&.${listItemClasses.gutters}`]: {\n      padding: \"0 5px\",\n    },\n    ...($singleLine && {\n      display: \"table-cell\",\n      paddingTop: \"2px!important\",\n    }),\n  })\n);\n\nexport const StyledTag = styled((props) => <HvTag {...props} />)(\n  ({ $selected }: { $selected: boolean }) => ({\n    [`& .${tagsInputClasses.chipRoot}`]: {\n      maxWidth: \"none\",\n    },\n    ...($selected && {\n      outlineColor: \"#52A8EC\",\n      outlineStyle: \"solid\",\n      outlineWidth: \"0px\",\n      outlineOffset: \"-1px\",\n      boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n    }),\n  })\n);\n\nexport const StyledInputListItem = styled(HvListItem)(\n  ({\n    $singleLine,\n    $isTagSelected,\n  }: {\n    $singleLine: boolean;\n    $isTagSelected: boolean;\n  }) => ({\n    display: \"flex\",\n    flexGrow: 1,\n    height: 24,\n    lineHeight: \"24px\",\n    [`&.${listItemClasses.gutters}`]: {\n      padding: \"0 5px\",\n    },\n    ...($singleLine && {\n      display: \"table-cell\",\n      minWidth: 100,\n      width: \"100%\",\n      paddingTop: \"3px!important\",\n      verticalAlign: \"middle\",\n      [`&.${tagsInputClasses.tagInputRootEmpty}`]: {\n        position: \"absolute\",\n        height: \"100%\",\n        paddingTop: \"3px!important\",\n      },\n    }),\n    ...($isTagSelected && {\n      [`& .${baseInputClasses.inputRoot}`]: {\n        backgroundColor: theme.colors.atmo1,\n      },\n    }),\n  })\n);\n\nexport const StyledInput = styled(HvInput)(\n  ({ $singleLine }: { $singleLine: boolean }) => ({\n    [`& .${baseInputClasses.root}`]: {\n      width: \"100%\",\n      [`&:hover .${tagsInputClasses.tagInputBorderContainer}`]: {\n        background: \"none\",\n      },\n      [`&:hover .${tagsInputClasses.tagInputBorderContainer}`]: {\n        background: \"none\",\n      },\n    },\n    [`& .${baseInputClasses.inputRoot}`]: {\n      marginLeft: 0,\n      marginRight: 0,\n      width: 0,\n      flex: \"1 1 auto\",\n      minWidth: 48,\n      height: 24,\n      lineHeight: \"24px\",\n      padding: 0,\n    },\n    [`& .${baseInputClasses.inputBorderContainer}`]: {\n      border: \"none\",\n      background: \"none\",\n    },\n    [`& .${baseInputClasses.inputRootFocused}`]: {\n      outline: \"none!important\",\n      boxShadow: \"none!important\",\n    },\n    [`& .${baseInputClasses.inputRootReadOnly}`]: {\n      border: \"none\",\n      \"&:hover\": {\n        border: \"none\",\n      },\n    },\n    ...($singleLine && {}),\n  })\n);\n\nexport const StyledSuggestions = styled((props) => (\n  <HvSuggestions {...props} />\n))({\n  width: \"100%\",\n  position: \"relative\",\n  top: 59,\n  [`& .${suggestionsClasses.root} .${suggestionsClasses.list} &`]: {\n    width: \"100%\",\n  },\n});\n"],"names":["StyledFormElement","HvFormElement","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabelContainer","_styled","StyledLabel","HvLabel","StyledDescription","HvInfoMessage","StyledCharCounter","props","_jsx","HvCharCounter","display","float","textAlign","marginBottom","StyledTagsList","HvListContainer","_extends","transientOptions","$disabled","$singleLine","$error","$resizable","$invalid","$readOnly","alignContent","clear","width","maxWidth","height","padding","overflow","position","flexDirection","flexWrap","backgroundColor","theme","colors","atmo1","border","atmo4","borderRadius","cursor","tagsInput","hoverColor","baseInputClasses","inputRoot","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","disabledBackgroundColor","readOnlyBackgroundColor","readOnlyBorderColor","overflowX","overflowY","paddingTop","paddingLeft","sema4","resize","StyledError","HvWarningText","StyledListItem","HvListItem","lineHeight","listItemClasses","gutters","StyledTag","HvTag","$selected","tagsInputClasses","chipRoot","StyledInputListItem","$isTagSelected","flexGrow","minWidth","verticalAlign","tagInputRootEmpty","StyledInput","HvInput","root","tagInputBorderContainer","background","marginLeft","marginRight","flex","inputBorderContainer","inputRootFocused","outline","inputRootReadOnly","StyledSuggestions","HvSuggestions","top","suggestionsClasses","list"],"mappings":"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"}
+{"version":3,"file":"TagsInput.styles.cjs","sources":["../../../../src/components/TagsInput/TagsInput.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport {\n  HvTag,\n  HvCharCounter,\n  HvFormElement,\n  HvInfoMessage,\n  HvInput,\n  HvLabel,\n  HvListContainer,\n  HvListItem,\n  HvSuggestions,\n  HvWarningText,\n} from \"components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport tagsInputClasses from \"./tagsInputClasses\";\nimport baseInputClasses from \"../BaseInput/baseInputClasses\";\nimport suggestionsClasses from \"../Forms/Suggestions/suggestionsClasses\";\nimport listItemClasses from \"../ListContainer/ListItem/listItemClasses\";\n\nexport const StyledFormElement = styled((props) => (\n  <HvFormElement {...props} />\n))({\n  display: \"inline-block\",\n  width: \"100%\",\n});\n\nexport const StyledLabelContainer = styled(\"div\")({\n  float: \"left\",\n  display: \"flex\",\n  alignItems: \"flex-start\",\n});\n\nexport const StyledLabel = styled((props) => <HvLabel {...props} />)({\n  display: \"block\",\n  float: \"left\",\n  paddingBottom: \"6px\",\n});\n\nexport const StyledDescription = styled((props) => (\n  <HvInfoMessage {...props} />\n))({\n  display: \"block\",\n  float: \"left\",\n});\n\nexport const StyledCharCounter = styled((props) => (\n  <HvCharCounter {...props} />\n))(() => ({\n  display: \"block\",\n  float: \"right\",\n  textAlign: \"right\",\n  marginBottom: \"6px\",\n}));\n\nexport const StyledTagsList = styled(\n  HvListContainer,\n  transientOptions\n)(\n  ({\n    $disabled,\n    $singleLine,\n    $error,\n    $resizable,\n    $invalid,\n    $readOnly,\n  }: {\n    $disabled: boolean;\n    $singleLine: boolean;\n    $error: boolean;\n    $resizable: boolean;\n    $invalid: boolean;\n    $readOnly: boolean;\n  }) => ({\n    display: \"flex\",\n    alignContent: \"flex-start\",\n    float: \"left\",\n    clear: \"both\",\n    width: \"100%\",\n    maxWidth: \"100%\",\n    height: \"32px\",\n    padding: 5,\n    overflow: \"auto\",\n    position: \"relative\",\n\n    flexDirection: \"row\",\n    flexWrap: \"wrap\",\n\n    backgroundColor: theme.colors.atmo1,\n    border: `1px solid ${theme.tagsInput.borderColor}`,\n    borderRadius: theme.radii.base,\n\n    \"&:hover\": {\n      cursor: \"text\",\n      border: `1px solid ${theme.tagsInput.hoverColor}`,\n    },\n\n    [`& .${baseInputClasses.inputRoot}`]: {\n      border: \"none\",\n    },\n\n    \"&:focus, &:focus-within, &:focus-visible\": {\n      outlineColor: \"#52A8EC\",\n      outlineStyle: \"solid\",\n      outlineWidth: \"0px\",\n      outlineOffset: \"-1px\",\n      boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n    },\n\n    ...($disabled && {\n      backgroundColor: theme.tagsInput.disabledBackgroundColor,\n      border: `1px solid ${theme.colors.atmo4}`,\n\n      \"&:focus-within, &:hover\": {\n        border: `1px solid ${theme.colors.atmo4}`,\n      },\n    }),\n\n    ...($readOnly && {\n      backgroundColor: theme.tagsInput.readOnlyBackgroundColor,\n      border: `1px solid ${theme.tagsInput.readOnlyBorderColor}`,\n      \"&:hover\": {\n        border: `1px solid ${theme.tagsInput.readOnlyBorderColor}`,\n      },\n    }),\n\n    ...($singleLine && {\n      overflowX: \"hidden\",\n      overflowY: \"hidden\",\n      height: 32,\n      display: \"table-row\",\n      paddingTop: 0,\n    }),\n\n    ...($error && {\n      border: `1px solid ${theme.colors.sema4}`,\n    }),\n\n    ...($resizable && {\n      width: \"auto\",\n      resize: \"both\",\n      overflow: \"auto\",\n    }),\n\n    ...($invalid && {\n      border: `1px solid ${theme.colors.sema4}!important`,\n    }),\n  })\n);\n\nexport const StyledError = styled((props) => <HvWarningText {...props} />)({\n  float: \"left\",\n});\n\nexport const StyledListItem = styled(\n  (props) => <HvListItem {...props} />,\n  transientOptions\n)(({ $singleLine }: { $singleLine: boolean }) => ({\n  marginBottom: 2,\n  height: 24,\n  lineHeight: \"24px\",\n  \"&:not(:last-child)\": {\n    marginBottom: 2,\n  },\n  [`&.${listItemClasses.gutters}`]: {\n    padding: \"0 5px\",\n  },\n  ...($singleLine && {\n    display: \"table-cell\",\n    paddingTop: \"2px!important\",\n  }),\n}));\n\nexport const StyledTag = styled(\n  (props) => <HvTag {...props} />,\n  transientOptions\n)(({ $selected }: { $selected: boolean }) => ({\n  [`& .${tagsInputClasses.chipRoot}`]: {\n    maxWidth: \"none\",\n  },\n  ...($selected && {\n    outlineColor: \"#52A8EC\",\n    outlineStyle: \"solid\",\n    outlineWidth: \"0px\",\n    outlineOffset: \"-1px\",\n    boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n  }),\n}));\n\nexport const StyledInputListItem = styled(\n  (props) => <HvListItem {...props} />,\n  transientOptions\n)(\n  ({\n    $singleLine,\n    $isTagSelected,\n  }: {\n    $singleLine: boolean;\n    $isTagSelected: boolean;\n  }) => ({\n    display: \"flex\",\n    flexGrow: 1,\n    height: 24,\n    lineHeight: \"24px\",\n    [`&.${listItemClasses.gutters}`]: {\n      padding: \"0 5px\",\n    },\n    ...($singleLine && {\n      display: \"table-cell\",\n      minWidth: 100,\n      width: \"100%\",\n      paddingTop: \"3px!important\",\n      verticalAlign: \"middle\",\n    }),\n    ...($isTagSelected && {\n      [`& .${baseInputClasses.inputRoot}`]: {\n        backgroundColor: theme.colors.atmo1,\n      },\n    }),\n  })\n);\n\nexport const StyledInput = styled(\n  (props) => <HvInput {...props} />,\n  transientOptions\n)(({ $singleLine }: { $singleLine: boolean }) => ({\n  [`& .${baseInputClasses.root}`]: {\n    width: \"100%\",\n    border: \"none\",\n    [`&:hover .${tagsInputClasses.tagInputBorderContainer}`]: {\n      background: \"none\",\n    },\n    [`&:hover .${tagsInputClasses.tagInputBorderContainer}`]: {\n      background: \"none\",\n    },\n  },\n  [`&& .${baseInputClasses.inputRoot}`]: {\n    marginLeft: 0,\n    marginRight: 0,\n    flex: \"1 1 auto\",\n    minWidth: 48,\n    height: 24,\n    lineHeight: \"24px\",\n    padding: 0,\n    border: \"none\",\n  },\n  [`& .${baseInputClasses.inputBorderContainer}`]: {\n    border: \"none\",\n    background: \"none\",\n  },\n  [`& .${baseInputClasses.inputRootFocused}`]: {\n    outline: \"none!important\",\n    boxShadow: \"none!important\",\n  },\n  [`& .${baseInputClasses.root} .${baseInputClasses.inputRootReadOnly}`]: {\n    backgroundColor: \"transparent \",\n    border: \"none\",\n    \"&:hover\": {\n      border: \"none\",\n    },\n  },\n  [`&& .${baseInputClasses.input}`]: {\n    marginLeft: 0,\n  },\n  ...($singleLine && {}),\n}));\n\nexport const StyledSuggestions = styled((props) => (\n  <HvSuggestions {...props} />\n))({\n  width: \"100%\",\n  position: \"relative\",\n  top: 59,\n  [`& .${suggestionsClasses.root} .${suggestionsClasses.list} &`]: {\n    width: \"100%\",\n  },\n});\n"],"names":["StyledFormElement","_styled","props","_jsx","HvFormElement","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabelContainer","StyledLabel","HvLabel","StyledDescription","HvInfoMessage","StyledCharCounter","HvCharCounter","display","float","textAlign","marginBottom","StyledTagsList","HvListContainer","_extends","transientOptions","$disabled","$singleLine","$error","$resizable","$invalid","$readOnly","alignContent","clear","width","maxWidth","height","padding","overflow","position","flexDirection","flexWrap","backgroundColor","theme","colors","atmo1","border","tagsInput","borderColor","borderRadius","radii","base","cursor","hoverColor","baseInputClasses","inputRoot","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","disabledBackgroundColor","atmo4","readOnlyBackgroundColor","readOnlyBorderColor","overflowX","overflowY","paddingTop","sema4","resize","StyledError","HvWarningText","StyledListItem","HvListItem","lineHeight","listItemClasses","gutters","StyledTag","HvTag","$selected","tagsInputClasses","chipRoot","StyledInputListItem","$isTagSelected","flexGrow","minWidth","verticalAlign","StyledInput","HvInput","root","tagInputBorderContainer","background","marginLeft","marginRight","flex","inputBorderContainer","inputRootFocused","outline","inputRootReadOnly","input","StyledSuggestions","HvSuggestions","top","suggestionsClasses","list"],"mappings":"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"}

package/dist/cjs/components/TagsInput/tagsInputClasses.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const classes = require("../../utils/classes.cjs");
-const classKeys = ["input", "listItemGutters", "listItemRoot", "root", "chipRoot", "disabled", "resizable", "invalid", "labelContainer", "label", "description", "characterCounter", "tagsList", "tagInputContainerRoot", "tagInputRoot", "tagSelected", "tagInputBorderContainer", "tagInputRootFocused", "singleLine", "error", "inputExtension", "suggestionsContainer", "suggestionList"];
+const classKeys = ["input", "listItemGutters", "listItemRoot", "root", "chipRoot", "disabled", "resizable", "invalid", "labelContainer", "label", "description", "characterCounter", "tagsList", "tagInputContainerRoot", "tagInputRoot", "tagSelected", "tagInputBorderContainer", "tagInputRootFocused", "tagInputRootEmpty", "singleLine", "error", "inputExtension", "suggestionsContainer", "suggestionList"];
 const tagsInputClasses = classes.getClasses(classKeys, "HvTagsInput");
 const tagsInputClasses$1 = tagsInputClasses;
 exports.default = tagsInputClasses$1;

package/dist/cjs/components/TagsInput/tagsInputClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tagsInputClasses.cjs","sources":["../../../../src/components/TagsInput/tagsInputClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvTagsInputClasses = {\n  /** Styles applied to the input element. */\n  input?: string;\n  /** Styles applied to the list item gutters. */\n  listItemGutters?: string;\n  /** Styles applied to the list item element. */\n  listItemRoot?: string;\n  /** Styles applied to the root container of the textarea. */\n  root?: string;\n  /** Styles applies to the tag root. */\n  chipRoot?: string;\n  /** Style applied to the root when resizable is `true`. */\n  disabled?: string;\n  /** Style applied to the root when resizable is `true`. */\n  resizable?: string;\n  /** Style applied to the root when invalid. */\n  invalid?: string;\n  /** Styles applied to text area container that holds the label, description and counter. */\n  labelContainer?: string;\n  /** Styles applied to the label element. */\n  label?: string;\n  /** Styles applied to the label element. */\n  description?: string;\n  /** Style applied on the character counter. */\n  characterCounter?: string;\n  /** Styles applied to the tags list container element. */\n  tagsList?: string;\n  /** Styles applied to the tag input container element. */\n  tagInputContainerRoot?: string;\n  /** Styles applied to the tag input element. */\n  tagInputRoot?: string;\n  /** Styles applied to a tag element when selected */\n  tagSelected?: string;\n  /** Styles applied to the input element border. */\n  tagInputBorderContainer?: string;\n  /** Styles applied to the input element when focused. */\n  tagInputRootFocused?: string;\n  /** Styled applied to the input element when empty */\n  tagInputRootEmpty?: string;\n  /** Styles applied to the container when in single line mode. */\n  singleLine?: string;\n  /** Styles applied to the tags list when an error occurred. */\n  error?: string;\n  /** Styles applied to the input extension shown when the suggestions list is visible. */\n  inputExtension?: string;\n  /** Styles applied to the container of the suggestions list. */\n  suggestionsContainer?: string;\n  /** Styles applied to the suggestions list. */\n  suggestionList?: string;\n};\n\nconst classKeys: string[] = [\n  \"input\",\n  \"listItemGutters\",\n  \"listItemRoot\",\n  \"root\",\n  \"chipRoot\",\n  \"disabled\",\n  \"resizable\",\n  \"invalid\",\n  \"labelContainer\",\n  \"label\",\n  \"description\",\n  \"characterCounter\",\n  \"tagsList\",\n  \"tagInputContainerRoot\",\n  \"tagInputRoot\",\n  \"tagSelected\",\n  \"tagInputBorderContainer\",\n  \"tagInputRootFocused\",\n  \"singleLine\",\n  \"error\",\n  \"inputExtension\",\n  \"suggestionsContainer\",\n  \"suggestionList\",\n];\n\nconst tagsInputClasses = getClasses<HvTagsInputClasses>(\n  classKeys,\n  \"HvTagsInput\"\n);\n\nexport default tagsInputClasses;\n"],"names":["classKeys","tagsInputClasses","getClasses"],"mappings":";;;AAqDA,MAAMA,YAAsB,CAC1B,SACA,mBACA,gBACA,QACA,YACA,YACA,aACA,WACA,kBACA,SACA,eACA,oBACA,YACA,yBACA,gBACA,eACA,2BACA,uBACA,cACA,SACA,kBACA,wBACA,gBAAgB;AAGlB,MAAMC,mBAAmBC,QACvBF,WAAAA,WACA,aAAa;AAGf,MAAA,qBAAeC;;"}
+{"version":3,"file":"tagsInputClasses.cjs","sources":["../../../../src/components/TagsInput/tagsInputClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvTagsInputClasses = {\n  /** Styles applied to the input element. */\n  input?: string;\n  /** Styles applied to the list item gutters. */\n  listItemGutters?: string;\n  /** Styles applied to the list item element. */\n  listItemRoot?: string;\n  /** Styles applied to the root container of the textarea. */\n  root?: string;\n  /** Styles applies to the tag root. */\n  chipRoot?: string;\n  /** Style applied to the root when resizable is `true`. */\n  disabled?: string;\n  /** Style applied to the root when resizable is `true`. */\n  resizable?: string;\n  /** Style applied to the root when invalid. */\n  invalid?: string;\n  /** Styles applied to text area container that holds the label, description and counter. */\n  labelContainer?: string;\n  /** Styles applied to the label element. */\n  label?: string;\n  /** Styles applied to the label element. */\n  description?: string;\n  /** Style applied on the character counter. */\n  characterCounter?: string;\n  /** Styles applied to the tags list container element. */\n  tagsList?: string;\n  /** Styles applied to the tag input container element. */\n  tagInputContainerRoot?: string;\n  /** Styles applied to the tag input element. */\n  tagInputRoot?: string;\n  /** Styles applied to a tag element when selected */\n  tagSelected?: string;\n  /** Styles applied to the input element border. */\n  tagInputBorderContainer?: string;\n  /** Styles applied to the input element when focused. */\n  tagInputRootFocused?: string;\n  /** Styled applied to the input element when empty */\n  tagInputRootEmpty?: string;\n  /** Styles applied to the container when in single line mode. */\n  singleLine?: string;\n  /** Styles applied to the tags list when an error occurred. */\n  error?: string;\n  /** Styles applied to the input extension shown when the suggestions list is visible. */\n  inputExtension?: string;\n  /** Styles applied to the container of the suggestions list. */\n  suggestionsContainer?: string;\n  /** Styles applied to the suggestions list. */\n  suggestionList?: string;\n};\n\nconst classKeys: string[] = [\n  \"input\",\n  \"listItemGutters\",\n  \"listItemRoot\",\n  \"root\",\n  \"chipRoot\",\n  \"disabled\",\n  \"resizable\",\n  \"invalid\",\n  \"labelContainer\",\n  \"label\",\n  \"description\",\n  \"characterCounter\",\n  \"tagsList\",\n  \"tagInputContainerRoot\",\n  \"tagInputRoot\",\n  \"tagSelected\",\n  \"tagInputBorderContainer\",\n  \"tagInputRootFocused\",\n  \"tagInputRootEmpty\",\n  \"singleLine\",\n  \"error\",\n  \"inputExtension\",\n  \"suggestionsContainer\",\n  \"suggestionList\",\n];\n\nconst tagsInputClasses = getClasses<HvTagsInputClasses>(\n  classKeys,\n  \"HvTagsInput\"\n);\n\nexport default tagsInputClasses;\n"],"names":["classKeys","tagsInputClasses","getClasses"],"mappings":";;;AAqDA,MAAMA,YAAsB,CAC1B,SACA,mBACA,gBACA,QACA,YACA,YACA,aACA,WACA,kBACA,SACA,eACA,oBACA,YACA,yBACA,gBACA,eACA,2BACA,uBACA,qBACA,cACA,SACA,kBACA,wBACA,gBAAgB;AAGlB,MAAMC,mBAAmBC,QACvBF,WAAAA,WACA,aAAa;AAGf,MAAA,qBAAeC;;"}

package/dist/cjs/components/TextArea/TextArea.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const TextArea_styles = require("./TextArea.styles.cjs");
 const validationStates = require("../Forms/FormElement/validationStates.cjs");
 const clsx = require("clsx");
@@ -135,6 +135,8 @@ const HvTextArea = ({
     required,
     validations.validationTypes.none,
     minCharQuantity,
+    // If blockMax is true maxCharQuantity will never produce an error
+    // unless the value is controlled, so we can't prevent it to overflow maxCharQuantity
     maxCharQuantity != null && (blockMax !== true || value != null) ? maxCharQuantity : null,
     validation,
     inputProps

package/dist/cjs/components/TextArea/TextArea.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.cjs","sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import { HvCharCounterProps, HvFormStatus } from \"../Forms\";\nimport { HvBaseInputProps } from \"../BaseInput\";\nimport {\n  StyledBaseInput,\n  StyledCharCounter,\n  StyledFormElement,\n  StyledInfoMessage,\n  StyledLabel,\n  StyledLabelContainer,\n  StyledWarningText,\n} from \"./TextArea.styles\";\nimport { useControlled, useUniqueId } from \"hooks\";\nimport validationStates, {\n  isInvalid,\n} from \"components/Forms/FormElement/validationStates\";\nimport clsx from \"clsx\";\nimport { useCallback, useRef, useState, useMemo, useEffect } from \"react\";\nimport {\n  computeValidationMessage,\n  computeValidationState,\n  DEFAULT_ERROR_MESSAGES,\n  hasBuiltInValidations,\n  HvInputValidity,\n  validateInput,\n  validationTypes,\n} from \"../BaseInput/validations\";\nimport { setId } from \"utils\";\nimport { isNil } from \"lodash\";\nimport { HvValidationMessages } from \"types/forms\";\nimport textAreaClasses, { HvTextAreaClasses } from \"./textAreaClasses\";\n\nexport type HvTextAreaProps = Omit<\n  HvBaseInputProps,\n  \"onChange\" | \"onBlur\" | \"rows\" | \"classes\" | \"onFocus\"\n> & {\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  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description?: React.ReactNode;\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  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage?: React.ReactNode;\n  /**\n   * Text between the current char counter and max value.\n   */\n  middleCountLabel?: string;\n  /**\n   * An Object containing the various texts associated with the input.\n   */\n  validationMessages?: HvValidationMessages;\n  /**\n   * The custom validation function, it receives the value and must return\n   * either `true` for valid or `false` for invalid, default validations would only\n   * occur if this function is null or undefined\n   */\n  validation?: (value: string) => boolean;\n  /**\n   * The maximum allowed length of the characters, if this value is null no check\n   * will be performed.\n   */\n  maxCharQuantity?: number;\n  /**\n   * The minimum allowed length of the characters, if this value is null no check\n   * will be perform.\n   */\n  minCharQuantity?: number;\n  /**\n   * If `true` it should autofocus.\n   */\n  autoFocus?: boolean;\n  /**\n   * The number of rows of the text area\n   */\n  rows?: number;\n  /**\n   * If `true` the component is resizable.\n   */\n  resizable?: boolean;\n  /**\n   * Auto-scroll: automatically scroll to the end on value changes.\n   * Will stop if the user scrolls up and resume if scrolled to the bottom.\n   */\n  autoScroll?: boolean;\n  /**\n   * If true it isn't possible to pass the `maxCharQuantity`\n   */\n  blockMax?: boolean;\n  /**\n   * If `true` the character counter isn't shown even if maxCharQuantity is set.\n   */\n  hideCounter?: boolean;\n  /**\n   * Props passed to the char count.\n   */\n  countCharProps?: Partial<HvCharCounterProps>;\n  /**\n   * Called back when the value is changed.\n   */\n  onChange?: (\n    event: React.ChangeEvent<HTMLTextAreaElement>,\n    value: string\n  ) => void;\n  /**\n   * Called back when the value is changed.\n   */\n  onBlur?: (\n    event: React.FocusEvent<HTMLTextAreaElement>,\n    value: string,\n    validationState: HvInputValidity\n  ) => void;\n  /**\n   * The function that will be executed onBlur, allows checking the value state,\n   * it receives the value.\n   */\n  onFocus?: (\n    event: React.FocusEvent<HTMLTextAreaElement>,\n    value: string\n  ) => void;\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvTextAreaClasses;\n};\n\n/**\n * A text area is a multiline text input box, with an optional character counter when there is a length limit.\n */\nexport const HvTextArea = ({\n  id,\n  className,\n  classes,\n  name,\n  label,\n  description,\n  placeholder,\n  status,\n  statusMessage,\n  validationMessages,\n  maxCharQuantity,\n  minCharQuantity,\n  value: valueProp,\n  inputRef: inputRefProp,\n  rows = 1,\n  defaultValue = \"\",\n  middleCountLabel = \"/\",\n  countCharProps = {},\n  inputProps = {},\n  required = false,\n  readOnly = false,\n  disabled = false,\n  autoFocus = false,\n  resizable = false,\n  autoScroll = false,\n  hideCounter = false,\n  blockMax = false,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  \"aria-describedby\": ariaDescribedBy,\n  \"aria-errormessage\": ariaErrorMessage,\n  validation,\n  onChange,\n  onBlur,\n  onFocus,\n  ...others\n}: HvTextAreaProps) => {\n  const elementId = useUniqueId(id, \"hvtextarea\");\n\n  // Signals that the user has manually edited the input value\n  const isDirty = useRef<boolean>(false);\n\n  const inputRefOwn = useRef(null);\n\n  const inputRef = inputRefProp || inputRefOwn;\n\n  const [focused, setFocused] = useState<boolean>(false);\n\n  const [autoScrolling, setAutoScrolling] = useState(autoScroll);\n\n  const [validationState, setValidationState] = useControlled(\n    status,\n    validationStates.standBy\n  );\n\n  const [validationMessage, setValidationMessage] = useControlled(\n    statusMessage,\n    \"\"\n  );\n\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n\n  const isStateInvalid = isInvalid(validationState);\n\n  const isEmptyValue = value == null || value === \"\";\n\n  const hasLabel = label != null;\n\n  const hasDescription = description != null;\n\n  const hasCounter = maxCharQuantity != null && !hideCounter;\n\n  // ValidationMessages reference tends to change, as users will not memorize/useState for it;\n  // Dependencies must be more explicit so we set\n  const errorMessages = useMemo(\n    () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n    [\n      validationMessages?.error,\n      validationMessages?.requiredError,\n      validationMessages?.minCharError,\n      validationMessages?.maxCharError,\n    ]\n  );\n\n  // Validates the input, sets the status and the statusMessage accordingly (if uncontrolled)\n  // and returns the validity state of the input.\n  const performValidation = useCallback(() => {\n    const inputValidity = validateInput(\n      inputRef.current,\n      value,\n      required,\n      minCharQuantity,\n      maxCharQuantity,\n      validationTypes.none,\n      validation\n    );\n\n    // This will only run if status is uncontrolled\n    setValidationState(computeValidationState(inputValidity, isEmptyValue));\n\n    // This will only run if statusMessage is uncontrolled\n    setValidationMessage(\n      computeValidationMessage(inputValidity, errorMessages)\n    );\n\n    return inputValidity;\n  }, [\n    errorMessages,\n    inputRef,\n    isEmptyValue,\n    maxCharQuantity,\n    minCharQuantity,\n    required,\n    setValidationMessage,\n    setValidationState,\n    validation,\n    value,\n  ]);\n\n  const isOverflow = (currentValue) =>\n    isNil(maxCharQuantity) ? false : currentValue.length > maxCharQuantity;\n\n  /**\n   * Limit the string to the maxCharQuantity length.\n   *\n   * @param value - string to evaluate\n   * @returns {string|*} - string according the limit\n   */\n  const limitValue = (currentValue) => {\n    if (currentValue === undefined || !blockMax) return currentValue;\n    return !isOverflow(currentValue)\n      ? currentValue\n      : currentValue.substring(0, maxCharQuantity);\n  };\n\n  /**\n   * Validates the text area updating the state and modifying the warning text, also executes\n   * the user provided onBlur passing the current validation status and value.\n   *\n   * @returns {undefined}\n   */\n  const onContainerBlurHandler = (event) => {\n    setFocused(false);\n\n    const inputValidity = performValidation();\n\n    onBlur?.(event, value, inputValidity);\n  };\n\n  /**\n   * Updates the length of the string while is being inputted, also executes the user onChange\n   * allowing the customization of the input if required.\n   *\n   * @param {String} value - The value provided by the HvInput\n   */\n  const onChangeHandler = (event, currentValue) => {\n    isDirty.current = true;\n\n    const limitedValue = blockMax ? limitValue(currentValue) : currentValue;\n\n    // Set the input value (only when value is uncontrolled)\n    setValue(limitedValue);\n\n    onChange?.(event, limitedValue);\n  };\n\n  /**\n   * Updates the state putting again the value from the state because the input value is\n   * not automatically manage, it also executes the onFocus function from the user passing the value\n   */\n  const onFocusHandler = (event) => {\n    setFocused(true);\n\n    // Reset validation status to standBy (only when status is uncontrolled)\n    setValidationState(validationStates.standBy);\n\n    onFocus?.(event, value);\n  };\n\n  const isScrolledDown = useCallback(() => {\n    const el = inputRef.current;\n    return el == null || el.offsetHeight + el.scrollTop >= el.scrollHeight;\n  }, [inputRef]);\n\n  const scrollDown = useCallback(() => {\n    const el = inputRef.current;\n    if (el != null) {\n      el.scrollTop = el.scrollHeight - el.clientHeight;\n    }\n  }, [inputRef]);\n\n  const addScrollListener = useCallback(() => {\n    const scrollHandler = {\n      handleEvent: () => {\n        setAutoScrolling(isScrolledDown());\n      },\n    };\n    inputRef.current.addEventListener(\"scroll\", scrollHandler);\n  }, [inputRef, isScrolledDown]);\n\n  useEffect(() => {\n    if (autoScroll) {\n      addScrollListener();\n    }\n  }, [autoScroll, addScrollListener]);\n\n  useEffect(() => {\n    if (autoScrolling) {\n      scrollDown();\n    }\n  }, [valueProp, autoScrolling, scrollDown]);\n\n  // Run initial validation after first render\n  // and also when any validation condition changes\n  useEffect(() => {\n    if (focused || (!isDirty.current && isEmptyValue)) {\n      // Skip validation if currently focused or if empty and\n      // the user never manually edited the input value\n      return;\n    }\n\n    performValidation();\n  }, [focused, isEmptyValue, performValidation]);\n\n  // The error message area will only be created if:\n  //   - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and any of the built-in validations are active\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined &&\n        hasBuiltInValidations(\n          required,\n          validationTypes.none,\n          minCharQuantity,\n          // If blockMax is true maxCharQuantity will never produce an error\n          // unless the value is controlled, so we can't prevent it to overflow maxCharQuantity\n          maxCharQuantity != null && (blockMax !== true || value != null)\n            ? maxCharQuantity\n            : null,\n          validation,\n          inputProps\n        )));\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage;\n  }\n\n  return (\n    <StyledFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(\n        textAreaClasses.root,\n        classes?.root,\n        className,\n        resizable && clsx(textAreaClasses.resizable, classes?.resizable),\n        disabled && clsx(textAreaClasses.disabled, classes?.disabled),\n        isStateInvalid && clsx(textAreaClasses.invalid, classes?.invalid)\n      )}\n      $resizable={resizable}\n      onBlur={onContainerBlurHandler}\n    >\n      {(hasLabel || hasDescription) && (\n        <StyledLabelContainer\n          className={clsx(\n            textAreaClasses.labelContainer,\n            classes?.labelContainer\n          )}\n        >\n          {hasLabel && (\n            <StyledLabel\n              className={clsx(textAreaClasses.label, classes?.label)}\n              id={setId(id, \"label\")}\n              htmlFor={setId(elementId, \"input\")}\n              label={label}\n            />\n          )}\n\n          {hasDescription && (\n            <StyledInfoMessage\n              className={clsx(\n                textAreaClasses.description,\n                classes?.description\n              )}\n              id={setId(elementId, \"description\")}\n            >\n              {description}\n            </StyledInfoMessage>\n          )}\n        </StyledLabelContainer>\n      )}\n\n      {hasCounter && (\n        <StyledCharCounter\n          id={setId(elementId, \"charCounter\")}\n          className={clsx(\n            textAreaClasses.characterCounter,\n            classes?.characterCounter\n          )}\n          separator={middleCountLabel}\n          currentCharQuantity={value.length}\n          maxCharQuantity={maxCharQuantity}\n          {...countCharProps}\n        />\n      )}\n\n      <StyledBaseInput\n        classes={{\n          root: clsx(textAreaClasses.baseInput, classes?.baseInput),\n          input: clsx(textAreaClasses.input, classes?.input),\n          inputResizable: clsx(\n            textAreaClasses.inputResizable,\n            classes?.inputResizable\n          ),\n        }}\n        id={hasLabel ? setId(elementId, \"input\") : setId(id, \"input\")}\n        name={name}\n        value={value}\n        required={required}\n        readOnly={readOnly}\n        disabled={disabled}\n        onChange={onChangeHandler}\n        autoFocus={autoFocus}\n        onFocus={onFocusHandler}\n        placeholder={placeholder}\n        invalid={isStateInvalid}\n        resizable={resizable}\n        multiline\n        rows={rows}\n        inputProps={{\n          \"aria-label\": ariaLabel,\n          \"aria-labelledby\": ariaLabelledBy,\n          \"aria-invalid\": isStateInvalid ? true : undefined,\n          \"aria-errormessage\": errorMessageId,\n          \"aria-describedby\":\n            ariaDescribedBy != null\n              ? ariaDescribedBy\n              : (description && setId(elementId, \"description\")) || undefined,\n          \"aria-controls\": maxCharQuantity\n            ? setId(elementId, \"charCounter\")\n            : undefined,\n          ...inputProps,\n        }}\n        inputRef={inputRef}\n        $resizable={resizable}\n        {...others}\n      />\n\n      {canShowError && (\n        <StyledWarningText\n          id={setId(elementId, \"error\")}\n          className={clsx(textAreaClasses.error, classes?.error)}\n          disableBorder\n        >\n          {validationMessage}\n        </StyledWarningText>\n      )}\n    </StyledFormElement>\n  );\n};\n"],"names":["HvTextArea","id","className","classes","name","label","description","placeholder","status","statusMessage","validationMessages","maxCharQuantity","minCharQuantity","value","valueProp","inputRef","inputRefProp","rows","defaultValue","middleCountLabel","countCharProps","inputProps","required","readOnly","disabled","autoFocus","resizable","autoScroll","hideCounter","blockMax","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaErrorMessage","validation","onChange","onBlur","onFocus","others","elementId","useUniqueId","isDirty","useRef","inputRefOwn","focused","setFocused","useState","autoScrolling","setAutoScrolling","validationState","setValidationState","useControlled","validationStates","standBy","validationMessage","setValidationMessage","setValue","isStateInvalid","isInvalid","isEmptyValue","hasLabel","hasDescription","hasCounter","errorMessages","useMemo","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","performValidation","useCallback","inputValidity","validateInput","current","validationTypes","none","computeValidationState","computeValidationMessage","isOverflow","currentValue","isNil","length","limitValue","undefined","substring","onContainerBlurHandler","event","onChangeHandler","limitedValue","onFocusHandler","isScrolledDown","el","offsetHeight","scrollTop","scrollHeight","scrollDown","clientHeight","addScrollListener","scrollHandler","handleEvent","addEventListener","useEffect","canShowError","hasBuiltInValidations","errorMessageId","setId","StyledFormElement","clsx","textAreaClasses","root","invalid","$resizable","children","StyledLabelContainer","labelContainer","_jsx","StyledLabel","htmlFor","StyledInfoMessage","StyledCharCounter","characterCounter","separator","currentCharQuantity","StyledBaseInput","baseInput","input","inputResizable","multiline","StyledWarningText","disableBorder"],"mappings":"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"}
+{"version":3,"file":"TextArea.cjs","sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import { HvCharCounterProps, HvFormStatus } from \"../Forms\";\nimport { HvBaseInputProps } from \"../BaseInput\";\nimport {\n  StyledBaseInput,\n  StyledCharCounter,\n  StyledFormElement,\n  StyledInfoMessage,\n  StyledLabel,\n  StyledLabelContainer,\n  StyledWarningText,\n} from \"./TextArea.styles\";\nimport { useControlled, useUniqueId } from \"hooks\";\nimport validationStates, {\n  isInvalid,\n} from \"components/Forms/FormElement/validationStates\";\nimport clsx from \"clsx\";\nimport { useCallback, useRef, useState, useMemo, useEffect } from \"react\";\nimport {\n  computeValidationMessage,\n  computeValidationState,\n  DEFAULT_ERROR_MESSAGES,\n  hasBuiltInValidations,\n  HvInputValidity,\n  validateInput,\n  validationTypes,\n} from \"../BaseInput/validations\";\nimport { setId } from \"utils\";\nimport { isNil } from \"lodash\";\nimport { HvValidationMessages } from \"types/forms\";\nimport textAreaClasses, { HvTextAreaClasses } from \"./textAreaClasses\";\n\nexport type HvTextAreaProps = Omit<\n  HvBaseInputProps,\n  \"onChange\" | \"onBlur\" | \"rows\" | \"classes\" | \"onFocus\"\n> & {\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  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description?: React.ReactNode;\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  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage?: React.ReactNode;\n  /**\n   * Text between the current char counter and max value.\n   */\n  middleCountLabel?: string;\n  /**\n   * An Object containing the various texts associated with the input.\n   */\n  validationMessages?: HvValidationMessages;\n  /**\n   * The custom validation function, it receives the value and must return\n   * either `true` for valid or `false` for invalid, default validations would only\n   * occur if this function is null or undefined\n   */\n  validation?: (value: string) => boolean;\n  /**\n   * The maximum allowed length of the characters, if this value is null no check\n   * will be performed.\n   */\n  maxCharQuantity?: number;\n  /**\n   * The minimum allowed length of the characters, if this value is null no check\n   * will be perform.\n   */\n  minCharQuantity?: number;\n  /**\n   * If `true` it should autofocus.\n   */\n  autoFocus?: boolean;\n  /**\n   * The number of rows of the text area\n   */\n  rows?: number;\n  /**\n   * If `true` the component is resizable.\n   */\n  resizable?: boolean;\n  /**\n   * Auto-scroll: automatically scroll to the end on value changes.\n   * Will stop if the user scrolls up and resume if scrolled to the bottom.\n   */\n  autoScroll?: boolean;\n  /**\n   * If true it isn't possible to pass the `maxCharQuantity`\n   */\n  blockMax?: boolean;\n  /**\n   * If `true` the character counter isn't shown even if maxCharQuantity is set.\n   */\n  hideCounter?: boolean;\n  /**\n   * Props passed to the char count.\n   */\n  countCharProps?: Partial<HvCharCounterProps>;\n  /**\n   * Called back when the value is changed.\n   */\n  onChange?: (\n    event: React.ChangeEvent<HTMLTextAreaElement>,\n    value: string\n  ) => void;\n  /**\n   * Called back when the value is changed.\n   */\n  onBlur?: (\n    event: React.FocusEvent<HTMLTextAreaElement>,\n    value: string,\n    validationState: HvInputValidity\n  ) => void;\n  /**\n   * The function that will be executed onBlur, allows checking the value state,\n   * it receives the value.\n   */\n  onFocus?: (\n    event: React.FocusEvent<HTMLTextAreaElement>,\n    value: string\n  ) => void;\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvTextAreaClasses;\n};\n\n/**\n * A text area is a multiline text input box, with an optional character counter when there is a length limit.\n */\nexport const HvTextArea = ({\n  id,\n  className,\n  classes,\n  name,\n  label,\n  description,\n  placeholder,\n  status,\n  statusMessage,\n  validationMessages,\n  maxCharQuantity,\n  minCharQuantity,\n  value: valueProp,\n  inputRef: inputRefProp,\n  rows = 1,\n  defaultValue = \"\",\n  middleCountLabel = \"/\",\n  countCharProps = {},\n  inputProps = {},\n  required = false,\n  readOnly = false,\n  disabled = false,\n  autoFocus = false,\n  resizable = false,\n  autoScroll = false,\n  hideCounter = false,\n  blockMax = false,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  \"aria-describedby\": ariaDescribedBy,\n  \"aria-errormessage\": ariaErrorMessage,\n  validation,\n  onChange,\n  onBlur,\n  onFocus,\n  ...others\n}: HvTextAreaProps) => {\n  const elementId = useUniqueId(id, \"hvtextarea\");\n\n  // Signals that the user has manually edited the input value\n  const isDirty = useRef<boolean>(false);\n\n  const inputRefOwn = useRef(null);\n\n  const inputRef = inputRefProp || inputRefOwn;\n\n  const [focused, setFocused] = useState<boolean>(false);\n\n  const [autoScrolling, setAutoScrolling] = useState(autoScroll);\n\n  const [validationState, setValidationState] = useControlled(\n    status,\n    validationStates.standBy\n  );\n\n  const [validationMessage, setValidationMessage] = useControlled(\n    statusMessage,\n    \"\"\n  );\n\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n\n  const isStateInvalid = isInvalid(validationState);\n\n  const isEmptyValue = value == null || value === \"\";\n\n  const hasLabel = label != null;\n\n  const hasDescription = description != null;\n\n  const hasCounter = maxCharQuantity != null && !hideCounter;\n\n  // ValidationMessages reference tends to change, as users will not memorize/useState for it;\n  // Dependencies must be more explicit so we set\n  const errorMessages = useMemo(\n    () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n    [\n      validationMessages?.error,\n      validationMessages?.requiredError,\n      validationMessages?.minCharError,\n      validationMessages?.maxCharError,\n    ]\n  );\n\n  // Validates the input, sets the status and the statusMessage accordingly (if uncontrolled)\n  // and returns the validity state of the input.\n  const performValidation = useCallback(() => {\n    const inputValidity = validateInput(\n      inputRef.current,\n      value,\n      required,\n      minCharQuantity,\n      maxCharQuantity,\n      validationTypes.none,\n      validation\n    );\n\n    // This will only run if status is uncontrolled\n    setValidationState(computeValidationState(inputValidity, isEmptyValue));\n\n    // This will only run if statusMessage is uncontrolled\n    setValidationMessage(\n      computeValidationMessage(inputValidity, errorMessages)\n    );\n\n    return inputValidity;\n  }, [\n    errorMessages,\n    inputRef,\n    isEmptyValue,\n    maxCharQuantity,\n    minCharQuantity,\n    required,\n    setValidationMessage,\n    setValidationState,\n    validation,\n    value,\n  ]);\n\n  const isOverflow = (currentValue) =>\n    isNil(maxCharQuantity) ? false : currentValue.length > maxCharQuantity;\n\n  /**\n   * Limit the string to the maxCharQuantity length.\n   *\n   * @param value - string to evaluate\n   * @returns {string|*} - string according the limit\n   */\n  const limitValue = (currentValue) => {\n    if (currentValue === undefined || !blockMax) return currentValue;\n    return !isOverflow(currentValue)\n      ? currentValue\n      : currentValue.substring(0, maxCharQuantity);\n  };\n\n  /**\n   * Validates the text area updating the state and modifying the warning text, also executes\n   * the user provided onBlur passing the current validation status and value.\n   *\n   * @returns {undefined}\n   */\n  const onContainerBlurHandler = (event) => {\n    setFocused(false);\n\n    const inputValidity = performValidation();\n\n    onBlur?.(event, value, inputValidity);\n  };\n\n  /**\n   * Updates the length of the string while is being inputted, also executes the user onChange\n   * allowing the customization of the input if required.\n   *\n   * @param {String} value - The value provided by the HvInput\n   */\n  const onChangeHandler = (event, currentValue) => {\n    isDirty.current = true;\n\n    const limitedValue = blockMax ? limitValue(currentValue) : currentValue;\n\n    // Set the input value (only when value is uncontrolled)\n    setValue(limitedValue);\n\n    onChange?.(event, limitedValue);\n  };\n\n  /**\n   * Updates the state putting again the value from the state because the input value is\n   * not automatically manage, it also executes the onFocus function from the user passing the value\n   */\n  const onFocusHandler = (event) => {\n    setFocused(true);\n\n    // Reset validation status to standBy (only when status is uncontrolled)\n    setValidationState(validationStates.standBy);\n\n    onFocus?.(event, value);\n  };\n\n  const isScrolledDown = useCallback(() => {\n    const el = inputRef.current;\n    return el == null || el.offsetHeight + el.scrollTop >= el.scrollHeight;\n  }, [inputRef]);\n\n  const scrollDown = useCallback(() => {\n    const el = inputRef.current;\n    if (el != null) {\n      el.scrollTop = el.scrollHeight - el.clientHeight;\n    }\n  }, [inputRef]);\n\n  const addScrollListener = useCallback(() => {\n    const scrollHandler = {\n      handleEvent: () => {\n        setAutoScrolling(isScrolledDown());\n      },\n    };\n    inputRef.current.addEventListener(\"scroll\", scrollHandler);\n  }, [inputRef, isScrolledDown]);\n\n  useEffect(() => {\n    if (autoScroll) {\n      addScrollListener();\n    }\n  }, [autoScroll, addScrollListener]);\n\n  useEffect(() => {\n    if (autoScrolling) {\n      scrollDown();\n    }\n  }, [valueProp, autoScrolling, scrollDown]);\n\n  // Run initial validation after first render\n  // and also when any validation condition changes\n  useEffect(() => {\n    if (focused || (!isDirty.current && isEmptyValue)) {\n      // Skip validation if currently focused or if empty and\n      // the user never manually edited the input value\n      return;\n    }\n\n    performValidation();\n  }, [focused, isEmptyValue, performValidation]);\n\n  // The error message area will only be created if:\n  //   - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and any of the built-in validations are active\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined &&\n        hasBuiltInValidations(\n          required,\n          validationTypes.none,\n          minCharQuantity,\n          // If blockMax is true maxCharQuantity will never produce an error\n          // unless the value is controlled, so we can't prevent it to overflow maxCharQuantity\n          maxCharQuantity != null && (blockMax !== true || value != null)\n            ? maxCharQuantity\n            : null,\n          validation,\n          inputProps\n        )));\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage;\n  }\n\n  return (\n    <StyledFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(\n        textAreaClasses.root,\n        classes?.root,\n        className,\n        resizable && clsx(textAreaClasses.resizable, classes?.resizable),\n        disabled && clsx(textAreaClasses.disabled, classes?.disabled),\n        isStateInvalid && clsx(textAreaClasses.invalid, classes?.invalid)\n      )}\n      $resizable={resizable}\n      onBlur={onContainerBlurHandler}\n    >\n      {(hasLabel || hasDescription) && (\n        <StyledLabelContainer\n          className={clsx(\n            textAreaClasses.labelContainer,\n            classes?.labelContainer\n          )}\n        >\n          {hasLabel && (\n            <StyledLabel\n              className={clsx(textAreaClasses.label, classes?.label)}\n              id={setId(id, \"label\")}\n              htmlFor={setId(elementId, \"input\")}\n              label={label}\n            />\n          )}\n\n          {hasDescription && (\n            <StyledInfoMessage\n              className={clsx(\n                textAreaClasses.description,\n                classes?.description\n              )}\n              id={setId(elementId, \"description\")}\n            >\n              {description}\n            </StyledInfoMessage>\n          )}\n        </StyledLabelContainer>\n      )}\n\n      {hasCounter && (\n        <StyledCharCounter\n          id={setId(elementId, \"charCounter\")}\n          className={clsx(\n            textAreaClasses.characterCounter,\n            classes?.characterCounter\n          )}\n          separator={middleCountLabel}\n          currentCharQuantity={value.length}\n          maxCharQuantity={maxCharQuantity}\n          {...countCharProps}\n        />\n      )}\n\n      <StyledBaseInput\n        classes={{\n          root: clsx(textAreaClasses.baseInput, classes?.baseInput),\n          input: clsx(textAreaClasses.input, classes?.input),\n          inputResizable: clsx(\n            textAreaClasses.inputResizable,\n            classes?.inputResizable\n          ),\n        }}\n        id={hasLabel ? setId(elementId, \"input\") : setId(id, \"input\")}\n        name={name}\n        value={value}\n        required={required}\n        readOnly={readOnly}\n        disabled={disabled}\n        onChange={onChangeHandler}\n        autoFocus={autoFocus}\n        onFocus={onFocusHandler}\n        placeholder={placeholder}\n        invalid={isStateInvalid}\n        resizable={resizable}\n        multiline\n        rows={rows}\n        inputProps={{\n          \"aria-label\": ariaLabel,\n          \"aria-labelledby\": ariaLabelledBy,\n          \"aria-invalid\": isStateInvalid ? true : undefined,\n          \"aria-errormessage\": errorMessageId,\n          \"aria-describedby\":\n            ariaDescribedBy != null\n              ? ariaDescribedBy\n              : (description && setId(elementId, \"description\")) || undefined,\n          \"aria-controls\": maxCharQuantity\n            ? setId(elementId, \"charCounter\")\n            : undefined,\n          ...inputProps,\n        }}\n        inputRef={inputRef}\n        $resizable={resizable}\n        {...others}\n      />\n\n      {canShowError && (\n        <StyledWarningText\n          id={setId(elementId, \"error\")}\n          className={clsx(textAreaClasses.error, classes?.error)}\n          disableBorder\n        >\n          {validationMessage}\n        </StyledWarningText>\n      )}\n    </StyledFormElement>\n  );\n};\n"],"names":["HvTextArea","id","className","classes","name","label","description","placeholder","status","statusMessage","validationMessages","maxCharQuantity","minCharQuantity","value","valueProp","inputRef","inputRefProp","rows","defaultValue","middleCountLabel","countCharProps","inputProps","required","readOnly","disabled","autoFocus","resizable","autoScroll","hideCounter","blockMax","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaErrorMessage","validation","onChange","onBlur","onFocus","others","elementId","useUniqueId","isDirty","useRef","inputRefOwn","focused","setFocused","useState","autoScrolling","setAutoScrolling","validationState","setValidationState","useControlled","validationStates","standBy","validationMessage","setValidationMessage","setValue","isStateInvalid","isInvalid","isEmptyValue","hasLabel","hasDescription","hasCounter","errorMessages","useMemo","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","performValidation","useCallback","inputValidity","validateInput","current","validationTypes","none","computeValidationState","computeValidationMessage","isOverflow","currentValue","isNil","length","limitValue","undefined","substring","onContainerBlurHandler","event","onChangeHandler","limitedValue","onFocusHandler","isScrolledDown","el","offsetHeight","scrollTop","scrollHeight","scrollDown","clientHeight","addScrollListener","scrollHandler","handleEvent","addEventListener","useEffect","canShowError","hasBuiltInValidations","errorMessageId","setId","StyledFormElement","clsx","textAreaClasses","root","invalid","$resizable","children","StyledLabelContainer","labelContainer","_jsx","StyledLabel","htmlFor","StyledInfoMessage","StyledCharCounter","characterCounter","separator","currentCharQuantity","StyledBaseInput","baseInput","input","inputResizable","multiline","StyledWarningText","disableBorder"],"mappings":"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"}

package/dist/cjs/components/TextArea/TextArea.styles.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const transientOptions = require("../../utils/transientOptions.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
@@ -39,9 +39,9 @@ const StyledFormElement = /* @__PURE__ */ _styled__default.default(FormElement.H
   display: "inline-block",
   width: "100%",
   ...$resizable && {
-    width: "auto"
+    width: "100%"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UZXh0QXJlYS9UZXh0QXJlYS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBIdkJhc2VJbnB1dCxcbiAgSHZDaGFyQ291bnRlcixcbiAgSHZGb3JtRWxlbWVudCxcbiAgSHZJbmZvTWVzc2FnZSxcbiAgSHZMYWJlbCxcbiAgSHZXYXJuaW5nVGV4dCxcbn0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9ybUVsZW1lbnQgPSBzdHlsZWQoXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHJlc2l6YWJsZSB9OiB7ICRyZXNpemFibGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuXG4gIC4uLigkcmVzaXphYmxlICYmIHsgd2lkdGg6IFwiYXV0b1wiIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWxDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBmbG9hdDogXCJsZWZ0XCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZMYWJlbCB7Li4ucHJvcHN9IC8+KSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBwYWRkaW5nQm90dG9tOiBcIjZweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmZvTWVzc2FnZSA9IHN0eWxlZCgocHJvcHMpID0+IChcbiAgPEh2SW5mb01lc3NhZ2Ugey4uLnByb3BzfSAvPlxuKSkoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hhckNvdW50ZXIgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkNoYXJDb3VudGVyIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJyaWdodFwiLFxuICB0ZXh0QWxpZ246IFwicmlnaHRcIixcbiAgbWFyZ2luQm90dG9tOiBcIjZweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRXYXJuaW5nVGV4dCA9IHN0eWxlZChIdldhcm5pbmdUZXh0KSh7IGZsb2F0OiBcImxlZnRcIiB9KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhc2VJbnB1dCA9IHN0eWxlZChcbiAgSHZCYXNlSW5wdXQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHJlc2l6YWJsZSB9OiB7ICRyZXNpemFibGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgY2xlYXI6IFwiYm90aFwiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG5cbiAgLi4uKCRyZXNpemFibGUgJiYge1xuICAgIHJlc2l6ZTogXCJib3RoXCIsXG4gICAgbWluV2lkdGg6IFwiMTUwcHhcIixcbiAgICBtYXhXaWR0aDogXCI2MTBweFwiLFxuICB9KSxcbn0pKTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UZXh0QXJlYS9UZXh0QXJlYS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBIdkJhc2VJbnB1dCxcbiAgSHZDaGFyQ291bnRlcixcbiAgSHZGb3JtRWxlbWVudCxcbiAgSHZJbmZvTWVzc2FnZSxcbiAgSHZMYWJlbCxcbiAgSHZXYXJuaW5nVGV4dCxcbn0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9ybUVsZW1lbnQgPSBzdHlsZWQoXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHJlc2l6YWJsZSB9OiB7ICRyZXNpemFibGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuXG4gIC4uLigkcmVzaXphYmxlICYmIHsgd2lkdGg6IFwiMTAwJVwiIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWxDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBmbG9hdDogXCJsZWZ0XCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZMYWJlbCB7Li4ucHJvcHN9IC8+KSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBwYWRkaW5nQm90dG9tOiBcIjZweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmZvTWVzc2FnZSA9IHN0eWxlZCgocHJvcHMpID0+IChcbiAgPEh2SW5mb01lc3NhZ2Ugey4uLnByb3BzfSAvPlxuKSkoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hhckNvdW50ZXIgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkNoYXJDb3VudGVyIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJyaWdodFwiLFxuICB0ZXh0QWxpZ246IFwicmlnaHRcIixcbiAgbWFyZ2luQm90dG9tOiBcIjZweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRXYXJuaW5nVGV4dCA9IHN0eWxlZCgocHJvcHMpID0+IChcbiAgPEh2V2FybmluZ1RleHQgey4uLnByb3BzfSAvPlxuKSkoeyBmbG9hdDogXCJsZWZ0XCIgfSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlSW5wdXQgPSBzdHlsZWQoXG4gIEh2QmFzZUlucHV0LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGNsZWFyOiBcImJvdGhcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuXG4gIC4uLigkcmVzaXphYmxlICYmIHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgcmVzaXplOiBcImJvdGhcIixcbiAgfSksXG59KSk7XG4iXX0= */");
 const StyledLabelContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
   target: "e1e5t49x5"
 } : {
@@ -53,7 +53,7 @@ const StyledLabelContainer = /* @__PURE__ */ _styled__default.default("div", pro
 } : {
   name: "pah21w",
   styles: "float:left;display:flex;align-items:flex-start",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQm9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcImF1dG9cIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoSHZXYXJuaW5nVGV4dCkoeyBmbG9hdDogXCJsZWZ0XCIgfSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlSW5wdXQgPSBzdHlsZWQoXG4gIEh2QmFzZUlucHV0LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGNsZWFyOiBcImJvdGhcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuXG4gIC4uLigkcmVzaXphYmxlICYmIHtcbiAgICByZXNpemU6IFwiYm90aFwiLFxuICAgIG1pbldpZHRoOiBcIjE1MHB4XCIsXG4gICAgbWF4V2lkdGg6IFwiNjEwcHhcIixcbiAgfSksXG59KSk7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQm9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcIjEwMCVcIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHJlc2l6ZTogXCJib3RoXCIsXG4gIH0pLFxufSkpO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledLabel = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Label.HvLabel, {
@@ -69,7 +69,7 @@ const StyledLabel = /* @__PURE__ */ _styled__default.default((props) => /* @__PU
 } : {
   name: "ip3328",
   styles: "display:block;float:left;padding-bottom:6px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQjJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcImF1dG9cIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoSHZXYXJuaW5nVGV4dCkoeyBmbG9hdDogXCJsZWZ0XCIgfSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlSW5wdXQgPSBzdHlsZWQoXG4gIEh2QmFzZUlucHV0LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGNsZWFyOiBcImJvdGhcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuXG4gIC4uLigkcmVzaXphYmxlICYmIHtcbiAgICByZXNpemU6IFwiYm90aFwiLFxuICAgIG1pbldpZHRoOiBcIjE1MHB4XCIsXG4gICAgbWF4V2lkdGg6IFwiNjEwcHhcIixcbiAgfSksXG59KSk7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQjJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcIjEwMCVcIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHJlc2l6ZTogXCJib3RoXCIsXG4gIH0pLFxufSkpO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledInfoMessage = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(InfoMessage.HvInfoMessage, {
@@ -85,7 +85,7 @@ const StyledInfoMessage = /* @__PURE__ */ _styled__default.default((props) => /*
 } : {
   name: "1en9548",
   styles: "display:block;float:left",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ2lDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcImF1dG9cIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoSHZXYXJuaW5nVGV4dCkoeyBmbG9hdDogXCJsZWZ0XCIgfSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlSW5wdXQgPSBzdHlsZWQoXG4gIEh2QmFzZUlucHV0LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGNsZWFyOiBcImJvdGhcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuXG4gIC4uLigkcmVzaXphYmxlICYmIHtcbiAgICByZXNpemU6IFwiYm90aFwiLFxuICAgIG1pbldpZHRoOiBcIjE1MHB4XCIsXG4gICAgbWF4V2lkdGg6IFwiNjEwcHhcIixcbiAgfSksXG59KSk7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ2lDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcIjEwMCVcIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHJlc2l6ZTogXCJib3RoXCIsXG4gIH0pLFxufSkpO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledCharCounter = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(CharCounter.HvCharCounter, {
@@ -101,10 +101,12 @@ const StyledCharCounter = /* @__PURE__ */ _styled__default.default((props) => /*
 } : {
   name: "bui2ra",
   styles: "display:block;float:right;text-align:right;margin-bottom:6px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q2lDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcImF1dG9cIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoSHZXYXJuaW5nVGV4dCkoeyBmbG9hdDogXCJsZWZ0XCIgfSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlSW5wdXQgPSBzdHlsZWQoXG4gIEh2QmFzZUlucHV0LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGNsZWFyOiBcImJvdGhcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuXG4gIC4uLigkcmVzaXphYmxlICYmIHtcbiAgICByZXNpemU6IFwiYm90aFwiLFxuICAgIG1pbldpZHRoOiBcIjE1MHB4XCIsXG4gICAgbWF4V2lkdGg6IFwiNjEwcHhcIixcbiAgfSksXG59KSk7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q2lDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcIjEwMCVcIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHJlc2l6ZTogXCJib3RoXCIsXG4gIH0pLFxufSkpO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const StyledWarningText = /* @__PURE__ */ _styled__default.default(WarningText.HvWarningText, process.env.NODE_ENV === "production" ? {
+const StyledWarningText = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(WarningText.HvWarningText, {
+  ...props
+}), process.env.NODE_ENV === "production" ? {
   target: "e1e5t49x1"
 } : {
   target: "e1e5t49x1",
@@ -115,7 +117,7 @@ const StyledWarningText = /* @__PURE__ */ _styled__default.default(WarningText.H
 } : {
   name: "g0dsyy",
   styles: "float:left",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRGlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcImF1dG9cIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoSHZXYXJuaW5nVGV4dCkoeyBmbG9hdDogXCJsZWZ0XCIgfSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlSW5wdXQgPSBzdHlsZWQoXG4gIEh2QmFzZUlucHV0LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGNsZWFyOiBcImJvdGhcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuXG4gIC4uLigkcmVzaXphYmxlICYmIHtcbiAgICByZXNpemU6IFwiYm90aFwiLFxuICAgIG1pbldpZHRoOiBcIjE1MHB4XCIsXG4gICAgbWF4V2lkdGg6IFwiNjEwcHhcIixcbiAgfSksXG59KSk7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRGlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcIjEwMCVcIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHJlc2l6ZTogXCJib3RoXCIsXG4gIH0pLFxufSkpO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledBaseInput = /* @__PURE__ */ _styled__default.default(BaseInput.HvBaseInput, process.env.NODE_ENV === "production" ? _extends({}, {
@@ -129,11 +131,10 @@ const StyledBaseInput = /* @__PURE__ */ _styled__default.default(BaseInput.HvBas
   clear: "both",
   float: "left",
   ...$resizable && {
-    resize: "both",
-    minWidth: "150px",
-    maxWidth: "610px"
+    width: "100%",
+    resize: "both"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRCtCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcImF1dG9cIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoSHZXYXJuaW5nVGV4dCkoeyBmbG9hdDogXCJsZWZ0XCIgfSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlSW5wdXQgPSBzdHlsZWQoXG4gIEh2QmFzZUlucHV0LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGNsZWFyOiBcImJvdGhcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuXG4gIC4uLigkcmVzaXphYmxlICYmIHtcbiAgICByZXNpemU6IFwiYm90aFwiLFxuICAgIG1pbldpZHRoOiBcIjE1MHB4XCIsXG4gICAgbWF4V2lkdGg6IFwiNjEwcHhcIixcbiAgfSksXG59KSk7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRCtCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcIjEwMCVcIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHJlc2l6ZTogXCJib3RoXCIsXG4gIH0pLFxufSkpO1xuIl19 */");
 exports.StyledBaseInput = StyledBaseInput;
 exports.StyledCharCounter = StyledCharCounter;
 exports.StyledFormElement = StyledFormElement;

package/dist/cjs/components/TextArea/TextArea.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.styles.cjs","sources":["../../../../src/components/TextArea/TextArea.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport {\n  HvBaseInput,\n  HvCharCounter,\n  HvFormElement,\n  HvInfoMessage,\n  HvLabel,\n  HvWarningText,\n} from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledFormElement = styled(\n  HvFormElement,\n  transientOptions\n)(({ $resizable }: { $resizable: boolean }) => ({\n  display: \"inline-block\",\n  width: \"100%\",\n\n  ...($resizable && { width: \"auto\" }),\n}));\n\nexport const StyledLabelContainer = styled(\"div\")({\n  float: \"left\",\n  display: \"flex\",\n  alignItems: \"flex-start\",\n});\n\nexport const StyledLabel = styled((props) => <HvLabel {...props} />)({\n  display: \"block\",\n  float: \"left\",\n  paddingBottom: \"6px\",\n});\n\nexport const StyledInfoMessage = styled((props) => (\n  <HvInfoMessage {...props} />\n))({\n  display: \"block\",\n  float: \"left\",\n});\n\nexport const StyledCharCounter = styled((props) => (\n  <HvCharCounter {...props} />\n))({\n  display: \"block\",\n  float: \"right\",\n  textAlign: \"right\",\n  marginBottom: \"6px\",\n});\n\nexport const StyledWarningText = styled(HvWarningText)({ float: \"left\" });\n\nexport const StyledBaseInput = styled(\n  HvBaseInput,\n  transientOptions\n)(({ $resizable }: { $resizable: boolean }) => ({\n  clear: \"both\",\n  float: \"left\",\n\n  ...($resizable && {\n    resize: \"both\",\n    minWidth: \"150px\",\n    maxWidth: \"610px\",\n  }),\n}));\n"],"names":["StyledFormElement","HvFormElement","process","env","NODE_ENV","_extends","target","transientOptions","label","$resizable","display","width","StyledLabelContainer","_styled","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","props","_jsx","HvLabel","StyledInfoMessage","HvInfoMessage","StyledCharCounter","HvCharCounter","StyledWarningText","HvWarningText","StyledBaseInput","HvBaseInput","clear","float","resize","minWidth","maxWidth"],"mappings":"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"}
+{"version":3,"file":"TextArea.styles.cjs","sources":["../../../../src/components/TextArea/TextArea.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport {\n  HvBaseInput,\n  HvCharCounter,\n  HvFormElement,\n  HvInfoMessage,\n  HvLabel,\n  HvWarningText,\n} from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledFormElement = styled(\n  HvFormElement,\n  transientOptions\n)(({ $resizable }: { $resizable: boolean }) => ({\n  display: \"inline-block\",\n  width: \"100%\",\n\n  ...($resizable && { width: \"100%\" }),\n}));\n\nexport const StyledLabelContainer = styled(\"div\")({\n  float: \"left\",\n  display: \"flex\",\n  alignItems: \"flex-start\",\n});\n\nexport const StyledLabel = styled((props) => <HvLabel {...props} />)({\n  display: \"block\",\n  float: \"left\",\n  paddingBottom: \"6px\",\n});\n\nexport const StyledInfoMessage = styled((props) => (\n  <HvInfoMessage {...props} />\n))({\n  display: \"block\",\n  float: \"left\",\n});\n\nexport const StyledCharCounter = styled((props) => (\n  <HvCharCounter {...props} />\n))({\n  display: \"block\",\n  float: \"right\",\n  textAlign: \"right\",\n  marginBottom: \"6px\",\n});\n\nexport const StyledWarningText = styled((props) => (\n  <HvWarningText {...props} />\n))({ float: \"left\" });\n\nexport const StyledBaseInput = styled(\n  HvBaseInput,\n  transientOptions\n)(({ $resizable }: { $resizable: boolean }) => ({\n  clear: \"both\",\n  float: \"left\",\n\n  ...($resizable && {\n    width: \"100%\",\n    resize: \"both\",\n  }),\n}));\n"],"names":["StyledFormElement","HvFormElement","process","env","NODE_ENV","_extends","target","transientOptions","label","$resizable","display","width","StyledLabelContainer","_styled","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","props","_jsx","HvLabel","StyledInfoMessage","HvInfoMessage","StyledCharCounter","HvCharCounter","StyledWarningText","HvWarningText","StyledBaseInput","HvBaseInput","clear","float","resize"],"mappings":"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"}

package/dist/cjs/components/ToggleButton/ToggleButton.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const useControlled = require("../../hooks/useControlled.cjs");
@@ -15,9 +15,9 @@ const HvToggleButton = React.forwardRef((props, ref) => {
     ...others
   } = props;
   const [isSelected, setIsSelected] = useControlled.useControlled(selected, Boolean(defaultSelected));
-  const onClickHandler = (e) => {
+  const onClickHandler = (event) => {
     setIsSelected(!isSelected);
-    onClick == null ? void 0 : onClick(e, !isSelected);
+    onClick == null ? void 0 : onClick(event, !isSelected);
   };
   return /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
     ref,

package/dist/cjs/components/ToggleButton/ToggleButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.cjs","sources":["../../../../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { HvButton } from \"components\";\nimport { useControlled } from \"hooks\";\nimport { HvBaseProps } from \"../../types\";\n\nexport type HvToggleButtonProps = HvBaseProps<\n  HTMLButtonElement,\n  { onClick }\n> & {\n  /** When uncontrolled, defines the initial selected state. */\n  defaultSelected?: boolean;\n  /** Defines if the button is selected. When defined the button state becomes controlled. */\n  selected?: boolean;\n  /** Icon for when not selected. Ignored if the component has children. */\n  notSelectedIcon?: React.ReactNode;\n  /** Icon for when selected. Ignored if the component has children. */\n  selectedIcon?: React.ReactNode;\n  /** Function called when icon is clicked. */\n  onClick?: Function;\n};\n\nexport const HvToggleButton = forwardRef<\n  HTMLButtonElement,\n  HvToggleButtonProps\n>((props, ref) => {\n  const {\n    defaultSelected,\n    selected,\n    notSelectedIcon,\n    selectedIcon = null,\n    onClick,\n    children,\n    ...others\n  } = props;\n\n  const [isSelected, setIsSelected] = useControlled(\n    selected,\n    Boolean(defaultSelected)\n  );\n\n  const onClickHandler = (e) => {\n    setIsSelected(!isSelected);\n    onClick?.(e, !isSelected);\n  };\n\n  return (\n    <HvButton\n      ref={ref}\n      icon\n      variant=\"secondaryGhost\"\n      aria-pressed={isSelected}\n      onClick={onClickHandler}\n      {...others}\n    >\n      {children || (!isSelected ? notSelectedIcon : selectedIcon)}\n    </HvButton>\n  );\n});\n"],"names":["HvToggleButton","forwardRef","props","ref","defaultSelected","selected","notSelectedIcon","selectedIcon","onClick","children","others","isSelected","setIsSelected","useControlled","Boolean","onClickHandler","e","HvButton","icon","variant"],"mappings":";;;;;;AAqBO,MAAMA,iBAAiBC,MAAAA,WAG5B,CAACC,OAAOC,QAAQ;AACV,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,eAAe;AAAA,IACfC;AAAAA,IACAC;AAAAA,OACGC;AAAAA,EACDR,IAAAA;AAEE,QAAA,CAACS,YAAYC,aAAa,IAAIC,cAAAA,cAClCR,UACAS,QAAQV,eAAe,CAAC;AAG1B,QAAMW,iBAAkBC,CAAM,MAAA;AAC5BJ,kBAAc,CAACD,UAAU;AACfK,uCAAAA,GAAG,CAACL;AAAAA,EAAU;AAG1B,wCACGM,OAAAA,UAAQ;AAAA,IACPd;AAAAA,IACAe,MAAI;AAAA,IACJC,SAAQ;AAAA,IACR,gBAAcR;AAAAA,IACdH,SAASO;AAAAA,IAAe,GACpBL;AAAAA,IAAMD,UAETA,aAAa,CAACE,aAAaL,kBAAkBC;AAAAA,EAAAA,CACrC;AAEf,CAAC;;"}
+{"version":3,"file":"ToggleButton.cjs","sources":["../../../../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { HvButton } from \"../Button\";\nimport { useControlled } from \"../../hooks\";\nimport { HvBaseProps } from \"../../types\";\n\nexport type HvToggleButtonProps = HvBaseProps<\n  HTMLButtonElement,\n  { onClick }\n> & {\n  /** When uncontrolled, defines the initial selected state. */\n  defaultSelected?: boolean;\n  /** Defines if the button is selected. When defined the button state becomes controlled. */\n  selected?: boolean;\n  /** Defines if the button is disabled. */\n  disabled?: boolean;\n  /** Icon for when not selected. Ignored if the component has children. */\n  notSelectedIcon?: React.ReactNode;\n  /** Icon for when selected. Ignored if the component has children. */\n  selectedIcon?: React.ReactNode;\n  /** Function called when icon is clicked. */\n  onClick?: (\n    event: React.MouseEvent<HTMLButtonElement>,\n    selected: boolean\n  ) => void;\n};\n\nexport const HvToggleButton = forwardRef<\n  HTMLButtonElement,\n  HvToggleButtonProps\n>((props, ref) => {\n  const {\n    defaultSelected,\n    selected,\n    notSelectedIcon,\n    selectedIcon = null,\n    onClick,\n    children,\n    ...others\n  } = props;\n\n  const [isSelected, setIsSelected] = useControlled(\n    selected,\n    Boolean(defaultSelected)\n  );\n\n  const onClickHandler = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setIsSelected(!isSelected);\n    onClick?.(event, !isSelected);\n  };\n\n  return (\n    <HvButton\n      ref={ref}\n      icon\n      variant=\"secondaryGhost\"\n      aria-pressed={isSelected}\n      onClick={onClickHandler}\n      {...others}\n    >\n      {children || (!isSelected ? notSelectedIcon : selectedIcon)}\n    </HvButton>\n  );\n});\n"],"names":["HvToggleButton","forwardRef","props","ref","defaultSelected","selected","notSelectedIcon","selectedIcon","onClick","children","others","isSelected","setIsSelected","useControlled","Boolean","onClickHandler","event","HvButton","icon","variant"],"mappings":";;;;;;AA0BO,MAAMA,iBAAiBC,MAAAA,WAG5B,CAACC,OAAOC,QAAQ;AACV,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,eAAe;AAAA,IACfC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EACDR,IAAAA;AAEE,QAAA,CAACS,YAAYC,aAAa,IAAIC,cAAAA,cAClCR,UACAS,QAAQV,eAAe,CAAC;AAGpBW,QAAAA,iBAAiBA,CAACC,UAA+C;AACrEJ,kBAAc,CAACD,UAAU;AACfK,uCAAAA,OAAO,CAACL;AAAAA,EAAU;AAG9B,wCACGM,OAAAA,UAAQ;AAAA,IACPd;AAAAA,IACAe,MAAI;AAAA,IACJC,SAAQ;AAAA,IACR,gBAAcR;AAAAA,IACdH,SAASO;AAAAA,IAAe,GACpBL;AAAAA,IAAMD,UAETA,aAAa,CAACE,aAAaL,kBAAkBC;AAAAA,EAAAA,CACrC;AAEf,CAAC;;"}

package/dist/cjs/components/Tooltip/Tooltip.cjs

@@ -1,12 +1,12 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const material = require("@mui/material");
 const React = require("react");
 const Tooltip_styles = require("./Tooltip.styles.cjs");
 const tooltipClasses = require("./tooltipClasses.cjs");
 const clsx = require("clsx");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const ThemeProvider = require("../../providers/ThemeProvider.cjs");
+const useTheme = require("../../hooks/useTheme.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const HvTooltip = React.forwardRef((props, ref) => {
@@ -28,10 +28,10 @@ const HvTooltip = React.forwardRef((props, ref) => {
   } = props;
   const {
     rootId
-  } = React.useContext(ThemeProvider.HvThemeContext);
+  } = useTheme.useTheme();
   return /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, {
     ref,
-    open: open != null ? open : void 0,
+    open: open ?? void 0,
     enterDelay,
     placement,
     TransitionComponent,

package/dist/cjs/components/Tooltip/Tooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.cjs","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import {\n  Fade,\n  Tooltip as MuiTooltip,\n  TooltipProps as MuiTooltipProps,\n} from \"@mui/material\";\nimport { forwardRef, ReactElement, useContext } from \"react\";\nimport { TransitionProps as MuiTransitionProps } from \"@mui/material/transitions\";\nimport { popperSx } from \"./Tooltip.styles\";\nimport { HvThemeContext } from \"providers\";\nimport tooltipClasses, { HvTooltipClasses } from \"./tooltipClasses\";\nimport clsx from \"clsx\";\n\nexport type TooltipPlacementType =\n  | \"bottom-end\"\n  | \"bottom-start\"\n  | \"bottom\"\n  | \"left-end\"\n  | \"left-start\"\n  | \"left\"\n  | \"right-end\"\n  | \"right-start\"\n  | \"right\"\n  | \"top-end\"\n  | \"top-start\"\n  | \"top\";\n\nexport type TooltipProps = MuiTooltipProps & {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvTooltipClasses;\n  /**\n   * If true, the tooltip is shown.\n   */\n  open?: boolean;\n  /**\n   * Tooltip placement.\n   */\n  placement?: TooltipPlacementType;\n  /**\n   * The number of milliseconds to wait before showing the tooltip.\n   * This property won't impact the enter touch delay (enterTouchDelay).\n   */\n  enterDelay?: number;\n  /**\n   * Tooltip title. Zero-length titles string are never displayed.\n   */\n  title?: string | ReactElement;\n  /**\n   * The component used for the transition\n   */\n  TransitionComponent?: any;\n  /**\n   * Properties applied to the Transition element.\n   */\n  TransitionProps?: MuiTransitionProps;\n  /**\n   * Defines if should use a single or multiline tooltip.\n   */\n  useSingle?: boolean;\n  /**\n   * Node to apply the tooltip.\n   */\n  children: ReactElement;\n};\n\n/**\n * Tooltips display informative text when users hover over, focus on, or tap an element.\n */\n\nexport const HvTooltip = forwardRef((props: TooltipProps, ref) => {\n  const {\n    className,\n    classes,\n    open,\n    enterDelay = 300,\n    placement = \"top\",\n    useSingle = true,\n    children,\n    title,\n    TransitionComponent = Fade,\n    TransitionProps = { timeout: 400, placement: placement },\n    ...others\n  } = props;\n\n  const { rootId } = useContext(HvThemeContext);\n\n  return (\n    <MuiTooltip\n      ref={ref}\n      open={open ?? undefined}\n      enterDelay={enterDelay}\n      placement={placement}\n      TransitionComponent={TransitionComponent}\n      TransitionProps={TransitionProps}\n      className={className}\n      classes={{\n        tooltip: useSingle\n          ? clsx(tooltipClasses.tooltip, classes?.tooltip)\n          : clsx(tooltipClasses.tooltipMulti, classes?.tooltipMulti),\n        popper: clsx(tooltipClasses.popper, classes?.popper),\n      }}\n      title={title}\n      PopperProps={{\n        sx: popperSx(useSingle),\n        container: document.getElementById(rootId || \"\") || document.body,\n      }}\n      {...others}\n    >\n      {children}\n    </MuiTooltip>\n  );\n});\n"],"names":["HvTooltip","forwardRef","props","ref","className","classes","open","enterDelay","placement","useSingle","children","title","TransitionComponent","Fade","TransitionProps","timeout","others","rootId","useContext","HvThemeContext","MuiTooltip","undefined","tooltip","clsx","tooltipClasses","tooltipMulti","popper","PopperProps","sx","popperSx","container","document","getElementById","body"],"mappings":";;;;;;;;;;;AA0EO,MAAMA,YAAYC,MAAAA,WAAW,CAACC,OAAqBC,QAAQ;AAC1D,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,aAAa;AAAA,IACbC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC;AAAAA,IACAC;AAAAA,IACAC,sBAAsBC,SAAAA;AAAAA,IACtBC,kBAAkB;AAAA,MAAEC,SAAS;AAAA,MAAKP;AAAAA,IAAqB;AAAA,OACpDQ;AAAAA,EACDd,IAAAA;AAEE,QAAA;AAAA,IAAEe;AAAAA,EAAAA,IAAWC,MAAAA,WAAWC,cAAAA,cAAc;AAE5C,wCACGC,SAAAA,SAAU;AAAA,IACTjB;AAAAA,IACAG,MAAMA,sBAAQe;AAAAA,IACdd;AAAAA,IACAC;AAAAA,IACAI;AAAAA,IACAE;AAAAA,IACAV;AAAAA,IACAC,SAAS;AAAA,MACPiB,SAASb,YACLc,cAAAA,QAAKC,eAAAA,QAAeF,SAASjB,mCAASiB,OAAO,IAC7CC,cAAKC,QAAAA,eAAAA,QAAeC,cAAcpB,mCAASoB,YAAY;AAAA,MAC3DC,QAAQH,cAAAA,QAAKC,eAAAA,QAAeE,QAAQrB,mCAASqB,MAAM;AAAA,IACrD;AAAA,IACAf;AAAAA,IACAgB,aAAa;AAAA,MACXC,IAAIC,wBAASpB,SAAS;AAAA,MACtBqB,WAAWC,SAASC,eAAef,UAAU,EAAE,KAAKc,SAASE;AAAAA,IAC/D;AAAA,IAAE,GACEjB;AAAAA,IAAMN;AAAAA,EAAAA,CAGC;AAEjB,CAAC;;"}
+{"version":3,"file":"Tooltip.cjs","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import {\n  Fade,\n  Tooltip as MuiTooltip,\n  TooltipProps as MuiTooltipProps,\n} from \"@mui/material\";\nimport { forwardRef, ReactElement } from \"react\";\nimport { TransitionProps as MuiTransitionProps } from \"@mui/material/transitions\";\nimport { popperSx } from \"./Tooltip.styles\";\nimport tooltipClasses, { HvTooltipClasses } from \"./tooltipClasses\";\nimport clsx from \"clsx\";\nimport { useTheme } from \"hooks\";\n\nexport type HvTooltipPlacementType =\n  | \"bottom-end\"\n  | \"bottom-start\"\n  | \"bottom\"\n  | \"left-end\"\n  | \"left-start\"\n  | \"left\"\n  | \"right-end\"\n  | \"right-start\"\n  | \"right\"\n  | \"top-end\"\n  | \"top-start\"\n  | \"top\";\n\nexport type HvTooltipProps = Omit<MuiTooltipProps, \"classes\"> & {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvTooltipClasses;\n  /**\n   * If true, the tooltip is shown.\n   */\n  open?: boolean;\n  /**\n   * Tooltip placement.\n   */\n  placement?: HvTooltipPlacementType;\n  /**\n   * The number of milliseconds to wait before showing the tooltip.\n   * This property won't impact the enter touch delay (enterTouchDelay).\n   */\n  enterDelay?: number;\n  /**\n   * Tooltip title. Zero-length titles string are never displayed.\n   */\n  title?: string | ReactElement;\n  /**\n   * The component used for the transition\n   */\n  TransitionComponent?: React.JSXElementConstructor<\n    MuiTransitionProps & { children: React.ReactElement<any, any> }\n  >;\n  /**\n   * Properties applied to the Transition element.\n   */\n  TransitionProps?: MuiTransitionProps;\n  /**\n   * Defines if should use a single or multiline tooltip.\n   */\n  useSingle?: boolean;\n  /**\n   * Node to apply the tooltip.\n   */\n  children: ReactElement;\n};\n\n/**\n * Tooltips display informative text when users hover over, focus on, or tap an element.\n */\n\nexport const HvTooltip = forwardRef((props: HvTooltipProps, ref) => {\n  const {\n    className,\n    classes,\n    open,\n    enterDelay = 300,\n    placement = \"top\",\n    useSingle = true,\n    children,\n    title,\n    TransitionComponent = Fade,\n    TransitionProps = { timeout: 400, placement: placement },\n    ...others\n  } = props;\n\n  const { rootId } = useTheme();\n\n  return (\n    <MuiTooltip\n      ref={ref}\n      open={open ?? undefined}\n      enterDelay={enterDelay}\n      placement={placement}\n      TransitionComponent={TransitionComponent}\n      TransitionProps={TransitionProps}\n      className={className}\n      classes={{\n        tooltip: useSingle\n          ? clsx(tooltipClasses.tooltip, classes?.tooltip)\n          : clsx(tooltipClasses.tooltipMulti, classes?.tooltipMulti),\n        popper: clsx(tooltipClasses.popper, classes?.popper),\n      }}\n      title={title}\n      PopperProps={{\n        sx: popperSx(useSingle),\n        container: document.getElementById(rootId || \"\") || document.body,\n      }}\n      {...others}\n    >\n      {children}\n    </MuiTooltip>\n  );\n});\n"],"names":["HvTooltip","forwardRef","props","ref","className","classes","open","enterDelay","placement","useSingle","children","title","TransitionComponent","Fade","TransitionProps","timeout","others","rootId","useTheme","MuiTooltip","undefined","tooltip","clsx","tooltipClasses","tooltipMulti","popper","PopperProps","sx","popperSx","container","document","getElementById","body"],"mappings":";;;;;;;;;;;AA4EO,MAAMA,YAAYC,MAAAA,WAAW,CAACC,OAAuBC,QAAQ;AAC5D,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,aAAa;AAAA,IACbC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC;AAAAA,IACAC;AAAAA,IACAC,sBAAsBC,SAAAA;AAAAA,IACtBC,kBAAkB;AAAA,MAAEC,SAAS;AAAA,MAAKP;AAAAA,IAAqB;AAAA,IACvD,GAAGQ;AAAAA,EACDd,IAAAA;AAEE,QAAA;AAAA,IAAEe;AAAAA,MAAWC,SAAU,SAAA;AAE7B,wCACGC,SAAAA,SAAU;AAAA,IACThB;AAAAA,IACAG,MAAMA,QAAQc;AAAAA,IACdb;AAAAA,IACAC;AAAAA,IACAI;AAAAA,IACAE;AAAAA,IACAV;AAAAA,IACAC,SAAS;AAAA,MACPgB,SAASZ,YACLa,cAAAA,QAAKC,eAAAA,QAAeF,SAAShB,mCAASgB,OAAO,IAC7CC,cAAKC,QAAAA,eAAAA,QAAeC,cAAcnB,mCAASmB,YAAY;AAAA,MAC3DC,QAAQH,cAAAA,QAAKC,eAAAA,QAAeE,QAAQpB,mCAASoB,MAAM;AAAA,IACrD;AAAA,IACAd;AAAAA,IACAe,aAAa;AAAA,MACXC,IAAIC,wBAASnB,SAAS;AAAA,MACtBoB,WAAWC,SAASC,eAAed,UAAU,EAAE,KAAKa,SAASE;AAAAA,IAC/D;AAAA,IAAE,GACEhB;AAAAA,IAAMN;AAAAA,EAAAA,CAGC;AAEjB,CAAC;;"}

package/dist/cjs/components/Tooltip/Tooltip.styles.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const material = require("@mui/material");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const tooltipClasses = require("./tooltipClasses.cjs");
@@ -8,6 +8,7 @@ const singleStyle = {
   padding: "15px 20px",
   display: "flex",
   backgroundColor: uikitStyles.theme.colors.atmo1,
+  borderRadius: uikitStyles.theme.tooltip.borderRadius,
   boxShadow: uikitStyles.theme.shadows.md,
   width: "fit-content",
   "& p": {

package/dist/cjs/components/Tooltip/Tooltip.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.styles.cjs","sources":["../../../../src/components/Tooltip/Tooltip.styles.tsx"],"sourcesContent":["import { tooltipClasses as MuitooltipClasses } from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport tooltipClasses from \"./tooltipClasses\";\n\nexport const singleStyle = {\n  maxWidth: 532,\n  padding: \"15px 20px\",\n  display: \"flex\",\n  backgroundColor: theme.colors.atmo1,\n  boxShadow: theme.shadows.md,\n  width: \"fit-content\",\n  \"& p\": {\n    display: \"-webkit-box\",\n    width: \"fit-content\",\n    boxOrient: \"vertical\",\n    textOverflow: \"ellipsis\",\n    overflow: \"hidden\",\n    wordBreak: \"break-word\",\n    color: theme.colors.acce1,\n  },\n};\n\nexport const multiStyle = {\n  maxWidth: 532,\n  padding: 0,\n  display: \"flex\",\n  backgroundColor: theme.colors.atmo1,\n  boxShadow: theme.shadows.sm,\n  width: \"fit-content\",\n  \"& p\": {\n    display: \"-webkit-box\",\n    width: \"fit-content\",\n    boxOrient: \"vertical\",\n    textOverflow: \"ellipsis\",\n    overflow: \"hidden\",\n    color: theme.colors.acce1,\n  },\n};\n\nexport const popperSx = (useSingle: boolean) => {\n  return {\n    [`& .${MuitooltipClasses.popper}`]: {\n      opacity: 1,\n    },\n    [`& .${MuitooltipClasses.tooltip}`]: useSingle ? singleStyle : multiStyle,\n    [`& .${tooltipClasses.title}`]: {\n      padding: \"15px 20px\",\n      borderBottom: `3px solid ${theme.colors.atmo2}`,\n    },\n    [`& .${tooltipClasses.valuesContainer}`]: {\n      padding: theme.space.sm,\n    },\n    [`& .${tooltipClasses.values}`]: {\n      display: \"flex\",\n      justifyContent: \"space-between\",\n      paddingBottom: \"10px\",\n      \"&:last-child\": {\n        paddingBottom: 0,\n      },\n    },\n    [`& .${tooltipClasses.color}`]: {\n      width: theme.space.xs,\n    },\n    [`& .${tooltipClasses.separator}`]: {\n      width: theme.space.xs,\n    },\n    [`& .${tooltipClasses.separatorColor}`]: {\n      width: \"5px\",\n    },\n    [`& .${tooltipClasses.valueWrapper}`]: {\n      padding: theme.space.sm,\n    },\n  };\n};\n"],"names":["singleStyle","maxWidth","padding","display","backgroundColor","theme","colors","atmo1","boxShadow","shadows","md","width","boxOrient","textOverflow","overflow","wordBreak","color","acce1","multiStyle","sm","popperSx","useSingle","MuitooltipClasses","popper","opacity","tooltip","tooltipClasses","title","borderBottom","atmo2","valuesContainer","space","values","justifyContent","paddingBottom","xs","separator","separatorColor","valueWrapper"],"mappings":";;;;;AAIO,MAAMA,cAAc;AAAA,EACzBC,UAAU;AAAA,EACVC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,EAC9BC,WAAWH,YAAAA,MAAMI,QAAQC;AAAAA,EACzBC,OAAO;AAAA,EACP,OAAO;AAAA,IACLR,SAAS;AAAA,IACTQ,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,cAAc;AAAA,IACdC,UAAU;AAAA,IACVC,WAAW;AAAA,IACXC,OAAOX,YAAAA,MAAMC,OAAOW;AAAAA,EACtB;AACF;AAEO,MAAMC,aAAa;AAAA,EACxBjB,UAAU;AAAA,EACVC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,EAC9BC,WAAWH,YAAAA,MAAMI,QAAQU;AAAAA,EACzBR,OAAO;AAAA,EACP,OAAO;AAAA,IACLR,SAAS;AAAA,IACTQ,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,cAAc;AAAA,IACdC,UAAU;AAAA,IACVE,OAAOX,YAAAA,MAAMC,OAAOW;AAAAA,EACtB;AACF;AAEaG,MAAAA,WAAWA,CAACC,cAAuB;AACvC,SAAA;AAAA,IACL,CAAE,MAAKC,wBAAkBC,WAAW;AAAA,MAClCC,SAAS;AAAA,IACX;AAAA,IACA,CAAE,MAAKF,wBAAkBG,YAAYJ,YAAYrB,cAAckB;AAAAA,IAC/D,CAAE,MAAKQ,uBAAeC,UAAU;AAAA,MAC9BzB,SAAS;AAAA,MACT0B,cAAe,aAAYvB,YAAAA,MAAMC,OAAOuB;AAAAA,IAC1C;AAAA,IACA,CAAE,MAAKH,uBAAeI,oBAAoB;AAAA,MACxC5B,SAASG,YAAAA,MAAM0B,MAAMZ;AAAAA,IACvB;AAAA,IACA,CAAE,MAAKO,uBAAeM,WAAW;AAAA,MAC/B7B,SAAS;AAAA,MACT8B,gBAAgB;AAAA,MAChBC,eAAe;AAAA,MACf,gBAAgB;AAAA,QACdA,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IACA,CAAE,MAAKR,uBAAeV,UAAU;AAAA,MAC9BL,OAAON,YAAAA,MAAM0B,MAAMI;AAAAA,IACrB;AAAA,IACA,CAAE,MAAKT,uBAAeU,cAAc;AAAA,MAClCzB,OAAON,YAAAA,MAAM0B,MAAMI;AAAAA,IACrB;AAAA,IACA,CAAE,MAAKT,uBAAeW,mBAAmB;AAAA,MACvC1B,OAAO;AAAA,IACT;AAAA,IACA,CAAE,MAAKe,uBAAeY,iBAAiB;AAAA,MACrCpC,SAASG,YAAAA,MAAM0B,MAAMZ;AAAAA,IACvB;AAAA,EAAA;AAEJ;;;;"}
+{"version":3,"file":"Tooltip.styles.cjs","sources":["../../../../src/components/Tooltip/Tooltip.styles.tsx"],"sourcesContent":["import { tooltipClasses as MuitooltipClasses } from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport tooltipClasses from \"./tooltipClasses\";\n\nexport const singleStyle = {\n  maxWidth: 532,\n  padding: \"15px 20px\",\n  display: \"flex\",\n  backgroundColor: theme.colors.atmo1,\n  borderRadius: theme.tooltip.borderRadius,\n  boxShadow: theme.shadows.md,\n  width: \"fit-content\",\n  \"& p\": {\n    display: \"-webkit-box\",\n    width: \"fit-content\",\n    boxOrient: \"vertical\",\n    textOverflow: \"ellipsis\",\n    overflow: \"hidden\",\n    wordBreak: \"break-word\",\n    color: theme.colors.acce1,\n  },\n};\n\nexport const multiStyle = {\n  maxWidth: 532,\n  padding: 0,\n  display: \"flex\",\n  backgroundColor: theme.colors.atmo1,\n  boxShadow: theme.shadows.sm,\n  width: \"fit-content\",\n  \"& p\": {\n    display: \"-webkit-box\",\n    width: \"fit-content\",\n    boxOrient: \"vertical\",\n    textOverflow: \"ellipsis\",\n    overflow: \"hidden\",\n    color: theme.colors.acce1,\n  },\n};\n\nexport const popperSx = (useSingle: boolean) => {\n  return {\n    [`& .${MuitooltipClasses.popper}`]: {\n      opacity: 1,\n    },\n    [`& .${MuitooltipClasses.tooltip}`]: useSingle ? singleStyle : multiStyle,\n    [`& .${tooltipClasses.title}`]: {\n      padding: \"15px 20px\",\n      borderBottom: `3px solid ${theme.colors.atmo2}`,\n    },\n    [`& .${tooltipClasses.valuesContainer}`]: {\n      padding: theme.space.sm,\n    },\n    [`& .${tooltipClasses.values}`]: {\n      display: \"flex\",\n      justifyContent: \"space-between\",\n      paddingBottom: \"10px\",\n      \"&:last-child\": {\n        paddingBottom: 0,\n      },\n    },\n    [`& .${tooltipClasses.color}`]: {\n      width: theme.space.xs,\n    },\n    [`& .${tooltipClasses.separator}`]: {\n      width: theme.space.xs,\n    },\n    [`& .${tooltipClasses.separatorColor}`]: {\n      width: \"5px\",\n    },\n    [`& .${tooltipClasses.valueWrapper}`]: {\n      padding: theme.space.sm,\n    },\n  };\n};\n"],"names":["singleStyle","maxWidth","padding","display","backgroundColor","theme","colors","atmo1","borderRadius","tooltip","boxShadow","shadows","md","width","boxOrient","textOverflow","overflow","wordBreak","color","acce1","multiStyle","sm","popperSx","useSingle","MuitooltipClasses","popper","opacity","tooltipClasses","title","borderBottom","atmo2","valuesContainer","space","values","justifyContent","paddingBottom","xs","separator","separatorColor","valueWrapper"],"mappings":";;;;;AAIO,MAAMA,cAAc;AAAA,EACzBC,UAAU;AAAA,EACVC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,EAC9BC,cAAcH,YAAAA,MAAMI,QAAQD;AAAAA,EAC5BE,WAAWL,YAAAA,MAAMM,QAAQC;AAAAA,EACzBC,OAAO;AAAA,EACP,OAAO;AAAA,IACLV,SAAS;AAAA,IACTU,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,cAAc;AAAA,IACdC,UAAU;AAAA,IACVC,WAAW;AAAA,IACXC,OAAOb,YAAAA,MAAMC,OAAOa;AAAAA,EACtB;AACF;AAEO,MAAMC,aAAa;AAAA,EACxBnB,UAAU;AAAA,EACVC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,EAC9BG,WAAWL,YAAAA,MAAMM,QAAQU;AAAAA,EACzBR,OAAO;AAAA,EACP,OAAO;AAAA,IACLV,SAAS;AAAA,IACTU,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,cAAc;AAAA,IACdC,UAAU;AAAA,IACVE,OAAOb,YAAAA,MAAMC,OAAOa;AAAAA,EACtB;AACF;AAEaG,MAAAA,WAAWA,CAACC,cAAuB;AACvC,SAAA;AAAA,IACL,CAAE,MAAKC,wBAAkBC,QAAQ,GAAG;AAAA,MAClCC,SAAS;AAAA,IACX;AAAA,IACA,CAAE,MAAKF,wBAAkBf,SAAS,GAAGc,YAAYvB,cAAcoB;AAAAA,IAC/D,CAAE,MAAKO,uBAAeC,OAAO,GAAG;AAAA,MAC9B1B,SAAS;AAAA,MACT2B,cAAe,aAAYxB,YAAAA,MAAMC,OAAOwB;AAAAA,IAC1C;AAAA,IACA,CAAE,MAAKH,uBAAeI,iBAAiB,GAAG;AAAA,MACxC7B,SAASG,YAAAA,MAAM2B,MAAMX;AAAAA,IACvB;AAAA,IACA,CAAE,MAAKM,uBAAeM,QAAQ,GAAG;AAAA,MAC/B9B,SAAS;AAAA,MACT+B,gBAAgB;AAAA,MAChBC,eAAe;AAAA,MACf,gBAAgB;AAAA,QACdA,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IACA,CAAE,MAAKR,uBAAeT,OAAO,GAAG;AAAA,MAC9BL,OAAOR,YAAAA,MAAM2B,MAAMI;AAAAA,IACrB;AAAA,IACA,CAAE,MAAKT,uBAAeU,WAAW,GAAG;AAAA,MAClCxB,OAAOR,YAAAA,MAAM2B,MAAMI;AAAAA,IACrB;AAAA,IACA,CAAE,MAAKT,uBAAeW,gBAAgB,GAAG;AAAA,MACvCzB,OAAO;AAAA,IACT;AAAA,IACA,CAAE,MAAKc,uBAAeY,cAAc,GAAG;AAAA,MACrCrC,SAASG,YAAAA,MAAM2B,MAAMX;AAAAA,IACvB;AAAA,EAAA;AAEJ;;;;"}