@hitachivantara/uikit-react-core 5.31.0 → 5.33.0

package/dist/esm/components/Focus/Focus.js

@@ -1,5 +1,4 @@
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import isNil from "lodash/isNil";
 import React__default, { useState } from "react";
 import { isOneOfKeys, isKey } from "../../utils/keyboardUtils.js";
 import { isBrowser } from "../../utils/browser.js";
@@ -29,7 +28,7 @@ const HvFocus = ({
     cx
   } = useClasses(classesProp);
   const getFocuses = () => {
-    const focuses = (rootRef == null ? void 0 : rootRef.current) ? Array.from(rootRef.current.getElementsByClassName(filterClass || staticClasses.root || "root")) : [];
+    const focuses = rootRef?.current ? Array.from(rootRef.current.getElementsByClassName(filterClass || staticClasses.root || "root")) : [];
     return focuses;
   };
   const setTabIndex = (el, tabIndex = 0) => {
@@ -85,25 +84,23 @@ const HvFocus = ({
       focusableChildren.forEach((child) => setTabIndex(child, -1));
       setChildFocus(focusableChildren[0]);
     }
-    if (!isNil(tabIndex))
+    if (tabIndex != null)
       setTabIndex(el, tabIndex);
     setHasRunConfig(true);
   };
   const addFocusClass = (evt) => {
-    var _a;
     if (!useFalseFocus) {
       classes.focused.split(" ").forEach((c) => evt.currentTarget.classList.add(c));
       evt.currentTarget.classList.add("HvIsFocused");
-      (_a = classes == null ? void 0 : classes.focus) == null ? void 0 : _a.split(" ").forEach((c) => evt.currentTarget.classList.add(c));
+      classes?.focus?.split(" ").forEach((c) => evt.currentTarget.classList.add(c));
     }
   };
   const removeFocusClass = () => {
     if (!useFalseFocus) {
       getFocuses().forEach((element) => {
-        var _a;
         classes.focused.split(" ").forEach((c) => element.classList.remove(c));
         element.classList.remove("HvIsFocused");
-        (_a = classes == null ? void 0 : classes.focus) == null ? void 0 : _a.split(" ").forEach((c) => element.classList.remove(c));
+        classes?.focus?.split(" ").forEach((c) => element.classList.remove(c));
       });
     }
   };
@@ -120,8 +117,7 @@ const HvFocus = ({
     onBlurStrategy();
   };
   const onMouseDown = (evt) => {
-    var _a;
-    const hasCard = !!((_a = evt.currentTarget) == null ? void 0 : _a.querySelector(".HvIsCardGridElement"));
+    const hasCard = !!evt.currentTarget?.querySelector(".HvIsCardGridElement");
     if (strategy === "grid" && hasCard)
       return;
     setFocusTo(evt.currentTarget);
@@ -132,7 +128,7 @@ const HvFocus = ({
     }
   };
   const focusAndUpdateIndex = (nextFocus, previousFocus, focusesList) => {
-    if (focusesList == null ? void 0 : focusesList.includes(previousFocus)) {
+    if (focusesList?.includes(previousFocus)) {
       setTabIndex(previousFocus, -1);
     }
     setTabIndex(nextFocus, 0);
@@ -227,12 +223,12 @@ const HvFocus = ({
     evt.currentTarget.click();
   };
   const onKeyDown = (evt) => {
-    if ((rootRef == null ? void 0 : rootRef.current) == null) {
+    if (rootRef?.current == null) {
       onSingleHandler(evt);
       return;
     }
     const isDisabledFocusable = strategy === "menu";
-    const focusesList = getFocuses().filter((el) => isDisabledFocusable || !el.classList.contains(classes == null ? void 0 : classes.disabled));
+    const focusesList = getFocuses().filter((el) => isDisabledFocusable || !el.classList.contains(classes?.disabled));
     const currentFocus = focusesList.indexOf(evt.currentTarget);
     const focuses = {
       first: focusesList[0],

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

@@ -1 +1 @@
-{"version":3,"file":"Focus.js","sources":["../../../../src/components/Focus/Focus.tsx"],"sourcesContent":["import isNil from \"lodash/isNil\";\nimport React, { RefObject, useState } from \"react\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { isKey, isOneOfKeys } from \"@core/utils/keyboardUtils\";\nimport { isBrowser } from \"@core/utils/browser\";\nimport { ConditionalWrapper } from \"@core/utils/ConditionalWrapper\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { getFocusableChildren, setFocusTo } from \"./utils\";\nimport { staticClasses, useClasses } from \"./Focus.styles\";\n\nexport { staticClasses as focusClasses };\nexport type HvFocusClasses = ExtractNames<typeof useClasses>;\n\nexport type HvFocusStrategies = \"listbox\" | \"menu\" | \"card\" | \"grid\";\n\nexport interface HvFocusProps extends HvBaseProps<HTMLElement, \"children\"> {\n  children: React.ReactElement;\n  /** Extra configuration for the child element. */\n  configuration?: {\n    tabIndex?: number;\n  };\n  /** Indicates that the disabled class should be applied. */\n  disabledClass?: boolean;\n  /** Whether the focus is selected. */\n  selected?: boolean;\n  /** Whether the focus is disabled. */\n  disabled?: boolean;\n  /** The reference to the root element to hold all Focus' context. */\n  rootRef?: RefObject<HTMLElement>;\n  /** Show focus when click element. v */\n  focusOnClick?: boolean;\n  /** Show focus when click element. v */\n  focusDisabled?: boolean;\n  /** Focus and navigation strategy to be used. v */\n  strategy?: HvFocusStrategies;\n  /** Uses an absolute positioned div as a focus. v */\n  useFalseFocus?: boolean;\n  /** Narrows the results of the focus to only theses class v */\n  filterClass?: string;\n  /** How much the navigation will skip when using the arrows. v */\n  navigationJump?: number;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvFocusClasses;\n}\n\nexport const HvFocus = ({\n  classes: classesProp,\n  children,\n  configuration = {},\n  disabledClass = false,\n  selected = false,\n  disabled = false,\n  rootRef = undefined,\n  focusOnClick = false,\n  focusDisabled = true,\n  strategy = \"listbox\",\n  useFalseFocus = false,\n  filterClass,\n  navigationJump = 4,\n}: HvFocusProps) => {\n  const [showFocus, setShowFocus] = useState<boolean>(false);\n  const [childFocus, setChildFocus] = useState<any>();\n  const [hasRunConfig, setHasRunConfig] = useState(false);\n  const { classes, cx } = useClasses(classesProp);\n\n  const getFocuses = () => {\n    const focuses = rootRef?.current\n      ? Array.from(\n          rootRef.current.getElementsByClassName(\n            filterClass || staticClasses.root || \"root\"\n          )\n        )\n      : [];\n    return focuses;\n  };\n\n  const setTabIndex = (el, tabIndex = 0) => {\n    if (!el) return;\n    const elChildFocus = getFocusableChildren(el)[0];\n    if (elChildFocus) {\n      el.tabIndex = -1;\n      elChildFocus.tabIndex = tabIndex;\n    } else {\n      el.tabIndex = tabIndex;\n    }\n  };\n\n  const setSelectedTabIndex = () => {\n    const focuses = getFocuses();\n    const firstSelected = focuses.find((focus) =>\n      focus.classList.contains(classes.selected || \"selected\")\n    );\n\n    if (!firstSelected) return;\n    focuses.forEach((focus) => setTabIndex(focus, -1));\n    setTabIndex(firstSelected, 0);\n  };\n\n  const clearTabSiblings = (el) => {\n    getFocuses().forEach((focus) => setTabIndex(focus, -1));\n    setTabIndex(el, 0);\n  };\n\n  const onFocusStrategy = (evt) => {\n    if (strategy === \"listbox\") {\n      clearTabSiblings(evt.currentTarget);\n    }\n  };\n\n  const onBlurStrategy = () => {\n    if (\n      strategy === \"listbox\" &&\n      rootRef &&\n      rootRef.current &&\n      !rootRef.current.contains(document.activeElement)\n    ) {\n      setTimeout(() => {\n        setSelectedTabIndex();\n      }, 10);\n    }\n  };\n\n  const config = (el) => {\n    const { tabIndex } = configuration;\n    if (!el || hasRunConfig) return;\n    if (strategy === \"card\") {\n      setChildFocus(children);\n      return;\n    }\n\n    if (strategy === \"grid\") {\n      return;\n    }\n\n    const focusableChildren = getFocusableChildren(el);\n    if (focusableChildren.length) {\n      focusableChildren.forEach((child) => setTabIndex(child, -1));\n      setChildFocus(focusableChildren[0]);\n    }\n\n    if (!isNil(tabIndex)) setTabIndex(el, tabIndex);\n    setHasRunConfig(true);\n  };\n\n  const addFocusClass = (evt) => {\n    if (!useFalseFocus) {\n      // evt.currentTarget.classList.add(classes.focused);\n      classes.focused\n        .split(\" \")\n        .forEach((c) => evt.currentTarget.classList.add(c));\n      // add global class HvIsFocused as a marker\n      // not to be styled directly, only as helper in specific css queries\n      evt.currentTarget.classList.add(\"HvIsFocused\");\n      classes?.focus\n        ?.split(\" \")\n        .forEach((c) => evt.currentTarget.classList.add(c));\n    }\n  };\n\n  const removeFocusClass = () => {\n    if (!useFalseFocus) {\n      getFocuses().forEach((element) => {\n        // element.classList.remove(classes.focused);\n        classes.focused.split(\" \").forEach((c) => element.classList.remove(c));\n        // remove the global class HvIsFocused\n        element.classList.remove(\"HvIsFocused\");\n        classes?.focus?.split(\" \").forEach((c) => element.classList.remove(c));\n      });\n    }\n  };\n\n  const onFocus = (evt) => {\n    addFocusClass(evt);\n    setShowFocus(true);\n    // give focus to child element if any focusable\n\n    if (childFocus && childFocus.focus) childFocus.focus();\n    onFocusStrategy(evt);\n  };\n\n  const onBlur = () => {\n    setShowFocus(false);\n    removeFocusClass();\n    onBlurStrategy();\n  };\n\n  const onMouseDown = (evt) => {\n    const hasCard = !!evt.currentTarget?.querySelector(\".HvIsCardGridElement\");\n    if (strategy === \"grid\" && hasCard) return;\n\n    setFocusTo(evt.currentTarget);\n    setTabIndex(evt.currentTarget, 0);\n    // remove focus outline unless explicitly enabled\n    if (!focusOnClick) {\n      // TODO this piece of code works only because onMouseDown is happening after the focus event\n      // There is nothing in here that guarantees the order of these events, so it may present a problem in the future\n      removeFocusClass();\n      setShowFocus(false);\n    }\n  };\n\n  const focusAndUpdateIndex = (nextFocus, previousFocus, focusesList) => {\n    if (focusesList?.includes(previousFocus)) {\n      setTabIndex(previousFocus, -1);\n    }\n    setTabIndex(nextFocus, 0);\n    setFocusTo(nextFocus);\n  };\n\n  const getEnabledKeys = (currentFocusIndex, jump, listSize) => ({\n    right:\n      (currentFocusIndex + 1) % jump === 0 ||\n      currentFocusIndex + 1 > listSize - 1,\n    left: currentFocusIndex % jump === 0,\n    up: currentFocusIndex - jump < 0,\n    down:\n      currentFocusIndex + jump > listSize ||\n      currentFocusIndex + jump > listSize - 1,\n  });\n\n  const onGridKeyDownHandler = (\n    evt,\n    focuses,\n    focusesList,\n    currentFocusIndex,\n    jump\n  ) => {\n    const childFocusIsInput = childFocus && childFocus.nodeName === \"INPUT\";\n\n    if (\n      !isOneOfKeys(evt, [\n        \"ArrowUp\",\n        \"ArrowDown\",\n        \"ArrowLeft\",\n        \"ArrowRight\",\n        \"Home\",\n        \"End\",\n        \"Space\",\n        \"Enter\",\n      ]) ||\n      (childFocusIsInput && isKey(evt, \"Enter\"))\n    ) {\n      // nothing to do\n      return;\n    }\n\n    // we'll do something with the key so prevent default and stop propagation\n    // except for Enter and SpaceBar\n    if (!isOneOfKeys(evt, [\"Enter\", \"Space\"])) {\n      evt.preventDefault();\n      evt.stopPropagation();\n    }\n\n    const blockedKeys = getEnabledKeys(\n      currentFocusIndex,\n      jump,\n      focusesList.length\n    );\n\n    switch (evt.code) {\n      case \"Space\":\n      case \"Enter\":\n        if (isBrowser(\"firefox\")) {\n          evt.target.click();\n        } else {\n          evt.currentTarget.click();\n        }\n        break;\n      case \"ArrowUp\":\n        if (!blockedKeys.up) {\n          focusAndUpdateIndex(\n            focuses.jump || focuses.last,\n            evt.current,\n            focusesList\n          );\n        }\n        break;\n      case \"ArrowDown\":\n        if (!blockedKeys.down) {\n          focusAndUpdateIndex(\n            focuses.fall || focuses.first,\n            evt.current,\n            focusesList\n          );\n        }\n        break;\n      case \"ArrowLeft\":\n        if (!blockedKeys.left) {\n          focusAndUpdateIndex(\n            focuses.previous || focuses.last,\n            evt.current,\n            focusesList\n          );\n        }\n        break;\n      case \"ArrowRight\":\n        if (!blockedKeys.right) {\n          focusAndUpdateIndex(\n            focuses.next || focuses.first,\n            evt.current,\n            focusesList\n          );\n        }\n        break;\n      case \"Home\":\n        focusAndUpdateIndex(focuses.first, evt.current, focusesList);\n        break;\n      case \"End\":\n        focusAndUpdateIndex(focuses.last, evt.current, focusesList);\n        break;\n      default:\n    }\n  };\n\n  const onVerticalArrangementHandler = (evt, focuses, focusesList) => {\n    const childFocusIsInput = childFocus && childFocus.nodeName === \"INPUT\";\n\n    if (\n      !isOneOfKeys(evt, [\n        \"ArrowUp\",\n        \"ArrowDown\",\n        \"Home\",\n        \"End\",\n        \"Space\",\n        \"Enter\",\n      ]) ||\n      (childFocusIsInput && isKey(evt, \"Enter\"))\n    ) {\n      // nothing to do\n      return;\n    }\n\n    // we'll do something with the key so prevent default and stop propagation\n    evt.preventDefault();\n    evt.stopPropagation();\n\n    switch (evt.code) {\n      case \"Space\":\n      case \"Enter\":\n        evt.target.click();\n        break;\n      case \"ArrowUp\":\n        focusAndUpdateIndex(\n          focuses.previous || focuses.last,\n          evt.current,\n          focusesList\n        );\n        break;\n      case \"ArrowDown\":\n        focusAndUpdateIndex(\n          focuses.next || focuses.first,\n          evt.current,\n          focusesList\n        );\n        break;\n      case \"Home\":\n        focusAndUpdateIndex(focuses.first, evt.current, focusesList);\n        break;\n      case \"End\":\n        focusAndUpdateIndex(focuses.last, evt.current, focusesList);\n        break;\n      default:\n    }\n  };\n\n  const onSingleHandler = (evt) => {\n    const childFocusIsInput = childFocus && childFocus.nodeName === \"INPUT\";\n\n    if (\n      !isOneOfKeys(evt, [\"Space\", \"Enter\"]) ||\n      (childFocusIsInput && isKey(evt, \"Enter\"))\n    ) {\n      // nothing to do\n      return;\n    }\n\n    // we'll do something with the key so prevent default and stop propagation\n    evt.preventDefault();\n    evt.stopPropagation();\n\n    evt.currentTarget.click();\n  };\n\n  const onKeyDown = (evt) => {\n    if (rootRef?.current == null) {\n      // operating outside of a composite widget\n      // nothing to manage, just style and trigger clicks\n      onSingleHandler(evt);\n      return;\n    }\n\n    // TODO keep the smart default, but allow to explicitly override if disabled elements should be focusable\n    const isDisabledFocusable = strategy === \"menu\";\n    const focusesList = getFocuses().filter(\n      (el) =>\n        isDisabledFocusable ||\n        !el.classList.contains(classes?.disabled as string)\n    );\n\n    const currentFocus = focusesList.indexOf(evt.currentTarget);\n\n    const focuses = {\n      first: focusesList[0],\n      last: focusesList[focusesList.length - 1],\n      previous: focusesList[currentFocus - 1],\n      next: focusesList[currentFocus + 1],\n      fall: focusesList[currentFocus + navigationJump],\n      jump: focusesList[currentFocus - navigationJump],\n    };\n\n    if (strategy === \"grid\") {\n      onGridKeyDownHandler(\n        evt,\n        focuses,\n        focusesList,\n        currentFocus,\n        navigationJump\n      );\n      return;\n    }\n\n    // TODO add property for specifying the composite widget orientation\n    // TODO implement handler for horizontal orientation\n    onVerticalArrangementHandler(evt, focuses, focusesList);\n  };\n\n  const onKeyUp = (evt) => {\n    if (isBrowser(\"firefox\")) evt.preventDefault();\n  };\n\n  if (disabled) return children;\n\n  const focusWrapper = (childrenToWrap) => (\n    <div className={classes.externalReference}>\n      {childrenToWrap}\n      {showFocus && <div className={classes.falseFocus} />}\n    </div>\n  );\n\n  return (\n    <ConditionalWrapper condition={useFalseFocus} wrapper={focusWrapper}>\n      {React.cloneElement(children, {\n        className: cx(\n          [classes.root, filterClass],\n          {\n            [classes.selected]: selected,\n            [classes.disabled]: disabledClass,\n            [classes.focusDisabled]: focusDisabled,\n          },\n          children.props.className\n        ),\n        ref: config,\n        onFocus,\n        onBlur,\n        onMouseDown,\n        onKeyDown,\n        onKeyUp,\n        selected,\n      })}\n    </ConditionalWrapper>\n  );\n};\n"],"names":["HvFocus","classes","classesProp","children","configuration","disabledClass","selected","disabled","rootRef","undefined","focusOnClick","focusDisabled","strategy","useFalseFocus","filterClass","navigationJump","showFocus","setShowFocus","useState","childFocus","setChildFocus","hasRunConfig","setHasRunConfig","cx","useClasses","getFocuses","focuses","current","Array","from","getElementsByClassName","staticClasses","root","setTabIndex","el","tabIndex","elChildFocus","getFocusableChildren","setSelectedTabIndex","firstSelected","find","focus","classList","contains","forEach","clearTabSiblings","onFocusStrategy","evt","currentTarget","onBlurStrategy","document","activeElement","setTimeout","config","focusableChildren","length","child","isNil","addFocusClass","focused","split","c","add","removeFocusClass","element","remove","onFocus","onBlur","onMouseDown","hasCard","querySelector","setFocusTo","focusAndUpdateIndex","nextFocus","previousFocus","focusesList","includes","getEnabledKeys","currentFocusIndex","jump","listSize","right","left","up","down","onGridKeyDownHandler","childFocusIsInput","nodeName","isOneOfKeys","isKey","preventDefault","stopPropagation","blockedKeys","code","isBrowser","target","click","last","fall","first","previous","next","onVerticalArrangementHandler","onSingleHandler","onKeyDown","isDisabledFocusable","filter","currentFocus","indexOf","onKeyUp","focusWrapper","childrenToWrap","externalReference","falseFocus","React","cloneElement","className","props","ref"],"mappings":"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"}
+{"version":3,"file":"Focus.js","sources":["../../../../src/components/Focus/Focus.tsx"],"sourcesContent":["import React, { RefObject, useState } from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { isKey, isOneOfKeys } from \"@core/utils/keyboardUtils\";\nimport { isBrowser } from \"@core/utils/browser\";\nimport { ConditionalWrapper } from \"@core/utils/ConditionalWrapper\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { getFocusableChildren, setFocusTo } from \"./utils\";\nimport { staticClasses, useClasses } from \"./Focus.styles\";\n\nexport { staticClasses as focusClasses };\nexport type HvFocusClasses = ExtractNames<typeof useClasses>;\n\nexport type HvFocusStrategies = \"listbox\" | \"menu\" | \"card\" | \"grid\";\n\nexport interface HvFocusProps extends HvBaseProps<HTMLElement, \"children\"> {\n  children: React.ReactElement;\n  /** Extra configuration for the child element. */\n  configuration?: {\n    tabIndex?: number;\n  };\n  /** Indicates that the disabled class should be applied. */\n  disabledClass?: boolean;\n  /** Whether the focus is selected. */\n  selected?: boolean;\n  /** Whether the focus is disabled. */\n  disabled?: boolean;\n  /** The reference to the root element to hold all Focus' context. */\n  rootRef?: RefObject<HTMLElement>;\n  /** Show focus when click element. v */\n  focusOnClick?: boolean;\n  /** Show focus when click element. v */\n  focusDisabled?: boolean;\n  /** Focus and navigation strategy to be used. v */\n  strategy?: HvFocusStrategies;\n  /** Uses an absolute positioned div as a focus. v */\n  useFalseFocus?: boolean;\n  /** Narrows the results of the focus to only theses class v */\n  filterClass?: string;\n  /** How much the navigation will skip when using the arrows. v */\n  navigationJump?: number;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvFocusClasses;\n}\n\nexport const HvFocus = ({\n  classes: classesProp,\n  children,\n  configuration = {},\n  disabledClass = false,\n  selected = false,\n  disabled = false,\n  rootRef = undefined,\n  focusOnClick = false,\n  focusDisabled = true,\n  strategy = \"listbox\",\n  useFalseFocus = false,\n  filterClass,\n  navigationJump = 4,\n}: HvFocusProps) => {\n  const [showFocus, setShowFocus] = useState<boolean>(false);\n  const [childFocus, setChildFocus] = useState<any>();\n  const [hasRunConfig, setHasRunConfig] = useState(false);\n  const { classes, cx } = useClasses(classesProp);\n\n  const getFocuses = () => {\n    const focuses = rootRef?.current\n      ? Array.from(\n          rootRef.current.getElementsByClassName(\n            filterClass || staticClasses.root || \"root\"\n          )\n        )\n      : [];\n    return focuses;\n  };\n\n  const setTabIndex = (el, tabIndex = 0) => {\n    if (!el) return;\n    const elChildFocus = getFocusableChildren(el)[0];\n    if (elChildFocus) {\n      el.tabIndex = -1;\n      elChildFocus.tabIndex = tabIndex;\n    } else {\n      el.tabIndex = tabIndex;\n    }\n  };\n\n  const setSelectedTabIndex = () => {\n    const focuses = getFocuses();\n    const firstSelected = focuses.find((focus) =>\n      focus.classList.contains(classes.selected || \"selected\")\n    );\n\n    if (!firstSelected) return;\n    focuses.forEach((focus) => setTabIndex(focus, -1));\n    setTabIndex(firstSelected, 0);\n  };\n\n  const clearTabSiblings = (el) => {\n    getFocuses().forEach((focus) => setTabIndex(focus, -1));\n    setTabIndex(el, 0);\n  };\n\n  const onFocusStrategy = (evt) => {\n    if (strategy === \"listbox\") {\n      clearTabSiblings(evt.currentTarget);\n    }\n  };\n\n  const onBlurStrategy = () => {\n    if (\n      strategy === \"listbox\" &&\n      rootRef &&\n      rootRef.current &&\n      !rootRef.current.contains(document.activeElement)\n    ) {\n      setTimeout(() => {\n        setSelectedTabIndex();\n      }, 10);\n    }\n  };\n\n  const config = (el) => {\n    const { tabIndex } = configuration;\n    if (!el || hasRunConfig) return;\n    if (strategy === \"card\") {\n      setChildFocus(children);\n      return;\n    }\n\n    if (strategy === \"grid\") {\n      return;\n    }\n\n    const focusableChildren = getFocusableChildren(el);\n    if (focusableChildren.length) {\n      focusableChildren.forEach((child) => setTabIndex(child, -1));\n      setChildFocus(focusableChildren[0]);\n    }\n\n    if (tabIndex != null) setTabIndex(el, tabIndex);\n    setHasRunConfig(true);\n  };\n\n  const addFocusClass = (evt) => {\n    if (!useFalseFocus) {\n      // evt.currentTarget.classList.add(classes.focused);\n      classes.focused\n        .split(\" \")\n        .forEach((c) => evt.currentTarget.classList.add(c));\n      // add global class HvIsFocused as a marker\n      // not to be styled directly, only as helper in specific css queries\n      evt.currentTarget.classList.add(\"HvIsFocused\");\n      classes?.focus\n        ?.split(\" \")\n        .forEach((c) => evt.currentTarget.classList.add(c));\n    }\n  };\n\n  const removeFocusClass = () => {\n    if (!useFalseFocus) {\n      getFocuses().forEach((element) => {\n        // element.classList.remove(classes.focused);\n        classes.focused.split(\" \").forEach((c) => element.classList.remove(c));\n        // remove the global class HvIsFocused\n        element.classList.remove(\"HvIsFocused\");\n        classes?.focus?.split(\" \").forEach((c) => element.classList.remove(c));\n      });\n    }\n  };\n\n  const onFocus = (evt) => {\n    addFocusClass(evt);\n    setShowFocus(true);\n    // give focus to child element if any focusable\n\n    if (childFocus && childFocus.focus) childFocus.focus();\n    onFocusStrategy(evt);\n  };\n\n  const onBlur = () => {\n    setShowFocus(false);\n    removeFocusClass();\n    onBlurStrategy();\n  };\n\n  const onMouseDown = (evt) => {\n    const hasCard = !!evt.currentTarget?.querySelector(\".HvIsCardGridElement\");\n    if (strategy === \"grid\" && hasCard) return;\n\n    setFocusTo(evt.currentTarget);\n    setTabIndex(evt.currentTarget, 0);\n    // remove focus outline unless explicitly enabled\n    if (!focusOnClick) {\n      // TODO this piece of code works only because onMouseDown is happening after the focus event\n      // There is nothing in here that guarantees the order of these events, so it may present a problem in the future\n      removeFocusClass();\n      setShowFocus(false);\n    }\n  };\n\n  const focusAndUpdateIndex = (nextFocus, previousFocus, focusesList) => {\n    if (focusesList?.includes(previousFocus)) {\n      setTabIndex(previousFocus, -1);\n    }\n    setTabIndex(nextFocus, 0);\n    setFocusTo(nextFocus);\n  };\n\n  const getEnabledKeys = (currentFocusIndex, jump, listSize) => ({\n    right:\n      (currentFocusIndex + 1) % jump === 0 ||\n      currentFocusIndex + 1 > listSize - 1,\n    left: currentFocusIndex % jump === 0,\n    up: currentFocusIndex - jump < 0,\n    down:\n      currentFocusIndex + jump > listSize ||\n      currentFocusIndex + jump > listSize - 1,\n  });\n\n  const onGridKeyDownHandler = (\n    evt,\n    focuses,\n    focusesList,\n    currentFocusIndex,\n    jump\n  ) => {\n    const childFocusIsInput = childFocus && childFocus.nodeName === \"INPUT\";\n\n    if (\n      !isOneOfKeys(evt, [\n        \"ArrowUp\",\n        \"ArrowDown\",\n        \"ArrowLeft\",\n        \"ArrowRight\",\n        \"Home\",\n        \"End\",\n        \"Space\",\n        \"Enter\",\n      ]) ||\n      (childFocusIsInput && isKey(evt, \"Enter\"))\n    ) {\n      // nothing to do\n      return;\n    }\n\n    // we'll do something with the key so prevent default and stop propagation\n    // except for Enter and SpaceBar\n    if (!isOneOfKeys(evt, [\"Enter\", \"Space\"])) {\n      evt.preventDefault();\n      evt.stopPropagation();\n    }\n\n    const blockedKeys = getEnabledKeys(\n      currentFocusIndex,\n      jump,\n      focusesList.length\n    );\n\n    switch (evt.code) {\n      case \"Space\":\n      case \"Enter\":\n        if (isBrowser(\"firefox\")) {\n          evt.target.click();\n        } else {\n          evt.currentTarget.click();\n        }\n        break;\n      case \"ArrowUp\":\n        if (!blockedKeys.up) {\n          focusAndUpdateIndex(\n            focuses.jump || focuses.last,\n            evt.current,\n            focusesList\n          );\n        }\n        break;\n      case \"ArrowDown\":\n        if (!blockedKeys.down) {\n          focusAndUpdateIndex(\n            focuses.fall || focuses.first,\n            evt.current,\n            focusesList\n          );\n        }\n        break;\n      case \"ArrowLeft\":\n        if (!blockedKeys.left) {\n          focusAndUpdateIndex(\n            focuses.previous || focuses.last,\n            evt.current,\n            focusesList\n          );\n        }\n        break;\n      case \"ArrowRight\":\n        if (!blockedKeys.right) {\n          focusAndUpdateIndex(\n            focuses.next || focuses.first,\n            evt.current,\n            focusesList\n          );\n        }\n        break;\n      case \"Home\":\n        focusAndUpdateIndex(focuses.first, evt.current, focusesList);\n        break;\n      case \"End\":\n        focusAndUpdateIndex(focuses.last, evt.current, focusesList);\n        break;\n      default:\n    }\n  };\n\n  const onVerticalArrangementHandler = (evt, focuses, focusesList) => {\n    const childFocusIsInput = childFocus && childFocus.nodeName === \"INPUT\";\n\n    if (\n      !isOneOfKeys(evt, [\n        \"ArrowUp\",\n        \"ArrowDown\",\n        \"Home\",\n        \"End\",\n        \"Space\",\n        \"Enter\",\n      ]) ||\n      (childFocusIsInput && isKey(evt, \"Enter\"))\n    ) {\n      // nothing to do\n      return;\n    }\n\n    // we'll do something with the key so prevent default and stop propagation\n    evt.preventDefault();\n    evt.stopPropagation();\n\n    switch (evt.code) {\n      case \"Space\":\n      case \"Enter\":\n        evt.target.click();\n        break;\n      case \"ArrowUp\":\n        focusAndUpdateIndex(\n          focuses.previous || focuses.last,\n          evt.current,\n          focusesList\n        );\n        break;\n      case \"ArrowDown\":\n        focusAndUpdateIndex(\n          focuses.next || focuses.first,\n          evt.current,\n          focusesList\n        );\n        break;\n      case \"Home\":\n        focusAndUpdateIndex(focuses.first, evt.current, focusesList);\n        break;\n      case \"End\":\n        focusAndUpdateIndex(focuses.last, evt.current, focusesList);\n        break;\n      default:\n    }\n  };\n\n  const onSingleHandler = (evt) => {\n    const childFocusIsInput = childFocus && childFocus.nodeName === \"INPUT\";\n\n    if (\n      !isOneOfKeys(evt, [\"Space\", \"Enter\"]) ||\n      (childFocusIsInput && isKey(evt, \"Enter\"))\n    ) {\n      // nothing to do\n      return;\n    }\n\n    // we'll do something with the key so prevent default and stop propagation\n    evt.preventDefault();\n    evt.stopPropagation();\n\n    evt.currentTarget.click();\n  };\n\n  const onKeyDown = (evt) => {\n    if (rootRef?.current == null) {\n      // operating outside of a composite widget\n      // nothing to manage, just style and trigger clicks\n      onSingleHandler(evt);\n      return;\n    }\n\n    // TODO keep the smart default, but allow to explicitly override if disabled elements should be focusable\n    const isDisabledFocusable = strategy === \"menu\";\n    const focusesList = getFocuses().filter(\n      (el) =>\n        isDisabledFocusable ||\n        !el.classList.contains(classes?.disabled as string)\n    );\n\n    const currentFocus = focusesList.indexOf(evt.currentTarget);\n\n    const focuses = {\n      first: focusesList[0],\n      last: focusesList[focusesList.length - 1],\n      previous: focusesList[currentFocus - 1],\n      next: focusesList[currentFocus + 1],\n      fall: focusesList[currentFocus + navigationJump],\n      jump: focusesList[currentFocus - navigationJump],\n    };\n\n    if (strategy === \"grid\") {\n      onGridKeyDownHandler(\n        evt,\n        focuses,\n        focusesList,\n        currentFocus,\n        navigationJump\n      );\n      return;\n    }\n\n    // TODO add property for specifying the composite widget orientation\n    // TODO implement handler for horizontal orientation\n    onVerticalArrangementHandler(evt, focuses, focusesList);\n  };\n\n  const onKeyUp = (evt) => {\n    if (isBrowser(\"firefox\")) evt.preventDefault();\n  };\n\n  if (disabled) return children;\n\n  const focusWrapper = (childrenToWrap) => (\n    <div className={classes.externalReference}>\n      {childrenToWrap}\n      {showFocus && <div className={classes.falseFocus} />}\n    </div>\n  );\n\n  return (\n    <ConditionalWrapper condition={useFalseFocus} wrapper={focusWrapper}>\n      {React.cloneElement(children, {\n        className: cx(\n          [classes.root, filterClass],\n          {\n            [classes.selected]: selected,\n            [classes.disabled]: disabledClass,\n            [classes.focusDisabled]: focusDisabled,\n          },\n          children.props.className\n        ),\n        ref: config,\n        onFocus,\n        onBlur,\n        onMouseDown,\n        onKeyDown,\n        onKeyUp,\n        selected,\n      })}\n    </ConditionalWrapper>\n  );\n};\n"],"names":["HvFocus","classes","classesProp","children","configuration","disabledClass","selected","disabled","rootRef","undefined","focusOnClick","focusDisabled","strategy","useFalseFocus","filterClass","navigationJump","showFocus","setShowFocus","useState","childFocus","setChildFocus","hasRunConfig","setHasRunConfig","cx","useClasses","getFocuses","focuses","current","Array","from","getElementsByClassName","staticClasses","root","setTabIndex","el","tabIndex","elChildFocus","getFocusableChildren","setSelectedTabIndex","firstSelected","find","focus","classList","contains","forEach","clearTabSiblings","onFocusStrategy","evt","currentTarget","onBlurStrategy","document","activeElement","setTimeout","config","focusableChildren","length","child","addFocusClass","focused","split","c","add","removeFocusClass","element","remove","onFocus","onBlur","onMouseDown","hasCard","querySelector","setFocusTo","focusAndUpdateIndex","nextFocus","previousFocus","focusesList","includes","getEnabledKeys","currentFocusIndex","jump","listSize","right","left","up","down","onGridKeyDownHandler","childFocusIsInput","nodeName","isOneOfKeys","isKey","preventDefault","stopPropagation","blockedKeys","code","isBrowser","target","click","last","fall","first","previous","next","onVerticalArrangementHandler","onSingleHandler","onKeyDown","isDisabledFocusable","filter","currentFocus","indexOf","onKeyUp","focusWrapper","childrenToWrap","externalReference","falseFocus","React","cloneElement","className","props","ref"],"mappings":"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"}

package/dist/esm/components/Focus/utils.js

@@ -1,4 +1,4 @@
-const getFocusableChildren = (el) => (el == null ? void 0 : el.querySelectorAll("input, button, select, textarea, a[href]")) || [];
+const getFocusableChildren = (el) => el?.querySelectorAll("input, button, select, textarea, a[href]") || [];
 const setFocusTo = (el) => {
   el.focus();
 };

package/dist/esm/components/Focus/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/Focus/utils.ts"],"sourcesContent":["export const getFocusableChildren = (el) =>\n  el?.querySelectorAll(\"input, button, select, textarea, a[href]\") || [];\n\nexport const setFocusTo = (el) => {\n  el.focus();\n};\n"],"names":["getFocusableChildren","el","querySelectorAll","setFocusTo","focus"],"mappings":"AAAO,MAAMA,uBAAwBC,CACnCA,QAAAA,yBAAIC,iBAAiB,gDAA+C,CAAE;AAEjE,MAAMC,aAAcF,CAAO,OAAA;AAChCA,KAAGG,MAAM;AACX;"}
+{"version":3,"file":"utils.js","sources":["../../../../src/components/Focus/utils.ts"],"sourcesContent":["export const getFocusableChildren = (el) =>\n  el?.querySelectorAll(\"input, button, select, textarea, a[href]\") || [];\n\nexport const setFocusTo = (el) => {\n  el.focus();\n};\n"],"names":["getFocusableChildren","el","querySelectorAll","setFocusTo","focus"],"mappings":"AAAO,MAAMA,uBAAwBC,CACnCA,OAAAA,IAAIC,iBAAiB,0CAA0C,KAAK,CAAE;AAEjE,MAAMC,aAAcF,CAAO,OAAA;AAChCA,KAAGG,MAAM;AACX;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sources":["../../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport { useMediaQuery } from \"@mui/material\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { staticClasses, useClasses } from \"./Footer.styles\";\n\nexport { staticClasses as footerClasses };\n\nexport type HvFooterClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFooterProps extends HvBaseProps {\n  /** Footer name. */\n  name?: React.ReactNode;\n  /** Footer copyright. */\n  copyright?: React.ReactNode;\n  /** Footer links. */\n  links?: React.ReactNode;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvFooterClasses;\n}\n\n/**\n * A Footer is a way of providing extra information at the end of a page.\n */\nexport const HvFooter = (props: HvFooterProps) => {\n  const {\n    name = \"Hitachi Vantara\",\n    copyright = `© Hitachi Vantara Corporation ${new Date().getFullYear()}. All Rights Reserved.`,\n    links,\n    classes: classesProp,\n    className,\n    ...others\n  } = useDefaultProps(\"HvFooter\", props);\n  const muiTheme = useTheme();\n  const { classes, cx } = useClasses(classesProp);\n\n  const isSmDown = useMediaQuery(muiTheme.breakpoints.down(\"sm\"));\n\n  return (\n    <footer\n      className={cx(classes.root, { [classes.small]: isSmDown }, className)}\n      {...others}\n    >\n      <HvTypography variant=\"label\" className={classes.name}>\n        {name}\n      </HvTypography>\n      <div className={classes.rightContainer}>\n        <HvTypography className={classes.copyright}>{copyright}</HvTypography>\n        {links && <div className={classes.separator} />}\n        {links}\n      </div>\n    </footer>\n  );\n};\n"],"names":["HvFooter","props","name","copyright","Date","getFullYear","links","classes","classesProp","className","others","useDefaultProps","muiTheme","useTheme","cx","useClasses","isSmDown","useMediaQuery","breakpoints","down","root","small","rightContainer","separator"],"mappings":";;;;;;;AA0BaA,MAAAA,WAAWA,CAACC,UAAyB;AAC1C,QAAA;AAAA,IACJC,OAAO;AAAA,IACPC,YAAa,kCAAgC,oBAAIC,QAAOC,YAAc,CAAA;AAAA,IACtEC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,YAAYV,KAAK;AACrC,QAAMW,WAAWC;AACX,QAAA;AAAA,IAAEN;AAAAA,IAASO;AAAAA,EAAAA,IAAOC,WAAWP,WAAW;AAE9C,QAAMQ,WAAWC,cAAcL,SAASM,YAAYC,KAAK,IAAI,CAAC;AAE9D,SACG,qBAAA,UAAA,EACC,WAAWL,GAAGP,QAAQa,MAAM;AAAA,IAAE,CAACb,QAAQc,KAAK,GAAGL;AAAAA,EAAYP,GAAAA,SAAS,GACpE,GAAIC,QAEJ,UAAA;AAAA,IAAA,oBAAC,gBAAa,SAAQ,SAAQ,WAAWH,QAAQL,MAC9CA,UACH,MAAA;AAAA,IACC,qBAAA,OAAA,EAAI,WAAWK,QAAQe,gBACtB,UAAA;AAAA,MAAA,oBAAC,cAAa,EAAA,WAAWf,QAAQJ,WAAYA,UAAU,WAAA;AAAA,MACtDG,SAAS,oBAAC,OAAI,EAAA,WAAWC,QAAQgB,WAAa;AAAA,MAC9CjB;AAAAA,IAAAA,GACH;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"Footer.js","sources":["../../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport { useMediaQuery } from \"@mui/material\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Footer.styles\";\n\nexport { staticClasses as footerClasses };\n\nexport type HvFooterClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFooterProps extends HvBaseProps {\n  /** Footer name. */\n  name?: React.ReactNode;\n  /** Footer copyright. */\n  copyright?: React.ReactNode;\n  /** Footer links. */\n  links?: React.ReactNode;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvFooterClasses;\n}\n\n/**\n * A Footer is a way of providing extra information at the end of a page.\n */\nexport const HvFooter = (props: HvFooterProps) => {\n  const {\n    name = \"Hitachi Vantara\",\n    copyright = `© Hitachi Vantara Corporation ${new Date().getFullYear()}. All Rights Reserved.`,\n    links,\n    classes: classesProp,\n    className,\n    ...others\n  } = useDefaultProps(\"HvFooter\", props);\n  const muiTheme = useTheme();\n  const { classes, cx } = useClasses(classesProp);\n\n  const isSmDown = useMediaQuery(muiTheme.breakpoints.down(\"sm\"));\n\n  return (\n    <footer\n      className={cx(classes.root, { [classes.small]: isSmDown }, className)}\n      {...others}\n    >\n      <HvTypography variant=\"label\" className={classes.name}>\n        {name}\n      </HvTypography>\n      <div className={classes.rightContainer}>\n        <HvTypography className={classes.copyright}>{copyright}</HvTypography>\n        {links && <div className={classes.separator} />}\n        {links}\n      </div>\n    </footer>\n  );\n};\n"],"names":["HvFooter","props","name","copyright","Date","getFullYear","links","classes","classesProp","className","others","useDefaultProps","muiTheme","useTheme","cx","useClasses","isSmDown","useMediaQuery","breakpoints","down","root","small","rightContainer","separator"],"mappings":";;;;;;;AA4BaA,MAAAA,WAAWA,CAACC,UAAyB;AAC1C,QAAA;AAAA,IACJC,OAAO;AAAA,IACPC,YAAa,kCAAgC,oBAAIC,QAAOC,YAAc,CAAA;AAAA,IACtEC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,YAAYV,KAAK;AACrC,QAAMW,WAAWC;AACX,QAAA;AAAA,IAAEN;AAAAA,IAASO;AAAAA,EAAAA,IAAOC,WAAWP,WAAW;AAE9C,QAAMQ,WAAWC,cAAcL,SAASM,YAAYC,KAAK,IAAI,CAAC;AAE9D,SACG,qBAAA,UAAA,EACC,WAAWL,GAAGP,QAAQa,MAAM;AAAA,IAAE,CAACb,QAAQc,KAAK,GAAGL;AAAAA,EAAYP,GAAAA,SAAS,GACpE,GAAIC,QAEJ,UAAA;AAAA,IAAA,oBAAC,gBAAa,SAAQ,SAAQ,WAAWH,QAAQL,MAC9CA,UACH,MAAA;AAAA,IACC,qBAAA,OAAA,EAAI,WAAWK,QAAQe,gBACtB,UAAA;AAAA,MAAA,oBAAC,cAAa,EAAA,WAAWf,QAAQJ,WAAYA,UAAU,WAAA;AAAA,MACtDG,SAAS,oBAAC,OAAI,EAAA,WAAWC,QAAQgB,WAAa;AAAA,MAC9CjB;AAAAA,IAAAA,GACH;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/esm/components/Footer/Footer.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.styles.js","sources":["../../../../src/components/Footer/Footer.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvFooter\", {\n  root: {\n    display: \"flex\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n    padding: `${theme.space.xs} ${theme.space.sm}`,\n    height: 40,\n    bottom: 0,\n    zIndex: theme.zIndices.base,\n    backgroundColor: theme.colors.atmo1,\n    boxShadow: `0 -1px 0 ${theme.colors.atmo4}`,\n  },\n  name: {},\n  rightContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n    marginLeft: \"auto\",\n  },\n  copyright: {},\n  separator: {\n    width: 1,\n    height: 16,\n    backgroundColor: theme.colors.secondary,\n    margin: `${theme.space.xs} ${theme.space.sm}`,\n  },\n  small: {\n    \"&$root\": {\n      height: \"unset\",\n      flexDirection: \"column\",\n      padding: theme.space.xs,\n    },\n    \"& $name\": {\n      marginBottom: theme.space.xs,\n    },\n    \"& $rightContainer\": {\n      flexDirection: \"column\",\n      textAlign: \"center\",\n      marginLeft: \"unset\",\n    },\n    \"& $copyright\": {\n      flexDirection: \"column\",\n      marginBottom: theme.space.xs,\n    },\n    \"& $separator\": { display: \"none\" },\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","alignItems","flexDirection","padding","theme","space","xs","sm","height","bottom","zIndex","zIndices","base","backgroundColor","colors","atmo1","boxShadow","atmo4","name","rightContainer","marginLeft","copyright","separator","width","secondary","margin","small","marginBottom","textAlign"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,YAAY;AAAA,EACrEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,eAAe;AAAA,IACfC,SAAU,GAAEC,MAAMC,MAAMC,EAAG,IAAGF,MAAMC,MAAME,EAAG;AAAA,IAC7CC,QAAQ;AAAA,IACRC,QAAQ;AAAA,IACRC,QAAQN,MAAMO,SAASC;AAAAA,IACvBC,iBAAiBT,MAAMU,OAAOC;AAAAA,IAC9BC,WAAY,YAAWZ,MAAMU,OAAOG,KAAM;AAAA,EAC5C;AAAA,EACAC,MAAM,CAAC;AAAA,EACPC,gBAAgB;AAAA,IACdnB,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,eAAe;AAAA,IACfkB,YAAY;AAAA,EACd;AAAA,EACAC,WAAW,CAAC;AAAA,EACZC,WAAW;AAAA,IACTC,OAAO;AAAA,IACPf,QAAQ;AAAA,IACRK,iBAAiBT,MAAMU,OAAOU;AAAAA,IAC9BC,QAAS,GAAErB,MAAMC,MAAMC,EAAG,IAAGF,MAAMC,MAAME,EAAG;AAAA,EAC9C;AAAA,EACAmB,OAAO;AAAA,IACL,UAAU;AAAA,MACRlB,QAAQ;AAAA,MACRN,eAAe;AAAA,MACfC,SAASC,MAAMC,MAAMC;AAAAA,IACvB;AAAA,IACA,WAAW;AAAA,MACTqB,cAAcvB,MAAMC,MAAMC;AAAAA,IAC5B;AAAA,IACA,qBAAqB;AAAA,MACnBJ,eAAe;AAAA,MACf0B,WAAW;AAAA,MACXR,YAAY;AAAA,IACd;AAAA,IACA,gBAAgB;AAAA,MACdlB,eAAe;AAAA,MACfyB,cAAcvB,MAAMC,MAAMC;AAAAA,IAC5B;AAAA,IACA,gBAAgB;AAAA,MAAEN,SAAS;AAAA,IAAO;AAAA,EACpC;AACF,CAAC;"}
+{"version":3,"file":"Footer.styles.js","sources":["../../../../src/components/Footer/Footer.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvFooter\", {\n  root: {\n    display: \"flex\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n    padding: `${theme.space.xs} ${theme.space.sm}`,\n    height: 40,\n    bottom: 0,\n    zIndex: theme.zIndices.base,\n    backgroundColor: theme.colors.atmo1,\n    boxShadow: `0 -1px 0 ${theme.colors.atmo4}`,\n  },\n  name: {},\n  rightContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n    marginLeft: \"auto\",\n  },\n  copyright: {},\n  separator: {\n    width: 1,\n    height: 16,\n    backgroundColor: theme.colors.secondary,\n    margin: `${theme.space.xs} ${theme.space.sm}`,\n  },\n  small: {\n    \"&$root\": {\n      height: \"unset\",\n      flexDirection: \"column\",\n      padding: theme.space.xs,\n    },\n    \"& $name\": {\n      marginBottom: theme.space.xs,\n    },\n    \"& $rightContainer\": {\n      flexDirection: \"column\",\n      textAlign: \"center\",\n      marginLeft: \"unset\",\n    },\n    \"& $copyright\": {\n      flexDirection: \"column\",\n      marginBottom: theme.space.xs,\n    },\n    \"& $separator\": { display: \"none\" },\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","alignItems","flexDirection","padding","theme","space","xs","sm","height","bottom","zIndex","zIndices","base","backgroundColor","colors","atmo1","boxShadow","atmo4","name","rightContainer","marginLeft","copyright","separator","width","secondary","margin","small","marginBottom","textAlign"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,YAAY;AAAA,EACrEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,eAAe;AAAA,IACfC,SAAU,GAAEC,MAAMC,MAAMC,EAAG,IAAGF,MAAMC,MAAME,EAAG;AAAA,IAC7CC,QAAQ;AAAA,IACRC,QAAQ;AAAA,IACRC,QAAQN,MAAMO,SAASC;AAAAA,IACvBC,iBAAiBT,MAAMU,OAAOC;AAAAA,IAC9BC,WAAY,YAAWZ,MAAMU,OAAOG,KAAM;AAAA,EAC5C;AAAA,EACAC,MAAM,CAAC;AAAA,EACPC,gBAAgB;AAAA,IACdnB,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,eAAe;AAAA,IACfkB,YAAY;AAAA,EACd;AAAA,EACAC,WAAW,CAAC;AAAA,EACZC,WAAW;AAAA,IACTC,OAAO;AAAA,IACPf,QAAQ;AAAA,IACRK,iBAAiBT,MAAMU,OAAOU;AAAAA,IAC9BC,QAAS,GAAErB,MAAMC,MAAMC,EAAG,IAAGF,MAAMC,MAAME,EAAG;AAAA,EAC9C;AAAA,EACAmB,OAAO;AAAA,IACL,UAAU;AAAA,MACRlB,QAAQ;AAAA,MACRN,eAAe;AAAA,MACfC,SAASC,MAAMC,MAAMC;AAAAA,IACvB;AAAA,IACA,WAAW;AAAA,MACTqB,cAAcvB,MAAMC,MAAMC;AAAAA,IAC5B;AAAA,IACA,qBAAqB;AAAA,MACnBJ,eAAe;AAAA,MACf0B,WAAW;AAAA,MACXR,YAAY;AAAA,IACd;AAAA,IACA,gBAAgB;AAAA,MACdlB,eAAe;AAAA,MACfyB,cAAcvB,MAAMC,MAAMC;AAAAA,IAC5B;AAAA,IACA,gBAAgB;AAAA,MAAEN,SAAS;AAAA,IAAO;AAAA,EACpC;AACF,CAAC;"}

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

@@ -16,7 +16,6 @@ const HvAdornment = forwardRef(({
   isVisible = void 0,
   ...others
 }, ref) => {
-  var _a;
   const {
     classes,
     cx
@@ -29,7 +28,7 @@ const HvAdornment = forwardRef(({
   } = useContext(HvFormElementDescriptorsContext);
   const displayIcon = isVisible ?? (showWhen === void 0 || elementStatus === showWhen);
   const isClickable = !!onClick;
-  return isClickable ? /* @__PURE__ */ jsx("button", { id, ref, type: "button", tabIndex: -1, "aria-controls": (_a = input == null ? void 0 : input[0]) == null ? void 0 : _a.id, className: cx(classes.root, classes.adornment, classes.adornmentButton, {
+  return isClickable ? /* @__PURE__ */ jsx("button", { id, ref, type: "button", tabIndex: -1, "aria-controls": input?.[0]?.id, className: cx(classes.root, classes.adornment, classes.adornmentButton, {
     [classes.hideIcon]: !displayIcon
   }, className), onClick, onMouseDown: (event) => event.preventDefault(), onKeyDown: noop, ...others, children: /* @__PURE__ */ jsx("div", { className: classes.icon, children: icon }) }) : /* @__PURE__ */ jsx("div", { id, ref, className: cx(classes.root, classes.adornment, classes.adornmentIcon, {
     [classes.hideIcon]: !displayIcon

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

@@ -1 +1 @@
-{"version":3,"file":"Adornment.js","sources":["../../../../../src/components/Forms/Adornment/Adornment.tsx"],"sourcesContent":["import { useContext, forwardRef, MouseEventHandler, ForwardedRef } from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Adornment.styles\";\nimport {\n  HvFormElementContext,\n  HvFormElementDescriptorsContext,\n  HvFormStatus,\n} from \"../FormElement\";\n\nconst noop = () => {};\n\nexport { staticClasses as adornmentClasses };\n\nexport type HvAdornmentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvAdornmentProps\n  extends HvBaseProps<\n    HTMLDivElement | HTMLButtonElement,\n    \"onMouseDown\" | \"onKeyDown\"\n  > {\n  /** The icon to be added into the input. */\n  icon: React.ReactNode;\n  /** When the adornment should be displayed. */\n  showWhen?: HvFormStatus;\n  /** Function to be executed when this element is clicked. */\n  onClick?: MouseEventHandler<HTMLButtonElement> | undefined;\n  /** If this property is defined the adornment visibility will be exclusively controlled by this value. */\n  isVisible?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAdornmentClasses;\n}\n\n/**\n * Allows to add a decorative icon or an action to a form element, usually on the right side of an input.\n * E.g., the reveal password button.\n *\n * In addition to the showWhen feature, which uses the form element's context validation state to determine\n * its visibility, this component also ensures that it does not steal focus from the input and that it is\n * not accessible using the keyboard.\n *\n * As such, its functionality, if any, for accessibility purposes must be provided through an alternative mean,\n * or by using a regular icon button or toggle button instead.\n */\nexport const HvAdornment = forwardRef<\n  HTMLDivElement | HTMLButtonElement,\n  HvAdornmentProps\n>(\n  (\n    {\n      id,\n      classes: classesProp,\n      className,\n      icon,\n      showWhen = undefined,\n      onClick,\n      isVisible = undefined,\n      ...others\n    },\n    ref\n  ) => {\n    const { classes, cx } = useClasses(classesProp);\n\n    const { elementStatus = \"\" } = useContext(HvFormElementContext);\n\n    const { input } = useContext(HvFormElementDescriptorsContext);\n\n    const displayIcon =\n      isVisible ?? (showWhen === undefined || elementStatus === showWhen);\n\n    const isClickable = !!onClick;\n\n    return isClickable ? (\n      <button\n        id={id}\n        ref={ref as ForwardedRef<HTMLButtonElement>}\n        type=\"button\"\n        tabIndex={-1}\n        aria-controls={input?.[0]?.id}\n        className={cx(\n          classes.root,\n          classes.adornment,\n          classes.adornmentButton,\n          { [classes.hideIcon]: !displayIcon },\n          className\n        )}\n        onClick={onClick}\n        onMouseDown={(event) => event.preventDefault()}\n        onKeyDown={noop}\n        {...others}\n      >\n        <div className={classes.icon}>{icon}</div>\n      </button>\n    ) : (\n      <div\n        id={id}\n        ref={ref as ForwardedRef<HTMLDivElement>}\n        className={cx(\n          classes.root,\n          classes.adornment,\n          classes.adornmentIcon,\n          { [classes.hideIcon]: !displayIcon },\n          className\n        )}\n        role=\"presentation\"\n        {...others}\n      >\n        <div className={classes.icon}>{icon}</div>\n      </div>\n    );\n  }\n);\n"],"names":["noop","HvAdornment","forwardRef","id","classes","classesProp","className","icon","showWhen","undefined","onClick","isVisible","others","ref","cx","useClasses","elementStatus","useContext","HvFormElementContext","input","HvFormElementDescriptorsContext","displayIcon","isClickable","root","adornment","adornmentButton","hideIcon","event","preventDefault","adornmentIcon"],"mappings":";;;;;;AAYA,MAAMA,OAAOA,MAAM;AAAC;AAkCPC,MAAAA,cAAcC,WAIzB,CACE;AAAA,EACEC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC,WAAWC;AAAAA,EACXC;AAAAA,EACAC,YAAYF;AAAAA,EACZ,GAAGG;AACL,GACAC,QACG;;AACG,QAAA;AAAA,IAAET;AAAAA,IAASU;AAAAA,EAAAA,IAAOC,WAAWV,WAAW;AAExC,QAAA;AAAA,IAAEW,gBAAgB;AAAA,EAAA,IAAOC,WAAWC,oBAAoB;AAExD,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAUF,WAAWG,+BAA+B;AAE5D,QAAMC,cACJV,cAAcH,aAAaC,UAAaO,kBAAkBR;AAEtDc,QAAAA,cAAc,CAAC,CAACZ;AAEfY,SAAAA,kCACJ,UACC,EAAA,IACA,KACA,MAAK,UACL,UAAU,IACV,kBAAeH,oCAAQ,OAARA,mBAAYhB,IAC3B,WAAWW,GACTV,QAAQmB,MACRnB,QAAQoB,WACRpB,QAAQqB,iBACR;AAAA,IAAE,CAACrB,QAAQsB,QAAQ,GAAG,CAACL;AAAAA,EAAAA,GACvBf,SACF,GACA,SACA,aAAcqB,CAAUA,UAAAA,MAAMC,eAAe,GAC7C,WAAW5B,MACX,GAAIY,QAEJ,8BAAC,OAAI,EAAA,WAAWR,QAAQG,MAAOA,UAAK,KAAA,CAAA,EACtC,CAAA,IAEA,oBAAC,SACC,IACA,KACA,WAAWO,GACTV,QAAQmB,MACRnB,QAAQoB,WACRpB,QAAQyB,eACR;AAAA,IAAE,CAACzB,QAAQsB,QAAQ,GAAG,CAACL;AAAAA,EAAAA,GACvBf,SACF,GACA,MAAK,gBACDM,GAAAA,QAEJ,UAAA,oBAAC,OAAI,EAAA,WAAWR,QAAQG,MAAOA,gBAAK,EACtC,CAAA;AAEJ,CACF;"}
+{"version":3,"file":"Adornment.js","sources":["../../../../../src/components/Forms/Adornment/Adornment.tsx"],"sourcesContent":["import { useContext, forwardRef, MouseEventHandler, ForwardedRef } from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Adornment.styles\";\nimport {\n  HvFormElementContext,\n  HvFormElementDescriptorsContext,\n  HvFormStatus,\n} from \"../FormElement\";\n\nconst noop = () => {};\n\nexport { staticClasses as adornmentClasses };\n\nexport type HvAdornmentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvAdornmentProps\n  extends HvBaseProps<\n    HTMLDivElement | HTMLButtonElement,\n    \"onMouseDown\" | \"onKeyDown\"\n  > {\n  /** The icon to be added into the input. */\n  icon: React.ReactNode;\n  /** When the adornment should be displayed. */\n  showWhen?: HvFormStatus;\n  /** Function to be executed when this element is clicked. */\n  onClick?: MouseEventHandler<HTMLButtonElement> | undefined;\n  /** If this property is defined the adornment visibility will be exclusively controlled by this value. */\n  isVisible?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAdornmentClasses;\n}\n\n/**\n * Allows to add a decorative icon or an action to a form element, usually on the right side of an input.\n * E.g., the reveal password button.\n *\n * In addition to the showWhen feature, which uses the form element's context validation state to determine\n * its visibility, this component also ensures that it does not steal focus from the input and that it is\n * not accessible using the keyboard.\n *\n * As such, its functionality, if any, for accessibility purposes must be provided through an alternative mean,\n * or by using a regular icon button or toggle button instead.\n */\nexport const HvAdornment = forwardRef<\n  HTMLDivElement | HTMLButtonElement,\n  HvAdornmentProps\n>(\n  (\n    {\n      id,\n      classes: classesProp,\n      className,\n      icon,\n      showWhen = undefined,\n      onClick,\n      isVisible = undefined,\n      ...others\n    },\n    ref\n  ) => {\n    const { classes, cx } = useClasses(classesProp);\n\n    const { elementStatus = \"\" } = useContext(HvFormElementContext);\n\n    const { input } = useContext(HvFormElementDescriptorsContext);\n\n    const displayIcon =\n      isVisible ?? (showWhen === undefined || elementStatus === showWhen);\n\n    const isClickable = !!onClick;\n\n    return isClickable ? (\n      <button\n        id={id}\n        ref={ref as ForwardedRef<HTMLButtonElement>}\n        type=\"button\"\n        tabIndex={-1}\n        aria-controls={input?.[0]?.id}\n        className={cx(\n          classes.root,\n          classes.adornment,\n          classes.adornmentButton,\n          { [classes.hideIcon]: !displayIcon },\n          className\n        )}\n        onClick={onClick}\n        onMouseDown={(event) => event.preventDefault()}\n        onKeyDown={noop}\n        {...others}\n      >\n        <div className={classes.icon}>{icon}</div>\n      </button>\n    ) : (\n      <div\n        id={id}\n        ref={ref as ForwardedRef<HTMLDivElement>}\n        className={cx(\n          classes.root,\n          classes.adornment,\n          classes.adornmentIcon,\n          { [classes.hideIcon]: !displayIcon },\n          className\n        )}\n        role=\"presentation\"\n        {...others}\n      >\n        <div className={classes.icon}>{icon}</div>\n      </div>\n    );\n  }\n);\n"],"names":["noop","HvAdornment","forwardRef","id","classes","classesProp","className","icon","showWhen","undefined","onClick","isVisible","others","ref","cx","useClasses","elementStatus","useContext","HvFormElementContext","input","HvFormElementDescriptorsContext","displayIcon","isClickable","root","adornment","adornmentButton","hideIcon","event","preventDefault","adornmentIcon"],"mappings":";;;;;;AAYA,MAAMA,OAAOA,MAAM;AAAC;AAkCPC,MAAAA,cAAcC,WAIzB,CACE;AAAA,EACEC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC,WAAWC;AAAAA,EACXC;AAAAA,EACAC,YAAYF;AAAAA,EACZ,GAAGG;AACL,GACAC,QACG;AACG,QAAA;AAAA,IAAET;AAAAA,IAASU;AAAAA,EAAAA,IAAOC,WAAWV,WAAW;AAExC,QAAA;AAAA,IAAEW,gBAAgB;AAAA,EAAA,IAAOC,WAAWC,oBAAoB;AAExD,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAUF,WAAWG,+BAA+B;AAE5D,QAAMC,cACJV,cAAcH,aAAaC,UAAaO,kBAAkBR;AAEtDc,QAAAA,cAAc,CAAC,CAACZ;AAEfY,SAAAA,kCACJ,UACC,EAAA,IACA,KACA,MAAK,UACL,UAAU,IACV,iBAAeH,QAAQ,CAAC,GAAGhB,IAC3B,WAAWW,GACTV,QAAQmB,MACRnB,QAAQoB,WACRpB,QAAQqB,iBACR;AAAA,IAAE,CAACrB,QAAQsB,QAAQ,GAAG,CAACL;AAAAA,EAAAA,GACvBf,SACF,GACA,SACA,aAAcqB,CAAUA,UAAAA,MAAMC,eAAe,GAC7C,WAAW5B,MACX,GAAIY,QAEJ,8BAAC,OAAI,EAAA,WAAWR,QAAQG,MAAOA,UAAK,KAAA,CAAA,EACtC,CAAA,IAEA,oBAAC,SACC,IACA,KACA,WAAWO,GACTV,QAAQmB,MACRnB,QAAQoB,WACRpB,QAAQyB,eACR;AAAA,IAAE,CAACzB,QAAQsB,QAAQ,GAAG,CAACL;AAAAA,EAAAA,GACvBf,SACF,GACA,MAAK,gBACDM,GAAAA,QAEJ,UAAA,oBAAC,OAAI,EAAA,WAAWR,QAAQG,MAAOA,gBAAK,EACtC,CAAA;AAEJ,CACF;"}

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

@@ -9,47 +9,44 @@ const findDescriptors = (children, descriptors = {
   HvCalendarHeader: []
 }) => {
   React__default.Children.forEach(children, (child) => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    if (((_a = child == null ? void 0 : child.type) == null ? void 0 : _a.formElementType) && ((_b = child.props) == null ? void 0 : _b.id)) {
-      (_e = descriptors[child.type.formElementType]) == null ? void 0 : _e.push({
-        id: (_c = child.props) == null ? void 0 : _c.id,
-        htmlFor: (_d = child.props) == null ? void 0 : _d.htmlFor
+    if (child?.type?.formElementType && child.props?.id) {
+      descriptors[child.type.formElementType]?.push({
+        id: child.props?.id,
+        htmlFor: child.props?.htmlFor
       });
     }
-    if (((_f = child == null ? void 0 : child.type) == null ? void 0 : _f.formElementType) !== "formelement") {
-      findDescriptors((_g = child == null ? void 0 : child.props) == null ? void 0 : _g.children, descriptors);
+    if (child?.type?.formElementType !== "formelement") {
+      findDescriptors(child?.props?.children, descriptors);
     }
   });
   return descriptors;
 };
 const getIdReferenceListFor = (formElementType, descriptors, filterFor = null) => {
-  var _a, _b;
-  const referenceList = (_b = (_a = descriptors == null ? void 0 : descriptors[formElementType]) == null ? void 0 : _a.filter((d) => d.htmlFor !== filterFor)) == null ? void 0 : _b.map((d) => d.id).join(" ").trim();
+  const referenceList = descriptors?.[formElementType]?.filter((d) => d.htmlFor !== filterFor)?.map((d) => d.id).join(" ").trim();
   return referenceList !== "" ? referenceList : void 0;
 };
 const getIdReferenceFor = (formElementType, descriptors, filterFor = null) => {
-  var _a, _b, _c;
-  const referenceList = (_c = (_b = (_a = descriptors == null ? void 0 : descriptors[formElementType]) == null ? void 0 : _a.filter((d) => d.htmlFor !== filterFor)) == null ? void 0 : _b.map((d) => d.id)) == null ? void 0 : _c[0];
+  const referenceList = descriptors?.[formElementType]?.filter((d) => d.htmlFor !== filterFor)?.map((d) => d.id)?.[0];
   return referenceList !== "" ? referenceList : void 0;
 };
 const buildFormElementPropsFromContext = (name, disabled, readOnly, required, context) => {
   return {
-    name: name || (context == null ? void 0 : context.elementName),
-    disabled: disabled !== void 0 ? disabled : context == null ? void 0 : context.elementDisabled,
-    readOnly: readOnly !== void 0 ? readOnly : context == null ? void 0 : context.elementReadOnly,
-    required: required !== void 0 ? required : context == null ? void 0 : context.elementRequired,
-    status: context == null ? void 0 : context.elementStatus
+    name: name || context?.elementName,
+    disabled: disabled !== void 0 ? disabled : context?.elementDisabled,
+    readOnly: readOnly !== void 0 ? readOnly : context?.elementReadOnly,
+    required: required !== void 0 ? required : context?.elementRequired,
+    status: context?.elementStatus
   };
 };
 const buildAriaPropsFromContext = (props, context, isInvalid, inputId) => {
   const arias = {
-    "aria-labelledby": (props == null ? void 0 : props["aria-labelledby"]) !== void 0 ? props == null ? void 0 : props["aria-labelledby"] : getIdReferenceListFor("label", context == null ? void 0 : context.descriptors, inputId),
-    "aria-describedby": (props == null ? void 0 : props["aria-describedby"]) !== void 0 ? props == null ? void 0 : props["aria-describedby"] : getIdReferenceListFor("description", context == null ? void 0 : context.descriptors),
-    "aria-controls": (props == null ? void 0 : props["aria-controls"]) !== void 0 ? props == null ? void 0 : props["aria-controls"] : getIdReferenceListFor("controlled", context == null ? void 0 : context.descriptors)
+    "aria-labelledby": props?.["aria-labelledby"] !== void 0 ? props?.["aria-labelledby"] : getIdReferenceListFor("label", context?.descriptors, inputId),
+    "aria-describedby": props?.["aria-describedby"] !== void 0 ? props?.["aria-describedby"] : getIdReferenceListFor("description", context?.descriptors),
+    "aria-controls": props?.["aria-controls"] !== void 0 ? props?.["aria-controls"] : getIdReferenceListFor("controlled", context?.descriptors)
   };
   if (isInvalid) {
     arias["aria-invalid"] = isInvalid;
-    arias["aria-errormessage"] = (props == null ? void 0 : props["aria-errormessage"]) !== void 0 ? props == null ? void 0 : props["aria-errormessage"] : getIdReferenceFor("errormessage", context == null ? void 0 : context.descriptors);
+    arias["aria-errormessage"] = props?.["aria-errormessage"] !== void 0 ? props?.["aria-errormessage"] : getIdReferenceFor("errormessage", context?.descriptors);
   }
   return arias;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"FormUtils.js","sources":["../../../../../../src/components/Forms/FormElement/utils/FormUtils.ts"],"sourcesContent":["import React from \"react\";\n\ninterface Descriptor {\n  id?: string;\n  htmlFor?: string;\n}\n/**\n * Scans the element's children looking for the children IDs that match the different form element types.\n * This function will produce an object that has a key for each provided name\n * Inside each key there will be an array with each id of the found descriptor.\n *\n * @param {Array} children - The children inside the form element to scan.\n * @param {Object} descriptors - Initial descriptors map (used for recursion).\n *\n */\nconst findDescriptors = (\n  children,\n  descriptors: {\n    input: Descriptor[];\n    label: Descriptor[];\n    description: Descriptor[];\n    controlled: Descriptor[];\n    errormessage: Descriptor[];\n    HvCalendarHeader?: Descriptor[];\n  } = {\n    input: [],\n    label: [],\n    description: [],\n    controlled: [],\n    errormessage: [],\n\n    // TODO: refactor this out\n    HvCalendarHeader: [],\n  }\n) => {\n  React.Children.forEach(children, (child) => {\n    if (child?.type?.formElementType && child.props?.id) {\n      descriptors[child.type.formElementType]?.push({\n        id: child.props?.id,\n        htmlFor: child.props?.htmlFor,\n      });\n    }\n\n    if (child?.type?.formElementType !== \"formelement\") {\n      findDescriptors(child?.props?.children, descriptors);\n    }\n  });\n\n  return descriptors;\n};\n\nconst getIdReferenceListFor = (\n  formElementType,\n  descriptors,\n  filterFor = null\n) => {\n  const referenceList = descriptors?.[formElementType]\n    ?.filter((d) => d.htmlFor !== filterFor)\n    ?.map((d) => d.id)\n    .join(\" \")\n    .trim();\n\n  return referenceList !== \"\" ? referenceList : undefined;\n};\n\nconst getIdReferenceFor = (formElementType, descriptors, filterFor = null) => {\n  const referenceList = descriptors?.[formElementType]\n    ?.filter((d) => d.htmlFor !== filterFor)\n    ?.map((d) => d.id)?.[0];\n\n  return referenceList !== \"\" ? referenceList : undefined;\n};\n\nconst buildFormElementPropsFromContext = (\n  name,\n  disabled,\n  readOnly,\n  required,\n  context\n) => {\n  return {\n    name: name || context?.elementName,\n    disabled: disabled !== undefined ? disabled : context?.elementDisabled,\n    readOnly: readOnly !== undefined ? readOnly : context?.elementReadOnly,\n    required: required !== undefined ? required : context?.elementRequired,\n    status: context?.elementStatus,\n  };\n};\n\nconst buildAriaPropsFromContext = (props, context, isInvalid, inputId) => {\n  const arias = {\n    \"aria-labelledby\":\n      props?.[\"aria-labelledby\"] !== undefined\n        ? props?.[\"aria-labelledby\"]\n        : getIdReferenceListFor(\"label\", context?.descriptors, inputId),\n    \"aria-describedby\":\n      props?.[\"aria-describedby\"] !== undefined\n        ? props?.[\"aria-describedby\"]\n        : getIdReferenceListFor(\"description\", context?.descriptors),\n    \"aria-controls\":\n      props?.[\"aria-controls\"] !== undefined\n        ? props?.[\"aria-controls\"]\n        : getIdReferenceListFor(\"controlled\", context?.descriptors),\n  };\n\n  if (isInvalid) {\n    arias[\"aria-invalid\"] = isInvalid;\n    arias[\"aria-errormessage\"] =\n      props?.[\"aria-errormessage\"] !== undefined\n        ? props?.[\"aria-errormessage\"]\n        : getIdReferenceFor(\"errormessage\", context?.descriptors);\n  }\n\n  return arias;\n};\n\nexport {\n  findDescriptors,\n  getIdReferenceListFor,\n  getIdReferenceFor,\n  buildFormElementPropsFromContext,\n  buildAriaPropsFromContext,\n};\n"],"names":["findDescriptors","children","descriptors","input","label","description","controlled","errormessage","HvCalendarHeader","Children","forEach","child","type","formElementType","props","id","push","htmlFor","getIdReferenceListFor","filterFor","referenceList","filter","d","map","join","trim","undefined","getIdReferenceFor","buildFormElementPropsFromContext","name","disabled","readOnly","required","context","elementName","elementDisabled","elementReadOnly","elementRequired","status","elementStatus","buildAriaPropsFromContext","isInvalid","inputId","arias"],"mappings":";AAeMA,MAAAA,kBAAkBA,CACtBC,UACAC,cAOI;AAAA,EACFC,OAAO,CAAE;AAAA,EACTC,OAAO,CAAE;AAAA,EACTC,aAAa,CAAE;AAAA,EACfC,YAAY,CAAE;AAAA,EACdC,cAAc,CAAE;AAAA;AAAA,EAGhBC,kBAAkB,CAAA;AACpB,MACG;AACGC,iBAAAA,SAASC,QAAQT,UAAWU,CAAU,UAAA;;AAC1C,UAAIA,oCAAOC,SAAPD,mBAAaE,sBAAmBF,WAAMG,UAANH,mBAAaI,KAAI;AACnDb,wBAAYS,MAAMC,KAAKC,eAAe,MAAtCX,mBAAyCc,KAAK;AAAA,QAC5CD,KAAIJ,WAAMG,UAANH,mBAAaI;AAAAA,QACjBE,UAASN,WAAMG,UAANH,mBAAaM;AAAAA,MAAAA;AAAAA,IAE1B;AAEIN,UAAAA,oCAAOC,SAAPD,mBAAaE,qBAAoB,eAAe;AAClCF,uBAAAA,oCAAOG,UAAPH,mBAAcV,UAAUC,WAAW;AAAA,IACrD;AAAA,EAAA,CACD;AAEMA,SAAAA;AACT;AAEA,MAAMgB,wBAAwBA,CAC5BL,iBACAX,aACAiB,YAAY,SACT;;AACH,QAAMC,iBAAgBlB,sDAAcW,qBAAdX,mBAClBmB,OAAQC,CAAAA,MAAMA,EAAEL,YAAYE,eADVjB,mBAElBqB,IAAKD,OAAMA,EAAEP,IACdS,KAAK,KACLC;AAEIL,SAAAA,kBAAkB,KAAKA,gBAAgBM;AAChD;AAEA,MAAMC,oBAAoBA,CAACd,iBAAiBX,aAAaiB,YAAY,SAAS;;AAC5E,QAAMC,iBAAgBlB,4DAAcW,qBAAdX,mBAClBmB,OAAQC,CAAMA,MAAAA,EAAEL,YAAYE,eADVjB,mBAElBqB,IAAKD,CAAAA,MAAMA,EAAEP,QAFKb,mBAEC;AAEhBkB,SAAAA,kBAAkB,KAAKA,gBAAgBM;AAChD;AAEA,MAAME,mCAAmCA,CACvCC,MACAC,UACAC,UACAC,UACAC,YACG;AACI,SAAA;AAAA,IACLJ,MAAMA,SAAQI,mCAASC;AAAAA,IACvBJ,UAAUA,aAAaJ,SAAYI,WAAWG,mCAASE;AAAAA,IACvDJ,UAAUA,aAAaL,SAAYK,WAAWE,mCAASG;AAAAA,IACvDJ,UAAUA,aAAaN,SAAYM,WAAWC,mCAASI;AAAAA,IACvDC,QAAQL,mCAASM;AAAAA,EAAAA;AAErB;AAEA,MAAMC,4BAA4BA,CAAC1B,OAAOmB,SAASQ,WAAWC,YAAY;AACxE,QAAMC,QAAQ;AAAA,IACZ,oBACE7B,+BAAQ,wBAAuBY,SAC3BZ,+BAAQ,qBACRI,sBAAsB,SAASe,mCAAS/B,aAAawC,OAAO;AAAA,IAClE,qBACE5B,+BAAQ,yBAAwBY,SAC5BZ,+BAAQ,sBACRI,sBAAsB,eAAee,mCAAS/B,WAAW;AAAA,IAC/D,kBACEY,+BAAQ,sBAAqBY,SACzBZ,+BAAQ,mBACRI,sBAAsB,cAAce,mCAAS/B,WAAW;AAAA,EAAA;AAGhE,MAAIuC,WAAW;AACbE,UAAM,cAAc,IAAIF;AACxBE,UAAM,mBAAmB,KACvB7B,+BAAQ,0BAAyBY,SAC7BZ,+BAAQ,uBACRa,kBAAkB,gBAAgBM,mCAAS/B,WAAW;AAAA,EAC9D;AAEOyC,SAAAA;AACT;"}
+{"version":3,"file":"FormUtils.js","sources":["../../../../../../src/components/Forms/FormElement/utils/FormUtils.ts"],"sourcesContent":["import React from \"react\";\n\ninterface Descriptor {\n  id?: string;\n  htmlFor?: string;\n}\n/**\n * Scans the element's children looking for the children IDs that match the different form element types.\n * This function will produce an object that has a key for each provided name\n * Inside each key there will be an array with each id of the found descriptor.\n *\n * @param {Array} children - The children inside the form element to scan.\n * @param {Object} descriptors - Initial descriptors map (used for recursion).\n *\n */\nconst findDescriptors = (\n  children,\n  descriptors: {\n    input: Descriptor[];\n    label: Descriptor[];\n    description: Descriptor[];\n    controlled: Descriptor[];\n    errormessage: Descriptor[];\n    HvCalendarHeader?: Descriptor[];\n  } = {\n    input: [],\n    label: [],\n    description: [],\n    controlled: [],\n    errormessage: [],\n\n    // TODO: refactor this out\n    HvCalendarHeader: [],\n  }\n) => {\n  React.Children.forEach(children, (child) => {\n    if (child?.type?.formElementType && child.props?.id) {\n      descriptors[child.type.formElementType]?.push({\n        id: child.props?.id,\n        htmlFor: child.props?.htmlFor,\n      });\n    }\n\n    if (child?.type?.formElementType !== \"formelement\") {\n      findDescriptors(child?.props?.children, descriptors);\n    }\n  });\n\n  return descriptors;\n};\n\nconst getIdReferenceListFor = (\n  formElementType,\n  descriptors,\n  filterFor = null\n) => {\n  const referenceList = descriptors?.[formElementType]\n    ?.filter((d) => d.htmlFor !== filterFor)\n    ?.map((d) => d.id)\n    .join(\" \")\n    .trim();\n\n  return referenceList !== \"\" ? referenceList : undefined;\n};\n\nconst getIdReferenceFor = (formElementType, descriptors, filterFor = null) => {\n  const referenceList = descriptors?.[formElementType]\n    ?.filter((d) => d.htmlFor !== filterFor)\n    ?.map((d) => d.id)?.[0];\n\n  return referenceList !== \"\" ? referenceList : undefined;\n};\n\nconst buildFormElementPropsFromContext = (\n  name,\n  disabled,\n  readOnly,\n  required,\n  context\n) => {\n  return {\n    name: name || context?.elementName,\n    disabled: disabled !== undefined ? disabled : context?.elementDisabled,\n    readOnly: readOnly !== undefined ? readOnly : context?.elementReadOnly,\n    required: required !== undefined ? required : context?.elementRequired,\n    status: context?.elementStatus,\n  };\n};\n\nconst buildAriaPropsFromContext = (props, context, isInvalid, inputId) => {\n  const arias = {\n    \"aria-labelledby\":\n      props?.[\"aria-labelledby\"] !== undefined\n        ? props?.[\"aria-labelledby\"]\n        : getIdReferenceListFor(\"label\", context?.descriptors, inputId),\n    \"aria-describedby\":\n      props?.[\"aria-describedby\"] !== undefined\n        ? props?.[\"aria-describedby\"]\n        : getIdReferenceListFor(\"description\", context?.descriptors),\n    \"aria-controls\":\n      props?.[\"aria-controls\"] !== undefined\n        ? props?.[\"aria-controls\"]\n        : getIdReferenceListFor(\"controlled\", context?.descriptors),\n  };\n\n  if (isInvalid) {\n    arias[\"aria-invalid\"] = isInvalid;\n    arias[\"aria-errormessage\"] =\n      props?.[\"aria-errormessage\"] !== undefined\n        ? props?.[\"aria-errormessage\"]\n        : getIdReferenceFor(\"errormessage\", context?.descriptors);\n  }\n\n  return arias;\n};\n\nexport {\n  findDescriptors,\n  getIdReferenceListFor,\n  getIdReferenceFor,\n  buildFormElementPropsFromContext,\n  buildAriaPropsFromContext,\n};\n"],"names":["findDescriptors","children","descriptors","input","label","description","controlled","errormessage","HvCalendarHeader","Children","forEach","child","type","formElementType","props","id","push","htmlFor","getIdReferenceListFor","filterFor","referenceList","filter","d","map","join","trim","undefined","getIdReferenceFor","buildFormElementPropsFromContext","name","disabled","readOnly","required","context","elementName","elementDisabled","elementReadOnly","elementRequired","status","elementStatus","buildAriaPropsFromContext","isInvalid","inputId","arias"],"mappings":";AAeMA,MAAAA,kBAAkBA,CACtBC,UACAC,cAOI;AAAA,EACFC,OAAO,CAAE;AAAA,EACTC,OAAO,CAAE;AAAA,EACTC,aAAa,CAAE;AAAA,EACfC,YAAY,CAAE;AAAA,EACdC,cAAc,CAAE;AAAA;AAAA,EAGhBC,kBAAkB,CAAA;AACpB,MACG;AACGC,iBAAAA,SAASC,QAAQT,UAAWU,CAAU,UAAA;AAC1C,QAAIA,OAAOC,MAAMC,mBAAmBF,MAAMG,OAAOC,IAAI;AACnDb,kBAAYS,MAAMC,KAAKC,eAAe,GAAGG,KAAK;AAAA,QAC5CD,IAAIJ,MAAMG,OAAOC;AAAAA,QACjBE,SAASN,MAAMG,OAAOG;AAAAA,MAAAA,CACvB;AAAA,IACH;AAEIN,QAAAA,OAAOC,MAAMC,oBAAoB,eAAe;AAClCF,sBAAAA,OAAOG,OAAOb,UAAUC,WAAW;AAAA,IACrD;AAAA,EAAA,CACD;AAEMA,SAAAA;AACT;AAEA,MAAMgB,wBAAwBA,CAC5BL,iBACAX,aACAiB,YAAY,SACT;AACH,QAAMC,gBAAgBlB,cAAcW,eAAe,GAC/CQ,OAAQC,CAAAA,MAAMA,EAAEL,YAAYE,SAAS,GACrCI,IAAKD,OAAMA,EAAEP,EAAE,EAChBS,KAAK,GAAG,EACRC;AAEIL,SAAAA,kBAAkB,KAAKA,gBAAgBM;AAChD;AAEA,MAAMC,oBAAoBA,CAACd,iBAAiBX,aAAaiB,YAAY,SAAS;AAC5E,QAAMC,gBAAgBlB,cAAcW,eAAe,GAC/CQ,OAAQC,CAAMA,MAAAA,EAAEL,YAAYE,SAAS,GACrCI,IAAKD,CAAAA,MAAMA,EAAEP,EAAE,IAAI,CAAC;AAEjBK,SAAAA,kBAAkB,KAAKA,gBAAgBM;AAChD;AAEA,MAAME,mCAAmCA,CACvCC,MACAC,UACAC,UACAC,UACAC,YACG;AACI,SAAA;AAAA,IACLJ,MAAMA,QAAQI,SAASC;AAAAA,IACvBJ,UAAUA,aAAaJ,SAAYI,WAAWG,SAASE;AAAAA,IACvDJ,UAAUA,aAAaL,SAAYK,WAAWE,SAASG;AAAAA,IACvDJ,UAAUA,aAAaN,SAAYM,WAAWC,SAASI;AAAAA,IACvDC,QAAQL,SAASM;AAAAA,EAAAA;AAErB;AAEA,MAAMC,4BAA4BA,CAAC1B,OAAOmB,SAASQ,WAAWC,YAAY;AACxE,QAAMC,QAAQ;AAAA,IACZ,mBACE7B,QAAQ,iBAAiB,MAAMY,SAC3BZ,QAAQ,iBAAiB,IACzBI,sBAAsB,SAASe,SAAS/B,aAAawC,OAAO;AAAA,IAClE,oBACE5B,QAAQ,kBAAkB,MAAMY,SAC5BZ,QAAQ,kBAAkB,IAC1BI,sBAAsB,eAAee,SAAS/B,WAAW;AAAA,IAC/D,iBACEY,QAAQ,eAAe,MAAMY,SACzBZ,QAAQ,eAAe,IACvBI,sBAAsB,cAAce,SAAS/B,WAAW;AAAA,EAAA;AAGhE,MAAIuC,WAAW;AACbE,UAAM,cAAc,IAAIF;AACxBE,UAAM,mBAAmB,IACvB7B,QAAQ,mBAAmB,MAAMY,SAC7BZ,QAAQ,mBAAmB,IAC3Ba,kBAAkB,gBAAgBM,SAAS/B,WAAW;AAAA,EAC9D;AAEOyC,SAAAA;AACT;"}

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

@@ -8,7 +8,6 @@ import { staticClasses } from "./Label.styles.js";
 import { HvFormElementContext } from "../FormElement/context/FormElementContext.js";
 import { HvTypography } from "../../Typography/Typography.js";
 const HvLabel = (props) => {
-  var _a, _b, _c;
   const {
     id,
     classes: classesProp,
@@ -32,7 +31,7 @@ const HvLabel = (props) => {
   const localDisabled = disabled || elementDisabled;
   const localRequired = required || elementRequired;
   const localId = id ?? setId(elementId, "label");
-  const forId = htmlForProp || ((_c = (_b = (_a = findDescriptors(children)) == null ? void 0 : _a.input) == null ? void 0 : _b[0]) == null ? void 0 : _c.id);
+  const forId = htmlForProp || findDescriptors(children)?.input?.[0]?.id;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(HvTypography, { id: localId, className: cx(classes.root, {
       [classes.labelDisabled]: !!localDisabled,

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

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sources":["../../../../../src/components/Forms/Label/Label.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { setId } from \"@core/utils/setId\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvTypography, HvTypographyProps } from \"@core/components/Typography\";\n\nimport { HvFormElementContext } from \"../FormElement\";\nimport { findDescriptors } from \"../FormElement/utils/FormUtils\";\nimport { staticClasses, useClasses } from \"./Label.styles\";\n\nexport { staticClasses as labelClasses };\n\nexport type HvLabelClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvLabelProps extends HvTypographyProps<\"label\"> {\n  /** Id to be applied to the root node */\n  id?: string;\n  /** The text to be shown by the label. */\n  label?: React.ReactNode;\n  /** The id of the form element the label is bound to. */\n  htmlFor?: string;\n  /** If `true` the label is displayed with a disabled style. */\n  disabled?: boolean;\n  /** If `true`, the label will indicate that the form element is required (an `*` after the label text). */\n  required?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvLabelClasses;\n}\n\n/**\n * Provides the user with a recognizable name for a given form element.\n */\nexport const HvLabel = (props: HvLabelProps) => {\n  const {\n    id,\n    classes: classesProp,\n    className,\n    children,\n    label,\n    disabled,\n    required,\n    htmlFor: htmlForProp,\n    ...others\n  } = useDefaultProps(\"HvLabel\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const { elementId, elementDisabled, elementRequired } =\n    useContext(HvFormElementContext);\n\n  const localDisabled = disabled || elementDisabled;\n  const localRequired = required || elementRequired;\n\n  const localId = id ?? setId(elementId, \"label\");\n\n  const forId = htmlForProp || findDescriptors(children)?.input?.[0]?.id;\n\n  return (\n    <>\n      <HvTypography\n        id={localId}\n        className={cx(\n          classes.root,\n          {\n            [classes.labelDisabled]: !!localDisabled,\n            [classes.childGutter]: !!(children && label),\n          },\n          className\n        )}\n        variant=\"label\"\n        component=\"label\"\n        htmlFor={forId}\n        {...others}\n      >\n        {label}\n        {localRequired && <span aria-hidden=\"true\">*</span>}\n      </HvTypography>\n      {children}\n    </>\n  );\n};\n"],"names":["HvLabel","props","id","classes","classesProp","className","children","label","disabled","required","htmlFor","htmlForProp","others","useDefaultProps","cx","useClasses","elementId","elementDisabled","elementRequired","useContext","HvFormElementContext","localDisabled","localRequired","localId","setId","forId","findDescriptors","input","root","labelDisabled","childGutter"],"mappings":";;;;;;;;;AAiCaA,MAAAA,UAAUA,CAACC,UAAwB;;AACxC,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,IACT,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,WAAWZ,KAAK;AAE9B,QAAA;AAAA,IAAEE;AAAAA,IAASW;AAAAA,EAAAA,IAAOC,WAAWX,WAAW;AAExC,QAAA;AAAA,IAAEY;AAAAA,IAAWC;AAAAA,IAAiBC;AAAAA,EAAAA,IAClCC,WAAWC,oBAAoB;AAEjC,QAAMC,gBAAgBb,YAAYS;AAClC,QAAMK,gBAAgBb,YAAYS;AAElC,QAAMK,UAAUrB,MAAMsB,MAAMR,WAAW,OAAO;AAE9C,QAAMS,QAAQd,iBAAee,iCAAgBpB,QAAQ,MAAxBoB,mBAA2BC,UAA3BD,mBAAmC,OAAnCA,mBAAuCxB;AAEpE,SAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA,qBAAC,gBACC,IAAIqB,SACJ,WAAWT,GACTX,QAAQyB,MACR;AAAA,MACE,CAACzB,QAAQ0B,aAAa,GAAG,CAAC,CAACR;AAAAA,MAC3B,CAAClB,QAAQ2B,WAAW,GAAG,CAAC,EAAExB,YAAYC;AAAAA,IACxC,GACAF,SACF,GACA,SAAQ,SACR,WAAU,SACV,SAASoB,OACLb,GAAAA,QAEHL,UAAAA;AAAAA,MAAAA;AAAAA,MACAe,iBAAiB,oBAAC,QAAK,EAAA,eAAY,QAAO,UAAC,KAAA;AAAA,IAAA,GAC9C;AAAA,IACChB;AAAAA,EACH,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"Label.js","sources":["../../../../../src/components/Forms/Label/Label.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { setId } from \"@core/utils/setId\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvTypography, HvTypographyProps } from \"@core/components/Typography\";\n\nimport { HvFormElementContext } from \"../FormElement\";\nimport { findDescriptors } from \"../FormElement/utils/FormUtils\";\nimport { staticClasses, useClasses } from \"./Label.styles\";\n\nexport { staticClasses as labelClasses };\n\nexport type HvLabelClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvLabelProps extends HvTypographyProps<\"label\"> {\n  /** Id to be applied to the root node */\n  id?: string;\n  /** The text to be shown by the label. */\n  label?: React.ReactNode;\n  /** The id of the form element the label is bound to. */\n  htmlFor?: string;\n  /** If `true` the label is displayed with a disabled style. */\n  disabled?: boolean;\n  /** If `true`, the label will indicate that the form element is required (an `*` after the label text). */\n  required?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvLabelClasses;\n}\n\n/**\n * Provides the user with a recognizable name for a given form element.\n */\nexport const HvLabel = (props: HvLabelProps) => {\n  const {\n    id,\n    classes: classesProp,\n    className,\n    children,\n    label,\n    disabled,\n    required,\n    htmlFor: htmlForProp,\n    ...others\n  } = useDefaultProps(\"HvLabel\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const { elementId, elementDisabled, elementRequired } =\n    useContext(HvFormElementContext);\n\n  const localDisabled = disabled || elementDisabled;\n  const localRequired = required || elementRequired;\n\n  const localId = id ?? setId(elementId, \"label\");\n\n  const forId = htmlForProp || findDescriptors(children)?.input?.[0]?.id;\n\n  return (\n    <>\n      <HvTypography\n        id={localId}\n        className={cx(\n          classes.root,\n          {\n            [classes.labelDisabled]: !!localDisabled,\n            [classes.childGutter]: !!(children && label),\n          },\n          className\n        )}\n        variant=\"label\"\n        component=\"label\"\n        htmlFor={forId}\n        {...others}\n      >\n        {label}\n        {localRequired && <span aria-hidden=\"true\">*</span>}\n      </HvTypography>\n      {children}\n    </>\n  );\n};\n"],"names":["HvLabel","props","id","classes","classesProp","className","children","label","disabled","required","htmlFor","htmlForProp","others","useDefaultProps","cx","useClasses","elementId","elementDisabled","elementRequired","useContext","HvFormElementContext","localDisabled","localRequired","localId","setId","forId","findDescriptors","input","root","labelDisabled","childGutter"],"mappings":";;;;;;;;;AAiCaA,MAAAA,UAAUA,CAACC,UAAwB;AACxC,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,IACT,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,WAAWZ,KAAK;AAE9B,QAAA;AAAA,IAAEE;AAAAA,IAASW;AAAAA,EAAAA,IAAOC,WAAWX,WAAW;AAExC,QAAA;AAAA,IAAEY;AAAAA,IAAWC;AAAAA,IAAiBC;AAAAA,EAAAA,IAClCC,WAAWC,oBAAoB;AAEjC,QAAMC,gBAAgBb,YAAYS;AAClC,QAAMK,gBAAgBb,YAAYS;AAElC,QAAMK,UAAUrB,MAAMsB,MAAMR,WAAW,OAAO;AAE9C,QAAMS,QAAQd,eAAee,gBAAgBpB,QAAQ,GAAGqB,QAAQ,CAAC,GAAGzB;AAEpE,SAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA,qBAAC,gBACC,IAAIqB,SACJ,WAAWT,GACTX,QAAQyB,MACR;AAAA,MACE,CAACzB,QAAQ0B,aAAa,GAAG,CAAC,CAACR;AAAAA,MAC3B,CAAClB,QAAQ2B,WAAW,GAAG,CAAC,EAAExB,YAAYC;AAAAA,IACxC,GACAF,SACF,GACA,SAAQ,SACR,WAAU,SACV,SAASoB,OACLb,GAAAA,QAEHL,UAAAA;AAAAA,MAAAA;AAAAA,MACAe,iBAAiB,oBAAC,QAAK,EAAA,eAAY,QAAO,UAAC,KAAA;AAAA,IAAA,GAC9C;AAAA,IACChB;AAAAA,EACH,EAAA,CAAA;AAEJ;"}

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

@@ -33,12 +33,12 @@ const HvSuggestions = forwardRef((props, extRef) => {
   const [isOpen, setIsOpen] = useState(expanded);
   useClickOutside(ref, (event) => {
     setIsOpen(false);
-    onClose == null ? void 0 : onClose(event);
+    onClose?.(event);
   });
   useEffect(() => {
     setIsOpen(expanded);
   }, [expanded]);
-  return /* @__PURE__ */ jsx("div", { id: localId, ref: forkedRef, className: cx(classes.root, className), ...others, children: /* @__PURE__ */ jsx(Popper, { open: isOpen, disablePortal: true, anchorEl, className: classes.popper, children: /* @__PURE__ */ jsx(HvSelectionList, { className: classes.list, id: setId(localId, "list"), onChange: onSuggestionSelected, children: suggestionValues == null ? void 0 : suggestionValues.map((item, i) => {
+  return /* @__PURE__ */ jsx("div", { id: localId, ref: forkedRef, className: cx(classes.root, className), ...others, children: /* @__PURE__ */ jsx(Popper, { open: isOpen, disablePortal: true, anchorEl, className: classes.popper, children: /* @__PURE__ */ jsx(HvSelectionList, { className: classes.list, id: setId(localId, "list"), onChange: onSuggestionSelected, children: suggestionValues?.map((item, i) => {
     const itemKey = item.id || setId("item", i);
     return /* @__PURE__ */ jsx(HvListItem, { value: item, disabled: item.disabled || void 0, children: item.label }, itemKey);
   }) }) }) });

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

@@ -1 +1 @@
-{"version":3,"file":"Suggestions.js","sources":["../../../../../src/components/Forms/Suggestions/Suggestions.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { useForkRef, Popper as MuiPopper } from \"@mui/material\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { setId } from \"@core/utils/setId\";\nimport { HvListItem } from \"@core/components/ListContainer\";\nimport {\n  HvClickOutsideEvent,\n  useClickOutside,\n} from \"@core/hooks/useClickOutside\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvSelectionList } from \"@core/components/SelectionList\";\n\nimport { staticClasses, useClasses } from \"./Suggestions.styles\";\nimport { HvFormElementContext } from \"../FormElement\";\n\nexport { staticClasses as suggestionsClasses };\n\nexport type HvSuggestionsClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSuggestion {\n  id?: string;\n  label: React.ReactNode;\n  value?: string;\n  disabled?: boolean;\n}\n\nexport interface HvSuggestionsProps extends HvBaseProps {\n  /** Whether suggestions is visible. */\n  expanded?: boolean;\n  /** The HTML element Suggestions attaches to. */\n  anchorEl?: HTMLElement | null;\n  /** Array of { id, label, ...others } values to display in the suggestion list */\n  suggestionValues?: HvSuggestion[] | null;\n  /** Function called when a suggestion is selected */\n  onSuggestionSelected?: (event: React.MouseEvent, value: HvSuggestion) => void;\n  /** Function called when suggestion list is closed */\n  onClose?: (event: HvClickOutsideEvent) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvSuggestionsClasses;\n}\n\nexport const HvSuggestions = forwardRef((props: HvSuggestionsProps, extRef) => {\n  const {\n    id,\n    className,\n    classes: classesProp,\n    expanded = false,\n    anchorEl,\n    suggestionValues = [],\n    onClose,\n    onSuggestionSelected,\n    ...others\n  } = props;\n  const { classes, cx } = useClasses(classesProp);\n\n  const { elementId } = useContext(HvFormElementContext);\n  const localId = id ?? setId(elementId, \"suggestions\");\n\n  const ref = useRef<HTMLDivElement>(null);\n  const forkedRef = useForkRef(ref, extRef);\n\n  const [isOpen, setIsOpen] = useState(expanded);\n\n  useClickOutside(ref, (event) => {\n    setIsOpen(false);\n    onClose?.(event);\n  });\n\n  useEffect(() => {\n    setIsOpen(expanded);\n  }, [expanded]);\n\n  return (\n    <div\n      id={localId}\n      ref={forkedRef}\n      className={cx(classes.root, className)}\n      {...others}\n    >\n      <MuiPopper\n        open={isOpen}\n        disablePortal\n        anchorEl={anchorEl}\n        className={classes.popper}\n      >\n        <HvSelectionList\n          className={classes.list}\n          id={setId(localId, \"list\")}\n          onChange={onSuggestionSelected}\n        >\n          {suggestionValues?.map((item, i) => {\n            const itemKey = item.id || setId(\"item\", i);\n\n            return (\n              <HvListItem\n                key={itemKey}\n                value={item}\n                disabled={item.disabled || undefined}\n              >\n                {item.label}\n              </HvListItem>\n            );\n          })}\n        </HvSelectionList>\n      </MuiPopper>\n    </div>\n  );\n});\n"],"names":["HvSuggestions","forwardRef","props","extRef","id","className","classes","classesProp","expanded","anchorEl","suggestionValues","onClose","onSuggestionSelected","others","cx","useClasses","elementId","useContext","HvFormElementContext","localId","setId","ref","useRef","forkedRef","useForkRef","isOpen","setIsOpen","useState","useClickOutside","event","useEffect","root","MuiPopper","popper","list","map","item","i","itemKey","disabled","undefined","label"],"mappings":";;;;;;;;;;AAiDO,MAAMA,gBAAgBC,WAAW,CAACC,OAA2BC,WAAW;AACvE,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,IACTC,WAAW;AAAA,IACXC;AAAAA,IACAC,mBAAmB,CAAE;AAAA,IACrBC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EACDX,IAAAA;AACE,QAAA;AAAA,IAAEI;AAAAA,IAASQ;AAAAA,EAAAA,IAAOC,WAAWR,WAAW;AAExC,QAAA;AAAA,IAAES;AAAAA,EAAAA,IAAcC,WAAWC,oBAAoB;AACrD,QAAMC,UAAUf,MAAMgB,MAAMJ,WAAW,aAAa;AAE9CK,QAAAA,MAAMC,OAAuB,IAAI;AACjCC,QAAAA,YAAYC,WAAWH,KAAKlB,MAAM;AAExC,QAAM,CAACsB,QAAQC,SAAS,IAAIC,SAASnB,QAAQ;AAE7CoB,kBAAgBP,KAAMQ,CAAU,UAAA;AAC9BH,cAAU,KAAK;AACff,uCAAUkB;AAAAA,EAAK,CAChB;AAEDC,YAAU,MAAM;AACdJ,cAAUlB,QAAQ;AAAA,EAAA,GACjB,CAACA,QAAQ,CAAC;AAEb,6BACG,OACC,EAAA,IAAIW,SACJ,KAAKI,WACL,WAAWT,GAAGR,QAAQyB,MAAM1B,SAAS,GACrC,GAAIQ,QAEJ,8BAACmB,QACC,EAAA,MAAMP,QACN,eAAa,MACb,UACA,WAAWnB,QAAQ2B,QAEnB,UAAA,oBAAC,mBACC,WAAW3B,QAAQ4B,MACnB,IAAId,MAAMD,SAAS,MAAM,GACzB,UAAUP,sBAETF,+DAAkByB,IAAI,CAACC,MAAMC,MAAM;AAClC,UAAMC,UAAUF,KAAKhC,MAAMgB,MAAM,QAAQiB,CAAC;AAGxC,WAAA,oBAAC,YAEC,EAAA,OAAOD,MACP,UAAUA,KAAKG,YAAYC,QAE1BJ,UAAKK,KAAAA,MAAAA,GAJDH,OAKP;AAAA,EAAA,GAGN,CAAA,GACF,EACF,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"Suggestions.js","sources":["../../../../../src/components/Forms/Suggestions/Suggestions.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { useForkRef, Popper as MuiPopper } from \"@mui/material\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { setId } from \"@core/utils/setId\";\nimport { HvListItem } from \"@core/components/ListContainer\";\nimport {\n  HvClickOutsideEvent,\n  useClickOutside,\n} from \"@core/hooks/useClickOutside\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvSelectionList } from \"@core/components/SelectionList\";\n\nimport { staticClasses, useClasses } from \"./Suggestions.styles\";\nimport { HvFormElementContext } from \"../FormElement\";\n\nexport { staticClasses as suggestionsClasses };\n\nexport type HvSuggestionsClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSuggestion {\n  id?: string;\n  label: React.ReactNode;\n  value?: string;\n  disabled?: boolean;\n}\n\nexport interface HvSuggestionsProps extends HvBaseProps {\n  /** Whether suggestions is visible. */\n  expanded?: boolean;\n  /** The HTML element Suggestions attaches to. */\n  anchorEl?: HTMLElement | null;\n  /** Array of { id, label, ...others } values to display in the suggestion list */\n  suggestionValues?: HvSuggestion[] | null;\n  /** Function called when a suggestion is selected */\n  onSuggestionSelected?: (event: React.MouseEvent, value: HvSuggestion) => void;\n  /** Function called when suggestion list is closed */\n  onClose?: (event: HvClickOutsideEvent) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvSuggestionsClasses;\n}\n\nexport const HvSuggestions = forwardRef((props: HvSuggestionsProps, extRef) => {\n  const {\n    id,\n    className,\n    classes: classesProp,\n    expanded = false,\n    anchorEl,\n    suggestionValues = [],\n    onClose,\n    onSuggestionSelected,\n    ...others\n  } = props;\n  const { classes, cx } = useClasses(classesProp);\n\n  const { elementId } = useContext(HvFormElementContext);\n  const localId = id ?? setId(elementId, \"suggestions\");\n\n  const ref = useRef<HTMLDivElement>(null);\n  const forkedRef = useForkRef(ref, extRef);\n\n  const [isOpen, setIsOpen] = useState(expanded);\n\n  useClickOutside(ref, (event) => {\n    setIsOpen(false);\n    onClose?.(event);\n  });\n\n  useEffect(() => {\n    setIsOpen(expanded);\n  }, [expanded]);\n\n  return (\n    <div\n      id={localId}\n      ref={forkedRef}\n      className={cx(classes.root, className)}\n      {...others}\n    >\n      <MuiPopper\n        open={isOpen}\n        disablePortal\n        anchorEl={anchorEl}\n        className={classes.popper}\n      >\n        <HvSelectionList\n          className={classes.list}\n          id={setId(localId, \"list\")}\n          onChange={onSuggestionSelected}\n        >\n          {suggestionValues?.map((item, i) => {\n            const itemKey = item.id || setId(\"item\", i);\n\n            return (\n              <HvListItem\n                key={itemKey}\n                value={item}\n                disabled={item.disabled || undefined}\n              >\n                {item.label}\n              </HvListItem>\n            );\n          })}\n        </HvSelectionList>\n      </MuiPopper>\n    </div>\n  );\n});\n"],"names":["HvSuggestions","forwardRef","props","extRef","id","className","classes","classesProp","expanded","anchorEl","suggestionValues","onClose","onSuggestionSelected","others","cx","useClasses","elementId","useContext","HvFormElementContext","localId","setId","ref","useRef","forkedRef","useForkRef","isOpen","setIsOpen","useState","useClickOutside","event","useEffect","root","MuiPopper","popper","list","map","item","i","itemKey","disabled","undefined","label"],"mappings":";;;;;;;;;;AAiDO,MAAMA,gBAAgBC,WAAW,CAACC,OAA2BC,WAAW;AACvE,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,IACTC,WAAW;AAAA,IACXC;AAAAA,IACAC,mBAAmB,CAAE;AAAA,IACrBC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EACDX,IAAAA;AACE,QAAA;AAAA,IAAEI;AAAAA,IAASQ;AAAAA,EAAAA,IAAOC,WAAWR,WAAW;AAExC,QAAA;AAAA,IAAES;AAAAA,EAAAA,IAAcC,WAAWC,oBAAoB;AACrD,QAAMC,UAAUf,MAAMgB,MAAMJ,WAAW,aAAa;AAE9CK,QAAAA,MAAMC,OAAuB,IAAI;AACjCC,QAAAA,YAAYC,WAAWH,KAAKlB,MAAM;AAExC,QAAM,CAACsB,QAAQC,SAAS,IAAIC,SAASnB,QAAQ;AAE7CoB,kBAAgBP,KAAMQ,CAAU,UAAA;AAC9BH,cAAU,KAAK;AACff,cAAUkB,KAAK;AAAA,EAAA,CAChB;AAEDC,YAAU,MAAM;AACdJ,cAAUlB,QAAQ;AAAA,EAAA,GACjB,CAACA,QAAQ,CAAC;AAEb,6BACG,OACC,EAAA,IAAIW,SACJ,KAAKI,WACL,WAAWT,GAAGR,QAAQyB,MAAM1B,SAAS,GACrC,GAAIQ,QAEJ,8BAACmB,QACC,EAAA,MAAMP,QACN,eAAa,MACb,UACA,WAAWnB,QAAQ2B,QAEnB,UAAA,oBAAC,mBACC,WAAW3B,QAAQ4B,MACnB,IAAId,MAAMD,SAAS,MAAM,GACzB,UAAUP,sBAETF,4BAAkByB,IAAI,CAACC,MAAMC,MAAM;AAClC,UAAMC,UAAUF,KAAKhC,MAAMgB,MAAM,QAAQiB,CAAC;AAGxC,WAAA,oBAAC,YAEC,EAAA,OAAOD,MACP,UAAUA,KAAKG,YAAYC,QAE1BJ,UAAKK,KAAAA,MAAAA,GAJDH,OAKP;AAAA,EAAA,CAEH,EACH,CAAA,GACF,EACF,CAAA;AAEJ,CAAC;"}

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

@@ -1,6 +1,5 @@
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { useContext } from "react";
-import isNil from "lodash/isNil";
 import { Fail } from "@hitachivantara/uikit-react-icons";
 import { useDefaultProps } from "../../../hooks/useDefaultProps.js";
 import { setId } from "../../../utils/setId.js";
@@ -33,11 +32,11 @@ const HvWarningText = (props) => {
     elementDisabled
   } = useContext(HvFormElementContext);
   const localDisabled = disabled || elementDisabled;
-  const localVisible = !isNil(isVisible) ? isVisible : elementStatus === "invalid";
+  const localVisible = isVisible ?? elementStatus === "invalid";
   const localId = id ?? setId(elementId, "error");
   const showWarning = localVisible && !localDisabled;
   const content = showWarning ? children : "";
-  const localAdornment = adornment || /* @__PURE__ */ jsx(Fail, { className: classes.defaultIcon, color: "negative" });
+  const localAdornment = adornment || /* @__PURE__ */ jsx(Fail, { iconSize: "XS", className: classes.defaultIcon, color: "negative" });
   return /* @__PURE__ */ jsxs("div", { className: cx(classes.root, {
     [classes.show]: showWarning,
     [classes.topBorder]: !disableBorder
@@ -46,7 +45,7 @@ const HvWarningText = (props) => {
     /* @__PURE__ */ jsx(HvTypography, { id: localId, className: cx(classes.warningText, {
       [classes.topGutter]: !disableGutter,
       [classes.hideText]: hideText
-    }), role: "status", "aria-live": "polite", "aria-relevant": "additions text", ...others, children: showWarning && content })
+    }), variant: "caption1", role: "status", "aria-live": "polite", "aria-relevant": "additions text", ...others, children: showWarning && content })
   ] });
 };
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"WarningText.js","sources":["../../../../../src/components/Forms/WarningText/WarningText.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport isNil from \"lodash/isNil\";\n\nimport { Fail } from \"@hitachivantara/uikit-react-icons\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { setId } from \"@core/utils/setId\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nimport { staticClasses, useClasses } from \"./WarningText.styles\";\nimport { HvFormElementContext } from \"../FormElement\";\n\nexport { staticClasses as warningTextClasses };\n\nexport type HvWarningTextClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvWarningTextProps extends HvBaseProps {\n  /** Icon to be rendered alongside the warning text. */\n  adornment?: React.ReactNode;\n  /** If `true` the text is not rendered. */\n  isVisible?: boolean;\n  /** If `true` the text is disabled. */\n  disabled?: boolean;\n  /** If `true` the text won't include a gutter. */\n  disableGutter?: boolean;\n  /** If `true` the text won't include the top border. */\n  disableBorder?: boolean;\n  /** If `true` the adornment icon isn't shown. */\n  disableAdornment?: boolean;\n  /** If `true` the text isn't shown. */\n  hideText?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvWarningTextClasses;\n}\n\n/**\n * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.\n */\nexport const HvWarningText = (props: HvWarningTextProps) => {\n  const {\n    children,\n    adornment,\n    isVisible,\n    classes: classesProp,\n    className,\n    id,\n    disabled,\n    disableGutter = false,\n    disableBorder = false,\n    disableAdornment = false,\n    hideText = false,\n    ...others\n  } = useDefaultProps(\"HvWarningText\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const { elementId, elementStatus, elementDisabled } =\n    useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localVisible = !isNil(isVisible)\n    ? isVisible\n    : elementStatus === \"invalid\";\n  const localId = id ?? setId(elementId, \"error\");\n  const showWarning = localVisible && !localDisabled;\n  const content = showWarning ? children : \"\";\n  const localAdornment = adornment || (\n    <Fail className={classes.defaultIcon} color=\"negative\" />\n  );\n\n  return (\n    <div\n      className={cx(\n        classes.root,\n        {\n          [classes.show]: showWarning,\n          [classes.topBorder]: !disableBorder,\n        },\n        className\n      )}\n    >\n      {!disableAdornment && localAdornment}\n      <HvTypography\n        id={localId}\n        className={cx(classes.warningText, {\n          [classes.topGutter]: !disableGutter,\n          [classes.hideText]: hideText,\n        })}\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-relevant=\"additions text\"\n        {...others}\n      >\n        {showWarning && content}\n      </HvTypography>\n    </div>\n  );\n};\n"],"names":["HvWarningText","props","children","adornment","isVisible","classes","classesProp","className","id","disabled","disableGutter","disableBorder","disableAdornment","hideText","others","useDefaultProps","cx","useClasses","elementId","elementStatus","elementDisabled","useContext","HvFormElementContext","localDisabled","localVisible","isNil","localId","setId","showWarning","content","localAdornment","defaultIcon","root","show","topBorder","warningText","topGutter"],"mappings":";;;;;;;;;;AAyCaA,MAAAA,gBAAgBA,CAACC,UAA8B;AACpD,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,gBAAgB;AAAA,IAChBC,gBAAgB;AAAA,IAChBC,mBAAmB;AAAA,IACnBC,WAAW;AAAA,IACX,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,iBAAiBd,KAAK;AAEpC,QAAA;AAAA,IAAEI;AAAAA,IAASW;AAAAA,EAAAA,IAAOC,WAAWX,WAAW;AAExC,QAAA;AAAA,IAAEY;AAAAA,IAAWC;AAAAA,IAAeC;AAAAA,EAAAA,IAChCC,WAAWC,oBAAoB;AACjC,QAAMC,gBAAgBd,YAAYW;AAClC,QAAMI,eAAe,CAACC,MAAMrB,SAAS,IACjCA,YACAe,kBAAkB;AACtB,QAAMO,UAAUlB,MAAMmB,MAAMT,WAAW,OAAO;AACxCU,QAAAA,cAAcJ,gBAAgB,CAACD;AAC/BM,QAAAA,UAAUD,cAAc1B,WAAW;AACnC4B,QAAAA,iBAAiB3B,aACpB,oBAAA,MAAA,EAAK,WAAWE,QAAQ0B,aAAa,OAAM,WAC7C,CAAA;AAED,SACG,qBAAA,OAAA,EACC,WAAWf,GACTX,QAAQ2B,MACR;AAAA,IACE,CAAC3B,QAAQ4B,IAAI,GAAGL;AAAAA,IAChB,CAACvB,QAAQ6B,SAAS,GAAG,CAACvB;AAAAA,EAAAA,GAExBJ,SACF,GAEC,UAAA;AAAA,IAAA,CAACK,oBAAoBkB;AAAAA,wBACrB,cACC,EAAA,IAAIJ,SACJ,WAAWV,GAAGX,QAAQ8B,aAAa;AAAA,MACjC,CAAC9B,QAAQ+B,SAAS,GAAG,CAAC1B;AAAAA,MACtB,CAACL,QAAQQ,QAAQ,GAAGA;AAAAA,IACrB,CAAA,GACD,MAAK,UACL,aAAU,UACV,iBAAc,kBACd,GAAIC,QAEHc,UAAAA,eAAeC,QAClB,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"WarningText.js","sources":["../../../../../src/components/Forms/WarningText/WarningText.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { Fail } from \"@hitachivantara/uikit-react-icons\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { setId } from \"@core/utils/setId\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nimport { staticClasses, useClasses } from \"./WarningText.styles\";\nimport { HvFormElementContext } from \"../FormElement\";\n\nexport { staticClasses as warningTextClasses };\n\nexport type HvWarningTextClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvWarningTextProps extends HvBaseProps {\n  /** Icon to be rendered alongside the warning text. */\n  adornment?: React.ReactNode;\n  /** If `true` the text is not rendered. */\n  isVisible?: boolean;\n  /** If `true` the text is disabled. */\n  disabled?: boolean;\n  /** If `true` the text won't include a gutter. */\n  disableGutter?: boolean;\n  /** If `true` the text won't include the top border. */\n  disableBorder?: boolean;\n  /** If `true` the adornment icon isn't shown. */\n  disableAdornment?: boolean;\n  /** If `true` the text isn't shown. */\n  hideText?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvWarningTextClasses;\n}\n\n/**\n * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.\n */\nexport const HvWarningText = (props: HvWarningTextProps) => {\n  const {\n    children,\n    adornment,\n    isVisible,\n    classes: classesProp,\n    className,\n    id,\n    disabled,\n    disableGutter = false,\n    disableBorder = false,\n    disableAdornment = false,\n    hideText = false,\n    ...others\n  } = useDefaultProps(\"HvWarningText\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const { elementId, elementStatus, elementDisabled } =\n    useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localVisible = isVisible ?? elementStatus === \"invalid\";\n  const localId = id ?? setId(elementId, \"error\");\n  const showWarning = localVisible && !localDisabled;\n  const content = showWarning ? children : \"\";\n  const localAdornment = adornment || (\n    <Fail iconSize=\"XS\" className={classes.defaultIcon} color=\"negative\" />\n  );\n\n  return (\n    <div\n      className={cx(\n        classes.root,\n        {\n          [classes.show]: showWarning,\n          [classes.topBorder]: !disableBorder,\n        },\n        className\n      )}\n    >\n      {!disableAdornment && localAdornment}\n      <HvTypography\n        id={localId}\n        className={cx(classes.warningText, {\n          [classes.topGutter]: !disableGutter,\n          [classes.hideText]: hideText,\n        })}\n        variant=\"caption1\"\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-relevant=\"additions text\"\n        {...others}\n      >\n        {showWarning && content}\n      </HvTypography>\n    </div>\n  );\n};\n"],"names":["HvWarningText","props","children","adornment","isVisible","classes","classesProp","className","id","disabled","disableGutter","disableBorder","disableAdornment","hideText","others","useDefaultProps","cx","useClasses","elementId","elementStatus","elementDisabled","useContext","HvFormElementContext","localDisabled","localVisible","localId","setId","showWarning","content","localAdornment","defaultIcon","root","show","topBorder","warningText","topGutter"],"mappings":";;;;;;;;;AAuCaA,MAAAA,gBAAgBA,CAACC,UAA8B;AACpD,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,gBAAgB;AAAA,IAChBC,gBAAgB;AAAA,IAChBC,mBAAmB;AAAA,IACnBC,WAAW;AAAA,IACX,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,iBAAiBd,KAAK;AAEpC,QAAA;AAAA,IAAEI;AAAAA,IAASW;AAAAA,EAAAA,IAAOC,WAAWX,WAAW;AAExC,QAAA;AAAA,IAAEY;AAAAA,IAAWC;AAAAA,IAAeC;AAAAA,EAAAA,IAChCC,WAAWC,oBAAoB;AACjC,QAAMC,gBAAgBd,YAAYW;AAC5BI,QAAAA,eAAepB,aAAae,kBAAkB;AACpD,QAAMM,UAAUjB,MAAMkB,MAAMR,WAAW,OAAO;AACxCS,QAAAA,cAAcH,gBAAgB,CAACD;AAC/BK,QAAAA,UAAUD,cAAczB,WAAW;AACnC2B,QAAAA,iBAAiB1B,aACrB,oBAAC,MAAK,EAAA,UAAS,MAAK,WAAWE,QAAQyB,aAAa,OAAM,WAC3D,CAAA;AAED,SACG,qBAAA,OAAA,EACC,WAAWd,GACTX,QAAQ0B,MACR;AAAA,IACE,CAAC1B,QAAQ2B,IAAI,GAAGL;AAAAA,IAChB,CAACtB,QAAQ4B,SAAS,GAAG,CAACtB;AAAAA,EAAAA,GAExBJ,SACF,GAEC,UAAA;AAAA,IAAA,CAACK,oBAAoBiB;AAAAA,wBACrB,cACC,EAAA,IAAIJ,SACJ,WAAWT,GAAGX,QAAQ6B,aAAa;AAAA,MACjC,CAAC7B,QAAQ8B,SAAS,GAAG,CAACzB;AAAAA,MACtB,CAACL,QAAQQ,QAAQ,GAAGA;AAAAA,IACrB,CAAA,GACD,SAAQ,YACR,MAAK,UACL,aAAU,UACV,iBAAc,kBACVC,GAAAA,QAEHa,yBAAeC,QAClB,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}

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

@@ -8,20 +8,19 @@ const {
     display: "none"
   },
   defaultIcon: {
-    minWidth: "32px"
+    minWidth: "24px",
+    width: "24px",
+    height: "24px"
   },
   warningText: {
-    color: theme.colors.negative,
-    paddingRight: theme.space.xs,
-    "&:first-of-type": {
-      paddingLeft: theme.space.xs
-    }
+    color: theme.colors.negative_120,
+    paddingRight: theme.space.xs
   },
   show: {
     display: "flex"
   },
   topGutter: {
-    paddingTop: 6
+    paddingTop: "3px"
   },
   hideText: {
     // display none or visibility hidden prevents

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

@@ -1 +1 @@
-{"version":3,"file":"WarningText.styles.js","sources":["../../../../../src/components/Forms/WarningText/WarningText.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvWarningText\", {\n  root: { display: \"none\" },\n  defaultIcon: { minWidth: \"32px\" },\n  warningText: {\n    color: theme.colors.negative,\n    paddingRight: theme.space.xs,\n    \"&:first-of-type\": {\n      paddingLeft: theme.space.xs,\n    },\n  },\n  show: { display: \"flex\" },\n  topGutter: { paddingTop: 6 },\n  hideText: {\n    // display none or visibility hidden prevents\n    // browser to trigger the aria-alert\n    width: 0,\n    height: 0,\n    padding: 0,\n    margin: 0,\n    overflow: \"hidden\",\n  },\n  topBorder: { borderTop: `solid 1px ${theme.colors.negative}` },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","defaultIcon","minWidth","warningText","color","theme","colors","negative","paddingRight","space","xs","paddingLeft","show","topGutter","paddingTop","hideText","width","height","padding","margin","overflow","topBorder","borderTop"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,iBAAiB;AAAA,EAC1EC,MAAM;AAAA,IAAEC,SAAS;AAAA,EAAO;AAAA,EACxBC,aAAa;AAAA,IAAEC,UAAU;AAAA,EAAO;AAAA,EAChCC,aAAa;AAAA,IACXC,OAAOC,MAAMC,OAAOC;AAAAA,IACpBC,cAAcH,MAAMI,MAAMC;AAAAA,IAC1B,mBAAmB;AAAA,MACjBC,aAAaN,MAAMI,MAAMC;AAAAA,IAC3B;AAAA,EACF;AAAA,EACAE,MAAM;AAAA,IAAEZ,SAAS;AAAA,EAAO;AAAA,EACxBa,WAAW;AAAA,IAAEC,YAAY;AAAA,EAAE;AAAA,EAC3BC,UAAU;AAAA;AAAA;AAAA,IAGRC,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,UAAU;AAAA,EACZ;AAAA,EACAC,WAAW;AAAA,IAAEC,WAAY,aAAYjB,MAAMC,OAAOC,QAAS;AAAA,EAAE;AAC/D,CAAC;"}
+{"version":3,"file":"WarningText.styles.js","sources":["../../../../../src/components/Forms/WarningText/WarningText.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvWarningText\", {\n  root: { display: \"none\" },\n  defaultIcon: { minWidth: \"24px\", width: \"24px\", height: \"24px\" },\n  warningText: {\n    color: theme.colors.negative_120,\n    paddingRight: theme.space.xs,\n  },\n  show: { display: \"flex\" },\n  topGutter: { paddingTop: \"3px\" },\n  hideText: {\n    // display none or visibility hidden prevents\n    // browser to trigger the aria-alert\n    width: 0,\n    height: 0,\n    padding: 0,\n    margin: 0,\n    overflow: \"hidden\",\n  },\n  topBorder: { borderTop: `solid 1px ${theme.colors.negative}` },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","defaultIcon","minWidth","width","height","warningText","color","theme","colors","negative_120","paddingRight","space","xs","show","topGutter","paddingTop","hideText","padding","margin","overflow","topBorder","borderTop","negative"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,iBAAiB;AAAA,EAC1EC,MAAM;AAAA,IAAEC,SAAS;AAAA,EAAO;AAAA,EACxBC,aAAa;AAAA,IAAEC,UAAU;AAAA,IAAQC,OAAO;AAAA,IAAQC,QAAQ;AAAA,EAAO;AAAA,EAC/DC,aAAa;AAAA,IACXC,OAAOC,MAAMC,OAAOC;AAAAA,IACpBC,cAAcH,MAAMI,MAAMC;AAAAA,EAC5B;AAAA,EACAC,MAAM;AAAA,IAAEb,SAAS;AAAA,EAAO;AAAA,EACxBc,WAAW;AAAA,IAAEC,YAAY;AAAA,EAAM;AAAA,EAC/BC,UAAU;AAAA;AAAA;AAAA,IAGRb,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRa,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,UAAU;AAAA,EACZ;AAAA,EACAC,WAAW;AAAA,IAAEC,WAAY,aAAYd,MAAMC,OAAOc,QAAS;AAAA,EAAE;AAC/D,CAAC;"}