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

@hitachivantara/uikit-react-core 5.0.0-next.8 → 5.0.0

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

Files changed (1992) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Focus.js","sources":["../../../../src/components/Focus/Focus.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { isNil } from \"lodash\";\nimport React, { RefObject, useState } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { keyboardCodes, isBrowser } from \"utils\";\nimport ConditionalWrapper from \"utils/ConditionalWrapper\";\nimport { StyledFocusWrapper, StyledFalseFocus } from \"./Focus.styles\";\nimport { getFocusableChildren, isKey, isOneOfKeys, setFocusTo } from \"./utils\";\nimport focusClasses, { HvFocusClasses } from \"./focusClasses\";\nimport { css, Global } from \"@emotion/react\";\n\nconst focusStyles = css`\n .HvFocus-focused {\n outline-color: #52a8ec;\n outline-style: solid;\n outline-width: 0px;\n outline-offset: -1px;\n box-shadow: 0 0 0 1px #52a8ec, 0 0 0 4px rgba(29, 155, 209, 0.3);\n\n @media (-webkit-min-device-pixel-ratio: 0) {\n outline-color: #52a8ec;\n outline-style: solid;\n outline-width: 0px;\n outline-offset: -1px;\n box-shadow: 0 0 0 1px #52a8ec, 0 0 0 4px rgba(29, 155, 209, 0.3);\n }\n }\n\n .HvFocus-focusDisabled {\n outline: none;\n box-shadow: none;\n }\n .HvFocus-focusDisabled :focus {\n outline: none;\n box-shadow: none;\n }\n .HvFocus-focusDisabled {\n outline: none !important;\n box-shadow: none !important;\n }\n`;\n\nexport type HvFocusProps = 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 /* Use up/ down keyboard arrows to control focus. /\n useArrows?: boolean;\n /* Focus and navigation strategy to be used. v/\n strategy?: \"listbox\" \| \"menu\" \| \"card\" \| \"grid\";\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,\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\n const getFocuses = () => {\n const focuses = rootRef?.current\n ? Array.from(\n rootRef.current.getElementsByClassName(\n filterClass \|\| focusClasses.root \|\| classes?.root \|\| \"root\"\n )\n )\n : [];\n return focuses;\n };\n\n const setTabIndex = (el, tabIndex = 0) => {\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(\n focusClasses.selected \|\| classes?.selected \|\| \"selected\"\n )\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(focusClasses.focused);\n if (classes?.focused) {\n evt.currentTarget.classList.add(classes.focused);\n }\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 if (focusClasses.focused) {\n element.classList.remove(focusClasses.focused);\n }\n if (classes?.focused) {\n element.classList.remove(classes.focused);\n }\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 {\n ArrowUp,\n ArrowDown,\n Home,\n End,\n ArrowLeft,\n ArrowRight,\n Enter,\n SpaceBar,\n } = keyboardCodes;\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 SpaceBar,\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, SpaceBar])) {\n evt.preventDefault();\n evt.stopPropagation();\n }\n\n const blockedKeys = getEnabledKeys(\n currentFocusIndex,\n jump,\n focusesList.length\n );\n\n switch (evt.keyCode) {\n case SpaceBar:\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 { ArrowUp, ArrowDown, Home, End, Enter, SpaceBar } = keyboardCodes;\n const childFocusIsInput = childFocus && childFocus.nodeName === \"INPUT\";\n\n if (\n !isOneOfKeys(evt, [ArrowUp, ArrowDown, Home, End, SpaceBar, 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 switch (evt.keyCode) {\n case SpaceBar:\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 { Enter, SpaceBar } = keyboardCodes;\n const childFocusIsInput = childFocus && childFocus.nodeName === \"INPUT\";\n\n if (\n !isOneOfKeys(evt, [SpaceBar, 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 <StyledFocusWrapper\n className={clsx(\n classes?.externalReference,\n focusClasses.externalReference\n )}\n >\n {childrenToWrap}\n {showFocus && (\n <StyledFalseFocus\n className={clsx(classes?.falseFocus, focusClasses.falseFocus)}\n />\n )}\n </StyledFocusWrapper>\n );\n\n return (\n <ConditionalWrapper condition={useFalseFocus} wrapper={focusWrapper}>\n <Global styles={focusStyles} />\n {React.cloneElement(children, {\n className: clsx(\n children.props.className,\n focusClasses.root,\n classes?.root,\n filterClass,\n selected && clsx(focusClasses.selected, classes?.selected),\n disabledClass && clsx(focusClasses.disabled, classes?.disabled),\n focusDisabled &&\n clsx(focusClasses.focusDisabled, classes?.focusDisabled)\n ),\n ref: config,\n onFocus,\n onBlur,\n onMouseDown,\n onKeyDown,\n onKeyUp,\n selected,\n })}\n </ConditionalWrapper>\n );\n};\n"],"names":["focusStyles","process","env","NODE_ENV","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","HvFocus","classes","children","configuration","disabledClass","selected","disabled","rootRef","undefined","focusOnClick","focusDisabled","strategy","useFalseFocus","filterClass","navigationJump","showFocus","setShowFocus","useState","childFocus","setChildFocus","hasRunConfig","setHasRunConfig","getFocuses","focuses","current","Array","from","getElementsByClassName","focusClasses","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","add","focused","split","c","removeFocusClass","element","remove","onFocus","onBlur","onMouseDown","hasCard","querySelector","setFocusTo","focusAndUpdateIndex","nextFocus","previousFocus","focusesList","includes","getEnabledKeys","currentFocusIndex","jump","listSize","right","left","up","down","onGridKeyDownHandler","ArrowUp","ArrowDown","Home","End","ArrowLeft","ArrowRight","Enter","SpaceBar","keyboardCodes","childFocusIsInput","nodeName","isOneOfKeys","isKey","preventDefault","stopPropagation","blockedKeys","keyCode","isBrowser","target","click","last","fall","first","previous","next","onVerticalArrangementHandler","onSingleHandler","onKeyDown","isDisabledFocusable","filter","currentFocus","indexOf","onKeyUp","focusWrapper","childrenToWrap","_jsxs","StyledFocusWrapper","className","clsx","externalReference","StyledFalseFocus","falseFocus","ConditionalWrapper","condition","wrapper","_jsx","Global","React","cloneElement","props","ref"],"mappings":"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"}
1	+ {"version":3,"file":"Focus.js","sources":["../../../../src/components/Focus/Focus.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport React, { RefObject, useState } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { keyboardCodes, isBrowser } from \"utils\";\nimport ConditionalWrapper from \"utils/ConditionalWrapper\";\nimport { StyledFocusWrapper, StyledFalseFocus } from \"./Focus.styles\";\nimport { getFocusableChildren, isKey, isOneOfKeys, setFocusTo } from \"./utils\";\nimport focusClasses, { HvFocusClasses } from \"./focusClasses\";\nimport { css, Global } from \"@emotion/react\";\n\nconst focusStyles = css`\n .HvFocus-focused {\n outline-color: #52a8ec;\n outline-style: solid;\n outline-width: 0px;\n outline-offset: -1px;\n box-shadow: 0 0 0 1px #52a8ec, 0 0 0 4px rgba(29, 155, 209, 0.3);\n\n @media (-webkit-min-device-pixel-ratio: 0) {\n outline-color: #52a8ec;\n outline-style: solid;\n outline-width: 0px;\n outline-offset: -1px;\n box-shadow: 0 0 0 1px #52a8ec, 0 0 0 4px rgba(29, 155, 209, 0.3);\n }\n }\n\n .HvFocus-focusDisabled {\n outline: none;\n box-shadow: none;\n }\n .HvFocus-focusDisabled :focus {\n outline: none;\n box-shadow: none;\n }\n .HvFocus-focusDisabled {\n outline: none !important;\n box-shadow: none !important;\n }\n`;\n\nexport type HvFocusStrategies = \"listbox\" \| \"menu\" \| \"card\" \| \"grid\";\n\nexport type HvFocusProps = 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 /* Use up/ down keyboard arrows to control focus. /\n useArrows?: 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,\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\n const getFocuses = () => {\n const focuses = rootRef?.current\n ? Array.from(\n rootRef.current.getElementsByClassName(\n filterClass \|\| focusClasses.root \|\| classes?.root \|\| \"root\"\n )\n )\n : [];\n return focuses;\n };\n\n const setTabIndex = (el, tabIndex = 0) => {\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(\n focusClasses.selected \|\| classes?.selected \|\| \"selected\"\n )\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(focusClasses.focused);\n if (classes?.focused) {\n evt.currentTarget.classList.add(classes.focused);\n }\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 if (focusClasses.focused) {\n element.classList.remove(focusClasses.focused);\n }\n if (classes?.focused) {\n element.classList.remove(classes.focused);\n }\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 {\n ArrowUp,\n ArrowDown,\n Home,\n End,\n ArrowLeft,\n ArrowRight,\n Enter,\n SpaceBar,\n } = keyboardCodes;\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 SpaceBar,\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, SpaceBar])) {\n evt.preventDefault();\n evt.stopPropagation();\n }\n\n const blockedKeys = getEnabledKeys(\n currentFocusIndex,\n jump,\n focusesList.length\n );\n\n switch (evt.keyCode) {\n case SpaceBar:\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 { ArrowUp, ArrowDown, Home, End, Enter, SpaceBar } = keyboardCodes;\n const childFocusIsInput = childFocus && childFocus.nodeName === \"INPUT\";\n\n if (\n !isOneOfKeys(evt, [ArrowUp, ArrowDown, Home, End, SpaceBar, 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 switch (evt.keyCode) {\n case SpaceBar:\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 { Enter, SpaceBar } = keyboardCodes;\n const childFocusIsInput = childFocus && childFocus.nodeName === \"INPUT\";\n\n if (\n !isOneOfKeys(evt, [SpaceBar, 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 <StyledFocusWrapper\n className={clsx(\n classes?.externalReference,\n focusClasses.externalReference\n )}\n >\n {childrenToWrap}\n {showFocus && (\n <StyledFalseFocus\n className={clsx(classes?.falseFocus, focusClasses.falseFocus)}\n />\n )}\n </StyledFocusWrapper>\n );\n\n return (\n <ConditionalWrapper condition={useFalseFocus} wrapper={focusWrapper}>\n <Global styles={focusStyles} />\n {React.cloneElement(children, {\n className: clsx(\n children.props.className,\n focusClasses.root,\n classes?.root,\n filterClass,\n selected && clsx(focusClasses.selected, classes?.selected),\n disabledClass && clsx(focusClasses.disabled, classes?.disabled),\n focusDisabled &&\n clsx(focusClasses.focusDisabled, classes?.focusDisabled)\n ),\n ref: config,\n onFocus,\n onBlur,\n onMouseDown,\n onKeyDown,\n onKeyUp,\n selected,\n })}\n </ConditionalWrapper>\n );\n};\n"],"names":["focusStyles","process","env","NODE_ENV","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","HvFocus","classes","children","configuration","disabledClass","selected","disabled","rootRef","undefined","focusOnClick","focusDisabled","strategy","useFalseFocus","filterClass","navigationJump","showFocus","setShowFocus","useState","childFocus","setChildFocus","hasRunConfig","setHasRunConfig","getFocuses","focuses","current","Array","from","getElementsByClassName","focusClasses","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","add","focused","split","c","removeFocusClass","element","remove","onFocus","onBlur","onMouseDown","hasCard","querySelector","setFocusTo","focusAndUpdateIndex","nextFocus","previousFocus","focusesList","includes","getEnabledKeys","currentFocusIndex","jump","listSize","right","left","up","down","onGridKeyDownHandler","ArrowUp","ArrowDown","Home","End","ArrowLeft","ArrowRight","Enter","SpaceBar","keyboardCodes","childFocusIsInput","nodeName","isOneOfKeys","isKey","preventDefault","stopPropagation","blockedKeys","keyCode","isBrowser","target","click","last","fall","first","previous","next","onVerticalArrangementHandler","onSingleHandler","onKeyDown","isDisabledFocusable","filter","currentFocus","indexOf","onKeyUp","focusWrapper","childrenToWrap","_jsxs","StyledFocusWrapper","className","clsx","externalReference","StyledFalseFocus","falseFocus","ConditionalWrapper","condition","wrapper","_jsx","Global","React","cloneElement","props","ref"],"mappings":"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"}

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

@@ -6,7 +6,7 @@ import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 const HvFooter = (props) => {
   const {
     name = "Hitachi Vantara",
-    copyright = `\xA9 Hitachi Vantara Corporation ${new Date().getFullYear()}. All Rights Reserved.`,
+    copyright = `© Hitachi Vantara Corporation ${(/* @__PURE__ */ new Date()).getFullYear()}. All Rights Reserved.`,
     links,
     classes,
     className,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Footer.js","sources":["../../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport footerClasses, { HvFooterClasses } from \"./footerClasses\";\nimport {\n StyledCopyright,\n StyledName,\n StyledRightContainer,\n StyledRoot,\n StyledSeparator,\n} from \"./Footer.styles\";\n\nexport type HvFooterProps = HvBaseProps & {\n name?: React.ReactNode;\n copyright?: React.ReactNode;\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,\n className,\n ...others\n } = props;\n const muiTheme = useTheme();\n\n return (\n <StyledRoot\n $breakpoints={muiTheme.breakpoints}\n className={clsx(className, footerClasses.root, classes?.root)}\n {...others}\n >\n <StyledName\n $breakpoints={muiTheme.breakpoints}\n variant=\"label\"\n className={clsx(footerClasses.name, classes?.name)}\n >\n {name}\n </StyledName>\n <StyledRightContainer\n className={clsx(footerClasses.rightContainer, classes?.rightContainer)}\n $breakpoints={muiTheme.breakpoints}\n >\n <StyledCopyright\n $breakpoints={muiTheme.breakpoints}\n className={clsx(footerClasses.copyright, classes?.copyright)}\n >\n {copyright}\n </StyledCopyright>\n {links && (\n <StyledSeparator\n $breakpoints={muiTheme.breakpoints}\n className={clsx(footerClasses.separator, classes?.separator)}\n />\n )}\n {links}\n </StyledRightContainer>\n </StyledRoot>\n );\n};\n"],"names":["HvFooter","props","name","copyright","Date","getFullYear","links","classes","className","others","muiTheme","useTheme","StyledRoot","$breakpoints","breakpoints","clsx","footerClasses","root","children","_jsx","StyledName","variant","_jsxs","StyledRightContainer","rightContainer","StyledCopyright","StyledSeparator","separator"],"mappings":";;;;;AAuBaA,MAAAA,WAAWA,CAACC,UAAyB;AAC1C,QAAA;AAAA,IACJC,OAAO;AAAA,IACPC,YAAa,~~oCAAgC~~,~~IAAIC~~,~~KAAAA,EAAOC~~;IACxDC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,~~OACGC~~;AAAAA,EACDR,IAAAA;AACJ,QAAMS,WAAWC;AAEjB,8BACGC,YAAU;AAAA,IACTC,cAAcH,SAASI;AAAAA,IACvBN,WAAWO,KAAKP,WAAWQ,cAAcC,MAAMV,mCAASU,IAAI;AAAA,IAAE,GAC1DR;AAAAA,IAAMS,UAAA,CAEVC,oBAACC,YAAU;AAAA,MACTP,cAAcH,SAASI;AAAAA,MACvBO,SAAQ;AAAA,MACRb,WAAWO,KAAKC,cAAcd,MAAMK,mCAASL,IAAI;AAAA,MAAEgB,UAElDhB;AAAAA,IAAAA,CACU,GACboB,qBAACC,sBAAoB;AAAA,MACnBf,WAAWO,KAAKC,cAAcQ,gBAAgBjB,mCAASiB,cAAc;AAAA,MACrEX,cAAcH,SAASI;AAAAA,MAAYI,UAAA,CAEnCC,oBAACM,iBAAe;AAAA,QACdZ,cAAcH,SAASI;AAAAA,QACvBN,WAAWO,KAAKC,cAAcb,WAAWI,mCAASJ,SAAS;AAAA,QAAEe,UAE5Df;AAAAA,MAAAA,CAAS,GAEXG,SACCa,oBAACO,iBAAe;AAAA,QACdb,cAAcH,SAASI;AAAAA,QACvBN,WAAWO,KAAKC,cAAcW,WAAWpB,mCAASoB,SAAS;AAAA,MAAE,CAAA,GAGhErB,KAAK;AAAA,IAAA,CACe,CAAA;AAAA,EAAA,CACZ;AAEjB;"}
1	+ {"version":3,"file":"Footer.js","sources":["../../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport footerClasses, { HvFooterClasses } from \"./footerClasses\";\nimport {\n StyledCopyright,\n StyledName,\n StyledRightContainer,\n StyledRoot,\n StyledSeparator,\n} from \"./Footer.styles\";\n\nexport type HvFooterProps = HvBaseProps & {\n name?: React.ReactNode;\n copyright?: React.ReactNode;\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,\n className,\n ...others\n } = props;\n const muiTheme = useTheme();\n\n return (\n <StyledRoot\n $breakpoints={muiTheme.breakpoints}\n className={clsx(className, footerClasses.root, classes?.root)}\n {...others}\n >\n <StyledName\n $breakpoints={muiTheme.breakpoints}\n variant=\"label\"\n className={clsx(footerClasses.name, classes?.name)}\n >\n {name}\n </StyledName>\n <StyledRightContainer\n className={clsx(footerClasses.rightContainer, classes?.rightContainer)}\n $breakpoints={muiTheme.breakpoints}\n >\n <StyledCopyright\n $breakpoints={muiTheme.breakpoints}\n className={clsx(footerClasses.copyright, classes?.copyright)}\n >\n {copyright}\n </StyledCopyright>\n {links && (\n <StyledSeparator\n $breakpoints={muiTheme.breakpoints}\n className={clsx(footerClasses.separator, classes?.separator)}\n />\n )}\n {links}\n </StyledRightContainer>\n </StyledRoot>\n );\n};\n"],"names":["HvFooter","props","name","copyright","Date","getFullYear","links","classes","className","others","muiTheme","useTheme","StyledRoot","$breakpoints","breakpoints","clsx","footerClasses","root","children","_jsx","StyledName","variant","_jsxs","StyledRightContainer","rightContainer","StyledCopyright","StyledSeparator","separator"],"mappings":";;;;;AAuBaA,MAAAA,WAAWA,CAACC,UAAyB;AAC1C,QAAA;AAAA,IACJC,OAAO;AAAA,IACPC,YAAa,kCAAoCC,oBAAAA,QAAOC;IACxDC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EACDR,IAAAA;AACJ,QAAMS,WAAWC;AAEjB,8BACGC,YAAU;AAAA,IACTC,cAAcH,SAASI;AAAAA,IACvBN,WAAWO,KAAKP,WAAWQ,cAAcC,MAAMV,mCAASU,IAAI;AAAA,IAAE,GAC1DR;AAAAA,IAAMS,UAAA,CAEVC,oBAACC,YAAU;AAAA,MACTP,cAAcH,SAASI;AAAAA,MACvBO,SAAQ;AAAA,MACRb,WAAWO,KAAKC,cAAcd,MAAMK,mCAASL,IAAI;AAAA,MAAEgB,UAElDhB;AAAAA,IAAAA,CACU,GACboB,qBAACC,sBAAoB;AAAA,MACnBf,WAAWO,KAAKC,cAAcQ,gBAAgBjB,mCAASiB,cAAc;AAAA,MACrEX,cAAcH,SAASI;AAAAA,MAAYI,UAAA,CAEnCC,oBAACM,iBAAe;AAAA,QACdZ,cAAcH,SAASI;AAAAA,QACvBN,WAAWO,KAAKC,cAAcb,WAAWI,mCAASJ,SAAS;AAAA,QAAEe,UAE5Df;AAAAA,MAAAA,CAAS,GAEXG,SACCa,oBAACO,iBAAe;AAAA,QACdb,cAAcH,SAASI;AAAAA,QACvBN,WAAWO,KAAKC,cAAcW,WAAWpB,mCAASoB,SAAS;AAAA,MAAE,CAAA,GAGhErB,KAAK;AAAA,IAAA,CACe,CAAA;AAAA,EAAA,CACZ;AAEjB;"}

package/dist/esm/components/Footer/Footer.styles.js CHANGED Viewed

@@ -38,7 +38,7 @@ const StyledRoot = /* @__PURE__ */ _styled("footer", process.env.NODE_ENV === "p
     flexDirection: "column",
     padding: theme.space.xs
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9vdGVyL0Zvb3Rlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU0wQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Zvb3Rlci9Gb290ZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnJlYWtwb2ludHMgYXMgTXVpQnJlYWtwb2ludHMgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJmb290ZXJcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBoZWlnaHQ6IDQwLFxuICBib3R0b206IDAsXG4gIHpJbmRleDogdGhlbWUuekluZGljZXMuYmFzZSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGJveFNoYWRvdzogYDAgLTFweCAwICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgIGhlaWdodDogXCJ1bnNldFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYW1lID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBbJGJyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmlnaHRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG4gIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIG1hcmdpbkxlZnQ6IFwidW5zZXRcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvcHlyaWdodCA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgWyRicmVha3BvaW50cy5kb3duKFwic21cIildOiB7XG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VwYXJhdG9yID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gICAgd2lkdGg6IDEsXG4gICAgaGVpZ2h0OiAxNixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgICBtYXJnaW46IGAke3RoZW1lLnNwYWNlLnhzfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gICAgWyRicmVha3BvaW50cy5kb3duKFwic21cIildOiB7XG4gICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICB9LFxuICB9KVxuKTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9vdGVyL0Zvb3Rlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU0wQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Zvb3Rlci9Gb290ZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnJlYWtwb2ludHMgYXMgTXVpQnJlYWtwb2ludHMgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJmb290ZXJcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBoZWlnaHQ6IDQwLFxuICBib3R0b206IDAsXG4gIHpJbmRleDogdGhlbWUuekluZGljZXMuYmFzZSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGJveFNoYWRvdzogYDAgLTFweCAwICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgIGhlaWdodDogXCJ1bnNldFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYW1lID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBbJGJyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmlnaHRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG4gIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIG1hcmdpbkxlZnQ6IFwidW5zZXRcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvcHlyaWdodCA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgWyRicmVha3BvaW50cy5kb3duKFwic21cIildOiB7XG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VwYXJhdG9yID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gICAgd2lkdGg6IDEsXG4gICAgaGVpZ2h0OiAxNixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG4gICAgbWFyZ2luOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICAgIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgfSxcbiAgfSlcbik7XG4iXX0= */");
 const StyledName = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? _extends({}, {
   target: "eaawjkc3"
 }, transientOptions) : _extends({}, {
@@ -50,7 +50,7 @@ const StyledName = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV ==
   [$breakpoints.down("sm")]: {
     marginBottom: theme.space.xs
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9vdGVyL0Zvb3Rlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb290ZXIvRm9vdGVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEJyZWFrcG9pbnRzIGFzIE11aUJyZWFrcG9pbnRzIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZm9vdGVyXCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgaGVpZ2h0OiA0MCxcbiAgYm90dG9tOiAwLFxuICB6SW5kZXg6IHRoZW1lLnpJbmRpY2VzLmJhc2UsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICBib3hTaGFkb3c6IGAwIC0xcHggMCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICBbJGJyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICBoZWlnaHQ6IFwidW5zZXRcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZSA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgWyRicmVha3BvaW50cy5kb3duKFwic21cIildOiB7XG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJpZ2h0Q29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxuICBbJGJyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICBtYXJnaW5MZWZ0OiBcInVuc2V0XCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb3B5cmlnaHQgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlcGFyYXRvciA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICAgIHdpZHRoOiAxLFxuICAgIGhlaWdodDogMTYsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gICAgbWFyZ2luOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICAgIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgfSxcbiAgfSlcbik7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9vdGVyL0Zvb3Rlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb290ZXIvRm9vdGVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEJyZWFrcG9pbnRzIGFzIE11aUJyZWFrcG9pbnRzIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZm9vdGVyXCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgaGVpZ2h0OiA0MCxcbiAgYm90dG9tOiAwLFxuICB6SW5kZXg6IHRoZW1lLnpJbmRpY2VzLmJhc2UsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICBib3hTaGFkb3c6IGAwIC0xcHggMCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICBbJGJyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICBoZWlnaHQ6IFwidW5zZXRcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZSA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgWyRicmVha3BvaW50cy5kb3duKFwic21cIildOiB7XG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJpZ2h0Q29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxuICBbJGJyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICBtYXJnaW5MZWZ0OiBcInVuc2V0XCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb3B5cmlnaHQgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlcGFyYXRvciA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICAgIHdpZHRoOiAxLFxuICAgIGhlaWdodDogMTYsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxuICAgIG1hcmdpbjogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgICBbJGJyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgIH0sXG4gIH0pXG4pO1xuIl19 */");
 const StyledRightContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? _extends({}, {
   target: "eaawjkc2"
 }, transientOptions) : _extends({}, {
@@ -68,7 +68,7 @@ const StyledRightContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV
     textAlign: "center",
     marginLeft: "unset"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9vdGVyL0Zvb3Rlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Db0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb290ZXIvRm9vdGVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEJyZWFrcG9pbnRzIGFzIE11aUJyZWFrcG9pbnRzIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZm9vdGVyXCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgaGVpZ2h0OiA0MCxcbiAgYm90dG9tOiAwLFxuICB6SW5kZXg6IHRoZW1lLnpJbmRpY2VzLmJhc2UsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICBib3hTaGFkb3c6IGAwIC0xcHggMCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICBbJGJyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICBoZWlnaHQ6IFwidW5zZXRcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZSA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgWyRicmVha3BvaW50cy5kb3duKFwic21cIildOiB7XG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJpZ2h0Q29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxuICBbJGJyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICBtYXJnaW5MZWZ0OiBcInVuc2V0XCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb3B5cmlnaHQgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlcGFyYXRvciA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICAgIHdpZHRoOiAxLFxuICAgIGhlaWdodDogMTYsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gICAgbWFyZ2luOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICAgIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgfSxcbiAgfSlcbik7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9vdGVyL0Zvb3Rlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Db0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb290ZXIvRm9vdGVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEJyZWFrcG9pbnRzIGFzIE11aUJyZWFrcG9pbnRzIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZm9vdGVyXCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgaGVpZ2h0OiA0MCxcbiAgYm90dG9tOiAwLFxuICB6SW5kZXg6IHRoZW1lLnpJbmRpY2VzLmJhc2UsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICBib3hTaGFkb3c6IGAwIC0xcHggMCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICBbJGJyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICBoZWlnaHQ6IFwidW5zZXRcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZSA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgWyRicmVha3BvaW50cy5kb3duKFwic21cIildOiB7XG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJpZ2h0Q29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxuICBbJGJyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICBtYXJnaW5MZWZ0OiBcInVuc2V0XCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb3B5cmlnaHQgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlcGFyYXRvciA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICAgIHdpZHRoOiAxLFxuICAgIGhlaWdodDogMTYsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxuICAgIG1hcmdpbjogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgICBbJGJyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgIH0sXG4gIH0pXG4pO1xuIl19 */");
 const StyledCopyright = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? _extends({}, {
   target: "eaawjkc1"
 }, transientOptions) : _extends({}, {
@@ -81,7 +81,7 @@ const StyledCopyright = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_E
     flexDirection: "column",
     marginBottom: theme.space.xs
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9vdGVyL0Zvb3Rlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtEK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb290ZXIvRm9vdGVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEJyZWFrcG9pbnRzIGFzIE11aUJyZWFrcG9pbnRzIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZm9vdGVyXCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgaGVpZ2h0OiA0MCxcbiAgYm90dG9tOiAwLFxuICB6SW5kZXg6IHRoZW1lLnpJbmRpY2VzLmJhc2UsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICBib3hTaGFkb3c6IGAwIC0xcHggMCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICBbJGJyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICBoZWlnaHQ6IFwidW5zZXRcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZSA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgWyRicmVha3BvaW50cy5kb3duKFwic21cIildOiB7XG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJpZ2h0Q29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxuICBbJGJyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICBtYXJnaW5MZWZ0OiBcInVuc2V0XCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb3B5cmlnaHQgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlcGFyYXRvciA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICAgIHdpZHRoOiAxLFxuICAgIGhlaWdodDogMTYsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gICAgbWFyZ2luOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICAgIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgfSxcbiAgfSlcbik7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9vdGVyL0Zvb3Rlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtEK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb290ZXIvRm9vdGVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEJyZWFrcG9pbnRzIGFzIE11aUJyZWFrcG9pbnRzIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZm9vdGVyXCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgaGVpZ2h0OiA0MCxcbiAgYm90dG9tOiAwLFxuICB6SW5kZXg6IHRoZW1lLnpJbmRpY2VzLmJhc2UsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICBib3hTaGFkb3c6IGAwIC0xcHggMCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICBbJGJyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICBoZWlnaHQ6IFwidW5zZXRcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZSA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgWyRicmVha3BvaW50cy5kb3duKFwic21cIildOiB7XG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJpZ2h0Q29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxuICBbJGJyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICBtYXJnaW5MZWZ0OiBcInVuc2V0XCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb3B5cmlnaHQgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlcGFyYXRvciA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICAgIHdpZHRoOiAxLFxuICAgIGhlaWdodDogMTYsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxuICAgIG1hcmdpbjogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgICBbJGJyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgIH0sXG4gIH0pXG4pO1xuIl19 */");
 const StyledSeparator = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
   target: "eaawjkc0"
 } : {
@@ -92,12 +92,12 @@ const StyledSeparator = /* @__PURE__ */ _styled("div", process.env.NODE_ENV ===
 }) => ({
   width: 1,
   height: 16,
-  backgroundColor: theme.colors.acce1,
+  backgroundColor: theme.colors.secondary,
   margin: `${theme.space.xs} ${theme.space.sm}`,
   [$breakpoints.down("sm")]: {
     display: "none"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9vdGVyL0Zvb3Rlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTREK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb290ZXIvRm9vdGVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEJyZWFrcG9pbnRzIGFzIE11aUJyZWFrcG9pbnRzIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZm9vdGVyXCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgaGVpZ2h0OiA0MCxcbiAgYm90dG9tOiAwLFxuICB6SW5kZXg6IHRoZW1lLnpJbmRpY2VzLmJhc2UsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICBib3hTaGFkb3c6IGAwIC0xcHggMCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICBbJGJyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICBoZWlnaHQ6IFwidW5zZXRcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZSA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgWyRicmVha3BvaW50cy5kb3duKFwic21cIildOiB7XG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJpZ2h0Q29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxuICBbJGJyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICBtYXJnaW5MZWZ0OiBcInVuc2V0XCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb3B5cmlnaHQgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlcGFyYXRvciA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICAgIHdpZHRoOiAxLFxuICAgIGhlaWdodDogMTYsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gICAgbWFyZ2luOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICAgIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgfSxcbiAgfSlcbik7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9vdGVyL0Zvb3Rlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTREK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb290ZXIvRm9vdGVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEJyZWFrcG9pbnRzIGFzIE11aUJyZWFrcG9pbnRzIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZm9vdGVyXCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgaGVpZ2h0OiA0MCxcbiAgYm90dG9tOiAwLFxuICB6SW5kZXg6IHRoZW1lLnpJbmRpY2VzLmJhc2UsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICBib3hTaGFkb3c6IGAwIC0xcHggMCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICBbJGJyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICBoZWlnaHQ6IFwidW5zZXRcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZSA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgWyRicmVha3BvaW50cy5kb3duKFwic21cIildOiB7XG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJpZ2h0Q29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxuICBbJGJyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICBtYXJnaW5MZWZ0OiBcInVuc2V0XCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb3B5cmlnaHQgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlcGFyYXRvciA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICAgIHdpZHRoOiAxLFxuICAgIGhlaWdodDogMTYsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxuICAgIG1hcmdpbjogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgICBbJGJyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgIH0sXG4gIH0pXG4pO1xuIl19 */");
 export {
   StyledCopyright,
   StyledName,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Footer.styles.js","sources":["../../../../src/components/Footer/Footer.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Breakpoints as MuiBreakpoints } from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledRoot = styled(\n \"footer\",\n transientOptions\n)(({ $breakpoints }: { $breakpoints: MuiBreakpoints }) => ({\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 [$breakpoints.down(\"sm\")]: {\n height: \"unset\",\n flexDirection: \"column\",\n padding: theme.space.xs,\n },\n}));\n\nexport const StyledName = styled(\n HvTypography,\n transientOptions\n)(({ $breakpoints }: { $breakpoints: MuiBreakpoints }) => ({\n [$breakpoints.down(\"sm\")]: {\n marginBottom: theme.space.xs,\n },\n}));\n\nexport const StyledRightContainer = styled(\n \"div\",\n transientOptions\n)(({ $breakpoints }: { $breakpoints: MuiBreakpoints }) => ({\n display: \"flex\",\n alignItems: \"center\",\n flexDirection: \"row\",\n marginLeft: \"auto\",\n [$breakpoints.down(\"sm\")]: {\n flexDirection: \"column\",\n textAlign: \"center\",\n marginLeft: \"unset\",\n },\n}));\n\nexport const StyledCopyright = styled(\n HvTypography,\n transientOptions\n)(({ $breakpoints }: { $breakpoints: MuiBreakpoints }) => ({\n [$breakpoints.down(\"sm\")]: {\n flexDirection: \"column\",\n marginBottom: theme.space.xs,\n },\n}));\n\nexport const StyledSeparator = styled(\"div\")(\n ({ $breakpoints }: { $breakpoints: MuiBreakpoints }) => ({\n width: 1,\n height: 16,\n backgroundColor: theme.colors.~~acce1~~,\n margin: `${theme.space.xs} ${theme.space.sm}`,\n [$breakpoints.down(\"sm\")]: {\n display: \"none\",\n },\n })\n);\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$breakpoints","display","alignItems","flexDirection","padding","theme","space","xs","sm","height","bottom","zIndex","zIndices","base","backgroundColor","colors","atmo1","boxShadow","atmo4","down","StyledName","HvTypography","marginBottom","StyledRightContainer","marginLeft","textAlign","StyledCopyright","StyledSeparator","width","~~acce1~~","margin"],"mappings":";;;;;;;;;;;;;;;;;;AAMaA,MAAAA,qCACX,UAAQC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACRC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA+C,OAAO;AAAA,EACzDC,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,eAAe;AAAA,EACfC,SAAU,GAAEC,MAAMC,MAAMC,MAAMF,MAAMC,MAAME;AAAAA,EAC1CC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,QAAQN,MAAMO,SAASC;AAAAA,EACvBC,iBAAiBT,MAAMU,OAAOC;AAAAA,EAC9BC,WAAY,YAAWZ,MAAMU,OAAOG;AAAAA,EACpC,CAAClB,aAAamB,KAAK,IAAI,~~IAAI~~;AAAA,IACzBV,QAAQ;AAAA,IACRN,eAAe;AAAA,IACfC,SAASC,MAAMC,MAAMC;AAAAA,EACvB;AACF,IAAEd,QAAAC,IAAAC,aAAC,eAAA,KAAA,~~6hGAAA~~;AAEUyB,MAAAA,qCACXC,cAAY5B,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACZC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA+C,OAAO;AAAA,EACzD,CAACA,aAAamB,KAAK,IAAI,~~IAAI~~;AAAA,IACzBG,cAAcjB,MAAMC,MAAMC;AAAAA,EAC5B;AACF,IAAEd,QAAAC,IAAAC,aAAC,eAAA,KAAA,~~6hGAAA~~;AAEU4B,MAAAA,+CACX,OAAK9B,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA+C,OAAO;AAAA,EACzDC,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,eAAe;AAAA,EACfqB,YAAY;AAAA,EACZ,CAACxB,aAAamB,KAAK,IAAI,~~IAAI~~;AAAA,IACzBhB,eAAe;AAAA,IACfsB,WAAW;AAAA,IACXD,YAAY;AAAA,EACd;AACF,IAAE/B,QAAAC,IAAAC,aAAC,eAAA,KAAA,~~6hGAAA~~;AAEU+B,MAAAA,0CACXL,cAAY5B,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACZC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA+C,OAAO;AAAA,EACzD,CAACA,aAAamB,KAAK,IAAI,~~IAAI~~;AAAA,IACzBhB,eAAe;AAAA,IACfmB,cAAcjB,MAAMC,MAAMC;AAAAA,EAC5B;AACF,IAAEd,QAAAC,IAAAC,aAAC,eAAA,KAAA,~~6hGAAA~~;AAEI,MAAMgC,kBAAyB,wBAAA,OAAKlC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EACzC,CAAC;AAAA,EAAEC;AAA+C,OAAO;AAAA,EACvD4B,OAAO;AAAA,EACPnB,QAAQ;AAAA,EACRK,iBAAiBT,MAAMU,OAAOc;AAAAA,EAC9BC,QAAS,GAAEzB,MAAMC,MAAMC,MAAMF,MAAMC,MAAME;AAAAA,EACzC,CAACR,aAAamB,KAAK,IAAI,~~IAAI~~;AAAA,IACzBlB,SAAS;AAAA,EACX;AACF,IAAER,QAAAC,IAAAC,aACH,eAAA,KAAA,~~6hGAAA~~;"}
1	+ {"version":3,"file":"Footer.styles.js","sources":["../../../../src/components/Footer/Footer.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Breakpoints as MuiBreakpoints } from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledRoot = styled(\n \"footer\",\n transientOptions\n)(({ $breakpoints }: { $breakpoints: MuiBreakpoints }) => ({\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 [$breakpoints.down(\"sm\")]: {\n height: \"unset\",\n flexDirection: \"column\",\n padding: theme.space.xs,\n },\n}));\n\nexport const StyledName = styled(\n HvTypography,\n transientOptions\n)(({ $breakpoints }: { $breakpoints: MuiBreakpoints }) => ({\n [$breakpoints.down(\"sm\")]: {\n marginBottom: theme.space.xs,\n },\n}));\n\nexport const StyledRightContainer = styled(\n \"div\",\n transientOptions\n)(({ $breakpoints }: { $breakpoints: MuiBreakpoints }) => ({\n display: \"flex\",\n alignItems: \"center\",\n flexDirection: \"row\",\n marginLeft: \"auto\",\n [$breakpoints.down(\"sm\")]: {\n flexDirection: \"column\",\n textAlign: \"center\",\n marginLeft: \"unset\",\n },\n}));\n\nexport const StyledCopyright = styled(\n HvTypography,\n transientOptions\n)(({ $breakpoints }: { $breakpoints: MuiBreakpoints }) => ({\n [$breakpoints.down(\"sm\")]: {\n flexDirection: \"column\",\n marginBottom: theme.space.xs,\n },\n}));\n\nexport const StyledSeparator = styled(\"div\")(\n ({ $breakpoints }: { $breakpoints: MuiBreakpoints }) => ({\n width: 1,\n height: 16,\n backgroundColor: theme.colors.secondary,\n margin: `${theme.space.xs} ${theme.space.sm}`,\n [$breakpoints.down(\"sm\")]: {\n display: \"none\",\n },\n })\n);\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$breakpoints","display","alignItems","flexDirection","padding","theme","space","xs","sm","height","bottom","zIndex","zIndices","base","backgroundColor","colors","atmo1","boxShadow","atmo4","down","StyledName","HvTypography","marginBottom","StyledRightContainer","marginLeft","textAlign","StyledCopyright","StyledSeparator","width","secondary","margin"],"mappings":"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"}

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

@@ -25,7 +25,7 @@ const HvAdornment = forwardRef(({
   const {
     input
   } = useContext(HvFormElementDescriptorsContext);
-  const displayIcon = isVisible != null ? isVisible : showWhen === void 0 || elementStatus === showWhen;
+  const displayIcon = isVisible ?? (showWhen === void 0 || elementStatus === showWhen);
   const isClickable = !!onClick;
   return isClickable ? /* @__PURE__ */ jsx(StyledButton, {
     id,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Adornment.js","sources":["../../../../../src/components/Forms/Adornment/Adornment.tsx"],"sourcesContent":["import { useContext, forwardRef, MouseEventHandler, ForwardedRef } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledRoot, StyledIcon, StyledButton } from \"./Adornment.styles\";\nimport {\n HvFormElementContext,\n HvFormElementDescriptorsContext,\n HvFormStatus,\n} from \"../FormElement\";\nimport adornmentClasses, { HvAdornmentClasses } from \"./adornmentClasses\";\n\nconst preventDefault = (event) => event.preventDefault();\nconst noop = () => {};\n\nexport type HvAdornmentProps = 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,\n className,\n icon,\n showWhen = undefined,\n onClick,\n isVisible = undefined,\n ...others\n },\n ref\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 <StyledButton\n id={id}\n ref={ref as ForwardedRef<HTMLButtonElement>}\n type=\"button\"\n tabIndex={-1}\n aria-controls={input?.[0]?.id}\n className={clsx(\n className,\n adornmentClasses.root,\n classes?.root,\n adornmentClasses.adornment,\n classes?.adornment,\n adornmentClasses.adornmentButton,\n classes?.adornmentButton,\n !displayIcon && clsx(adornmentClasses.hideIcon, classes?.hideIcon)\n )}\n onClick={onClick}\n onMouseDown={preventDefault}\n onKeyDown={noop}\n $hideIcon={!displayIcon}\n {...others}\n >\n <StyledIcon className={clsx(adornmentClasses.icon, classes?.icon)}>\n {icon}\n </StyledIcon>\n </StyledButton>\n ) : (\n <StyledRoot\n id={id}\n ref={ref as ForwardedRef<HTMLDivElement>}\n className={clsx(\n className,\n adornmentClasses.root,\n classes?.root,\n adornmentClasses.adornment,\n classes?.adornment,\n adornmentClasses.adornmentIcon,\n classes?.adornmentIcon,\n !displayIcon && clsx(adornmentClasses.hideIcon, classes?.hideIcon)\n )}\n $hideIcon={!displayIcon}\n role=\"presentation\"\n {...others}\n >\n <StyledIcon className={clsx(adornmentClasses.icon, classes?.icon)}>\n {icon}\n </StyledIcon>\n </StyledRoot>\n );\n }\n);\n"],"names":["preventDefault","event","noop","HvAdornment","forwardRef","id","classes","className","icon","showWhen","undefined","onClick","isVisible","others","ref","elementStatus","useContext","HvFormElementContext","input","HvFormElementDescriptorsContext","displayIcon","isClickable","StyledButton","type","tabIndex","clsx","adornmentClasses","root","adornment","adornmentButton","hideIcon","onMouseDown","onKeyDown","$hideIcon","children","StyledIcon","_jsx","StyledRoot","adornmentIcon","role"],"mappings":";;;;;;;AAWA,MAAMA,iBAAkBC,CAAUA,UAAAA,MAAMD,eAAgB;AACxD,MAAME,OAAOA,MAAM;AAAC;AA6BPC,MAAAA,cAAcC,WAIzB,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAWC;AAAAA,EACXC;AAAAA,EACAC,YAAYF;AAAAA,~~KACTG~~;AACL,GACAC,QACG;;AACG,QAAA;AAAA,IAAEC,gBAAgB;AAAA,EAAA,IAAOC,WAAWC,oBAAoB;AAExD,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAUF,WAAWG,+BAA+B;AAE5D,QAAMC,cACJR,~~gCAAcH~~,aAAaC,UAAaK,kBAAkBN;AAEtDY,QAAAA,cAAc,CAAC,CAACV;AAEfU,SAAAA,kCACJC,cAAY;AAAA,IACXjB;AAAAA,IACAS;AAAAA,IACAS,MAAK;AAAA,IACLC,UAAU;AAAA,IACV,kBAAeN,oCAAQ,OAARA,mBAAYb;AAAAA,IAC3BE,WAAWkB,KACTlB,WACAmB,iBAAiBC,MACjBrB,mCAASqB,MACTD,iBAAiBE,WACjBtB,mCAASsB,WACTF,iBAAiBG,iBACjBvB,mCAASuB,iBACT,CAACT,eAAeK,KAAKC,iBAAiBI,UAAUxB,mCAASwB,QAAQ,CAAC;AAAA,IAEpEnB;AAAAA,IACAoB,aAAa/B;AAAAA,IACbgC,WAAW9B;AAAAA,IACX+B,WAAW,CAACb;AAAAA,IAAY,GACpBP;AAAAA,IAAMqB,8BAETC,YAAU;AAAA,MAAC5B,WAAWkB,KAAKC,iBAAiBlB,MAAMF,mCAASE,IAAI;AAAA,MAAE0B,UAC/D1B;AAAAA,IAAAA,CAAI;AAAA,EAAA,CAEM,IAEf4B,oBAACC,YAAU;AAAA,IACThC;AAAAA,IACAS;AAAAA,IACAP,WAAWkB,KACTlB,WACAmB,iBAAiBC,MACjBrB,mCAASqB,MACTD,iBAAiBE,WACjBtB,mCAASsB,WACTF,iBAAiBY,eACjBhC,mCAASgC,eACT,CAAClB,eAAeK,KAAKC,iBAAiBI,UAAUxB,mCAASwB,QAAQ,CAAC;AAAA,IAEpEG,WAAW,CAACb;AAAAA,IACZmB,MAAK;AAAA,IAAc,GACf1B;AAAAA,IAAMqB,8BAETC,YAAU;AAAA,MAAC5B,WAAWkB,KAAKC,iBAAiBlB,MAAMF,mCAASE,IAAI;AAAA,MAAE0B,UAC/D1B;AAAAA,IAAAA,CAAI;AAAA,EAAA,CAGV;AACH,CAAC;"}
1	+ {"version":3,"file":"Adornment.js","sources":["../../../../../src/components/Forms/Adornment/Adornment.tsx"],"sourcesContent":["import { useContext, forwardRef, MouseEventHandler, ForwardedRef } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledRoot, StyledIcon, StyledButton } from \"./Adornment.styles\";\nimport {\n HvFormElementContext,\n HvFormElementDescriptorsContext,\n HvFormStatus,\n} from \"../FormElement\";\nimport adornmentClasses, { HvAdornmentClasses } from \"./adornmentClasses\";\n\nconst preventDefault = (event) => event.preventDefault();\nconst noop = () => {};\n\nexport type HvAdornmentProps = 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,\n className,\n icon,\n showWhen = undefined,\n onClick,\n isVisible = undefined,\n ...others\n },\n ref\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 <StyledButton\n id={id}\n ref={ref as ForwardedRef<HTMLButtonElement>}\n type=\"button\"\n tabIndex={-1}\n aria-controls={input?.[0]?.id}\n className={clsx(\n className,\n adornmentClasses.root,\n classes?.root,\n adornmentClasses.adornment,\n classes?.adornment,\n adornmentClasses.adornmentButton,\n classes?.adornmentButton,\n !displayIcon && clsx(adornmentClasses.hideIcon, classes?.hideIcon)\n )}\n onClick={onClick}\n onMouseDown={preventDefault}\n onKeyDown={noop}\n $hideIcon={!displayIcon}\n {...others}\n >\n <StyledIcon className={clsx(adornmentClasses.icon, classes?.icon)}>\n {icon}\n </StyledIcon>\n </StyledButton>\n ) : (\n <StyledRoot\n id={id}\n ref={ref as ForwardedRef<HTMLDivElement>}\n className={clsx(\n className,\n adornmentClasses.root,\n classes?.root,\n adornmentClasses.adornment,\n classes?.adornment,\n adornmentClasses.adornmentIcon,\n classes?.adornmentIcon,\n !displayIcon && clsx(adornmentClasses.hideIcon, classes?.hideIcon)\n )}\n $hideIcon={!displayIcon}\n role=\"presentation\"\n {...others}\n >\n <StyledIcon className={clsx(adornmentClasses.icon, classes?.icon)}>\n {icon}\n </StyledIcon>\n </StyledRoot>\n );\n }\n);\n"],"names":["preventDefault","event","noop","HvAdornment","forwardRef","id","classes","className","icon","showWhen","undefined","onClick","isVisible","others","ref","elementStatus","useContext","HvFormElementContext","input","HvFormElementDescriptorsContext","displayIcon","isClickable","StyledButton","type","tabIndex","clsx","adornmentClasses","root","adornment","adornmentButton","hideIcon","onMouseDown","onKeyDown","$hideIcon","children","StyledIcon","_jsx","StyledRoot","adornmentIcon","role"],"mappings":";;;;;;;AAWA,MAAMA,iBAAkBC,CAAUA,UAAAA,MAAMD,eAAgB;AACxD,MAAME,OAAOA,MAAM;AAAC;AA6BPC,MAAAA,cAAcC,WAIzB,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAWC;AAAAA,EACXC;AAAAA,EACAC,YAAYF;AAAAA,EACZ,GAAGG;AACL,GACAC,QACG;;AACG,QAAA;AAAA,IAAEC,gBAAgB;AAAA,EAAA,IAAOC,WAAWC,oBAAoB;AAExD,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAUF,WAAWG,+BAA+B;AAE5D,QAAMC,cACJR,cAAcH,aAAaC,UAAaK,kBAAkBN;AAEtDY,QAAAA,cAAc,CAAC,CAACV;AAEfU,SAAAA,kCACJC,cAAY;AAAA,IACXjB;AAAAA,IACAS;AAAAA,IACAS,MAAK;AAAA,IACLC,UAAU;AAAA,IACV,kBAAeN,oCAAQ,OAARA,mBAAYb;AAAAA,IAC3BE,WAAWkB,KACTlB,WACAmB,iBAAiBC,MACjBrB,mCAASqB,MACTD,iBAAiBE,WACjBtB,mCAASsB,WACTF,iBAAiBG,iBACjBvB,mCAASuB,iBACT,CAACT,eAAeK,KAAKC,iBAAiBI,UAAUxB,mCAASwB,QAAQ,CAAC;AAAA,IAEpEnB;AAAAA,IACAoB,aAAa/B;AAAAA,IACbgC,WAAW9B;AAAAA,IACX+B,WAAW,CAACb;AAAAA,IAAY,GACpBP;AAAAA,IAAMqB,8BAETC,YAAU;AAAA,MAAC5B,WAAWkB,KAAKC,iBAAiBlB,MAAMF,mCAASE,IAAI;AAAA,MAAE0B,UAC/D1B;AAAAA,IAAAA,CAAI;AAAA,EAAA,CAEM,IAEf4B,oBAACC,YAAU;AAAA,IACThC;AAAAA,IACAS;AAAAA,IACAP,WAAWkB,KACTlB,WACAmB,iBAAiBC,MACjBrB,mCAASqB,MACTD,iBAAiBE,WACjBtB,mCAASsB,WACTF,iBAAiBY,eACjBhC,mCAASgC,eACT,CAAClB,eAAeK,KAAKC,iBAAiBI,UAAUxB,mCAASwB,QAAQ,CAAC;AAAA,IAEpEG,WAAW,CAACb;AAAAA,IACZmB,MAAK;AAAA,IAAc,GACf1B;AAAAA,IAAMqB,8BAETC,YAAU;AAAA,MAAC5B,WAAWkB,KAAKC,iBAAiBlB,MAAMF,mCAASE,IAAI;AAAA,MAAE0B,UAC/D1B;AAAAA,IAAAA,CAAI;AAAA,EAAA,CAGV;AACH,CAAC;"}

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

@@ -26,10 +26,12 @@ const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "prod
 }, transientOptions))(({
   $hideIcon
 }) => ({
+  // adornment
   backgroundColor: "transparent",
   border: "none",
   padding: 0,
   margin: 0,
+  // adornmentIcon
   cursor: "default",
   pointerEvents: "none",
   ...$hideIcon && {
@@ -58,10 +60,12 @@ const StyledButton = /* @__PURE__ */ _styled("button", process.env.NODE_ENV ===
 }, transientOptions))(({
   $hideIcon
 }) => ({
+  // adornment
   backgroundColor: "transparent",
   border: "none",
   padding: 0,
   margin: 0,
+  // adornmentButton
   cursor: "pointer",
   "&:focus": {
     ...outlineStyles

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Adornment.styles.js","sources":["../../../../../src/components/Forms/Adornment/Adornment.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { outlineStyles } from \"utils\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledRoot = styled(\n \"div\",\n transientOptions\n)(({ $hideIcon }: { $hideIcon: boolean }) => ({\n // adornment\n backgroundColor: \"transparent\",\n border: \"none\",\n padding: 0,\n margin: 0,\n // adornmentIcon\n cursor: \"default\",\n pointerEvents: \"none\",\n ...($hideIcon && {\n display: \"none\",\n }),\n}));\n\nexport const StyledIcon = styled(\"div\")({\n width: 32,\n height: 32,\n});\n\nexport const StyledButton = styled(\n \"button\",\n transientOptions\n)(({ $hideIcon }: { $hideIcon: boolean }) => ({\n // adornment\n backgroundColor: \"transparent\",\n border: \"none\",\n padding: 0,\n margin: 0,\n // adornmentButton\n cursor: \"pointer\",\n \"&:focus\": {\n ...outlineStyles,\n },\n ...($hideIcon && {\n display: \"none\",\n }),\n}));\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$hideIcon","backgroundColor","border","padding","margin","cursor","pointerEvents","display","StyledIcon","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledButton","outlineStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;AAIaA,MAAAA,qCACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAkC,OAAO;AAAA,EAE5CC,iBAAiB;AAAA,EACjBC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,QAAQ;AAAA,EAERC,QAAQ;AAAA,EACRC,eAAe;AAAA,EACf,GAAIN,aAAa;AAAA,IACfO,SAAS;AAAA,EACX;AACF,IAAEd,QAAAC,IAAAC,aAAC,eAAA,KAAA,quDAAA;AAEI,MAAMa,aAAoB,wBAAA,OAAKf,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAc,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGrC;AAEWC,MAAAA,uCACX,UAAQrB,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACRC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAkC,OAAO;AAAA,EAE5CC,iBAAiB;AAAA,EACjBC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,QAAQ;AAAA,EAERC,QAAQ;AAAA,EACR,WAAW;AAAA,IACT,GAAGU;AAAAA,EACL;AAAA,EACA,GAAIf,aAAa;AAAA,IACfO,SAAS;AAAA,EACX;AACF,IAAEd,QAAAC,IAAAC,aAAC,eAAA,KAAA,yuDAAA;"}
1	+ {"version":3,"file":"Adornment.styles.js","sources":["../../../../../src/components/Forms/Adornment/Adornment.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { outlineStyles } from \"utils\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledRoot = styled(\n \"div\",\n transientOptions\n)(({ $hideIcon }: { $hideIcon: boolean }) => ({\n // adornment\n backgroundColor: \"transparent\",\n border: \"none\",\n padding: 0,\n margin: 0,\n // adornmentIcon\n cursor: \"default\",\n pointerEvents: \"none\",\n ...($hideIcon && {\n display: \"none\",\n }),\n}));\n\nexport const StyledIcon = styled(\"div\")({\n width: 32,\n height: 32,\n});\n\nexport const StyledButton = styled(\n \"button\",\n transientOptions\n)(({ $hideIcon }: { $hideIcon: boolean }) => ({\n // adornment\n backgroundColor: \"transparent\",\n border: \"none\",\n padding: 0,\n margin: 0,\n // adornmentButton\n cursor: \"pointer\",\n \"&:focus\": {\n ...outlineStyles,\n },\n ...($hideIcon && {\n display: \"none\",\n }),\n}));\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$hideIcon","backgroundColor","border","padding","margin","cursor","pointerEvents","display","StyledIcon","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledButton","outlineStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;AAIaA,MAAAA,qCACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAkC,OAAO;AAAA;AAAA,EAE5CC,iBAAiB;AAAA,EACjBC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,QAAQ;AAAA;AAAA,EAERC,QAAQ;AAAA,EACRC,eAAe;AAAA,EACf,GAAIN,aAAa;AAAA,IACfO,SAAS;AAAA,EACX;AACF,IAAEd,QAAAC,IAAAC,aAAC,eAAA,KAAA,quDAAA;AAEI,MAAMa,aAAoB,wBAAA,OAAKf,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAc,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGrC;AAEWC,MAAAA,uCACX,UAAQrB,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACRC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAkC,OAAO;AAAA;AAAA,EAE5CC,iBAAiB;AAAA,EACjBC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,QAAQ;AAAA;AAAA,EAERC,QAAQ;AAAA,EACR,WAAW;AAAA,IACT,GAAGU;AAAAA,EACL;AAAA,EACA,GAAIf,aAAa;AAAA,IACfO,SAAS;AAAA,EACX;AACF,IAAEd,QAAAC,IAAAC,aAAC,eAAA,KAAA,yuDAAA;"}

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

@@ -21,7 +21,7 @@ const HvCharCounter = ({
     elementDisabled
   } = useContext(HvFormElementContext);
   const localDisabled = disabled || elementDisabled;
-  const localId = id != null ? id : setId(elementId, "counter");
+  const localId = id ?? setId(elementId, "counter");
   const currentId = setId(localId, "currentQuantity");
   const maxQuantityId = setId(localId, "maxQuantity");
   const isOverloaded = currentCharQuantity > maxCharQuantity;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CharCounter.js","sources":["../../../../../src/components/Forms/CharCounter/CharCounter.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledRoot, StyledTypography } from \"./CharCounter.styles\";\nimport { setId } from \"../../../utils\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport charCounterClasses, { HvCharCounterClasses } from \"./charCounterClasses\";\n\nexport type HvCharCounterProps = HvBaseProps & {\n /** The string that separates the current char quantity from the max quantity. /\n separator?: string;\n /* The maximum allowed length of the characters. /\n maxCharQuantity: number;\n /* The current char quantity to be rendered. /\n currentCharQuantity?: number;\n /* If `true` the counter is disabled. /\n disabled?: boolean;\n /* If `true` the info message won't have margins. /\n disableGutter?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvCharCounterClasses;\n};\n\n/\n Displays the capacity and current usage of a text input box (character count by default).\n \n Use the character counter when there is a character or word limit.\n * By itself it doesn't block the user from going above the limit.\n */\nexport const HvCharCounter = ({\n separator = \"/\",\n maxCharQuantity,\n currentCharQuantity = 0,\n classes,\n className,\n id,\n disabled,\n disableGutter = false,\n ...others\n}: HvCharCounterProps) => {\n const { elementId, elementDisabled } = useContext(HvFormElementContext);\n const localDisabled = disabled \|\| elementDisabled;\n const localId = id ?? setId(elementId, \"counter\");\n const currentId = setId(localId, \"currentQuantity\");\n const maxQuantityId = setId(localId, \"maxQuantity\");\n const isOverloaded = currentCharQuantity > maxCharQuantity;\n\n return (\n <StyledRoot\n id={localId}\n className={clsx(\n className,\n charCounterClasses.root,\n classes?.root,\n localDisabled &&\n clsx(charCounterClasses.counterDisabled, classes?.counterDisabled),\n !disableGutter && clsx(charCounterClasses.gutter, classes?.gutter)\n )}\n $counterDisabled={!!localDisabled}\n $gutter={!disableGutter}\n aria-live=\"polite\"\n aria-disabled={localDisabled}\n {...others}\n >\n <StyledTypography\n id={currentId}\n className={clsx(\n isOverloaded &&\n !localDisabled &&\n clsx(charCounterClasses.overloaded, classes?.overloaded),\n localDisabled &&\n clsx(charCounterClasses.counterDisabled, classes?.counterDisabled)\n )}\n variant=\"label\"\n component=\"label\"\n $overloaded={isOverloaded && !localDisabled}\n $counterDisabled={!!localDisabled}\n >\n {currentCharQuantity}\n </StyledTypography>\n <StyledTypography\n id={maxQuantityId}\n className={clsx(\n isOverloaded &&\n !localDisabled &&\n clsx(charCounterClasses.overloaded, classes?.overloaded),\n localDisabled &&\n clsx(charCounterClasses.counterDisabled, classes?.counterDisabled)\n )}\n variant=\"body\"\n component=\"label\"\n $overloaded={isOverloaded && !localDisabled}\n $counterDisabled={!!localDisabled}\n >\n {` ${separator} ${maxCharQuantity}`}\n </StyledTypography>\n </StyledRoot>\n );\n};\n"],"names":["HvCharCounter","separator","maxCharQuantity","currentCharQuantity","classes","className","id","disabled","disableGutter","others","elementId","elementDisabled","useContext","HvFormElementContext","localDisabled","localId","setId","currentId","maxQuantityId","isOverloaded","StyledRoot","clsx","charCounterClasses","root","counterDisabled","gutter","$counterDisabled","$gutter","children","_jsx","StyledTypography","overloaded","variant","component","$overloaded"],"mappings":";;;;;;;AA6BO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC,YAAY;AAAA,EACZC;AAAAA,EACAC,sBAAsB;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AAAA,~~KACbC~~;AACe,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,IAAWC;AAAAA,EAAAA,IAAoBC,WAAWC,oBAAoB;AACtE,QAAMC,gBAAgBP,YAAYI;AAClC,QAAMI,UAAUT,~~kBAAMU~~,MAAMN,WAAW,SAAS;AAC1CO,QAAAA,YAAYD,MAAMD,SAAS,iBAAiB;AAC5CG,QAAAA,gBAAgBF,MAAMD,SAAS,aAAa;AAClD,QAAMI,eAAehB,sBAAsBD;AAE3C,8BACGkB,YAAU;AAAA,IACTd,IAAIS;AAAAA,IACJV,WAAWgB,KACThB,WACAiB,mBAAmBC,MACnBnB,mCAASmB,MACTT,iBACEO,KAAKC,mBAAmBE,iBAAiBpB,mCAASoB,eAAe,GACnE,CAAChB,iBAAiBa,KAAKC,mBAAmBG,QAAQrB,mCAASqB,MAAM,CAAC;AAAA,IAEpEC,kBAAkB,CAAC,CAACZ;AAAAA,IACpBa,SAAS,CAACnB;AAAAA,IACV,aAAU;AAAA,IACV,iBAAeM;AAAAA,IAAc,GACzBL;AAAAA,IAAMmB,UAAA,CAEVC,oBAACC,kBAAgB;AAAA,MACfxB,IAAIW;AAAAA,MACJZ,WAAWgB,KACTF,gBACE,CAACL,iBACDO,KAAKC,mBAAmBS,YAAY3B,mCAAS2B,UAAU,GACzDjB,iBACEO,KAAKC,mBAAmBE,iBAAiBpB,mCAASoB,eAAe,CAAC;AAAA,MAEtEQ,SAAQ;AAAA,MACRC,WAAU;AAAA,MACVC,aAAaf,gBAAgB,CAACL;AAAAA,MAC9BY,kBAAkB,CAAC,CAACZ;AAAAA,MAAcc,UAEjCzB;AAAAA,IAAAA,CACgB,GACnB0B,oBAACC,kBAAgB;AAAA,MACfxB,IAAIY;AAAAA,MACJb,WAAWgB,KACTF,gBACE,CAACL,iBACDO,KAAKC,mBAAmBS,YAAY3B,mCAAS2B,UAAU,GACzDjB,iBACEO,KAAKC,mBAAmBE,iBAAiBpB,mCAASoB,eAAe,CAAC;AAAA,MAEtEQ,SAAQ;AAAA,MACRC,WAAU;AAAA,MACVC,aAAaf,gBAAgB,CAACL;AAAAA,MAC9BY,kBAAkB,CAAC,CAACZ;AAAAA,MAAcc,UAEhC,IAAG3B,aAAaC;AAAAA,IAAAA,CACD,CAAA;AAAA,EAAA,CACR;AAEjB;"}
1	+ {"version":3,"file":"CharCounter.js","sources":["../../../../../src/components/Forms/CharCounter/CharCounter.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledRoot, StyledTypography } from \"./CharCounter.styles\";\nimport { setId } from \"../../../utils\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport charCounterClasses, { HvCharCounterClasses } from \"./charCounterClasses\";\n\nexport type HvCharCounterProps = HvBaseProps & {\n /** The string that separates the current char quantity from the max quantity. /\n separator?: string;\n /* The maximum allowed length of the characters. /\n maxCharQuantity: number;\n /* The current char quantity to be rendered. /\n currentCharQuantity?: number;\n /* If `true` the counter is disabled. /\n disabled?: boolean;\n /* If `true` the info message won't have margins. /\n disableGutter?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvCharCounterClasses;\n};\n\n/\n Displays the capacity and current usage of a text input box (character count by default).\n \n Use the character counter when there is a character or word limit.\n * By itself it doesn't block the user from going above the limit.\n */\nexport const HvCharCounter = ({\n separator = \"/\",\n maxCharQuantity,\n currentCharQuantity = 0,\n classes,\n className,\n id,\n disabled,\n disableGutter = false,\n ...others\n}: HvCharCounterProps) => {\n const { elementId, elementDisabled } = useContext(HvFormElementContext);\n const localDisabled = disabled \|\| elementDisabled;\n const localId = id ?? setId(elementId, \"counter\");\n const currentId = setId(localId, \"currentQuantity\");\n const maxQuantityId = setId(localId, \"maxQuantity\");\n const isOverloaded = currentCharQuantity > maxCharQuantity;\n\n return (\n <StyledRoot\n id={localId}\n className={clsx(\n className,\n charCounterClasses.root,\n classes?.root,\n localDisabled &&\n clsx(charCounterClasses.counterDisabled, classes?.counterDisabled),\n !disableGutter && clsx(charCounterClasses.gutter, classes?.gutter)\n )}\n $counterDisabled={!!localDisabled}\n $gutter={!disableGutter}\n aria-live=\"polite\"\n aria-disabled={localDisabled}\n {...others}\n >\n <StyledTypography\n id={currentId}\n className={clsx(\n isOverloaded &&\n !localDisabled &&\n clsx(charCounterClasses.overloaded, classes?.overloaded),\n localDisabled &&\n clsx(charCounterClasses.counterDisabled, classes?.counterDisabled)\n )}\n variant=\"label\"\n component=\"label\"\n $overloaded={isOverloaded && !localDisabled}\n $counterDisabled={!!localDisabled}\n >\n {currentCharQuantity}\n </StyledTypography>\n <StyledTypography\n id={maxQuantityId}\n className={clsx(\n isOverloaded &&\n !localDisabled &&\n clsx(charCounterClasses.overloaded, classes?.overloaded),\n localDisabled &&\n clsx(charCounterClasses.counterDisabled, classes?.counterDisabled)\n )}\n variant=\"body\"\n component=\"label\"\n $overloaded={isOverloaded && !localDisabled}\n $counterDisabled={!!localDisabled}\n >\n {` ${separator} ${maxCharQuantity}`}\n </StyledTypography>\n </StyledRoot>\n );\n};\n"],"names":["HvCharCounter","separator","maxCharQuantity","currentCharQuantity","classes","className","id","disabled","disableGutter","others","elementId","elementDisabled","useContext","HvFormElementContext","localDisabled","localId","setId","currentId","maxQuantityId","isOverloaded","StyledRoot","clsx","charCounterClasses","root","counterDisabled","gutter","$counterDisabled","$gutter","children","_jsx","StyledTypography","overloaded","variant","component","$overloaded"],"mappings":";;;;;;;AA6BO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC,YAAY;AAAA,EACZC;AAAAA,EACAC,sBAAsB;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AAAA,EAChB,GAAGC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,IAAWC;AAAAA,EAAAA,IAAoBC,WAAWC,oBAAoB;AACtE,QAAMC,gBAAgBP,YAAYI;AAClC,QAAMI,UAAUT,MAAMU,MAAMN,WAAW,SAAS;AAC1CO,QAAAA,YAAYD,MAAMD,SAAS,iBAAiB;AAC5CG,QAAAA,gBAAgBF,MAAMD,SAAS,aAAa;AAClD,QAAMI,eAAehB,sBAAsBD;AAE3C,8BACGkB,YAAU;AAAA,IACTd,IAAIS;AAAAA,IACJV,WAAWgB,KACThB,WACAiB,mBAAmBC,MACnBnB,mCAASmB,MACTT,iBACEO,KAAKC,mBAAmBE,iBAAiBpB,mCAASoB,eAAe,GACnE,CAAChB,iBAAiBa,KAAKC,mBAAmBG,QAAQrB,mCAASqB,MAAM,CAAC;AAAA,IAEpEC,kBAAkB,CAAC,CAACZ;AAAAA,IACpBa,SAAS,CAACnB;AAAAA,IACV,aAAU;AAAA,IACV,iBAAeM;AAAAA,IAAc,GACzBL;AAAAA,IAAMmB,UAAA,CAEVC,oBAACC,kBAAgB;AAAA,MACfxB,IAAIW;AAAAA,MACJZ,WAAWgB,KACTF,gBACE,CAACL,iBACDO,KAAKC,mBAAmBS,YAAY3B,mCAAS2B,UAAU,GACzDjB,iBACEO,KAAKC,mBAAmBE,iBAAiBpB,mCAASoB,eAAe,CAAC;AAAA,MAEtEQ,SAAQ;AAAA,MACRC,WAAU;AAAA,MACVC,aAAaf,gBAAgB,CAACL;AAAAA,MAC9BY,kBAAkB,CAAC,CAACZ;AAAAA,MAAcc,UAEjCzB;AAAAA,IAAAA,CACgB,GACnB0B,oBAACC,kBAAgB;AAAA,MACfxB,IAAIY;AAAAA,MACJb,WAAWgB,KACTF,gBACE,CAACL,iBACDO,KAAKC,mBAAmBS,YAAY3B,mCAAS2B,UAAU,GACzDjB,iBACEO,KAAKC,mBAAmBE,iBAAiBpB,mCAASoB,eAAe,CAAC;AAAA,MAEtEQ,SAAQ;AAAA,MACRC,WAAU;AAAA,MACVC,aAAaf,gBAAgB,CAACL;AAAAA,MAC9BY,kBAAkB,CAAC,CAACZ;AAAAA,MAAcc,UAEhC,IAAG3B,aAAaC;AAAAA,IAAAA,CACD,CAAA;AAAA,EAAA,CACR;AAEjB;"}

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

@@ -28,12 +28,12 @@ const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "prod
   display: "inline-block",
   float: "right",
   ...$counterDisabled && {
-    color: theme.colors.atmo5
+    color: theme.colors.secondary_60
   },
   ...$gutter && {
     paddingLeft: `6px`
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvQ2hhckNvdW50ZXIvQ2hhckNvdW50ZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb3Jtcy9DaGFyQ291bnRlci9DaGFyQ291bnRlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRjb3VudGVyRGlzYWJsZWQsXG4gICAgJGd1dHRlcixcbiAgfToge1xuICAgICRjb3VudGVyRGlzYWJsZWQ6IGJvb2xlYW47XG4gICAgJGd1dHRlcjogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIGZsb2F0OiBcInJpZ2h0XCIsXG4gICAgLi4uKCRjb3VudGVyRGlzYWJsZWQgJiYge1xuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICB9KSxcbiAgICAuLi4oJGd1dHRlciAmJiB7XG4gICAgICBwYWRkaW5nTGVmdDogYDZweGAsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRvdmVybG9hZGVkLFxuICAgICRjb3VudGVyRGlzYWJsZWQsXG4gIH06IHtcbiAgICAkb3ZlcmxvYWRlZDogYm9vbGVhbjtcbiAgICAkY291bnRlckRpc2FibGVkOiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIC4uLigkb3ZlcmxvYWRlZCAmJiB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlbWE0LFxuICAgIH0pLFxuICAgIC4uLigkY291bnRlckRpc2FibGVkICYmIHtcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvQ2hhckNvdW50ZXIvQ2hhckNvdW50ZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb3Jtcy9DaGFyQ291bnRlci9DaGFyQ291bnRlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRjb3VudGVyRGlzYWJsZWQsXG4gICAgJGd1dHRlcixcbiAgfToge1xuICAgICRjb3VudGVyRGlzYWJsZWQ6IGJvb2xlYW47XG4gICAgJGd1dHRlcjogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIGZsb2F0OiBcInJpZ2h0XCIsXG4gICAgLi4uKCRjb3VudGVyRGlzYWJsZWQgJiYge1xuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgfSksXG4gICAgLi4uKCRndXR0ZXIgJiYge1xuICAgICAgcGFkZGluZ0xlZnQ6IGA2cHhgLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkb3ZlcmxvYWRlZCxcbiAgICAkY291bnRlckRpc2FibGVkLFxuICB9OiB7XG4gICAgJG92ZXJsb2FkZWQ6IGJvb2xlYW47XG4gICAgJGNvdW50ZXJEaXNhYmxlZDogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICAuLi4oJG92ZXJsb2FkZWQgJiYge1xuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5uZWdhdGl2ZSxcbiAgICB9KSxcbiAgICAuLi4oJGNvdW50ZXJEaXNhYmxlZCAmJiB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */");
 const StyledTypography = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e11kw0680"
 }, transientOptions) : _extends({}, {
@@ -44,12 +44,12 @@ const StyledTypography = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_
   $counterDisabled
 }) => ({
   ...$overloaded && {
-    color: theme.colors.sema4
+    color: theme.colors.negative
   },
   ...$counterDisabled && {
-    color: theme.colors.atmo5
+    color: theme.colors.secondary_60
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvQ2hhckNvdW50ZXIvQ2hhckNvdW50ZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQmdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvQ2hhckNvdW50ZXIvQ2hhckNvdW50ZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkY291bnRlckRpc2FibGVkLFxuICAgICRndXR0ZXIsXG4gIH06IHtcbiAgICAkY291bnRlckRpc2FibGVkOiBib29sZWFuO1xuICAgICRndXR0ZXI6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICBmbG9hdDogXCJyaWdodFwiLFxuICAgIC4uLigkY291bnRlckRpc2FibGVkICYmIHtcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgfSksXG4gICAgLi4uKCRndXR0ZXIgJiYge1xuICAgICAgcGFkZGluZ0xlZnQ6IGA2cHhgLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkb3ZlcmxvYWRlZCxcbiAgICAkY291bnRlckRpc2FibGVkLFxuICB9OiB7XG4gICAgJG92ZXJsb2FkZWQ6IGJvb2xlYW47XG4gICAgJGNvdW50ZXJEaXNhYmxlZDogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICAuLi4oJG92ZXJsb2FkZWQgJiYge1xuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hNCxcbiAgICB9KSxcbiAgICAuLi4oJGNvdW50ZXJEaXNhYmxlZCAmJiB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmF0bW81LFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvQ2hhckNvdW50ZXIvQ2hhckNvdW50ZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQmdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvQ2hhckNvdW50ZXIvQ2hhckNvdW50ZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkY291bnRlckRpc2FibGVkLFxuICAgICRndXR0ZXIsXG4gIH06IHtcbiAgICAkY291bnRlckRpc2FibGVkOiBib29sZWFuO1xuICAgICRndXR0ZXI6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICBmbG9hdDogXCJyaWdodFwiLFxuICAgIC4uLigkY291bnRlckRpc2FibGVkICYmIHtcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICAgIH0pLFxuICAgIC4uLigkZ3V0dGVyICYmIHtcbiAgICAgIHBhZGRpbmdMZWZ0OiBgNnB4YCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJG92ZXJsb2FkZWQsXG4gICAgJGNvdW50ZXJEaXNhYmxlZCxcbiAgfToge1xuICAgICRvdmVybG9hZGVkOiBib29sZWFuO1xuICAgICRjb3VudGVyRGlzYWJsZWQ6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgLi4uKCRvdmVybG9hZGVkICYmIHtcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG4gICAgfSksXG4gICAgLi4uKCRjb3VudGVyRGlzYWJsZWQgJiYge1xuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
 export {
   StyledRoot,
   StyledTypography

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CharCounter.styles.js","sources":["../../../../../src/components/Forms/CharCounter/CharCounter.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvTypography } from \"components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledRoot = styled(\n \"div\",\n transientOptions\n)(\n ({\n $counterDisabled,\n $gutter,\n }: {\n $counterDisabled: boolean;\n $gutter: boolean;\n }) => ({\n display: \"inline-block\",\n float: \"right\",\n ...($counterDisabled && {\n color: theme.colors.~~atmo5~~,\n }),\n ...($gutter && {\n paddingLeft: `6px`,\n }),\n })\n);\n\nexport const StyledTypography = styled(\n HvTypography,\n transientOptions\n)(\n ({\n $overloaded,\n $counterDisabled,\n }: {\n $overloaded: boolean;\n $counterDisabled: boolean;\n }) => ({\n ...($overloaded && {\n color: theme.colors.~~sema4~~,\n }),\n ...($counterDisabled && {\n color: theme.colors.~~atmo5~~,\n }),\n })\n);\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$counterDisabled","$gutter","display","float","color","theme","colors","~~atmo5~~","paddingLeft","StyledTypography","HvTypography","$overloaded","~~sema4~~"],"mappings":";;;;;;;;;;;;;;;;;;AAKaA,MAAAA,qCACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCE;AAAAA,EACAC;AAIF,OAAO;AAAA,EACLC,SAAS;AAAA,EACTC,OAAO;AAAA,EACP,GAAIH,oBAAoB;AAAA,IACtBI,OAAOC,MAAMC,OAAOC;AAAAA,EACtB;AAAA,EACA,GAAIN,WAAW;AAAA,IACbO,aAAc;AAAA,EAChB;AACF,IAAEf,QAAAC,IAAAC,aACH,eAAA,KAAA,~~ivDAAA~~;AAEYc,MAAAA,2CACXC,cAAYjB,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACZC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCa;AAAAA,EACAX;AAIF,OAAO;AAAA,EACL,GAAIW,eAAe;AAAA,IACjBP,OAAOC,MAAMC,OAAOM;AAAAA,EACtB;AAAA,EACA,GAAIZ,oBAAoB;AAAA,IACtBI,OAAOC,MAAMC,OAAOC;AAAAA,EACtB;AACF,IAAEd,QAAAC,IAAAC,aACH,eAAA,KAAA,~~qvDAAA~~;"}
1	+ {"version":3,"file":"CharCounter.styles.js","sources":["../../../../../src/components/Forms/CharCounter/CharCounter.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvTypography } from \"components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledRoot = styled(\n \"div\",\n transientOptions\n)(\n ({\n $counterDisabled,\n $gutter,\n }: {\n $counterDisabled: boolean;\n $gutter: boolean;\n }) => ({\n display: \"inline-block\",\n float: \"right\",\n ...($counterDisabled && {\n color: theme.colors.secondary_60,\n }),\n ...($gutter && {\n paddingLeft: `6px`,\n }),\n })\n);\n\nexport const StyledTypography = styled(\n HvTypography,\n transientOptions\n)(\n ({\n $overloaded,\n $counterDisabled,\n }: {\n $overloaded: boolean;\n $counterDisabled: boolean;\n }) => ({\n ...($overloaded && {\n color: theme.colors.negative,\n }),\n ...($counterDisabled && {\n color: theme.colors.secondary_60,\n }),\n })\n);\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$counterDisabled","$gutter","display","float","color","theme","colors","secondary_60","paddingLeft","StyledTypography","HvTypography","$overloaded","negative"],"mappings":";;;;;;;;;;;;;;;;;;AAKaA,MAAAA,qCACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCE;AAAAA,EACAC;AAIF,OAAO;AAAA,EACLC,SAAS;AAAA,EACTC,OAAO;AAAA,EACP,GAAIH,oBAAoB;AAAA,IACtBI,OAAOC,MAAMC,OAAOC;AAAAA,EACtB;AAAA,EACA,GAAIN,WAAW;AAAA,IACbO,aAAc;AAAA,EAChB;AACF,IAAEf,QAAAC,IAAAC,aACH,eAAA,KAAA,ywDAAA;AAEYc,MAAAA,2CACXC,cAAYjB,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACZC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCa;AAAAA,EACAX;AAIF,OAAO;AAAA,EACL,GAAIW,eAAe;AAAA,IACjBP,OAAOC,MAAMC,OAAOM;AAAAA,EACtB;AAAA,EACA,GAAIZ,oBAAoB;AAAA,IACtBI,OAAOC,MAAMC,OAAOC;AAAAA,EACtB;AACF,IAAEd,QAAAC,IAAAC,aACH,eAAA,KAAA,ywDAAA;"}

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

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

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

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

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

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

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

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

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

@@ -19,7 +19,7 @@ const HvInfoMessage = ({
     elementDisabled
   } = useContext(HvFormElementContext);
   const localDisabled = disabled || elementDisabled;
-  const localId = id != null ? id : setId(elementId, "description");
+  const localId = id ?? setId(elementId, "description");
   return /* @__PURE__ */ jsx(StyledTypography, {
     id: localId,
     className: clsx(className, infoMessageClasses.root, classes == null ? void 0 : classes.root, localDisabled && clsx(infoMessageClasses.infoDisabled, classes == null ? void 0 : classes.infoDisabled), !disableGutter && clsx(infoMessageClasses.gutter, classes == null ? void 0 : classes.gutter)),