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

package/dist/cjs/components/RadioGroup/RadioGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.cjs","sources":["../../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { Children, useMemo, useCallback, cloneElement } from \"react\";\nimport { HvFormStatus, HvInfoMessage, HvWarningText } from \"../Forms\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  StyledFormElement,\n  StyledGroup,\n  StyledLabel,\n} from \"./RadioGroup.styles\";\nimport clsx from \"clsx\";\nimport { useControlled, useUniqueId } from \"hooks\";\nimport { setId } from \"utils\";\nimport radioGroupClasses, { HvRadioGroupClasses } from \"./radioGroupClasses\";\n\nexport type HvRadioGroupProps = HvBaseProps<HTMLDivElement, { onChange }> & {\n  /**\n   * The form element name.\n   *\n   * It is propagated to the children radio buttons, unless they already have one (which they shouldn't).\n   */\n  name?: string;\n  /**\n   * The value of the form element, represented in one of the child radio buttons values.\n   *\n   * When defined the radio button group state becomes controlled.\n   */\n  value?: any;\n  /**\n   * When uncontrolled, defines the initial value.\n   */\n  defaultValue?: 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  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description?: React.ReactNode;\n  /**\n   * Indicates that the form element is disabled.\n   * If `true` the state is propagated to the children radio buttons.\n   */\n  disabled?: boolean;\n  /**\n   * Indicates that the form element is not editable.\n   * If `true` the state is propagated to the children radio buttons.\n   */\n  readOnly?: boolean;\n  /**\n   * Indicates that user input is required on the form element.\n   * If `true` the state is propagated to the children radio buttons' input element.\n   */\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  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage?: React.ReactNode;\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: any) => void;\n  /**\n   * Indicates whether the radio buttons group's orientation is horizontal or vertical.\n   *\n   * Defaults to vertical.\n   */\n  orientation?: \"vertical\" | \"horizontal\";\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvRadioGroupClasses;\n};\n\nconst getValueFromSelectedChildren = (children: React.ReactNode) => {\n  const childrenArray = Children.toArray(children);\n  const childrenCount = childrenArray.length;\n  for (let i = 0; i !== childrenCount; i += 1) {\n    const child: any = childrenArray[i];\n\n    const childIsControlled = child?.props?.checked !== undefined;\n    const childIsSelected = childIsControlled\n      ? child?.props?.checked\n      : child?.props?.defaultChecked;\n\n    if (childIsSelected) {\n      return child?.props?.value;\n    }\n  }\n\n  return null;\n};\n\n/**\n * A group of radio buttons.\n *\n * A radio group is a type of selection list that can only have a single entry checked at any one time.\n */\nexport const HvRadioGroup = ({\n  id,\n  classes,\n  className,\n  children,\n  name,\n  value: valueProp,\n  defaultValue,\n  label,\n  description,\n  status,\n  statusMessage,\n  required = false,\n  readOnly = false,\n  disabled = false,\n  orientation = \"vertical\",\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  \"aria-describedby\": ariaDescribedBy,\n  \"aria-errormessage\": ariaErrorMessage,\n  onChange,\n  ...others\n}: HvRadioGroupProps) => {\n  const elementId = useUniqueId(id, \"hvradiogroup\");\n\n  const [value, setValue] = useControlled(\n    valueProp,\n    defaultValue !== undefined\n      ? defaultValue\n      : // When uncontrolled and no default value is given,\n        // extract the initial selected values from the children own state\n        () => getValueFromSelectedChildren(children)\n  );\n\n  const onChildChangeInterceptor = useCallback(\n    (\n      childOnChange: (\n        event: React.ChangeEvent<HTMLInputElement>,\n        checked: boolean,\n        value: any\n      ) => void,\n      event: React.ChangeEvent<HTMLInputElement>,\n      isChecked: boolean,\n      newValue: any\n    ) => {\n      childOnChange?.(event, isChecked, newValue);\n\n      onChange?.(event, newValue);\n\n      setValue(newValue);\n    },\n    [onChange, setValue]\n  );\n\n  const modifiedChildren = useMemo(() => {\n    return Children.map(children, (child: any) => {\n      const childValue = child?.props?.value ?? \"on\";\n\n      const childIsSelected = childValue === value;\n\n      return cloneElement(child, {\n        checked: childIsSelected,\n        name: child?.props?.name || name || elementId,\n        onChange: (\n          event: React.ChangeEvent<HTMLInputElement>,\n          isChecked: boolean,\n          newValue: any\n        ) =>\n          onChildChangeInterceptor(\n            child?.props?.onChange,\n            event,\n            isChecked,\n            newValue\n          ),\n        inputProps: {\n          ...child?.props?.inputProps,\n          // Set the required attribute directly in the input\n          // the radio form element context shouldn't be aware so the\n          // label doesn't show redundant asterisk\n          required,\n        },\n        disabled: disabled || child?.props?.disabled,\n        readOnly: readOnly || child?.props?.readOnly,\n      });\n    });\n  }, [\n    children,\n    disabled,\n    elementId,\n    name,\n    onChildChangeInterceptor,\n    readOnly,\n    required,\n    value,\n  ]);\n\n  // The error message area will only be created if:\n  //   - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined && required));\n\n  const errorMessageId = canShowError\n    ? setId(elementId, \"error\")\n    : ariaErrorMessage;\n\n  return (\n    <StyledFormElement\n      id={id}\n      name={name}\n      status={status || \"standBy\"}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, classes?.root, radioGroupClasses.root)}\n    >\n      {label && (\n        <StyledLabel\n          id={setId(elementId, \"label\")}\n          label={label}\n          className={clsx(classes?.label, radioGroupClasses.label)}\n        />\n      )}\n\n      {description && (\n        <HvInfoMessage id={setId(elementId, \"description\")}>\n          {description}\n        </HvInfoMessage>\n      )}\n\n      <StyledGroup\n        role=\"radiogroup\"\n        aria-label={ariaLabel}\n        aria-labelledby={\n          ariaLabelledBy || (label && setId(elementId, \"label\")) || undefined\n        }\n        aria-invalid={status === \"invalid\" ? true : undefined}\n        aria-errormessage={status === \"invalid\" ? errorMessageId : undefined}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy]\n            .join(\" \")\n            .trim() || undefined\n        }\n        className={clsx(\n          classes?.group,\n          radioGroupClasses.group,\n          orientation === \"vertical\" &&\n            clsx(classes?.vertical, radioGroupClasses.vertical),\n          orientation === \"horizontal\" &&\n            clsx(classes?.horizontal, radioGroupClasses.horizontal),\n          status === \"invalid\" &&\n            clsx(classes?.invalid, radioGroupClasses.invalid)\n        )}\n        $vertical={orientation === \"vertical\"}\n        $horizontal={orientation === \"horizontal\"}\n        $invalid={status === \"invalid\"}\n        {...others}\n      >\n        {modifiedChildren}\n      </StyledGroup>\n\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableBorder\n          className={clsx(classes?.error, radioGroupClasses.error)}\n        >\n          {statusMessage}\n        </HvWarningText>\n      )}\n    </StyledFormElement>\n  );\n};\n"],"names":["getValueFromSelectedChildren","children","childrenArray","Children","toArray","childrenCount","length","i","child","childIsControlled","props","checked","undefined","childIsSelected","defaultChecked","value","HvRadioGroup","id","classes","className","name","valueProp","defaultValue","label","description","status","statusMessage","required","readOnly","disabled","orientation","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaErrorMessage","onChange","others","elementId","useUniqueId","setValue","useControlled","onChildChangeInterceptor","useCallback","childOnChange","event","isChecked","newValue","modifiedChildren","useMemo","map","childValue","cloneElement","inputProps","canShowError","errorMessageId","setId","StyledFormElement","clsx","root","radioGroupClasses","_jsx","StyledLabel","HvInfoMessage","StyledGroup","role","join","trim","group","vertical","horizontal","invalid","$vertical","$horizontal","$invalid","HvWarningText","disableBorder","error"],"mappings":"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"}
+{"version":3,"file":"RadioGroup.cjs","sources":["../../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { Children, useMemo, useCallback, cloneElement } from \"react\";\nimport { HvFormStatus, HvInfoMessage, HvWarningText } from \"../Forms\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  StyledFormElement,\n  StyledGroup,\n  StyledLabel,\n} from \"./RadioGroup.styles\";\nimport clsx from \"clsx\";\nimport { useControlled, useUniqueId } from \"hooks\";\nimport { setId } from \"utils\";\nimport radioGroupClasses, { HvRadioGroupClasses } from \"./radioGroupClasses\";\n\nexport type HvRadioGroupProps = HvBaseProps<HTMLDivElement, { onChange }> & {\n  /**\n   * The form element name.\n   *\n   * It is propagated to the children radio buttons, unless they already have one (which they shouldn't).\n   */\n  name?: string;\n  /**\n   * The value of the form element, represented in one of the child radio buttons values.\n   *\n   * When defined the radio button group state becomes controlled.\n   */\n  value?: any;\n  /**\n   * When uncontrolled, defines the initial value.\n   */\n  defaultValue?: 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  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description?: React.ReactNode;\n  /**\n   * Indicates that the form element is disabled.\n   * If `true` the state is propagated to the children radio buttons.\n   */\n  disabled?: boolean;\n  /**\n   * Indicates that the form element is not editable.\n   * If `true` the state is propagated to the children radio buttons.\n   */\n  readOnly?: boolean;\n  /**\n   * Indicates that user input is required on the form element.\n   * If `true` the state is propagated to the children radio buttons' input element.\n   */\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  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage?: React.ReactNode;\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: any) => void;\n  /**\n   * Indicates whether the radio buttons group's orientation is horizontal or vertical.\n   *\n   * Defaults to vertical.\n   */\n  orientation?: \"vertical\" | \"horizontal\";\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvRadioGroupClasses;\n};\n\nconst getValueFromSelectedChildren = (children: React.ReactNode) => {\n  const childrenArray = Children.toArray(children);\n  const childrenCount = childrenArray.length;\n  for (let i = 0; i !== childrenCount; i += 1) {\n    const child: any = childrenArray[i];\n\n    const childIsControlled = child?.props?.checked !== undefined;\n    const childIsSelected = childIsControlled\n      ? child?.props?.checked\n      : child?.props?.defaultChecked;\n\n    if (childIsSelected) {\n      return child?.props?.value;\n    }\n  }\n\n  return null;\n};\n\n/**\n * A group of radio buttons.\n *\n * A radio group is a type of selection list that can only have a single entry checked at any one time.\n */\nexport const HvRadioGroup = ({\n  id,\n  classes,\n  className,\n  children,\n  name,\n  value: valueProp,\n  defaultValue,\n  label,\n  description,\n  status,\n  statusMessage,\n  required = false,\n  readOnly = false,\n  disabled = false,\n  orientation = \"vertical\",\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  \"aria-describedby\": ariaDescribedBy,\n  \"aria-errormessage\": ariaErrorMessage,\n  onChange,\n  ...others\n}: HvRadioGroupProps) => {\n  const elementId = useUniqueId(id, \"hvradiogroup\");\n\n  const [value, setValue] = useControlled(\n    valueProp,\n    defaultValue !== undefined\n      ? defaultValue\n      : // When uncontrolled and no default value is given,\n        // extract the initial selected values from the children own state\n        () => getValueFromSelectedChildren(children)\n  );\n\n  const onChildChangeInterceptor = useCallback(\n    (\n      childOnChange: (\n        event: React.ChangeEvent<HTMLInputElement>,\n        checked: boolean,\n        value: any\n      ) => void,\n      event: React.ChangeEvent<HTMLInputElement>,\n      isChecked: boolean,\n      newValue: any\n    ) => {\n      childOnChange?.(event, isChecked, newValue);\n\n      onChange?.(event, newValue);\n\n      setValue(newValue);\n    },\n    [onChange, setValue]\n  );\n\n  const modifiedChildren = useMemo(() => {\n    return Children.map(children, (child: any) => {\n      const childValue = child?.props?.value ?? \"on\";\n\n      const childIsSelected = childValue === value;\n\n      return cloneElement(child, {\n        checked: childIsSelected,\n        name: child?.props?.name || name || elementId,\n        onChange: (\n          event: React.ChangeEvent<HTMLInputElement>,\n          isChecked: boolean,\n          newValue: any\n        ) =>\n          onChildChangeInterceptor(\n            child?.props?.onChange,\n            event,\n            isChecked,\n            newValue\n          ),\n        inputProps: {\n          ...child?.props?.inputProps,\n          // Set the required attribute directly in the input\n          // the radio form element context shouldn't be aware so the\n          // label doesn't show redundant asterisk\n          required,\n        },\n        disabled: disabled || child?.props?.disabled,\n        readOnly: readOnly || child?.props?.readOnly,\n      });\n    });\n  }, [\n    children,\n    disabled,\n    elementId,\n    name,\n    onChildChangeInterceptor,\n    readOnly,\n    required,\n    value,\n  ]);\n\n  // The error message area will only be created if:\n  //   - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined && required));\n\n  const errorMessageId = canShowError\n    ? setId(elementId, \"error\")\n    : ariaErrorMessage;\n\n  return (\n    <StyledFormElement\n      id={id}\n      name={name}\n      status={status || \"standBy\"}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, classes?.root, radioGroupClasses.root)}\n    >\n      {label && (\n        <StyledLabel\n          id={setId(elementId, \"label\")}\n          label={label}\n          className={clsx(classes?.label, radioGroupClasses.label)}\n        />\n      )}\n\n      {description && (\n        <HvInfoMessage id={setId(elementId, \"description\")}>\n          {description}\n        </HvInfoMessage>\n      )}\n\n      <StyledGroup\n        role=\"radiogroup\"\n        aria-label={ariaLabel}\n        aria-labelledby={\n          ariaLabelledBy || (label && setId(elementId, \"label\")) || undefined\n        }\n        aria-invalid={status === \"invalid\" ? true : undefined}\n        aria-errormessage={status === \"invalid\" ? errorMessageId : undefined}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy]\n            .join(\" \")\n            .trim() || undefined\n        }\n        className={clsx(\n          classes?.group,\n          radioGroupClasses.group,\n          orientation === \"vertical\" &&\n            clsx(classes?.vertical, radioGroupClasses.vertical),\n          orientation === \"horizontal\" &&\n            clsx(classes?.horizontal, radioGroupClasses.horizontal),\n          status === \"invalid\" &&\n            clsx(classes?.invalid, radioGroupClasses.invalid)\n        )}\n        $vertical={orientation === \"vertical\"}\n        $horizontal={orientation === \"horizontal\"}\n        $invalid={status === \"invalid\"}\n        {...others}\n      >\n        {modifiedChildren}\n      </StyledGroup>\n\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableBorder\n          className={clsx(classes?.error, radioGroupClasses.error)}\n        >\n          {statusMessage}\n        </HvWarningText>\n      )}\n    </StyledFormElement>\n  );\n};\n"],"names":["getValueFromSelectedChildren","children","childrenArray","Children","toArray","childrenCount","length","i","child","childIsControlled","props","checked","undefined","childIsSelected","defaultChecked","value","HvRadioGroup","id","classes","className","name","valueProp","defaultValue","label","description","status","statusMessage","required","readOnly","disabled","orientation","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaErrorMessage","onChange","others","elementId","useUniqueId","setValue","useControlled","onChildChangeInterceptor","useCallback","childOnChange","event","isChecked","newValue","modifiedChildren","useMemo","map","childValue","cloneElement","inputProps","canShowError","errorMessageId","setId","StyledFormElement","clsx","root","radioGroupClasses","_jsx","StyledLabel","HvInfoMessage","StyledGroup","role","join","trim","group","vertical","horizontal","invalid","$vertical","$horizontal","$invalid","HvWarningText","disableBorder","error"],"mappings":"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"}

package/dist/cjs/components/RadioGroup/RadioGroup.styles.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const transientOptions = require("../../utils/transientOptions.cjs");
@@ -35,7 +35,7 @@ const StyledFormElement = /* @__PURE__ */ _styled__default.default(FormElement.H
 } : {
   name: "14xf287",
   styles: "display:inline-block;padding:0;margin:0;overflow:hidden;vertical-align:top",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUmFkaW9Hcm91cC9SYWRpb0dyb3VwLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2lDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUmFkaW9Hcm91cC9SYWRpb0dyb3VwLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2Rm9ybUVsZW1lbnQsIEh2TGFiZWwgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGb3JtRWxlbWVudCA9IHN0eWxlZChIdkZvcm1FbGVtZW50KSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHBhZGRpbmc6IDAsXG4gIG1hcmdpbjogMCxcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHZlcnRpY2FsQWxpZ246IFwidG9wXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKEh2TGFiZWwpKHtcbiAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkR3JvdXAgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHZlcnRpY2FsLFxuICAgICRob3Jpem9udGFsLFxuICAgICRpbnZhbGlkLFxuICB9OiB7XG4gICAgJHZlcnRpY2FsOiBib29sZWFuO1xuICAgICRob3Jpem9udGFsOiBib29sZWFuO1xuICAgICRpbnZhbGlkOiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuXG4gICAgLi4uKCR2ZXJ0aWNhbCAmJiB7XG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuXG4gICAgICAvLyBQcmV2ZW50IHRoZSBmb2N1cyByaW5nIHRvIGJlIGhpZGRlbiBieSBzaWJsaW5nIGhvdmVyIGJhY2tncm91bmRcbiAgICAgIFwiJj4qXCI6IHtcbiAgICAgICAgekluZGV4OiAwLFxuICAgICAgfSxcbiAgICAgIFwiJj4qOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICAgIHpJbmRleDogMSxcbiAgICAgIH0sXG4gICAgICAvLyBJRSBmYWxsYmFjayBjb2RlICh1c2luZyBmb2N1cy13aXRoaW4tcG9seWZpbGwpXG4gICAgICBcIiY+Ki5mb2N1cy13aXRoaW5cIjoge1xuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgLi4uKCRob3Jpem9udGFsICYmIHtcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gICAgICBcIiY+Kjpub3QoOmZpcnN0LWNoaWxkKVwiOiB7XG4gICAgICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnNtLFxuICAgICAgfSxcbiAgICAgIHdpZHRoOiBgY2FsYygxMDAlICsgJHt0aGVtZS5zcGFjZS5zbX0pYCwgLy8gQ29tcGVuc2F0ZSB0aGUgbmVnYXRpdmUgbWFyZ2luIGxlZnQgd2hpY2ggaW5jcmVhc2VzIHRoZSB3aWR0aFxuICAgIH0pLFxuXG4gICAgLi4uKCRpbnZhbGlkICYmIHtcbiAgICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlbWE0fWAsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUmFkaW9Hcm91cC9SYWRpb0dyb3VwLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2lDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUmFkaW9Hcm91cC9SYWRpb0dyb3VwLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2Rm9ybUVsZW1lbnQsIEh2TGFiZWwgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGb3JtRWxlbWVudCA9IHN0eWxlZChIdkZvcm1FbGVtZW50KSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHBhZGRpbmc6IDAsXG4gIG1hcmdpbjogMCxcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHZlcnRpY2FsQWxpZ246IFwidG9wXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKEh2TGFiZWwpKHtcbiAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkR3JvdXAgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHZlcnRpY2FsLFxuICAgICRob3Jpem9udGFsLFxuICAgICRpbnZhbGlkLFxuICB9OiB7XG4gICAgJHZlcnRpY2FsOiBib29sZWFuO1xuICAgICRob3Jpem9udGFsOiBib29sZWFuO1xuICAgICRpbnZhbGlkOiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuXG4gICAgLi4uKCR2ZXJ0aWNhbCAmJiB7XG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuXG4gICAgICAvLyBQcmV2ZW50IHRoZSBmb2N1cyByaW5nIHRvIGJlIGhpZGRlbiBieSBzaWJsaW5nIGhvdmVyIGJhY2tncm91bmRcbiAgICAgIFwiJj4qXCI6IHtcbiAgICAgICAgekluZGV4OiAwLFxuICAgICAgfSxcbiAgICAgIFwiJj4qOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICAgIHpJbmRleDogMSxcbiAgICAgIH0sXG4gICAgICAvLyBJRSBmYWxsYmFjayBjb2RlICh1c2luZyBmb2N1cy13aXRoaW4tcG9seWZpbGwpXG4gICAgICBcIiY+Ki5mb2N1cy13aXRoaW5cIjoge1xuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgLi4uKCRob3Jpem9udGFsICYmIHtcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gICAgICBcIiY+Kjpub3QoOmZpcnN0LW9mLXR5cGUpXCI6IHtcbiAgICAgICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2Uuc20sXG4gICAgICB9LFxuICAgICAgd2lkdGg6IGBjYWxjKDEwMCUgKyAke3RoZW1lLnNwYWNlLnNtfSlgLCAvLyBDb21wZW5zYXRlIHRoZSBuZWdhdGl2ZSBtYXJnaW4gbGVmdCB3aGljaCBpbmNyZWFzZXMgdGhlIHdpZHRoXG4gICAgfSksXG5cbiAgICAuLi4oJGludmFsaWQgJiYge1xuICAgICAgcGFkZGluZ0JvdHRvbTogdGhlbWUuc3BhY2UueHMsXG4gICAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuc2VtYTR9YCxcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledLabel = /* @__PURE__ */ _styled__default.default(Label.HvLabel, process.env.NODE_ENV === "production" ? {
@@ -45,7 +45,7 @@ const StyledLabel = /* @__PURE__ */ _styled__default.default(Label.HvLabel, proc
   label: "StyledLabel"
 })({
   marginBottom: uikitStyles.theme.space.xs
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUmFkaW9Hcm91cC9SYWRpb0dyb3VwLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUmFkaW9Hcm91cC9SYWRpb0dyb3VwLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2Rm9ybUVsZW1lbnQsIEh2TGFiZWwgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGb3JtRWxlbWVudCA9IHN0eWxlZChIdkZvcm1FbGVtZW50KSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHBhZGRpbmc6IDAsXG4gIG1hcmdpbjogMCxcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHZlcnRpY2FsQWxpZ246IFwidG9wXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKEh2TGFiZWwpKHtcbiAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkR3JvdXAgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHZlcnRpY2FsLFxuICAgICRob3Jpem9udGFsLFxuICAgICRpbnZhbGlkLFxuICB9OiB7XG4gICAgJHZlcnRpY2FsOiBib29sZWFuO1xuICAgICRob3Jpem9udGFsOiBib29sZWFuO1xuICAgICRpbnZhbGlkOiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuXG4gICAgLi4uKCR2ZXJ0aWNhbCAmJiB7XG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuXG4gICAgICAvLyBQcmV2ZW50IHRoZSBmb2N1cyByaW5nIHRvIGJlIGhpZGRlbiBieSBzaWJsaW5nIGhvdmVyIGJhY2tncm91bmRcbiAgICAgIFwiJj4qXCI6IHtcbiAgICAgICAgekluZGV4OiAwLFxuICAgICAgfSxcbiAgICAgIFwiJj4qOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICAgIHpJbmRleDogMSxcbiAgICAgIH0sXG4gICAgICAvLyBJRSBmYWxsYmFjayBjb2RlICh1c2luZyBmb2N1cy13aXRoaW4tcG9seWZpbGwpXG4gICAgICBcIiY+Ki5mb2N1cy13aXRoaW5cIjoge1xuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgLi4uKCRob3Jpem9udGFsICYmIHtcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gICAgICBcIiY+Kjpub3QoOmZpcnN0LWNoaWxkKVwiOiB7XG4gICAgICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnNtLFxuICAgICAgfSxcbiAgICAgIHdpZHRoOiBgY2FsYygxMDAlICsgJHt0aGVtZS5zcGFjZS5zbX0pYCwgLy8gQ29tcGVuc2F0ZSB0aGUgbmVnYXRpdmUgbWFyZ2luIGxlZnQgd2hpY2ggaW5jcmVhc2VzIHRoZSB3aWR0aFxuICAgIH0pLFxuXG4gICAgLi4uKCRpbnZhbGlkICYmIHtcbiAgICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlbWE0fWAsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUmFkaW9Hcm91cC9SYWRpb0dyb3VwLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUmFkaW9Hcm91cC9SYWRpb0dyb3VwLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2Rm9ybUVsZW1lbnQsIEh2TGFiZWwgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGb3JtRWxlbWVudCA9IHN0eWxlZChIdkZvcm1FbGVtZW50KSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHBhZGRpbmc6IDAsXG4gIG1hcmdpbjogMCxcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHZlcnRpY2FsQWxpZ246IFwidG9wXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKEh2TGFiZWwpKHtcbiAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkR3JvdXAgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHZlcnRpY2FsLFxuICAgICRob3Jpem9udGFsLFxuICAgICRpbnZhbGlkLFxuICB9OiB7XG4gICAgJHZlcnRpY2FsOiBib29sZWFuO1xuICAgICRob3Jpem9udGFsOiBib29sZWFuO1xuICAgICRpbnZhbGlkOiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuXG4gICAgLi4uKCR2ZXJ0aWNhbCAmJiB7XG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuXG4gICAgICAvLyBQcmV2ZW50IHRoZSBmb2N1cyByaW5nIHRvIGJlIGhpZGRlbiBieSBzaWJsaW5nIGhvdmVyIGJhY2tncm91bmRcbiAgICAgIFwiJj4qXCI6IHtcbiAgICAgICAgekluZGV4OiAwLFxuICAgICAgfSxcbiAgICAgIFwiJj4qOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICAgIHpJbmRleDogMSxcbiAgICAgIH0sXG4gICAgICAvLyBJRSBmYWxsYmFjayBjb2RlICh1c2luZyBmb2N1cy13aXRoaW4tcG9seWZpbGwpXG4gICAgICBcIiY+Ki5mb2N1cy13aXRoaW5cIjoge1xuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgLi4uKCRob3Jpem9udGFsICYmIHtcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gICAgICBcIiY+Kjpub3QoOmZpcnN0LW9mLXR5cGUpXCI6IHtcbiAgICAgICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2Uuc20sXG4gICAgICB9LFxuICAgICAgd2lkdGg6IGBjYWxjKDEwMCUgKyAke3RoZW1lLnNwYWNlLnNtfSlgLCAvLyBDb21wZW5zYXRlIHRoZSBuZWdhdGl2ZSBtYXJnaW4gbGVmdCB3aGljaCBpbmNyZWFzZXMgdGhlIHdpZHRoXG4gICAgfSksXG5cbiAgICAuLi4oJGludmFsaWQgJiYge1xuICAgICAgcGFkZGluZ0JvdHRvbTogdGhlbWUuc3BhY2UueHMsXG4gICAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuc2VtYTR9YCxcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */");
 const StyledGroup = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e1qvmihv0"
 }, transientOptions.transientOptions) : _extends({}, {
@@ -59,12 +59,14 @@ const StyledGroup = /* @__PURE__ */ _styled__default.default("div", process.env.
   display: "flex",
   ...$vertical && {
     flexDirection: "column",
+    // Prevent the focus ring to be hidden by sibling hover background
     "&>*": {
       zIndex: 0
     },
     "&>*:focus-within": {
       zIndex: 1
     },
+    // IE fallback code (using focus-within-polyfill)
     "&>*.focus-within": {
       zIndex: 1
     }
@@ -72,16 +74,17 @@ const StyledGroup = /* @__PURE__ */ _styled__default.default("div", process.env.
   ...$horizontal && {
     flexDirection: "row",
     flexWrap: "wrap",
-    "&>*:not(:first-child)": {
+    "&>*:not(:first-of-type)": {
       marginLeft: uikitStyles.theme.space.sm
     },
     width: `calc(100% + ${uikitStyles.theme.space.sm})`
+    // Compensate the negative margin left which increases the width
   },
   ...$invalid && {
     paddingBottom: uikitStyles.theme.space.xs,
     borderBottom: `1px solid ${uikitStyles.theme.colors.sema4}`
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUmFkaW9Hcm91cC9SYWRpb0dyb3VwLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUIyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1JhZGlvR3JvdXAvUmFkaW9Hcm91cC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdkZvcm1FbGVtZW50LCBIdkxhYmVsIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9ybUVsZW1lbnQgPSBzdHlsZWQoSHZGb3JtRWxlbWVudCkoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICBwYWRkaW5nOiAwLFxuICBtYXJnaW46IDAsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB2ZXJ0aWNhbEFsaWduOiBcInRvcFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZChIdkxhYmVsKSh7XG4gIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEdyb3VwID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICR2ZXJ0aWNhbCxcbiAgICAkaG9yaXpvbnRhbCxcbiAgICAkaW52YWxpZCxcbiAgfToge1xuICAgICR2ZXJ0aWNhbDogYm9vbGVhbjtcbiAgICAkaG9yaXpvbnRhbDogYm9vbGVhbjtcbiAgICAkaW52YWxpZDogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcblxuICAgIC4uLigkdmVydGljYWwgJiYge1xuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcblxuICAgICAgLy8gUHJldmVudCB0aGUgZm9jdXMgcmluZyB0byBiZSBoaWRkZW4gYnkgc2libGluZyBob3ZlciBiYWNrZ3JvdW5kXG4gICAgICBcIiY+KlwiOiB7XG4gICAgICAgIHpJbmRleDogMCxcbiAgICAgIH0sXG4gICAgICBcIiY+Kjpmb2N1cy13aXRoaW5cIjoge1xuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICB9LFxuICAgICAgLy8gSUUgZmFsbGJhY2sgY29kZSAodXNpbmcgZm9jdXMtd2l0aGluLXBvbHlmaWxsKVxuICAgICAgXCImPiouZm9jdXMtd2l0aGluXCI6IHtcbiAgICAgICAgekluZGV4OiAxLFxuICAgICAgfSxcbiAgICB9KSxcblxuICAgIC4uLigkaG9yaXpvbnRhbCAmJiB7XG4gICAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgICAgZmxleFdyYXA6IFwid3JhcFwiLFxuICAgICAgXCImPio6bm90KDpmaXJzdC1jaGlsZClcIjoge1xuICAgICAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS5zbSxcbiAgICAgIH0sXG4gICAgICB3aWR0aDogYGNhbGMoMTAwJSArICR7dGhlbWUuc3BhY2Uuc219KWAsIC8vIENvbXBlbnNhdGUgdGhlIG5lZ2F0aXZlIG1hcmdpbiBsZWZ0IHdoaWNoIGluY3JlYXNlcyB0aGUgd2lkdGhcbiAgICB9KSxcblxuICAgIC4uLigkaW52YWxpZCAmJiB7XG4gICAgICBwYWRkaW5nQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZW1hNH1gLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUmFkaW9Hcm91cC9SYWRpb0dyb3VwLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUIyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1JhZGlvR3JvdXAvUmFkaW9Hcm91cC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdkZvcm1FbGVtZW50LCBIdkxhYmVsIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9ybUVsZW1lbnQgPSBzdHlsZWQoSHZGb3JtRWxlbWVudCkoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICBwYWRkaW5nOiAwLFxuICBtYXJnaW46IDAsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB2ZXJ0aWNhbEFsaWduOiBcInRvcFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZChIdkxhYmVsKSh7XG4gIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEdyb3VwID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICR2ZXJ0aWNhbCxcbiAgICAkaG9yaXpvbnRhbCxcbiAgICAkaW52YWxpZCxcbiAgfToge1xuICAgICR2ZXJ0aWNhbDogYm9vbGVhbjtcbiAgICAkaG9yaXpvbnRhbDogYm9vbGVhbjtcbiAgICAkaW52YWxpZDogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcblxuICAgIC4uLigkdmVydGljYWwgJiYge1xuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcblxuICAgICAgLy8gUHJldmVudCB0aGUgZm9jdXMgcmluZyB0byBiZSBoaWRkZW4gYnkgc2libGluZyBob3ZlciBiYWNrZ3JvdW5kXG4gICAgICBcIiY+KlwiOiB7XG4gICAgICAgIHpJbmRleDogMCxcbiAgICAgIH0sXG4gICAgICBcIiY+Kjpmb2N1cy13aXRoaW5cIjoge1xuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICB9LFxuICAgICAgLy8gSUUgZmFsbGJhY2sgY29kZSAodXNpbmcgZm9jdXMtd2l0aGluLXBvbHlmaWxsKVxuICAgICAgXCImPiouZm9jdXMtd2l0aGluXCI6IHtcbiAgICAgICAgekluZGV4OiAxLFxuICAgICAgfSxcbiAgICB9KSxcblxuICAgIC4uLigkaG9yaXpvbnRhbCAmJiB7XG4gICAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgICAgZmxleFdyYXA6IFwid3JhcFwiLFxuICAgICAgXCImPio6bm90KDpmaXJzdC1vZi10eXBlKVwiOiB7XG4gICAgICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnNtLFxuICAgICAgfSxcbiAgICAgIHdpZHRoOiBgY2FsYygxMDAlICsgJHt0aGVtZS5zcGFjZS5zbX0pYCwgLy8gQ29tcGVuc2F0ZSB0aGUgbmVnYXRpdmUgbWFyZ2luIGxlZnQgd2hpY2ggaW5jcmVhc2VzIHRoZSB3aWR0aFxuICAgIH0pLFxuXG4gICAgLi4uKCRpbnZhbGlkICYmIHtcbiAgICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlbWE0fWAsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
 exports.StyledFormElement = StyledFormElement;
 exports.StyledGroup = StyledGroup;
 exports.StyledLabel = StyledLabel;

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.styles.cjs","sources":["../../../../src/components/RadioGroup/RadioGroup.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvFormElement, HvLabel } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledFormElement = styled(HvFormElement)({\n  display: \"inline-block\",\n  padding: 0,\n  margin: 0,\n  overflow: \"hidden\",\n  verticalAlign: \"top\",\n});\n\nexport const StyledLabel = styled(HvLabel)({\n  marginBottom: theme.space.xs,\n});\n\nexport const StyledGroup = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $vertical,\n    $horizontal,\n    $invalid,\n  }: {\n    $vertical: boolean;\n    $horizontal: boolean;\n    $invalid: boolean;\n  }) => ({\n    display: \"flex\",\n\n    ...($vertical && {\n      flexDirection: \"column\",\n\n      // Prevent the focus ring to be hidden by sibling hover background\n      \"&>*\": {\n        zIndex: 0,\n      },\n      \"&>*:focus-within\": {\n        zIndex: 1,\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&>*.focus-within\": {\n        zIndex: 1,\n      },\n    }),\n\n    ...($horizontal && {\n      flexDirection: \"row\",\n      flexWrap: \"wrap\",\n      \"&>*:not(:first-child)\": {\n        marginLeft: theme.space.sm,\n      },\n      width: `calc(100% + ${theme.space.sm})`, // Compensate the negative margin left which increases the width\n    }),\n\n    ...($invalid && {\n      paddingBottom: theme.space.xs,\n      borderBottom: `1px solid ${theme.colors.sema4}`,\n    }),\n  })\n);\n"],"names":["StyledFormElement","HvFormElement","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","HvLabel","marginBottom","theme","space","xs","StyledGroup","_extends","transientOptions","$vertical","$horizontal","$invalid","display","flexDirection","zIndex","flexWrap","marginLeft","sm","width","paddingBottom","borderBottom","colors","sema4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,MAAMA,oBAA2BC,iCAAAA,QAAAA,YAAAA,eAAaC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAMpD;AAEK,MAAMC,cAAqBC,iCAAAA,QAAAA,MAAAA,SAAOX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCQ,cAAcC,YAAAA,MAAMC,MAAMC;AAC5B,GAACf,QAAAC,IAAAC,aAAC,eAAA,KAAA,q9EAAA;AAEWc,MAAAA,uDACX,OAAKhB,QAAAC,IAAAC,4BAAAe,SAAA,IAAA;AAAA,EAAAd,QAAA;AAAA,GACLe,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAd,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBc,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCC;AAAAA,EACAC;AAAAA,EACAC;AAKF,OAAO;AAAA,EACLC,SAAS;AAAA,EAET,GAAIH,aAAa;AAAA,IACfI,eAAe;AAAA,IAGf,OAAO;AAAA,MACLC,QAAQ;AAAA,IACV;AAAA,IACA,oBAAoB;AAAA,MAClBA,QAAQ;AAAA,IACV;AAAA,IAEA,oBAAoB;AAAA,MAClBA,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EAEA,GAAIJ,eAAe;AAAA,IACjBG,eAAe;AAAA,IACfE,UAAU;AAAA,IACV,yBAAyB;AAAA,MACvBC,YAAYb,YAAAA,MAAMC,MAAMa;AAAAA,IAC1B;AAAA,IACAC,OAAQ,eAAcf,YAAAA,MAAMC,MAAMa;AAAAA,EACpC;AAAA,EAEA,GAAIN,YAAY;AAAA,IACdQ,eAAehB,YAAAA,MAAMC,MAAMC;AAAAA,IAC3Be,cAAe,aAAYjB,YAAAA,MAAMkB,OAAOC;AAAAA,EAC1C;AACF,IAAEhC,QAAAC,IAAAC,aACH,eAAA,KAAA,y9EAAA;;;;"}
+{"version":3,"file":"RadioGroup.styles.cjs","sources":["../../../../src/components/RadioGroup/RadioGroup.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvFormElement, HvLabel } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledFormElement = styled(HvFormElement)({\n  display: \"inline-block\",\n  padding: 0,\n  margin: 0,\n  overflow: \"hidden\",\n  verticalAlign: \"top\",\n});\n\nexport const StyledLabel = styled(HvLabel)({\n  marginBottom: theme.space.xs,\n});\n\nexport const StyledGroup = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $vertical,\n    $horizontal,\n    $invalid,\n  }: {\n    $vertical: boolean;\n    $horizontal: boolean;\n    $invalid: boolean;\n  }) => ({\n    display: \"flex\",\n\n    ...($vertical && {\n      flexDirection: \"column\",\n\n      // Prevent the focus ring to be hidden by sibling hover background\n      \"&>*\": {\n        zIndex: 0,\n      },\n      \"&>*:focus-within\": {\n        zIndex: 1,\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&>*.focus-within\": {\n        zIndex: 1,\n      },\n    }),\n\n    ...($horizontal && {\n      flexDirection: \"row\",\n      flexWrap: \"wrap\",\n      \"&>*:not(:first-of-type)\": {\n        marginLeft: theme.space.sm,\n      },\n      width: `calc(100% + ${theme.space.sm})`, // Compensate the negative margin left which increases the width\n    }),\n\n    ...($invalid && {\n      paddingBottom: theme.space.xs,\n      borderBottom: `1px solid ${theme.colors.sema4}`,\n    }),\n  })\n);\n"],"names":["StyledFormElement","HvFormElement","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","HvLabel","marginBottom","theme","space","xs","StyledGroup","_extends","transientOptions","$vertical","$horizontal","$invalid","display","flexDirection","zIndex","flexWrap","marginLeft","sm","width","paddingBottom","borderBottom","colors","sema4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,MAAMA,oBAA2BC,iCAAAA,QAAAA,YAAAA,eAAaC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAMpD;AAEK,MAAMC,cAAqBC,iCAAAA,QAAAA,MAAAA,SAAOX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCQ,cAAcC,YAAAA,MAAMC,MAAMC;AAC5B,GAACf,QAAAC,IAAAC,aAAC,eAAA,KAAA,y9EAAA;AAEWc,MAAAA,uDACX,OAAKhB,QAAAC,IAAAC,4BAAAe,SAAA,IAAA;AAAA,EAAAd,QAAA;AAAA,GACLe,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAd,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBc,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCC;AAAAA,EACAC;AAAAA,EACAC;AAKF,OAAO;AAAA,EACLC,SAAS;AAAA,EAET,GAAIH,aAAa;AAAA,IACfI,eAAe;AAAA;AAAA,IAGf,OAAO;AAAA,MACLC,QAAQ;AAAA,IACV;AAAA,IACA,oBAAoB;AAAA,MAClBA,QAAQ;AAAA,IACV;AAAA;AAAA,IAEA,oBAAoB;AAAA,MAClBA,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EAEA,GAAIJ,eAAe;AAAA,IACjBG,eAAe;AAAA,IACfE,UAAU;AAAA,IACV,2BAA2B;AAAA,MACzBC,YAAYb,YAAAA,MAAMC,MAAMa;AAAAA,IAC1B;AAAA,IACAC,OAAQ,eAAcf,YAAAA,MAAMC,MAAMa;AAAAA;AAAAA,EACpC;AAAA,EAEA,GAAIN,YAAY;AAAA,IACdQ,eAAehB,YAAAA,MAAMC,MAAMC;AAAAA,IAC3Be,cAAe,aAAYjB,YAAAA,MAAMkB,OAAOC;AAAAA,EAC1C;AACF,IAAEhC,QAAAC,IAAAC,aACH,eAAA,KAAA,y9EAAA;;;;"}

package/dist/cjs/components/SelectionList/SelectionList.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const clsx = require("clsx");
 const SelectionList_styles = require("./SelectionList.styles.cjs");
@@ -49,7 +49,11 @@ const HvSelectionList = ({
   ...others
 }) => {
   const elementId = useUniqueId.default(id, "hvselectionlist");
-  const [value, setValue] = useControlled.useControlled(valueProp, defaultValue !== void 0 ? defaultValue : () => getValueFromSelectedChildren(children, multiple));
+  const [value, setValue] = useControlled.useControlled(valueProp, defaultValue !== void 0 ? defaultValue : (
+    // when uncontrolled and no default value is given,
+    // extract the initial selected values from the children own state
+    () => getValueFromSelectedChildren(children, multiple)
+  ));
   const [validationState, setValidationState] = useControlled.useControlled(status, "standBy");
   const [validationMessage] = useControlled.useControlled(statusMessage, "Required");
   const [allValues, selectedState] = React.useMemo(() => {

package/dist/cjs/components/SelectionList/SelectionList.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionList.cjs","sources":["../../../../src/components/SelectionList/SelectionList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types/index\";\nimport {\n  StyledListContainer,\n  StyledFormElement,\n  StyledLabel,\n  StyledInfoMessage,\n  StyledError,\n} from \"./SelectionList.styles\";\nimport {\n  isKeypress,\n  keyboardCodes,\n  setId,\n  multiSelectionEventHandler,\n} from \"utils\";\nimport { useControlled, useUniqueId } from \"hooks\";\nimport { HvFormStatus } from \"components\";\nimport selectionListClasses, {\n  HvSelectionListClasses,\n} from \"./selectionListClasses\";\n\nexport type HvSelectionListProps = HvBaseProps<\n  HTMLUListElement,\n  { onChange }\n> & {\n  /** The form element name. */\n  name?: string;\n  /**\n   * The value of the form element. It must be represented in the child list items.\n   *\n   * Can either be a single value (when multiple = false) or an\n   * array of values (when multiple = true).\n   *\n   * When defined the selection list state becomes controlled.\n   */\n  value?: any | any[];\n  /** When uncontrolled, defines the initial value. */\n  defaultValue?: any | 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  /** Indicates that the form element is disabled. If `true` the state is propagated to the children list items. */\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  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage?: string;\n  /** Indicates that the user may select more than one item from the current selectable list items. */\n  multiple?: boolean;\n  /** If `true`, selection can be toggled when single selection. */\n  singleSelectionToggle?: boolean;\n  /** Indicates whether the list orientation is horizontal or vertical. Defaults to vertical. */\n  orientation?: \"vertical\" | \"horizontal\";\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 empty state component. */\n  classes?: HvSelectionListClasses;\n};\n\nconst getValueFromSelectedChildren = (children, multiple) => {\n  const selectedValues = React.Children.toArray(children)\n    .map((child: any) => {\n      const childIsControlled = child?.props?.selected !== undefined;\n      const childIsSelected =\n        child && childIsControlled\n          ? child.props?.selected\n          : child.props?.defaultSelected;\n\n      return childIsSelected ? child?.props.value : undefined;\n    })\n    .filter((v) => v !== undefined);\n\n  return multiple ? selectedValues : selectedValues?.[0];\n};\n\n/**\n * Allows the user to select one or more items from a list of choices.\n *\n * Although it supports multi-selection, DS recommends the use of a selection list\n * when it’s clear that the user can only select just one option from the range provided.\n */\nexport const HvSelectionList = ({\n  id,\n  classes,\n  className,\n  children,\n  name,\n  value: valueProp,\n  defaultValue,\n  required = false,\n  readOnly = false,\n  disabled = false,\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n  onChange,\n  status,\n  statusMessage,\n  \"aria-errormessage\": ariaErrorMessage,\n  orientation = \"vertical\",\n  multiple = false,\n  singleSelectionToggle = false,\n  ...others\n}: HvSelectionListProps) => {\n  const elementId = useUniqueId(id, \"hvselectionlist\");\n\n  const [value, setValue] = useControlled(\n    valueProp,\n    defaultValue !== undefined\n      ? defaultValue\n      : // when uncontrolled and no default value is given,\n        // extract the initial selected values from the children own state\n        () => getValueFromSelectedChildren(children, multiple)\n  );\n\n  const [validationState, setValidationState] = useControlled(\n    status,\n    \"standBy\"\n  );\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [allValues, selectedState] = useMemo(() => {\n    const childValues: any[] = [];\n    const childSelectedState: boolean[] = [];\n\n    React.Children.toArray(children).forEach((child: any, i: number) => {\n      const childValue = child?.props?.value;\n      const childIsSelected = multiple\n        ? value.indexOf(childValue) !== -1\n        : value === childValue;\n\n      childValues[i] = childValue;\n      childSelectedState[i] = childIsSelected;\n    });\n\n    return [childValues, childSelectedState];\n  }, [children, multiple, value]);\n\n  const selectionAnchor = useRef(undefined);\n\n  const listContainer = useRef<any>(null);\n\n  const { ArrowUp, ArrowDown } = keyboardCodes;\n\n  useEffect(() => {\n    const handleMeta = (event) => {\n      const tempArray: any[] = [];\n      if (\n        (isKeypress(event, ArrowUp) &&\n          event.shiftKey &&\n          listContainer.current.contains(event.target)) ||\n        (isKeypress(event, ArrowDown) &&\n          event.shiftKey &&\n          listContainer.current.contains(event.target))\n      ) {\n        selectedState.forEach((isSelected, i) => {\n          if (i === event.target.value - 1) {\n            if (!isSelected) {\n              tempArray.push(allValues[i]);\n            }\n          } else if (isSelected) {\n            tempArray.push(allValues[i]);\n          }\n        });\n        setValue(tempArray);\n      }\n    };\n    window.addEventListener(\"keyup\", handleMeta);\n\n    return () => {\n      window.removeEventListener(\"keyup\", handleMeta);\n    };\n  }, [allValues, selectedState, setValue, ArrowUp, ArrowDown]);\n\n  const onChildChangeInterceptor = useCallback(\n    (index, childOnClick, evt) => {\n      childOnClick?.(evt);\n      if (!readOnly && !disabled) {\n        let newValue;\n        if (multiple) {\n          newValue = multiSelectionEventHandler(\n            evt,\n            index,\n            selectionAnchor,\n            allValues,\n            selectedState,\n            undefined\n          );\n        } else {\n          newValue =\n            singleSelectionToggle && selectedState[index]\n              ? null\n              : allValues[index];\n        }\n\n        onChange?.(evt, newValue);\n\n        setValue(() => {\n          // this will only run if uncontrolled\n\n          if (required && newValue.length === 0) {\n            setValidationState(\"invalid\");\n          } else {\n            setValidationState(\"valid\");\n          }\n\n          return newValue;\n        });\n      }\n    },\n    [\n      allValues,\n      disabled,\n      multiple,\n      onChange,\n      readOnly,\n      required,\n      selectedState,\n      setValidationState,\n      setValue,\n      singleSelectionToggle,\n      selectionAnchor,\n    ]\n  );\n\n  const modifiedChildren = useMemo(() => {\n    return React.Children.map(children, (child: any, i) => {\n      const childIsSelected = selectedState[i];\n\n      return React.cloneElement(child, {\n        role: \"option\",\n        selected: childIsSelected,\n        onClick: (evt) =>\n          onChildChangeInterceptor(i, child?.props?.onClick, evt),\n        disabled: disabled || child?.props?.disabled,\n      });\n    });\n  }, [children, disabled, onChildChangeInterceptor, selectedState]);\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined && required));\n\n  const errorMessageId = canShowError\n    ? setId(elementId, \"error\")\n    : ariaErrorMessage;\n\n  const listId = (label && setId(elementId, \"listbox\")) || \"\";\n\n  return (\n    <StyledFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, selectionListClasses.root, classes?.root)}\n    >\n      {label && (\n        <StyledLabel\n          id={setId(elementId, \"label\")}\n          label={label}\n          className={clsx(selectionListClasses.label, classes?.label)}\n        />\n      )}\n      {description && (\n        <StyledInfoMessage\n          id={setId(elementId, \"description\")}\n          className={clsx(\n            selectionListClasses.description,\n            classes?.description\n          )}\n        >\n          {description}\n        </StyledInfoMessage>\n      )}\n\n      <StyledListContainer\n        id={listId}\n        interactive\n        condensed\n        role=\"listbox\"\n        aria-multiselectable={multiple || undefined}\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy]\n            .join(\" \")\n            .trim() || undefined\n        }\n        aria-invalid={validationState === \"invalid\" ? true : undefined}\n        aria-errormessage={\n          validationState === \"invalid\" ? errorMessageId : undefined\n        }\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy]\n            .join(\" \")\n            .trim() || undefined\n        }\n        className={clsx(\n          classes?.listbox,\n          selectionListClasses.listbox,\n          orientation === \"vertical\" &&\n            clsx(selectionListClasses.vertical, classes?.vertical),\n          orientation === \"horizontal\" &&\n            clsx(selectionListClasses.horizontal, classes?.horizontal),\n          validationState === \"invalid\" &&\n            clsx(selectionListClasses.invalid, classes?.invalid)\n        )}\n        ref={listContainer}\n        $orientation={orientation}\n        $validationState={validationState}\n        {...others}\n      >\n        {modifiedChildren}\n      </StyledListContainer>\n\n      {canShowError && (\n        <StyledError\n          id={setId(elementId, \"error\")}\n          disableBorder\n          className={clsx(selectionListClasses.error, classes?.error)}\n        >\n          {validationMessage}\n        </StyledError>\n      )}\n    </StyledFormElement>\n  );\n};\n"],"names":["getValueFromSelectedChildren","children","multiple","selectedValues","React","Children","toArray","map","child","childIsControlled","props","selected","undefined","childIsSelected","defaultSelected","value","filter","v","HvSelectionList","id","classes","className","name","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","orientation","singleSelectionToggle","others","elementId","useUniqueId","setValue","useControlled","validationState","setValidationState","validationMessage","allValues","selectedState","useMemo","childValues","childSelectedState","forEach","i","childValue","indexOf","selectionAnchor","useRef","listContainer","ArrowUp","ArrowDown","keyboardCodes","useEffect","handleMeta","event","tempArray","isKeypress","shiftKey","current","contains","target","isSelected","push","addEventListener","removeEventListener","onChildChangeInterceptor","useCallback","index","childOnClick","evt","newValue","multiSelectionEventHandler","length","modifiedChildren","cloneElement","role","onClick","canShowError","errorMessageId","setId","listId","StyledFormElement","clsx","selectionListClasses","root","_jsx","StyledLabel","StyledInfoMessage","StyledListContainer","interactive","condensed","join","trim","listbox","vertical","horizontal","invalid","ref","$orientation","$validationState","StyledError","disableBorder","error"],"mappings":";;;;;;;;;;;;;;;;AAiFA,MAAMA,+BAA+BA,CAACC,UAAUC,aAAa;AACrDC,QAAAA,iBAAiBC,uBAAMC,SAASC,QAAQL,QAAQ,EACnDM,IAAI,CAACC,UAAe;;AACbC,UAAAA,sBAAoBD,oCAAOE,UAAPF,mBAAcG,cAAaC;AACrD,UAAMC,kBACJL,SAASC,qBACLD,WAAME,UAANF,mBAAaG,YACbH,WAAME,UAANF,mBAAaM;AAEZD,WAAAA,kBAAkBL,+BAAOE,MAAMK,QAAQH;AAAAA,EAAAA,CAC/C,EACAI,OAAQC,CAAAA,MAAMA,MAAML,MAAS;AAEzBV,SAAAA,WAAWC,iBAAiBA,iDAAiB;AACtD;AAQO,MAAMe,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACApB;AAAAA,EACAqB;AAAAA,EACAP,OAAOQ;AAAAA,EACPC;AAAAA,EACAC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC;AAAAA,EACA,cAAcC;AAAAA,EACd,mBAAmBC;AAAAA,EACnBC;AAAAA,EACA,oBAAoBC;AAAAA,EACpBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,qBAAqBC;AAAAA,EACrBC,cAAc;AAAA,EACdnC,WAAW;AAAA,EACXoC,wBAAwB;AAAA,KACrBC;AACiB,MAAM;AACpBC,QAAAA,YAAYC,YAAAA,QAAYtB,IAAI,iBAAiB;AAEnD,QAAM,CAACJ,OAAO2B,QAAQ,IAAIC,cACxBpB,cAAAA,WACAC,iBAAiBZ,SACbY,eAGA,MAAMxB,6BAA6BC,UAAUC,QAAQ,CAAC;AAG5D,QAAM,CAAC0C,iBAAiBC,kBAAkB,IAAIF,cAAAA,cAC5CT,QACA,SAAS;AAGX,QAAM,CAACY,iBAAiB,IAAIH,cAAAA,cAAcR,eAAe,UAAU;AAEnE,QAAM,CAACY,WAAWC,aAAa,IAAIC,cAAQ,MAAM;AAC/C,UAAMC,cAAqB,CAAA;AAC3B,UAAMC,qBAAgC,CAAA;AAEtC/C,mBAAAA,QAAMC,SAASC,QAAQL,QAAQ,EAAEmD,QAAQ,CAAC5C,OAAY6C,MAAc;;AAC5DC,YAAAA,cAAa9C,oCAAOE,UAAPF,mBAAcO;AACjC,YAAMF,kBAAkBX,WACpBa,MAAMwC,QAAQD,UAAU,MAAM,KAC9BvC,UAAUuC;AAEdJ,kBAAYG,KAAKC;AACjBH,yBAAmBE,KAAKxC;AAAAA,IAAAA,CACzB;AAEM,WAAA,CAACqC,aAAaC,kBAAkB;AAAA,EACtC,GAAA,CAAClD,UAAUC,UAAUa,KAAK,CAAC;AAExByC,QAAAA,kBAAkBC,MAAAA,OAAO7C,MAAS;AAElC8C,QAAAA,gBAAgBD,aAAY,IAAI;AAEhC,QAAA;AAAA,IAAEE;AAAAA,IAASC;AAAAA,EAAcC,IAAAA;AAE/BC,QAAAA,UAAU,MAAM;AACd,UAAMC,aAAcC,CAAU,UAAA;AAC5B,YAAMC,YAAmB,CAAA;AAEtBC,UAAAA,oBAAWF,OAAOL,OAAO,KACxBK,MAAMG,YACNT,cAAcU,QAAQC,SAASL,MAAMM,MAAM,KAC5CJ,SAAWF,WAAAA,OAAOJ,SAAS,KAC1BI,MAAMG,YACNT,cAAcU,QAAQC,SAASL,MAAMM,MAAM,GAC7C;AACclB,sBAAAA,QAAQ,CAACmB,YAAYlB,MAAM;AACvC,cAAIA,MAAMW,MAAMM,OAAOvD,QAAQ,GAAG;AAChC,gBAAI,CAACwD,YAAY;AACLC,wBAAAA,KAAKzB,UAAUM,EAAE;AAAA,YAC7B;AAAA,qBACSkB,YAAY;AACXC,sBAAAA,KAAKzB,UAAUM,EAAE;AAAA,UAC7B;AAAA,QAAA,CACD;AACDX,iBAASuB,SAAS;AAAA,MACpB;AAAA,IAAA;AAEKQ,WAAAA,iBAAiB,SAASV,UAAU;AAE3C,WAAO,MAAM;AACJW,aAAAA,oBAAoB,SAASX,UAAU;AAAA,IAAA;AAAA,EAChD,GACC,CAAChB,WAAWC,eAAeN,UAAUiB,SAASC,SAAS,CAAC;AAE3D,QAAMe,2BAA2BC,MAAAA,YAC/B,CAACC,OAAOC,cAAcC,QAAQ;AAC5BD,iDAAeC;AACX,QAAA,CAACrD,YAAY,CAACC,UAAU;AACtBqD,UAAAA;AACJ,UAAI9E,UAAU;AACZ8E,mBAAWC,2BAAAA,QACTF,KACAF,OACArB,iBACAT,WACAC,eACApC,MAAS;AAAA,MAAA,OAEN;AACLoE,mBACE1C,yBAAyBU,cAAc6B,SACnC,OACA9B,UAAU8B;AAAAA,MAClB;AAEA5C,2CAAW8C,KAAKC;AAEhBtC,eAAS,MAAM;AAGTjB,YAAAA,YAAYuD,SAASE,WAAW,GAAG;AACrCrC,6BAAmB,SAAS;AAAA,QAAA,OACvB;AACLA,6BAAmB,OAAO;AAAA,QAC5B;AAEOmC,eAAAA;AAAAA,MAAAA,CACR;AAAA,IACH;AAAA,EAEF,GAAA,CACEjC,WACApB,UACAzB,UACA+B,UACAP,UACAD,UACAuB,eACAH,oBACAH,UACAJ,uBACAkB,eAAe,CAChB;AAGG2B,QAAAA,mBAAmBlC,MAAAA,QAAQ,MAAM;AACrC,WAAO7C,eAAAA,QAAMC,SAASE,IAAIN,UAAU,CAACO,OAAY6C,MAAM;;AACrD,YAAMxC,kBAAkBmC,cAAcK;AAE/BjD,aAAAA,eAAAA,QAAMgF,aAAa5E,OAAO;AAAA,QAC/B6E,MAAM;AAAA,QACN1E,UAAUE;AAAAA,QACVyE,SAAUP,CACRJ,QAAAA;;AAAAA,0CAAyBtB,IAAG7C,MAAAA,+BAAOE,UAAPF,gBAAAA,IAAc8E,SAASP,GAAG;AAAA;AAAA,QACxDpD,UAAUA,cAAYnB,oCAAOE,UAAPF,mBAAcmB;AAAAA,MAAAA,CACrC;AAAA,IAAA,CACF;AAAA,KACA,CAAC1B,UAAU0B,UAAUgD,0BAA0B3B,aAAa,CAAC;AAM1DuC,QAAAA,eACJnD,oBAAoB,SAClBF,WAAWtB,UAAauB,kBAAkBvB,UACzCsB,WAAWtB,UAAaa;AAE7B,QAAM+D,iBAAiBD,eACnBE,MAAAA,MAAMjD,WAAW,OAAO,IACxBJ;AAEJ,QAAMsD,SAAU9D,SAAS6D,MAAAA,MAAMjD,WAAW,SAAS,KAAM;AAEzD,yCACGmD,qBAAAA,mBAAiB;AAAA,IAChBxE;AAAAA,IACAG;AAAAA,IACAY,QAAQU;AAAAA,IACRjB;AAAAA,IACAF;AAAAA,IACAC;AAAAA,IACAL,WAAWuE,cAAKvE,QAAAA,WAAWwE,qBAAqBC,QAAAA,MAAM1E,mCAAS0E,IAAI;AAAA,IAAE7F,UAEpE2B,CAAAA,SACCmE,2BAAAA,IAACC,kCAAW;AAAA,MACV7E,IAAIsE,MAAAA,MAAMjD,WAAW,OAAO;AAAA,MAC5BZ;AAAAA,MACAP,WAAWuE,cAAAA,QAAKC,qBAAAA,QAAqBjE,OAAOR,mCAASQ,KAAK;AAAA,IAAA,CAAE,GAG/DG,eACCgE,2BAAAA,IAACE,wCAAiB;AAAA,MAChB9E,IAAIsE,MAAAA,MAAMjD,WAAW,aAAa;AAAA,MAClCnB,WAAWuE,cAAAA,QACTC,qBAAAA,QAAqB9D,aACrBX,mCAASW,WAAW;AAAA,MACpB9B,UAED8B;AAAAA,IAAAA,CAEJ,GAEDgE,2BAAAA,IAACG,0CAAmB;AAAA,MAClB/E,IAAIuE;AAAAA,MACJS,aAAW;AAAA,MACXC,WAAS;AAAA,MACTf,MAAK;AAAA,MACL,wBAAsBnF,YAAYU;AAAAA,MAClC,cAAYiB;AAAAA,MACZ,mBACE,CAACD,SAAS6D,YAAMjD,WAAW,OAAO,GAAGV,cAAc,EAChDuE,KAAK,GAAG,EACRC,UAAU1F;AAAAA,MAEf,gBAAcgC,oBAAoB,YAAY,OAAOhC;AAAAA,MACrD,qBACEgC,oBAAoB,YAAY4C,iBAAiB5E;AAAAA,MAEnD,oBACE,CAACmB,eAAe0D,YAAMjD,WAAW,aAAa,GAAGR,eAAe,EAC7DqE,KAAK,GAAG,EACRC,UAAU1F;AAAAA,MAEfS,WAAWuE,cAAAA,QACTxE,mCAASmF,SACTV,qBAAAA,QAAqBU,SACrBlE,gBAAgB,cACduD,cAAKC,QAAAA,qBAAAA,QAAqBW,UAAUpF,mCAASoF,QAAQ,GACvDnE,gBAAgB,gBACduD,cAAKC,QAAAA,qBAAAA,QAAqBY,YAAYrF,mCAASqF,UAAU,GAC3D7D,oBAAoB,aAClBgD,cAAKC,QAAAA,qBAAAA,QAAqBa,SAAStF,mCAASsF,OAAO,CAAC;AAAA,MAExDC,KAAKjD;AAAAA,MACLkD,cAAcvE;AAAAA,MACdwE,kBAAkBjE;AAAAA,MAAgB,GAC9BL;AAAAA,MAAMtC,UAETkF;AAAAA,IAAAA,CAAgB,GAGlBI,gBACCQ,2BAAAA,IAACe,kCAAW;AAAA,MACV3F,IAAIsE,MAAAA,MAAMjD,WAAW,OAAO;AAAA,MAC5BuE,eAAa;AAAA,MACb1F,WAAWuE,cAAAA,QAAKC,qBAAAA,QAAqBmB,OAAO5F,mCAAS4F,KAAK;AAAA,MAAE/G,UAE3D6C;AAAAA,IAAAA,CAEJ,CAAA;AAAA,EAAA,CACiB;AAExB;;"}
+{"version":3,"file":"SelectionList.cjs","sources":["../../../../src/components/SelectionList/SelectionList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  StyledListContainer,\n  StyledFormElement,\n  StyledLabel,\n  StyledInfoMessage,\n  StyledError,\n} from \"./SelectionList.styles\";\nimport {\n  isKeypress,\n  keyboardCodes,\n  setId,\n  multiSelectionEventHandler,\n} from \"../../utils\";\nimport { useControlled, useUniqueId } from \"../../hooks\";\nimport { HvFormStatus } from \"../Forms/FormElement\";\nimport selectionListClasses, {\n  HvSelectionListClasses,\n} from \"./selectionListClasses\";\n\nexport type HvSelectionListProps = HvBaseProps<\n  HTMLUListElement,\n  { onChange }\n> & {\n  /** The form element name. */\n  name?: string;\n  /**\n   * The value of the form element. It must be represented in the child list items.\n   *\n   * Can either be a single value (when multiple = false) or an\n   * array of values (when multiple = true).\n   *\n   * When defined the selection list state becomes controlled.\n   */\n  value?: any | any[];\n  /** When uncontrolled, defines the initial value. */\n  defaultValue?: any | 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  /** Indicates that the form element is disabled. If `true` the state is propagated to the children list items. */\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  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage?: string;\n  /** Indicates that the user may select more than one item from the current selectable list items. */\n  multiple?: boolean;\n  /** If `true`, selection can be toggled when single selection. */\n  singleSelectionToggle?: boolean;\n  /** Indicates whether the list orientation is horizontal or vertical. Defaults to vertical. */\n  orientation?: \"vertical\" | \"horizontal\";\n  /** The callback fired when the value changes. */\n  onChange?: (event: React.MouseEvent, value: any) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvSelectionListClasses;\n};\n\nconst getValueFromSelectedChildren = (children, multiple) => {\n  const selectedValues = React.Children.toArray(children)\n    .map((child: any) => {\n      const childIsControlled = child?.props?.selected !== undefined;\n      const childIsSelected =\n        child && childIsControlled\n          ? child.props?.selected\n          : child.props?.defaultSelected;\n\n      return childIsSelected ? child?.props.value : undefined;\n    })\n    .filter((v) => v !== undefined);\n\n  return multiple ? selectedValues : selectedValues?.[0];\n};\n\n/**\n * Allows the user to select one or more items from a list of choices.\n *\n * Although it supports multi-selection, DS recommends the use of a selection list\n * when it’s clear that the user can only select just one option from the range provided.\n */\nexport const HvSelectionList = ({\n  id,\n  classes,\n  className,\n  children,\n  name,\n  value: valueProp,\n  defaultValue,\n  required = false,\n  readOnly = false,\n  disabled = false,\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n  onChange,\n  status,\n  statusMessage,\n  \"aria-errormessage\": ariaErrorMessage,\n  orientation = \"vertical\",\n  multiple = false,\n  singleSelectionToggle = false,\n  ...others\n}: HvSelectionListProps) => {\n  const elementId = useUniqueId(id, \"hvselectionlist\");\n\n  const [value, setValue] = useControlled(\n    valueProp,\n    defaultValue !== undefined\n      ? defaultValue\n      : // when uncontrolled and no default value is given,\n        // extract the initial selected values from the children own state\n        () => getValueFromSelectedChildren(children, multiple)\n  );\n\n  const [validationState, setValidationState] = useControlled(\n    status,\n    \"standBy\"\n  );\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [allValues, selectedState] = useMemo(() => {\n    const childValues: any[] = [];\n    const childSelectedState: boolean[] = [];\n\n    React.Children.toArray(children).forEach((child: any, i: number) => {\n      const childValue = child?.props?.value;\n      const childIsSelected = multiple\n        ? value.indexOf(childValue) !== -1\n        : value === childValue;\n\n      childValues[i] = childValue;\n      childSelectedState[i] = childIsSelected;\n    });\n\n    return [childValues, childSelectedState];\n  }, [children, multiple, value]);\n\n  const selectionAnchor = useRef(undefined);\n\n  const listContainer = useRef<any>(null);\n\n  const { ArrowUp, ArrowDown } = keyboardCodes;\n\n  useEffect(() => {\n    const handleMeta = (event) => {\n      const tempArray: any[] = [];\n      if (\n        (isKeypress(event, ArrowUp) &&\n          event.shiftKey &&\n          listContainer.current.contains(event.target)) ||\n        (isKeypress(event, ArrowDown) &&\n          event.shiftKey &&\n          listContainer.current.contains(event.target))\n      ) {\n        selectedState.forEach((isSelected, i) => {\n          if (i === event.target.value - 1) {\n            if (!isSelected) {\n              tempArray.push(allValues[i]);\n            }\n          } else if (isSelected) {\n            tempArray.push(allValues[i]);\n          }\n        });\n        setValue(tempArray);\n      }\n    };\n    window.addEventListener(\"keyup\", handleMeta);\n\n    return () => {\n      window.removeEventListener(\"keyup\", handleMeta);\n    };\n  }, [allValues, selectedState, setValue, ArrowUp, ArrowDown]);\n\n  const onChildChangeInterceptor = useCallback(\n    (\n      index: number,\n      childOnClick: (e: React.MouseEvent) => void,\n      evt: React.MouseEvent\n    ) => {\n      childOnClick?.(evt);\n\n      if (!readOnly && !disabled) {\n        let newValue: any;\n        if (multiple) {\n          newValue = multiSelectionEventHandler(\n            evt,\n            index,\n            selectionAnchor,\n            allValues,\n            selectedState,\n            undefined\n          );\n        } else {\n          newValue =\n            singleSelectionToggle && selectedState[index]\n              ? null\n              : allValues[index];\n        }\n\n        onChange?.(evt, newValue);\n\n        setValue(() => {\n          // This will only run if uncontrolled\n\n          if (required && newValue.length === 0) {\n            setValidationState(\"invalid\");\n          } else {\n            setValidationState(\"valid\");\n          }\n\n          return newValue;\n        });\n      }\n    },\n    [\n      allValues,\n      disabled,\n      multiple,\n      onChange,\n      readOnly,\n      required,\n      selectedState,\n      setValidationState,\n      setValue,\n      singleSelectionToggle,\n      selectionAnchor,\n    ]\n  );\n\n  const modifiedChildren = useMemo(() => {\n    return React.Children.map(children, (child: any, i: number) => {\n      const childIsSelected = selectedState[i];\n\n      return React.cloneElement(child, {\n        role: \"option\",\n        selected: childIsSelected,\n        onClick: (evt) =>\n          onChildChangeInterceptor(i, child?.props?.onClick, evt),\n        disabled: disabled || child?.props?.disabled,\n      });\n    });\n  }, [children, disabled, onChildChangeInterceptor, selectedState]);\n\n  // The error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined && required));\n\n  const errorMessageId = canShowError\n    ? setId(elementId, \"error\")\n    : ariaErrorMessage;\n\n  const listId = (label && setId(elementId, \"listbox\")) || \"\";\n\n  return (\n    <StyledFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, selectionListClasses.root, classes?.root)}\n    >\n      {label && (\n        <StyledLabel\n          id={setId(elementId, \"label\")}\n          label={label}\n          className={clsx(selectionListClasses.label, classes?.label)}\n        />\n      )}\n      {description && (\n        <StyledInfoMessage\n          id={setId(elementId, \"description\")}\n          className={clsx(\n            selectionListClasses.description,\n            classes?.description\n          )}\n        >\n          {description}\n        </StyledInfoMessage>\n      )}\n\n      <StyledListContainer\n        id={listId}\n        interactive\n        condensed\n        role=\"listbox\"\n        aria-multiselectable={multiple || undefined}\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy]\n            .join(\" \")\n            .trim() || undefined\n        }\n        aria-invalid={validationState === \"invalid\" ? true : undefined}\n        aria-errormessage={\n          validationState === \"invalid\" ? errorMessageId : undefined\n        }\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy]\n            .join(\" \")\n            .trim() || undefined\n        }\n        className={clsx(\n          classes?.listbox,\n          selectionListClasses.listbox,\n          orientation === \"vertical\" &&\n            clsx(selectionListClasses.vertical, classes?.vertical),\n          orientation === \"horizontal\" &&\n            clsx(selectionListClasses.horizontal, classes?.horizontal),\n          validationState === \"invalid\" &&\n            clsx(selectionListClasses.invalid, classes?.invalid)\n        )}\n        ref={listContainer}\n        $orientation={orientation}\n        $validationState={validationState}\n        {...others}\n      >\n        {modifiedChildren}\n      </StyledListContainer>\n\n      {canShowError && (\n        <StyledError\n          id={setId(elementId, \"error\")}\n          disableBorder\n          className={clsx(selectionListClasses.error, classes?.error)}\n        >\n          {validationMessage}\n        </StyledError>\n      )}\n    </StyledFormElement>\n  );\n};\n"],"names":["getValueFromSelectedChildren","children","multiple","selectedValues","React","Children","toArray","map","child","childIsControlled","props","selected","undefined","childIsSelected","defaultSelected","value","filter","v","HvSelectionList","id","classes","className","name","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","orientation","singleSelectionToggle","others","elementId","useUniqueId","setValue","useControlled","validationState","setValidationState","validationMessage","allValues","selectedState","useMemo","childValues","childSelectedState","forEach","i","childValue","indexOf","selectionAnchor","useRef","listContainer","ArrowUp","ArrowDown","keyboardCodes","useEffect","handleMeta","event","tempArray","isKeypress","shiftKey","current","contains","target","isSelected","push","addEventListener","removeEventListener","onChildChangeInterceptor","useCallback","index","childOnClick","evt","newValue","multiSelectionEventHandler","length","modifiedChildren","cloneElement","role","onClick","canShowError","errorMessageId","setId","listId","StyledFormElement","clsx","selectionListClasses","root","_jsx","StyledLabel","StyledInfoMessage","StyledListContainer","interactive","condensed","join","trim","listbox","vertical","horizontal","invalid","ref","$orientation","$validationState","StyledError","disableBorder","error"],"mappings":";;;;;;;;;;;;;;;;AAiFA,MAAMA,+BAA+BA,CAACC,UAAUC,aAAa;AACrDC,QAAAA,iBAAiBC,uBAAMC,SAASC,QAAQL,QAAQ,EACnDM,IAAI,CAACC,UAAe;;AACbC,UAAAA,sBAAoBD,oCAAOE,UAAPF,mBAAcG,cAAaC;AACrD,UAAMC,kBACJL,SAASC,qBACLD,WAAME,UAANF,mBAAaG,YACbH,WAAME,UAANF,mBAAaM;AAEZD,WAAAA,kBAAkBL,+BAAOE,MAAMK,QAAQH;AAAAA,EAAAA,CAC/C,EACAI,OAAQC,CAAAA,MAAMA,MAAML,MAAS;AAEzBV,SAAAA,WAAWC,iBAAiBA,iDAAiB;AACtD;AAQO,MAAMe,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACApB;AAAAA,EACAqB;AAAAA,EACAP,OAAOQ;AAAAA,EACPC;AAAAA,EACAC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC;AAAAA,EACA,cAAcC;AAAAA,EACd,mBAAmBC;AAAAA,EACnBC;AAAAA,EACA,oBAAoBC;AAAAA,EACpBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,qBAAqBC;AAAAA,EACrBC,cAAc;AAAA,EACdnC,WAAW;AAAA,EACXoC,wBAAwB;AAAA,EACxB,GAAGC;AACiB,MAAM;AACpBC,QAAAA,YAAYC,YAAAA,QAAYtB,IAAI,iBAAiB;AAEnD,QAAM,CAACJ,OAAO2B,QAAQ,IAAIC,cAAAA,cACxBpB,WACAC,iBAAiBZ,SACbY;AAAAA;AAAAA;AAAAA,IAGA,MAAMxB,6BAA6BC,UAAUC,QAAQ;AAAA,GAAC;AAG5D,QAAM,CAAC0C,iBAAiBC,kBAAkB,IAAIF,cAAAA,cAC5CT,QACA,SAAS;AAGX,QAAM,CAACY,iBAAiB,IAAIH,cAAAA,cAAcR,eAAe,UAAU;AAEnE,QAAM,CAACY,WAAWC,aAAa,IAAIC,cAAQ,MAAM;AAC/C,UAAMC,cAAqB,CAAA;AAC3B,UAAMC,qBAAgC,CAAA;AAEtC/C,mBAAAA,QAAMC,SAASC,QAAQL,QAAQ,EAAEmD,QAAQ,CAAC5C,OAAY6C,MAAc;;AAC5DC,YAAAA,cAAa9C,oCAAOE,UAAPF,mBAAcO;AACjC,YAAMF,kBAAkBX,WACpBa,MAAMwC,QAAQD,UAAU,MAAM,KAC9BvC,UAAUuC;AAEdJ,kBAAYG,CAAC,IAAIC;AACjBH,yBAAmBE,CAAC,IAAIxC;AAAAA,IAAAA,CACzB;AAEM,WAAA,CAACqC,aAAaC,kBAAkB;AAAA,EACtC,GAAA,CAAClD,UAAUC,UAAUa,KAAK,CAAC;AAExByC,QAAAA,kBAAkBC,MAAAA,OAAO7C,MAAS;AAElC8C,QAAAA,gBAAgBD,aAAY,IAAI;AAEhC,QAAA;AAAA,IAAEE;AAAAA,IAASC;AAAAA,EAAcC,IAAAA;AAE/BC,QAAAA,UAAU,MAAM;AACd,UAAMC,aAAcC,CAAU,UAAA;AAC5B,YAAMC,YAAmB,CAAA;AAEtBC,UAAAA,oBAAWF,OAAOL,OAAO,KACxBK,MAAMG,YACNT,cAAcU,QAAQC,SAASL,MAAMM,MAAM,KAC5CJ,SAAWF,WAAAA,OAAOJ,SAAS,KAC1BI,MAAMG,YACNT,cAAcU,QAAQC,SAASL,MAAMM,MAAM,GAC7C;AACclB,sBAAAA,QAAQ,CAACmB,YAAYlB,MAAM;AACvC,cAAIA,MAAMW,MAAMM,OAAOvD,QAAQ,GAAG;AAChC,gBAAI,CAACwD,YAAY;AACLC,wBAAAA,KAAKzB,UAAUM,CAAC,CAAC;AAAA,YAC7B;AAAA,qBACSkB,YAAY;AACXC,sBAAAA,KAAKzB,UAAUM,CAAC,CAAC;AAAA,UAC7B;AAAA,QAAA,CACD;AACDX,iBAASuB,SAAS;AAAA,MACpB;AAAA,IAAA;AAEKQ,WAAAA,iBAAiB,SAASV,UAAU;AAE3C,WAAO,MAAM;AACJW,aAAAA,oBAAoB,SAASX,UAAU;AAAA,IAAA;AAAA,EAChD,GACC,CAAChB,WAAWC,eAAeN,UAAUiB,SAASC,SAAS,CAAC;AAE3D,QAAMe,2BAA2BC,MAAAA,YAC/B,CACEC,OACAC,cACAC,QACG;AACHD,iDAAeC;AAEX,QAAA,CAACrD,YAAY,CAACC,UAAU;AACtBqD,UAAAA;AACJ,UAAI9E,UAAU;AACZ8E,mBAAWC,2BAAAA,QACTF,KACAF,OACArB,iBACAT,WACAC,eACApC,MAAS;AAAA,MAAA,OAEN;AACLoE,mBACE1C,yBAAyBU,cAAc6B,KAAK,IACxC,OACA9B,UAAU8B,KAAK;AAAA,MACvB;AAEA5C,2CAAW8C,KAAKC;AAEhBtC,eAAS,MAAM;AAGTjB,YAAAA,YAAYuD,SAASE,WAAW,GAAG;AACrCrC,6BAAmB,SAAS;AAAA,QAAA,OACvB;AACLA,6BAAmB,OAAO;AAAA,QAC5B;AAEOmC,eAAAA;AAAAA,MAAAA,CACR;AAAA,IACH;AAAA,EAEF,GAAA,CACEjC,WACApB,UACAzB,UACA+B,UACAP,UACAD,UACAuB,eACAH,oBACAH,UACAJ,uBACAkB,eAAe,CAChB;AAGG2B,QAAAA,mBAAmBlC,MAAAA,QAAQ,MAAM;AACrC,WAAO7C,eAAAA,QAAMC,SAASE,IAAIN,UAAU,CAACO,OAAY6C,MAAc;;AACvDxC,YAAAA,kBAAkBmC,cAAcK,CAAC;AAEhCjD,aAAAA,eAAAA,QAAMgF,aAAa5E,OAAO;AAAA,QAC/B6E,MAAM;AAAA,QACN1E,UAAUE;AAAAA,QACVyE,SAAUP,CACRJ,QAAAA;;AAAAA,0CAAyBtB,IAAG7C,MAAAA,+BAAOE,UAAPF,gBAAAA,IAAc8E,SAASP,GAAG;AAAA;AAAA,QACxDpD,UAAUA,cAAYnB,oCAAOE,UAAPF,mBAAcmB;AAAAA,MAAAA,CACrC;AAAA,IAAA,CACF;AAAA,KACA,CAAC1B,UAAU0B,UAAUgD,0BAA0B3B,aAAa,CAAC;AAM1DuC,QAAAA,eACJnD,oBAAoB,SAClBF,WAAWtB,UAAauB,kBAAkBvB,UACzCsB,WAAWtB,UAAaa;AAE7B,QAAM+D,iBAAiBD,eACnBE,MAAAA,MAAMjD,WAAW,OAAO,IACxBJ;AAEJ,QAAMsD,SAAU9D,SAAS6D,MAAAA,MAAMjD,WAAW,SAAS,KAAM;AAEzD,yCACGmD,qBAAAA,mBAAiB;AAAA,IAChBxE;AAAAA,IACAG;AAAAA,IACAY,QAAQU;AAAAA,IACRjB;AAAAA,IACAF;AAAAA,IACAC;AAAAA,IACAL,WAAWuE,cAAKvE,QAAAA,WAAWwE,qBAAqBC,QAAAA,MAAM1E,mCAAS0E,IAAI;AAAA,IAAE7F,UAEpE2B,CAAAA,SACCmE,2BAAAA,IAACC,kCAAW;AAAA,MACV7E,IAAIsE,MAAAA,MAAMjD,WAAW,OAAO;AAAA,MAC5BZ;AAAAA,MACAP,WAAWuE,cAAAA,QAAKC,qBAAAA,QAAqBjE,OAAOR,mCAASQ,KAAK;AAAA,IAAA,CAAE,GAG/DG,eACCgE,2BAAAA,IAACE,wCAAiB;AAAA,MAChB9E,IAAIsE,MAAAA,MAAMjD,WAAW,aAAa;AAAA,MAClCnB,WAAWuE,cAAAA,QACTC,qBAAAA,QAAqB9D,aACrBX,mCAASW,WAAW;AAAA,MACpB9B,UAED8B;AAAAA,IAAAA,CAEJ,GAEDgE,2BAAAA,IAACG,0CAAmB;AAAA,MAClB/E,IAAIuE;AAAAA,MACJS,aAAW;AAAA,MACXC,WAAS;AAAA,MACTf,MAAK;AAAA,MACL,wBAAsBnF,YAAYU;AAAAA,MAClC,cAAYiB;AAAAA,MACZ,mBACE,CAACD,SAAS6D,YAAMjD,WAAW,OAAO,GAAGV,cAAc,EAChDuE,KAAK,GAAG,EACRC,UAAU1F;AAAAA,MAEf,gBAAcgC,oBAAoB,YAAY,OAAOhC;AAAAA,MACrD,qBACEgC,oBAAoB,YAAY4C,iBAAiB5E;AAAAA,MAEnD,oBACE,CAACmB,eAAe0D,YAAMjD,WAAW,aAAa,GAAGR,eAAe,EAC7DqE,KAAK,GAAG,EACRC,UAAU1F;AAAAA,MAEfS,WAAWuE,cAAAA,QACTxE,mCAASmF,SACTV,qBAAAA,QAAqBU,SACrBlE,gBAAgB,cACduD,cAAKC,QAAAA,qBAAAA,QAAqBW,UAAUpF,mCAASoF,QAAQ,GACvDnE,gBAAgB,gBACduD,cAAKC,QAAAA,qBAAAA,QAAqBY,YAAYrF,mCAASqF,UAAU,GAC3D7D,oBAAoB,aAClBgD,cAAKC,QAAAA,qBAAAA,QAAqBa,SAAStF,mCAASsF,OAAO,CAAC;AAAA,MAExDC,KAAKjD;AAAAA,MACLkD,cAAcvE;AAAAA,MACdwE,kBAAkBjE;AAAAA,MAAgB,GAC9BL;AAAAA,MAAMtC,UAETkF;AAAAA,IAAAA,CAAgB,GAGlBI,gBACCQ,2BAAAA,IAACe,kCAAW;AAAA,MACV3F,IAAIsE,MAAAA,MAAMjD,WAAW,OAAO;AAAA,MAC5BuE,eAAa;AAAA,MACb1F,WAAWuE,cAAAA,QAAKC,qBAAAA,QAAqBmB,OAAO5F,mCAAS4F,KAAK;AAAA,MAAE/G,UAE3D6C;AAAAA,IAAAA,CAEJ,CAAA;AAAA,EAAA,CACiB;AAExB;;"}

package/dist/cjs/components/SelectionList/SelectionList.styles.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const transientOptions = require("../../utils/transientOptions.cjs");
@@ -101,12 +101,14 @@ const StyledListContainer = /* @__PURE__ */ _styled__default.default(ListContain
   paddingBottom: uikitStyles.theme.space.xs,
   ...$orientation === "vertical" && {
     flexDirection: "column",
+    // Prevent the focus ring to be hidden by sibling hover background
     "&>*": {
       zIndex: 0
     },
     "&>*:focus-within": {
       zIndex: 1
     },
+    // IE fallback code (using focus-within-polyfill)
     "&>*.focus-within": {
       zIndex: 1
     }

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

@@ -1 +1 @@
-{"version":3,"file":"SelectionList.styles.cjs","sources":["../../../../src/components/SelectionList/SelectionList.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport {\n  HvListContainer,\n  HvFormElement,\n  HvLabel,\n  HvInfoMessage,\n  HvWarningText,\n} from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledFormElement = styled(HvFormElement)({\n  display: \"inline-block\",\n  padding: 0,\n  margin: 0,\n});\n\nexport const StyledLabel = styled((props) => <HvLabel {...props} />)({\n  marginBottom: theme.space.xs,\n  float: \"left\",\n});\n\nexport const StyledInfoMessage = styled((props) => (\n  <HvInfoMessage {...props} />\n))({\n  float: \"left\",\n});\n\nexport const StyledError = styled((props) => <HvWarningText {...props} />)({\n  width: \"100%\",\n  float: \"left\",\n  clear: \"both\",\n});\n\nexport const StyledListContainer = styled(\n  HvListContainer,\n  transientOptions\n)(\n  ({\n    $orientation,\n    $validationState,\n  }: {\n    $orientation: string;\n    $validationState: string;\n  }) => ({\n    display: \"flex\",\n    float: \"left\",\n    clear: \"both\",\n    width: \"100%\",\n    paddingBottom: theme.space.xs,\n    ...($orientation === \"vertical\" && {\n      flexDirection: \"column\",\n\n      // Prevent the focus ring to be hidden by sibling hover background\n      \"&>*\": {\n        zIndex: 0,\n      },\n      \"&>*:focus-within\": {\n        zIndex: 1,\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&>*.focus-within\": {\n        zIndex: 1,\n      },\n    }),\n    ...($orientation === \"horizontal\" && {\n      flexDirection: \"row\",\n      flexWrap: \"wrap\",\n      marginLeft: -theme.space.sm,\n      \"&>*\": {\n        marginLeft: theme.space.sm,\n      },\n    }),\n    ...($validationState === \"invalid\" && {\n      borderBottom: `1px solid ${theme.colors.sema4}`,\n    }),\n  })\n);\n"],"names":["StyledFormElement","HvFormElement","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","_styled","props","_jsx","HvLabel","marginBottom","theme","space","xs","float","StyledInfoMessage","HvInfoMessage","StyledError","HvWarningText","StyledListContainer","HvListContainer","_extends","transientOptions","$orientation","$validationState","display","clear","width","paddingBottom","flexDirection","zIndex","flexWrap","marginLeft","sm","borderBottom","colors","sema4"],"mappings":"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"}
+{"version":3,"file":"SelectionList.styles.cjs","sources":["../../../../src/components/SelectionList/SelectionList.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport {\n  HvListContainer,\n  HvFormElement,\n  HvLabel,\n  HvInfoMessage,\n  HvWarningText,\n} from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledFormElement = styled(HvFormElement)({\n  display: \"inline-block\",\n  padding: 0,\n  margin: 0,\n});\n\nexport const StyledLabel = styled((props) => <HvLabel {...props} />)({\n  marginBottom: theme.space.xs,\n  float: \"left\",\n});\n\nexport const StyledInfoMessage = styled((props) => (\n  <HvInfoMessage {...props} />\n))({\n  float: \"left\",\n});\n\nexport const StyledError = styled((props) => <HvWarningText {...props} />)({\n  width: \"100%\",\n  float: \"left\",\n  clear: \"both\",\n});\n\nexport const StyledListContainer = styled(\n  HvListContainer,\n  transientOptions\n)(\n  ({\n    $orientation,\n    $validationState,\n  }: {\n    $orientation: string;\n    $validationState: string;\n  }) => ({\n    display: \"flex\",\n    float: \"left\",\n    clear: \"both\",\n    width: \"100%\",\n    paddingBottom: theme.space.xs,\n    ...($orientation === \"vertical\" && {\n      flexDirection: \"column\",\n\n      // Prevent the focus ring to be hidden by sibling hover background\n      \"&>*\": {\n        zIndex: 0,\n      },\n      \"&>*:focus-within\": {\n        zIndex: 1,\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&>*.focus-within\": {\n        zIndex: 1,\n      },\n    }),\n    ...($orientation === \"horizontal\" && {\n      flexDirection: \"row\",\n      flexWrap: \"wrap\",\n      marginLeft: -theme.space.sm,\n      \"&>*\": {\n        marginLeft: theme.space.sm,\n      },\n    }),\n    ...($validationState === \"invalid\" && {\n      borderBottom: `1px solid ${theme.colors.sema4}`,\n    }),\n  })\n);\n"],"names":["StyledFormElement","HvFormElement","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","_styled","props","_jsx","HvLabel","marginBottom","theme","space","xs","float","StyledInfoMessage","HvInfoMessage","StyledError","HvWarningText","StyledListContainer","HvListContainer","_extends","transientOptions","$orientation","$validationState","display","clear","width","paddingBottom","flexDirection","zIndex","flexWrap","marginLeft","sm","borderBottom","colors","sema4"],"mappings":"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"}

package/dist/cjs/components/SimpleGrid/SimpleGrid.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const SimpleGrid_styles = require("./SimpleGrid.styles.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const HvSimpleGrid = ({

package/dist/cjs/components/SimpleGrid/SimpleGrid.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleGrid.cjs","sources":["../../../../src/components/SimpleGrid/SimpleGrid.tsx"],"sourcesContent":["import { HvBaseProps } from \"index\";\nimport { StyledContainer } from \"./SimpleGrid.styles\";\n\nexport const HvSimpleGrid = ({\n  children,\n  breakpoints,\n  spacing = \"sm\",\n  cols,\n  ...others\n}: HvSimpleGridProps) => {\n  return (\n    <StyledContainer\n      spacing={spacing}\n      cols={cols}\n      breakpoints={breakpoints}\n      {...others}\n    >\n      {children}\n    </StyledContainer>\n  );\n};\n\nexport type Spacing = \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport type Breakpoint = {\n  cols?: number;\n  maxWidth?: number;\n  minWidth?: number;\n  spacing?: Spacing;\n};\n\nexport type HvSimpleGridProps = HvBaseProps & {\n  /**\n   * -\n   */\n  children: JSX.Element | JSX.Element[];\n  /**\n   * Spacing with pre-defined values according the values defined in the theme\n   */\n  spacing?: Spacing;\n  /**\n   * Provide an array to define responsive behavior:\n   *\n   *    maxWidth or minWidth: max-width or min-width at which media query will work\n   *\n   *    cols: number of columns per row at given max-width\n   *\n   *    spacing: optional spacing at given max-width, if not provided spacing from component prop will be used instead\n   */\n  breakpoints?: Breakpoint[];\n  /**\n   * Number of how many columns the content will be displayed\n   */\n  cols?: number;\n};\n"],"names":["HvSimpleGrid","children","breakpoints","spacing","cols","others","StyledContainer"],"mappings":";;;;AAGO,MAAMA,eAAeA,CAAC;AAAA,EAC3BC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,KACGC;AACc,MAAM;AACvB,wCACGC,kBAAAA,iBAAe;AAAA,IACdH;AAAAA,IACAC;AAAAA,IACAF;AAAAA,IAAyB,GACrBG;AAAAA,IAAMJ;AAAAA,EAAAA,CAGM;AAEtB;;"}
+{"version":3,"file":"SimpleGrid.cjs","sources":["../../../../src/components/SimpleGrid/SimpleGrid.tsx"],"sourcesContent":["import { HvBaseProps } from \"../../types\";\nimport { StyledContainer } from \"./SimpleGrid.styles\";\n\nexport type Spacing = \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport type Breakpoint = {\n  cols?: number;\n  maxWidth?: number;\n  minWidth?: number;\n  spacing?: Spacing;\n};\n\nexport type HvSimpleGridProps = HvBaseProps & {\n  /**\n   * Spacing with pre-defined values according the values defined in the theme\n   */\n  spacing?: Spacing;\n  /**\n   * Provide an array to define responsive behavior:\n   *\n   *    maxWidth or minWidth: max-width or min-width at which media query will work\n   *\n   *    cols: number of columns per row at given max-width\n   *\n   *    spacing: optional spacing at given max-width, if not provided spacing from component prop will be used instead\n   */\n  breakpoints?: Breakpoint[];\n  /**\n   * Number of how many columns the content will be displayed\n   */\n  cols?: number;\n};\n\nexport const HvSimpleGrid = ({\n  children,\n  breakpoints,\n  spacing = \"sm\",\n  cols,\n  ...others\n}: HvSimpleGridProps) => {\n  return (\n    <StyledContainer\n      spacing={spacing}\n      cols={cols}\n      breakpoints={breakpoints}\n      {...others}\n    >\n      {children}\n    </StyledContainer>\n  );\n};\n"],"names":["HvSimpleGrid","children","breakpoints","spacing","cols","others","StyledContainer"],"mappings":";;;;AAiCO,MAAMA,eAAeA,CAAC;AAAA,EAC3BC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,EACA,GAAGC;AACc,MAAM;AACvB,wCACGC,kBAAAA,iBAAe;AAAA,IACdH;AAAAA,IACAC;AAAAA,IACAF;AAAAA,IAAyB,GACrBG;AAAAA,IAAMJ;AAAAA,EAAAA,CAGM;AAEtB;;"}

package/dist/cjs/components/SimpleGrid/SimpleGrid.styles.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -50,6 +50,6 @@ const StyledContainer = /* @__PURE__ */ _styled__default.default("div", process.
     };
     return acc;
   }, {})
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU2ltcGxlR3JpZC9TaW1wbGVHcmlkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkIrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1NpbXBsZUdyaWQvU2ltcGxlR3JpZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBTcGFjaW5nIH0gZnJvbSBcIi4vU2ltcGxlR3JpZFwiO1xuXG5mdW5jdGlvbiBzaXplKHByb3BzKSB7XG4gIGlmICh0eXBlb2YgcHJvcHMuc2l6ZSA9PT0gXCJudW1iZXJcIikge1xuICAgIHJldHVybiBwcm9wcy5zaXplO1xuICB9XG5cbiAgcmV0dXJuIHByb3BzLnNpemVzW3Byb3BzLnNpemVdIHx8IHByb3BzLnNpemUgfHwgcHJvcHMuc2l6ZXMubWQ7XG59XG5cbmZ1bmN0aW9uIGdldFNvcnRlZEJyZWFrcG9pbnRzKGJyZWFrcG9pbnRzKSB7XG4gIGlmIChicmVha3BvaW50cy5sZW5ndGggPT09IDApIHtcbiAgICByZXR1cm4gYnJlYWtwb2ludHM7XG4gIH1cblxuICBjb25zdCBwcm9wZXJ0eSA9IFwibWF4V2lkdGhcIiBpbiBicmVha3BvaW50c1swXSA/IFwibWF4V2lkdGhcIiA6IFwibWluV2lkdGhcIjtcbiAgY29uc3Qgc29ydGVkID0gWy4uLmJyZWFrcG9pbnRzXS5zb3J0KFxuICAgIChhLCBiKSA9PlxuICAgICAgc2l6ZSh7IHNpemU6IGJbcHJvcGVydHldLCBzaXplczogdGhlbWUuYnJlYWtwb2ludHMgfSkgLVxuICAgICAgc2l6ZSh7IHNpemU6IGFbcHJvcGVydHldLCBzaXplczogdGhlbWUuYnJlYWtwb2ludHMgfSlcbiAgKTtcblxuICByZXR1cm4gcHJvcGVydHkgPT09IFwibWluV2lkdGhcIiA/IHNvcnRlZC5yZXZlcnNlKCkgOiBzb3J0ZWQ7XG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoXG4gICh7XG4gICAgYnJlYWtwb2ludHMsXG4gICAgc3BhY2luZyxcbiAgICBjb2xzLFxuICB9OiB7XG4gICAgYnJlYWtwb2ludHM/OiBhbnk7XG4gICAgc3BhY2luZzogU3BhY2luZztcbiAgICBjb2xzPzogbnVtYmVyO1xuICB9KSA9PiAoe1xuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgZGlzcGxheTogXCJncmlkXCIsXG4gICAgZ3JpZFRlbXBsYXRlQ29sdW1uczogYHJlcGVhdCgke2NvbHN9LCBtaW5tYXgoMCwgMWZyKSlgLFxuICAgIGdhcDogdGhlbWUuc3BhY2Vbc3BhY2luZ10sXG4gICAgLi4uKGJyZWFrcG9pbnRzICYmXG4gICAgICBnZXRTb3J0ZWRCcmVha3BvaW50cyhicmVha3BvaW50cykucmVkdWNlKChhY2MsIGJyZWFrcG9pbnQpID0+IHtcbiAgICAgICAgY29uc3QgcHJvcGVydHkgPSBcIm1heFdpZHRoXCIgaW4gYnJlYWtwb2ludCA/IFwibWF4LXdpZHRoXCIgOiBcIm1pbi13aWR0aFwiO1xuICAgICAgICBjb25zdCBicmVha3BvaW50U2l6ZSA9IHNpemUoe1xuICAgICAgICAgIHNpemU6XG4gICAgICAgICAgICBwcm9wZXJ0eSA9PT0gXCJtYXgtd2lkdGhcIlxuICAgICAgICAgICAgICA/IGJyZWFrcG9pbnQubWF4V2lkdGhcbiAgICAgICAgICAgICAgOiBicmVha3BvaW50Lm1pbldpZHRoLFxuICAgICAgICAgIHNpemVzOiB0aGVtZS5icmVha3BvaW50cyxcbiAgICAgICAgfSk7XG5cbiAgICAgICAgYWNjW1xuICAgICAgICAgIGBAbWVkaWEgKCR7cHJvcGVydHl9OiAke1xuICAgICAgICAgICAgYnJlYWtwb2ludFNpemUgKyAocHJvcGVydHkgPT09IFwibWF4LXdpZHRoXCIgPyAwIDogMSlcbiAgICAgICAgICB9cHgpYFxuICAgICAgICBdID0ge1xuICAgICAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM6IGByZXBlYXQoJHticmVha3BvaW50LmNvbHN9LCBtaW5tYXgoMCwgMWZyKSlgLFxuICAgICAgICAgIGdhcDogdGhlbWUuc3BhY2Vbc3BhY2luZ10sXG4gICAgICAgIH07XG5cbiAgICAgICAgcmV0dXJuIGFjYztcbiAgICAgIH0sIHt9KSksXG4gIH0pXG4pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU2ltcGxlR3JpZC9TaW1wbGVHcmlkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkIrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1NpbXBsZUdyaWQvU2ltcGxlR3JpZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBTcGFjaW5nLCBCcmVha3BvaW50IH0gZnJvbSBcIi4vU2ltcGxlR3JpZFwiO1xuXG5mdW5jdGlvbiBzaXplKHByb3BzKSB7XG4gIGlmICh0eXBlb2YgcHJvcHMuc2l6ZSA9PT0gXCJudW1iZXJcIikge1xuICAgIHJldHVybiBwcm9wcy5zaXplO1xuICB9XG5cbiAgcmV0dXJuIHByb3BzLnNpemVzW3Byb3BzLnNpemVdIHx8IHByb3BzLnNpemUgfHwgcHJvcHMuc2l6ZXMubWQ7XG59XG5cbmZ1bmN0aW9uIGdldFNvcnRlZEJyZWFrcG9pbnRzKGJyZWFrcG9pbnRzKSB7XG4gIGlmIChicmVha3BvaW50cy5sZW5ndGggPT09IDApIHtcbiAgICByZXR1cm4gYnJlYWtwb2ludHM7XG4gIH1cblxuICBjb25zdCBwcm9wZXJ0eSA9IFwibWF4V2lkdGhcIiBpbiBicmVha3BvaW50c1swXSA/IFwibWF4V2lkdGhcIiA6IFwibWluV2lkdGhcIjtcbiAgY29uc3Qgc29ydGVkID0gWy4uLmJyZWFrcG9pbnRzXS5zb3J0KFxuICAgIChhLCBiKSA9PlxuICAgICAgc2l6ZSh7IHNpemU6IGJbcHJvcGVydHldLCBzaXplczogdGhlbWUuYnJlYWtwb2ludHMgfSkgLVxuICAgICAgc2l6ZSh7IHNpemU6IGFbcHJvcGVydHldLCBzaXplczogdGhlbWUuYnJlYWtwb2ludHMgfSlcbiAgKTtcblxuICByZXR1cm4gcHJvcGVydHkgPT09IFwibWluV2lkdGhcIiA/IHNvcnRlZC5yZXZlcnNlKCkgOiBzb3J0ZWQ7XG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoXG4gICh7XG4gICAgYnJlYWtwb2ludHMsXG4gICAgc3BhY2luZyxcbiAgICBjb2xzLFxuICB9OiB7XG4gICAgYnJlYWtwb2ludHM/OiBCcmVha3BvaW50W107XG4gICAgc3BhY2luZzogU3BhY2luZztcbiAgICBjb2xzPzogbnVtYmVyO1xuICB9KSA9PiAoe1xuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgZGlzcGxheTogXCJncmlkXCIsXG4gICAgZ3JpZFRlbXBsYXRlQ29sdW1uczogYHJlcGVhdCgke2NvbHN9LCBtaW5tYXgoMCwgMWZyKSlgLFxuICAgIGdhcDogdGhlbWUuc3BhY2Vbc3BhY2luZ10sXG4gICAgLi4uKGJyZWFrcG9pbnRzICYmXG4gICAgICBnZXRTb3J0ZWRCcmVha3BvaW50cyhicmVha3BvaW50cykucmVkdWNlKChhY2MsIGJyZWFrcG9pbnQpID0+IHtcbiAgICAgICAgY29uc3QgcHJvcGVydHkgPSBcIm1heFdpZHRoXCIgaW4gYnJlYWtwb2ludCA/IFwibWF4LXdpZHRoXCIgOiBcIm1pbi13aWR0aFwiO1xuICAgICAgICBjb25zdCBicmVha3BvaW50U2l6ZSA9IHNpemUoe1xuICAgICAgICAgIHNpemU6XG4gICAgICAgICAgICBwcm9wZXJ0eSA9PT0gXCJtYXgtd2lkdGhcIlxuICAgICAgICAgICAgICA/IGJyZWFrcG9pbnQubWF4V2lkdGhcbiAgICAgICAgICAgICAgOiBicmVha3BvaW50Lm1pbldpZHRoLFxuICAgICAgICAgIHNpemVzOiB0aGVtZS5icmVha3BvaW50cyxcbiAgICAgICAgfSk7XG5cbiAgICAgICAgYWNjW1xuICAgICAgICAgIGBAbWVkaWEgKCR7cHJvcGVydHl9OiAke1xuICAgICAgICAgICAgYnJlYWtwb2ludFNpemUgKyAocHJvcGVydHkgPT09IFwibWF4LXdpZHRoXCIgPyAwIDogMSlcbiAgICAgICAgICB9cHgpYFxuICAgICAgICBdID0ge1xuICAgICAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM6IGByZXBlYXQoJHticmVha3BvaW50LmNvbHN9LCBtaW5tYXgoMCwgMWZyKSlgLFxuICAgICAgICAgIGdhcDogdGhlbWUuc3BhY2Vbc3BhY2luZ10sXG4gICAgICAgIH07XG5cbiAgICAgICAgcmV0dXJuIGFjYztcbiAgICAgIH0sIHt9KSksXG4gIH0pXG4pO1xuIl19 */");
 exports.StyledContainer = StyledContainer;
 //# sourceMappingURL=SimpleGrid.styles.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"SimpleGrid.styles.cjs","sources":["../../../../src/components/SimpleGrid/SimpleGrid.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Spacing } from \"./SimpleGrid\";\n\nfunction size(props) {\n  if (typeof props.size === \"number\") {\n    return props.size;\n  }\n\n  return props.sizes[props.size] || props.size || props.sizes.md;\n}\n\nfunction getSortedBreakpoints(breakpoints) {\n  if (breakpoints.length === 0) {\n    return breakpoints;\n  }\n\n  const property = \"maxWidth\" in breakpoints[0] ? \"maxWidth\" : \"minWidth\";\n  const sorted = [...breakpoints].sort(\n    (a, b) =>\n      size({ size: b[property], sizes: theme.breakpoints }) -\n      size({ size: a[property], sizes: theme.breakpoints })\n  );\n\n  return property === \"minWidth\" ? sorted.reverse() : sorted;\n}\n\nexport const StyledContainer = styled(\"div\")(\n  ({\n    breakpoints,\n    spacing,\n    cols,\n  }: {\n    breakpoints?: any;\n    spacing: Spacing;\n    cols?: number;\n  }) => ({\n    boxSizing: \"border-box\",\n    display: \"grid\",\n    gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,\n    gap: theme.space[spacing],\n    ...(breakpoints &&\n      getSortedBreakpoints(breakpoints).reduce((acc, breakpoint) => {\n        const property = \"maxWidth\" in breakpoint ? \"max-width\" : \"min-width\";\n        const breakpointSize = size({\n          size:\n            property === \"max-width\"\n              ? breakpoint.maxWidth\n              : breakpoint.minWidth,\n          sizes: theme.breakpoints,\n        });\n\n        acc[\n          `@media (${property}: ${\n            breakpointSize + (property === \"max-width\" ? 0 : 1)\n          }px)`\n        ] = {\n          gridTemplateColumns: `repeat(${breakpoint.cols}, minmax(0, 1fr))`,\n          gap: theme.space[spacing],\n        };\n\n        return acc;\n      }, {})),\n  })\n);\n"],"names":["size","props","sizes","md","getSortedBreakpoints","breakpoints","length","property","sorted","sort","a","b","theme","reverse","StyledContainer","_styled","process","env","NODE_ENV","target","label","spacing","cols","boxSizing","display","gridTemplateColumns","gap","space","reduce","acc","breakpoint","breakpointSize","maxWidth","minWidth"],"mappings":";;;;;;AAIA,SAASA,KAAKC,OAAO;AACf,MAAA,OAAOA,MAAMD,SAAS,UAAU;AAClC,WAAOC,MAAMD;AAAAA,EACf;AAEA,SAAOC,MAAMC,MAAMD,MAAMD,SAASC,MAAMD,QAAQC,MAAMC,MAAMC;AAC9D;AAEA,SAASC,qBAAqBC,aAAa;AACrCA,MAAAA,YAAYC,WAAW,GAAG;AACrBD,WAAAA;AAAAA,EACT;AAEA,QAAME,WAAW,cAAcF,YAAY,KAAK,aAAa;AACvDG,QAAAA,SAAS,CAAC,GAAGH,WAAW,EAAEI,KAC9B,CAACC,GAAGC,MACFX,KAAK;AAAA,IAAEA,MAAMW,EAAEJ;AAAAA,IAAWL,OAAOU,YAAMP,MAAAA;AAAAA,EAAa,CAAA,IACpDL,KAAK;AAAA,IAAEA,MAAMU,EAAEH;AAAAA,IAAWL,OAAOU,YAAMP,MAAAA;AAAAA,EAAa,CAAA,CAAC;AAGzD,SAAOE,aAAa,aAAaC,OAAOK,QAAAA,IAAYL;AACtD;AAEO,MAAMM,kBAAyBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACzC,CAAC;AAAA,EACCf;AAAAA,EACAgB;AAAAA,EACAC;AAKF,OAAO;AAAA,EACLC,WAAW;AAAA,EACXC,SAAS;AAAA,EACTC,qBAAsB,UAASH;AAAAA,EAC/BI,KAAKd,YAAAA,MAAMe,MAAMN;AAAAA,EACjB,GAAIhB,eACFD,qBAAqBC,WAAW,EAAEuB,OAAO,CAACC,KAAKC,eAAe;AACtDvB,UAAAA,WAAW,cAAcuB,aAAa,cAAc;AAC1D,UAAMC,iBAAiB/B,KAAK;AAAA,MAC1BA,MACEO,aAAa,cACTuB,WAAWE,WACXF,WAAWG;AAAAA,MACjB/B,OAAOU,YAAMP,MAAAA;AAAAA,IAAAA,CACd;AAEDwB,QACG,WAAUtB,aACTwB,kBAAkBxB,aAAa,cAAc,IAAI,WAEjD;AAAA,MACFkB,qBAAsB,UAASK,WAAWR;AAAAA,MAC1CI,KAAKd,YAAAA,MAAMe,MAAMN;AAAAA,IAAAA;AAGZQ,WAAAA;AAAAA,EACT,GAAG,EAAE;AACT,IAAEb,QAAAC,IAAAC,aACH,eAAA,KAAA,y2FAAA;;"}
+{"version":3,"file":"SimpleGrid.styles.cjs","sources":["../../../../src/components/SimpleGrid/SimpleGrid.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Spacing, Breakpoint } from \"./SimpleGrid\";\n\nfunction size(props) {\n  if (typeof props.size === \"number\") {\n    return props.size;\n  }\n\n  return props.sizes[props.size] || props.size || props.sizes.md;\n}\n\nfunction getSortedBreakpoints(breakpoints) {\n  if (breakpoints.length === 0) {\n    return breakpoints;\n  }\n\n  const property = \"maxWidth\" in breakpoints[0] ? \"maxWidth\" : \"minWidth\";\n  const sorted = [...breakpoints].sort(\n    (a, b) =>\n      size({ size: b[property], sizes: theme.breakpoints }) -\n      size({ size: a[property], sizes: theme.breakpoints })\n  );\n\n  return property === \"minWidth\" ? sorted.reverse() : sorted;\n}\n\nexport const StyledContainer = styled(\"div\")(\n  ({\n    breakpoints,\n    spacing,\n    cols,\n  }: {\n    breakpoints?: Breakpoint[];\n    spacing: Spacing;\n    cols?: number;\n  }) => ({\n    boxSizing: \"border-box\",\n    display: \"grid\",\n    gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,\n    gap: theme.space[spacing],\n    ...(breakpoints &&\n      getSortedBreakpoints(breakpoints).reduce((acc, breakpoint) => {\n        const property = \"maxWidth\" in breakpoint ? \"max-width\" : \"min-width\";\n        const breakpointSize = size({\n          size:\n            property === \"max-width\"\n              ? breakpoint.maxWidth\n              : breakpoint.minWidth,\n          sizes: theme.breakpoints,\n        });\n\n        acc[\n          `@media (${property}: ${\n            breakpointSize + (property === \"max-width\" ? 0 : 1)\n          }px)`\n        ] = {\n          gridTemplateColumns: `repeat(${breakpoint.cols}, minmax(0, 1fr))`,\n          gap: theme.space[spacing],\n        };\n\n        return acc;\n      }, {})),\n  })\n);\n"],"names":["size","props","sizes","md","getSortedBreakpoints","breakpoints","length","property","sorted","sort","a","b","theme","reverse","StyledContainer","_styled","process","env","NODE_ENV","target","label","spacing","cols","boxSizing","display","gridTemplateColumns","gap","space","reduce","acc","breakpoint","breakpointSize","maxWidth","minWidth"],"mappings":";;;;;;AAIA,SAASA,KAAKC,OAAO;AACf,MAAA,OAAOA,MAAMD,SAAS,UAAU;AAClC,WAAOC,MAAMD;AAAAA,EACf;AAEOC,SAAAA,MAAMC,MAAMD,MAAMD,IAAI,KAAKC,MAAMD,QAAQC,MAAMC,MAAMC;AAC9D;AAEA,SAASC,qBAAqBC,aAAa;AACrCA,MAAAA,YAAYC,WAAW,GAAG;AACrBD,WAAAA;AAAAA,EACT;AAEA,QAAME,WAAW,cAAcF,YAAY,CAAC,IAAI,aAAa;AACvDG,QAAAA,SAAS,CAAC,GAAGH,WAAW,EAAEI,KAC9B,CAACC,GAAGC,MACFX,KAAK;AAAA,IAAEA,MAAMW,EAAEJ,QAAQ;AAAA,IAAGL,OAAOU,YAAMP,MAAAA;AAAAA,EAAa,CAAA,IACpDL,KAAK;AAAA,IAAEA,MAAMU,EAAEH,QAAQ;AAAA,IAAGL,OAAOU,YAAMP,MAAAA;AAAAA,EAAa,CAAA,CAAC;AAGzD,SAAOE,aAAa,aAAaC,OAAOK,QAAAA,IAAYL;AACtD;AAEO,MAAMM,kBAAyBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACzC,CAAC;AAAA,EACCf;AAAAA,EACAgB;AAAAA,EACAC;AAKF,OAAO;AAAA,EACLC,WAAW;AAAA,EACXC,SAAS;AAAA,EACTC,qBAAsB,UAASH;AAAAA,EAC/BI,KAAKd,YAAAA,MAAMe,MAAMN,OAAO;AAAA,EACxB,GAAIhB,eACFD,qBAAqBC,WAAW,EAAEuB,OAAO,CAACC,KAAKC,eAAe;AACtDvB,UAAAA,WAAW,cAAcuB,aAAa,cAAc;AAC1D,UAAMC,iBAAiB/B,KAAK;AAAA,MAC1BA,MACEO,aAAa,cACTuB,WAAWE,WACXF,WAAWG;AAAAA,MACjB/B,OAAOU,YAAMP,MAAAA;AAAAA,IAAAA,CACd;AAEDwB,QACG,WAAUtB,aACTwB,kBAAkBxB,aAAa,cAAc,IAAI,OAC9C,IACH;AAAA,MACFkB,qBAAsB,UAASK,WAAWR;AAAAA,MAC1CI,KAAKd,YAAAA,MAAMe,MAAMN,OAAO;AAAA,IAAA;AAGnBQ,WAAAA;AAAAA,EACT,GAAG,EAAE;AACT,IAAEb,QAAAC,IAAAC,aACH,eAAA,KAAA,q4FAAA;;"}

package/dist/cjs/components/Snackbar/Snackbar.cjs

@@ -1,13 +1,16 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const Slide = require("@mui/material/Slide");
 const Snackbar_styles = require("./Snackbar.styles.cjs");
+const snackbarClasses = require("./snackbarClasses.cjs");
 const lodash = require("lodash");
+const clsx = require("clsx");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const SnackbarContentWrapper = require("./SnackbarContentWrapper/SnackbarContentWrapper.cjs");
 const setId = require("../../utils/setId.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const Slide__default = /* @__PURE__ */ _interopDefault(Slide);
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const transLeft = (props) => /* @__PURE__ */ jsxRuntime.jsx(Slide__default.default, {
   ...props,
   direction: "left"
@@ -70,7 +73,15 @@ const HvSnackbar = ({
   };
   return /* @__PURE__ */ jsxRuntime.jsx(Snackbar_styles.StyledSnackbar, {
     style: anchorOriginOffset[`anchorOrigin${lodash.capitalize(anchorOrigin.vertical)}`],
-    classes,
+    classes: {
+      root: clsx__default.default(classes == null ? void 0 : classes.root, snackbarClasses.default.root),
+      anchorOriginBottomCenter: clsx__default.default(classes == null ? void 0 : classes.anchorOriginBottomCenter, snackbarClasses.default.anchorOriginBottomCenter),
+      anchorOriginBottomLeft: clsx__default.default(classes == null ? void 0 : classes.anchorOriginBottomLeft, snackbarClasses.default.anchorOriginBottomLeft),
+      anchorOriginBottomRight: clsx__default.default(classes == null ? void 0 : classes.anchorOriginBottomRight, snackbarClasses.default.anchorOriginBottomRight),
+      anchorOriginTopCenter: clsx__default.default(classes == null ? void 0 : classes.anchorOriginTopCenter, snackbarClasses.default.anchorOriginTopCenter),
+      anchorOriginTopLeft: clsx__default.default(classes == null ? void 0 : classes.anchorOriginTopLeft, snackbarClasses.default.anchorOriginTopLeft),
+      anchorOriginTopRight: clsx__default.default(classes == null ? void 0 : classes.anchorOriginTopRight, snackbarClasses.default.anchorOriginTopRight)
+    },
     className,
     id,
     anchorOrigin,

package/dist/cjs/components/Snackbar/Snackbar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.cjs","sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"sourcesContent":["import Slide from \"@mui/material/Slide\";\nimport {\n  SnackbarCloseReason,\n  SnackbarOrigin,\n  SnackbarProps as MuiSnackbarProps,\n} from \"@mui/material/Snackbar\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledSnackbar } from \"./Snackbar.styles\";\nimport { HvSnackbarClasses } from \"./snackbarClasses\";\nimport { capitalize } from \"lodash\";\nimport { SyntheticEvent } from \"react\";\nimport HvSnackBarContentWrapper from \"./SnackbarContentWrapper\";\nimport { setId } from \"utils\";\nimport { HvActionGeneric } from \"components\";\n\nexport type HvSnackbarVariant = \"default\" | \"success\" | \"warning\" | \"error\";\n\nexport type HvSnackbarProps = Omit<MuiSnackbarProps, \"action\"> &\n  HvBaseProps & {\n    /** If true, Snackbar is open. */\n    open?: boolean;\n    /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */\n    onClose?:\n      | ((\n          event: Event | SyntheticEvent<any, Event>,\n          reason: SnackbarCloseReason\n        ) => void)\n      | undefined;\n    /** The message to display. */\n    label?: React.ReactNode;\n    /** The anchor of the Snackbar. vertical: \"top\", \"bottom\" | horizontal: \"left\",\"center\",\"right. It defines where the snackbar will end his animation */\n    anchorOrigin?: SnackbarOrigin;\n    /** The number of milliseconds to wait before automatically calling the onClose function. onClose should then set the state of the open prop to hide the Snackbar */\n    autoHideDuration?: number;\n    /** Variant of the snackbar. */\n    variant?: HvSnackbarVariant;\n    /** Custom icon to replace the variant default. */\n    customIcon?: React.ReactNode;\n    /** Controls if the associated icon to the variant should be shown. */\n    showIcon?: boolean;\n    /** Action to display. */\n    action?: React.ReactNode | HvActionGeneric;\n    /** The callback function ran when an action is triggered, receiving `action` as param */\n    actionCallback?: (\n      event: Event,\n      id: string,\n      action: HvActionGeneric\n    ) => void;\n    /** Duration of transition in milliseconds. */\n    transitionDuration?: number;\n    /** Direction of slide transition. */\n    transitionDirection?: \"up\" | \"down\" | \"left\" | \"right\";\n    /** Custom offset from top/bottom of the page, in px. */\n    offset?: number;\n    /** Others applied to the content of the snackbar. */\n    snackbarContentProps?: object;\n    /** A Jss Object used to override or extend the styles applied to the empty state component. */\n    classes?: HvSnackbarClasses;\n  };\n\nconst transLeft = (props) => <Slide {...props} direction=\"left\" />;\nconst transRight = (props) => <Slide {...props} direction=\"right\" />;\nconst transUp = (props) => <Slide {...props} direction=\"up\" />;\nconst transDown = (props) => <Slide {...props} direction=\"down\" />;\n\nconst snackBarDirComponent = (direction) => {\n  switch (direction) {\n    default:\n    case \"left\":\n      return transLeft;\n    case \"right\":\n      return transRight;\n    case \"up\":\n      return transUp;\n    case \"down\":\n      return transDown;\n  }\n};\n\n/**\n * A Snackbar provides brief messages about app processes.\n * It is dismissed automatically after a given interval.\n *\n * Snackbar can be built with two different components.\n * One is the HvSnackbar, which wraps all the positioning, transition, auto hide, etc.\n * The other is the HvSnackbarContent, which allows a finer control and customization of the content of the Snackbar.\n */\nexport const HvSnackbar = ({\n  classes,\n  className,\n  id,\n  open = false,\n  onClose,\n  label = \"\",\n  anchorOrigin = { vertical: \"top\", horizontal: \"right\" },\n  autoHideDuration = 5000,\n  variant = \"default\",\n  showIcon = false,\n  customIcon = null,\n  action = null,\n  actionCallback,\n  transitionDuration = 300,\n  transitionDirection = \"left\",\n  offset = 60,\n  snackbarContentProps,\n  ...others\n}: HvSnackbarProps) => {\n  const anchorOriginOffset = {\n    anchorOriginTop: {\n      top: `${offset}px`,\n    },\n    anchorOriginBottom: {\n      bottom: `${offset}px`,\n    },\n  };\n\n  return (\n    <StyledSnackbar\n      style={\n        anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin.vertical)}`]\n      }\n      classes={classes}\n      className={className}\n      id={id}\n      anchorOrigin={anchorOrigin}\n      open={open}\n      onClose={onClose}\n      autoHideDuration={autoHideDuration}\n      transitionDuration={transitionDuration}\n      TransitionComponent={snackBarDirComponent(transitionDirection)}\n      {...others}\n    >\n      <HvSnackBarContentWrapper\n        id={setId(id, \"content\")}\n        label={label}\n        variant={variant}\n        customIcon={customIcon}\n        showIcon={showIcon}\n        action={action}\n        actionCallback={actionCallback}\n        {...snackbarContentProps}\n      />\n    </StyledSnackbar>\n  );\n};\n"],"names":["transLeft","props","_jsx","Slide","direction","transRight","transUp","transDown","snackBarDirComponent","HvSnackbar","classes","className","id","open","onClose","label","anchorOrigin","vertical","horizontal","autoHideDuration","variant","showIcon","customIcon","action","actionCallback","transitionDuration","transitionDirection","offset","snackbarContentProps","others","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","StyledSnackbar","style","capitalize","TransitionComponent","children","HvSnackBarContentWrapper","setId"],"mappings":";;;;;;;;;;AA4DA,MAAMA,YAAaC,CAAUC,UAAAA,2BAAAA,IAACC,wBAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAM,CAAG;AAClE,MAAMC,aAAcJ,CAAUC,UAAAA,2BAAAA,IAACC,wBAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAO,CAAG;AACpE,MAAME,UAAWL,CAAUC,UAAAA,2BAAAA,IAACC,wBAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAI,CAAG;AAC9D,MAAMG,YAAaN,CAAUC,UAAAA,2BAAAA,IAACC,wBAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAM,CAAG;AAElE,MAAMI,uBAAwBJ,CAAc,cAAA;AAC1C,UAAQA,WAAS;AAAA,IACf;AAAA,IACA,KAAK;AACIJ,aAAAA;AAAAA,IACT,KAAK;AACIK,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,EAAU;AAEvB;AAUO,MAAME,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,OAAO;AAAA,EACPC;AAAAA,EACAC,QAAQ;AAAA,EACRC,eAAe;AAAA,IAAEC,UAAU;AAAA,IAAOC,YAAY;AAAA,EAAQ;AAAA,EACtDC,mBAAmB;AAAA,EACnBC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAa;AAAA,EACbC,SAAS;AAAA,EACTC;AAAAA,EACAC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,SAAS;AAAA,EACTC;AAAAA,KACGC;AACY,MAAM;AACrB,QAAMC,qBAAqB;AAAA,IACzBC,iBAAiB;AAAA,MACfC,KAAM,GAAEL;AAAAA,IACV;AAAA,IACAM,oBAAoB;AAAA,MAClBC,QAAS,GAAEP;AAAAA,IACb;AAAA,EAAA;AAGF,wCACGQ,gBAAAA,gBAAc;AAAA,IACbC,OACEN,mBAAoB,eAAcO,OAAAA,WAAWrB,aAAaC,QAAQ;AAAA,IAEpEP;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAI;AAAAA,IACAH;AAAAA,IACAC;AAAAA,IACAK;AAAAA,IACAM;AAAAA,IACAa,qBAAqB9B,qBAAqBkB,mBAAmB;AAAA,IAAE,GAC3DG;AAAAA,IAAMU,yCAETC,gCAAwB;AAAA,MACvB5B,IAAI6B,MAAAA,MAAM7B,IAAI,SAAS;AAAA,MACvBG;AAAAA,MACAK;AAAAA,MACAE;AAAAA,MACAD;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MAA+B,GAC3BI;AAAAA,IAAAA,CAAoB;AAAA,EAAA,CAEX;AAErB;;"}
+{"version":3,"file":"Snackbar.cjs","sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"sourcesContent":["import Slide from \"@mui/material/Slide\";\nimport {\n  SnackbarCloseReason,\n  SnackbarOrigin,\n  SnackbarProps as MuiSnackbarProps,\n} from \"@mui/material/Snackbar\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledSnackbar } from \"./Snackbar.styles\";\nimport snackbarClasses, { HvSnackbarClasses } from \"./snackbarClasses\";\nimport { capitalize } from \"lodash\";\nimport { SyntheticEvent } from \"react\";\nimport { setId } from \"utils\";\nimport { HvActionGeneric } from \"components\";\nimport {\n  HvSnackbarContentProps,\n  HvSnackbarContent,\n} from \"./SnackbarContentWrapper\";\nimport clsx from \"clsx\";\n\nexport type HvSnackbarVariant = \"default\" | \"success\" | \"warning\" | \"error\";\n\nexport type HvSnackbarProps = Omit<MuiSnackbarProps, \"action\" | \"classes\"> &\n  HvBaseProps & {\n    /** If true, Snackbar is open. */\n    open?: boolean;\n    /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */\n    onClose?:\n      | ((\n          event: Event | SyntheticEvent<any, Event>,\n          reason: SnackbarCloseReason\n        ) => void)\n      | undefined;\n    /** The message to display. */\n    label?: React.ReactNode;\n    /** The anchor of the Snackbar. vertical: \"top\", \"bottom\" | horizontal: \"left\",\"center\",\"right. It defines where the snackbar will end his animation */\n    anchorOrigin?: SnackbarOrigin;\n    /** The number of milliseconds to wait before automatically calling the onClose function. onClose should then set the state of the open prop to hide the Snackbar */\n    autoHideDuration?: number;\n    /** Variant of the snackbar. */\n    variant?: HvSnackbarVariant;\n    /** Custom icon to replace the variant default. */\n    customIcon?: React.ReactNode;\n    /** Controls if the associated icon to the variant should be shown. */\n    showIcon?: boolean;\n    /** Action to display. */\n    action?: React.ReactNode | HvActionGeneric;\n    /** The callback function ran when an action is triggered, receiving `action` as param */\n    actionCallback?: (\n      event: React.SyntheticEvent,\n      id: string,\n      action: HvActionGeneric\n    ) => void;\n    /** Duration of transition in milliseconds. */\n    transitionDuration?: number;\n    /** Direction of slide transition. */\n    transitionDirection?: \"up\" | \"down\" | \"left\" | \"right\";\n    /** Custom offset from top/bottom of the page, in px. */\n    offset?: number;\n    /** Others applied to the content of the snackbar. */\n    snackbarContentProps?: HvSnackbarContentProps;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvSnackbarClasses;\n  };\n\nconst transLeft = (props) => <Slide {...props} direction=\"left\" />;\nconst transRight = (props) => <Slide {...props} direction=\"right\" />;\nconst transUp = (props) => <Slide {...props} direction=\"up\" />;\nconst transDown = (props) => <Slide {...props} direction=\"down\" />;\n\nconst snackBarDirComponent = (direction) => {\n  switch (direction) {\n    default:\n    case \"left\":\n      return transLeft;\n    case \"right\":\n      return transRight;\n    case \"up\":\n      return transUp;\n    case \"down\":\n      return transDown;\n  }\n};\n\n/**\n * A Snackbar provides brief messages about app processes.\n * It is dismissed automatically after a given interval.\n *\n * Snackbar can be built with two different components.\n * One is the HvSnackbar, which wraps all the positioning, transition, auto hide, etc.\n * The other is the HvSnackbarContent, which allows a finer control and customization of the content of the Snackbar.\n */\nexport const HvSnackbar = ({\n  classes,\n  className,\n  id,\n  open = false,\n  onClose,\n  label = \"\",\n  anchorOrigin = { vertical: \"top\", horizontal: \"right\" },\n  autoHideDuration = 5000,\n  variant = \"default\",\n  showIcon = false,\n  customIcon = null,\n  action = null,\n  actionCallback,\n  transitionDuration = 300,\n  transitionDirection = \"left\",\n  offset = 60,\n  snackbarContentProps,\n  ...others\n}: HvSnackbarProps) => {\n  const anchorOriginOffset = {\n    anchorOriginTop: {\n      top: `${offset}px`,\n    },\n    anchorOriginBottom: {\n      bottom: `${offset}px`,\n    },\n  };\n\n  return (\n    <StyledSnackbar\n      style={\n        anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin.vertical)}`]\n      }\n      classes={{\n        root: clsx(classes?.root, snackbarClasses.root),\n        anchorOriginBottomCenter: clsx(\n          classes?.anchorOriginBottomCenter,\n          snackbarClasses.anchorOriginBottomCenter\n        ),\n        anchorOriginBottomLeft: clsx(\n          classes?.anchorOriginBottomLeft,\n          snackbarClasses.anchorOriginBottomLeft\n        ),\n        anchorOriginBottomRight: clsx(\n          classes?.anchorOriginBottomRight,\n          snackbarClasses.anchorOriginBottomRight\n        ),\n        anchorOriginTopCenter: clsx(\n          classes?.anchorOriginTopCenter,\n          snackbarClasses.anchorOriginTopCenter\n        ),\n        anchorOriginTopLeft: clsx(\n          classes?.anchorOriginTopLeft,\n          snackbarClasses.anchorOriginTopLeft\n        ),\n        anchorOriginTopRight: clsx(\n          classes?.anchorOriginTopRight,\n          snackbarClasses.anchorOriginTopRight\n        ),\n      }}\n      className={className}\n      id={id}\n      anchorOrigin={anchorOrigin}\n      open={open}\n      onClose={onClose}\n      autoHideDuration={autoHideDuration}\n      transitionDuration={transitionDuration}\n      TransitionComponent={snackBarDirComponent(transitionDirection)}\n      {...others}\n    >\n      <HvSnackbarContent\n        id={setId(id, \"content\")}\n        label={label}\n        variant={variant}\n        customIcon={customIcon}\n        showIcon={showIcon}\n        action={action}\n        actionCallback={actionCallback}\n        {...snackbarContentProps}\n      />\n    </StyledSnackbar>\n  );\n};\n"],"names":["transLeft","props","_jsx","Slide","direction","transRight","transUp","transDown","snackBarDirComponent","HvSnackbar","classes","className","id","open","onClose","label","anchorOrigin","vertical","horizontal","autoHideDuration","variant","showIcon","customIcon","action","actionCallback","transitionDuration","transitionDirection","offset","snackbarContentProps","others","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","StyledSnackbar","style","capitalize","root","clsx","snackbarClasses","anchorOriginBottomCenter","anchorOriginBottomLeft","anchorOriginBottomRight","anchorOriginTopCenter","anchorOriginTopLeft","anchorOriginTopRight","TransitionComponent","children","HvSnackbarContent","setId"],"mappings":";;;;;;;;;;;;;AAgEA,MAAMA,YAAaC,CAAUC,UAAAA,2BAAAA,IAACC,wBAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAM,CAAG;AAClE,MAAMC,aAAcJ,CAAUC,UAAAA,2BAAAA,IAACC,wBAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAO,CAAG;AACpE,MAAME,UAAWL,CAAUC,UAAAA,2BAAAA,IAACC,wBAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAI,CAAG;AAC9D,MAAMG,YAAaN,CAAUC,UAAAA,2BAAAA,IAACC,wBAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAM,CAAG;AAElE,MAAMI,uBAAwBJ,CAAc,cAAA;AAC1C,UAAQA,WAAS;AAAA,IACf;AAAA,IACA,KAAK;AACIJ,aAAAA;AAAAA,IACT,KAAK;AACIK,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,EAAU;AAEvB;AAUO,MAAME,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,OAAO;AAAA,EACPC;AAAAA,EACAC,QAAQ;AAAA,EACRC,eAAe;AAAA,IAAEC,UAAU;AAAA,IAAOC,YAAY;AAAA,EAAQ;AAAA,EACtDC,mBAAmB;AAAA,EACnBC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAa;AAAA,EACbC,SAAS;AAAA,EACTC;AAAAA,EACAC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,SAAS;AAAA,EACTC;AAAAA,EACA,GAAGC;AACY,MAAM;AACrB,QAAMC,qBAAqB;AAAA,IACzBC,iBAAiB;AAAA,MACfC,KAAM,GAAEL;AAAAA,IACV;AAAA,IACAM,oBAAoB;AAAA,MAClBC,QAAS,GAAEP;AAAAA,IACb;AAAA,EAAA;AAGF,wCACGQ,gBAAAA,gBAAc;AAAA,IACbC,OACEN,mBAAoB,eAAcO,OAAWrB,WAAAA,aAAaC,QAAQ,GAAG;AAAA,IAEvEP,SAAS;AAAA,MACP4B,MAAMC,cAAAA,QAAK7B,mCAAS4B,MAAME,gBAAAA,QAAgBF,IAAI;AAAA,MAC9CG,0BAA0BF,cAAAA,QACxB7B,mCAAS+B,0BACTD,gBAAAA,QAAgBC,wBAAwB;AAAA,MAE1CC,wBAAwBH,cAAAA,QACtB7B,mCAASgC,wBACTF,gBAAAA,QAAgBE,sBAAsB;AAAA,MAExCC,yBAAyBJ,cAAAA,QACvB7B,mCAASiC,yBACTH,gBAAAA,QAAgBG,uBAAuB;AAAA,MAEzCC,uBAAuBL,cAAAA,QACrB7B,mCAASkC,uBACTJ,gBAAAA,QAAgBI,qBAAqB;AAAA,MAEvCC,qBAAqBN,cAAAA,QACnB7B,mCAASmC,qBACTL,gBAAAA,QAAgBK,mBAAmB;AAAA,MAErCC,sBAAsBP,cAAAA,QACpB7B,mCAASoC,sBACTN,gBAAAA,QAAgBM,oBAAoB;AAAA,IAExC;AAAA,IACAnC;AAAAA,IACAC;AAAAA,IACAI;AAAAA,IACAH;AAAAA,IACAC;AAAAA,IACAK;AAAAA,IACAM;AAAAA,IACAsB,qBAAqBvC,qBAAqBkB,mBAAmB;AAAA,IAAE,GAC3DG;AAAAA,IAAMmB,yCAETC,gCAAiB;AAAA,MAChBrC,IAAIsC,MAAAA,MAAMtC,IAAI,SAAS;AAAA,MACvBG;AAAAA,MACAK;AAAAA,MACAE;AAAAA,MACAD;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MAA+B,GAC3BI;AAAAA,IAAAA,CAAoB;AAAA,EAAA,CAEX;AAErB;;"}

package/dist/cjs/components/Snackbar/Snackbar.styles.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const Snackbar = require("@mui/material/Snackbar");
 const uikitStyles = require("@hitachivantara/uikit-styles");

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

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.styles.cjs","sources":["../../../../src/components/Snackbar/Snackbar.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport Snackbar, { snackbarClasses } from \"@mui/material/Snackbar\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledSnackbar = styled(Snackbar)({\n  [`&.${snackbarClasses.anchorOriginTopRight}`]: {\n    top: theme.space.xs,\n    right: theme.space.xs,\n  },\n  [`&.${snackbarClasses.anchorOriginTopLeft}`]: {\n    top: theme.space.xs,\n    left: theme.space.xs,\n  },\n  [`&.${snackbarClasses.anchorOriginTopCenter}`]: {\n    top: theme.space.xs,\n  },\n  [`&.${snackbarClasses.anchorOriginBottomCenter}`]: {\n    bottom: theme.space.xs,\n  },\n  [`&.${snackbarClasses.anchorOriginBottomLeft}`]: {\n    bottom: theme.space.xs,\n    left: theme.space.xs,\n  },\n  [`&.${snackbarClasses.anchorOriginBottomRight}`]: {\n    bottom: theme.space.xs,\n    right: theme.space.xs,\n  },\n});\n"],"names":["StyledSnackbar","Snackbar","process","env","NODE_ENV","target","label","snackbarClasses","anchorOriginTopRight","top","theme","space","xs","right","anchorOriginTopLeft","left","anchorOriginTopCenter","anchorOriginBottomCenter","bottom","anchorOriginBottomLeft","anchorOriginBottomRight"],"mappings":";;;;;;;;AAIO,MAAMA,iBAAwBC,iCAAAA,QAAAA,kBAAAA,SAAQC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7C,CAAE,KAAIC,yBAAgBC,yBAAyB;AAAA,IAC7CC,KAAKC,YAAAA,MAAMC,MAAMC;AAAAA,IACjBC,OAAOH,YAAAA,MAAMC,MAAMC;AAAAA,EACrB;AAAA,EACA,CAAE,KAAIL,yBAAgBO,wBAAwB;AAAA,IAC5CL,KAAKC,YAAAA,MAAMC,MAAMC;AAAAA,IACjBG,MAAML,YAAAA,MAAMC,MAAMC;AAAAA,EACpB;AAAA,EACA,CAAE,KAAIL,yBAAgBS,0BAA0B;AAAA,IAC9CP,KAAKC,YAAAA,MAAMC,MAAMC;AAAAA,EACnB;AAAA,EACA,CAAE,KAAIL,yBAAgBU,6BAA6B;AAAA,IACjDC,QAAQR,YAAAA,MAAMC,MAAMC;AAAAA,EACtB;AAAA,EACA,CAAE,KAAIL,yBAAgBY,2BAA2B;AAAA,IAC/CD,QAAQR,YAAAA,MAAMC,MAAMC;AAAAA,IACpBG,MAAML,YAAAA,MAAMC,MAAMC;AAAAA,EACpB;AAAA,EACA,CAAE,KAAIL,yBAAgBa,4BAA4B;AAAA,IAChDF,QAAQR,YAAAA,MAAMC,MAAMC;AAAAA,IACpBC,OAAOH,YAAAA,MAAMC,MAAMC;AAAAA,EACrB;AACF,GAACV,QAAAC,IAAAC,aAAC,eAAA,KAAA,6kDAAA;;"}
+{"version":3,"file":"Snackbar.styles.cjs","sources":["../../../../src/components/Snackbar/Snackbar.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport Snackbar, { snackbarClasses } from \"@mui/material/Snackbar\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledSnackbar = styled(Snackbar)({\n  [`&.${snackbarClasses.anchorOriginTopRight}`]: {\n    top: theme.space.xs,\n    right: theme.space.xs,\n  },\n  [`&.${snackbarClasses.anchorOriginTopLeft}`]: {\n    top: theme.space.xs,\n    left: theme.space.xs,\n  },\n  [`&.${snackbarClasses.anchorOriginTopCenter}`]: {\n    top: theme.space.xs,\n  },\n  [`&.${snackbarClasses.anchorOriginBottomCenter}`]: {\n    bottom: theme.space.xs,\n  },\n  [`&.${snackbarClasses.anchorOriginBottomLeft}`]: {\n    bottom: theme.space.xs,\n    left: theme.space.xs,\n  },\n  [`&.${snackbarClasses.anchorOriginBottomRight}`]: {\n    bottom: theme.space.xs,\n    right: theme.space.xs,\n  },\n});\n"],"names":["StyledSnackbar","Snackbar","process","env","NODE_ENV","target","label","snackbarClasses","anchorOriginTopRight","top","theme","space","xs","right","anchorOriginTopLeft","left","anchorOriginTopCenter","anchorOriginBottomCenter","bottom","anchorOriginBottomLeft","anchorOriginBottomRight"],"mappings":";;;;;;;;AAIO,MAAMA,iBAAwBC,iCAAAA,QAAAA,kBAAAA,SAAQC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7C,CAAE,KAAIC,yBAAgBC,sBAAsB,GAAG;AAAA,IAC7CC,KAAKC,YAAAA,MAAMC,MAAMC;AAAAA,IACjBC,OAAOH,YAAAA,MAAMC,MAAMC;AAAAA,EACrB;AAAA,EACA,CAAE,KAAIL,yBAAgBO,qBAAqB,GAAG;AAAA,IAC5CL,KAAKC,YAAAA,MAAMC,MAAMC;AAAAA,IACjBG,MAAML,YAAAA,MAAMC,MAAMC;AAAAA,EACpB;AAAA,EACA,CAAE,KAAIL,yBAAgBS,uBAAuB,GAAG;AAAA,IAC9CP,KAAKC,YAAAA,MAAMC,MAAMC;AAAAA,EACnB;AAAA,EACA,CAAE,KAAIL,yBAAgBU,0BAA0B,GAAG;AAAA,IACjDC,QAAQR,YAAAA,MAAMC,MAAMC;AAAAA,EACtB;AAAA,EACA,CAAE,KAAIL,yBAAgBY,wBAAwB,GAAG;AAAA,IAC/CD,QAAQR,YAAAA,MAAMC,MAAMC;AAAAA,IACpBG,MAAML,YAAAA,MAAMC,MAAMC;AAAAA,EACpB;AAAA,EACA,CAAE,KAAIL,yBAAgBa,yBAAyB,GAAG;AAAA,IAChDF,QAAQR,YAAAA,MAAMC,MAAMC;AAAAA,IACpBC,OAAOH,YAAAA,MAAMC,MAAMC;AAAAA,EACrB;AACF,GAACV,QAAAC,IAAAC,aAAC,eAAA,KAAA,6kDAAA;;"}

package/dist/cjs/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.cjs

@@ -3,14 +3,15 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const clsx = require("clsx");
 const React = require("react");
 const SnackbarContentWrapper_styles = require("./SnackbarContentWrapper.styles.cjs");
+const snackbarContentWrapperClasses = require("./snackbarContentWrapperClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const iconVariant = require("../../../utils/iconVariant.cjs");
-const snackbarContentWrapperClasses = require("./snackbarContentWrapperClasses.cjs");
 const setId = require("../../../utils/setId.cjs");
 const ActionsGeneric = require("../../ActionsGeneric/ActionsGeneric.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
-const HvSnackbarContentWrapper = React.forwardRef(({
+const HvSnackbarContent = React.forwardRef(({
+  className,
   id,
   classes,
   label,
@@ -30,6 +31,7 @@ const HvSnackbarContentWrapper = React.forwardRef(({
       root: clsx__default.default(snackbarContentWrapperClasses.default.root, classes == null ? void 0 : classes.root),
       message: clsx__default.default(snackbarContentWrapperClasses.default.message, classes == null ? void 0 : classes.message)
     },
+    className: clsx__default.default(className, classes == null ? void 0 : classes[variant], snackbarContentWrapperClasses.default[variant]),
     message: /* @__PURE__ */ jsxRuntime.jsxs(SnackbarContentWrapper_styles.StyledMessageSpan, {
       id: setId.setId(id, "message"),
       className: clsx__default.default(snackbarContentWrapperClasses.default.messageSpan, classes == null ? void 0 : classes.messageSpan),
@@ -54,6 +56,6 @@ const HvSnackbarContentWrapper = React.forwardRef(({
     ...others
   });
 });
-const HvSnackBarContentWrapper = HvSnackbarContentWrapper;
-exports.default = HvSnackBarContentWrapper;
+const HvSnackbarContent$1 = HvSnackbarContent;
+exports.default = HvSnackbarContent$1;
 //# sourceMappingURL=SnackbarContentWrapper.cjs.map