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

package/dist/cjs/components/BaseInput/BaseInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BaseInput.cjs","sources":["../../../../src/components/BaseInput/BaseInput.tsx"],"sourcesContent":["import { RefObject, useContext } from \"react\";\nimport {\n  InputBaseComponentProps as MuiInputBaseComponentProps,\n  InputProps as MuiInputProps,\n} from \"@mui/material\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  StyledRoot,\n  StyledInputBorderContainer,\n  StyledInput,\n} from \"./BaseInput.styles\";\nimport {\n  HvFormElementContext,\n  HvFormElementDescriptorsContext,\n  buildFormElementPropsFromContext,\n  buildAriaPropsFromContext,\n} from \"../Forms/FormElement\";\nimport clsx from \"clsx\";\nimport baseInputClasses, { HvBaseInputClasses } from \"./baseInputClasses\";\nimport { css, Global } from \"@emotion/react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\n// Global styles for the base input.\nconst baseInputStyles = css`\n  \"input:-webkit-autofill\": {\n    \"-webkit-box-shadow\": 0 0 0px 1000px ${theme.colors.atmo1} inset,\n    \"-webkit-text-fill-color\": ${theme.colors.acce1},\n  },\n\n  /* Clears input's clear and reveal buttons from IE */\n  \"input[type=search]::-ms-clear\": {\n    display: \"none\",\n    width: 0,\n    height: 0,\n  },\n  \"input[type=search]::-ms-reveal\": {\n    display: \"none\",\n    width: 0,\n    height: 0,\n  },\n\n  /* Clears input's clear button from Chrome */\n  \"input[type=search]::-webkit-search-decoration\": { display: \"none\" },\n  \"input[type=search]::-webkit-search-cancel-button\": { display: \"none\" },\n  \"input[type=search]::-webkit-search-results-button\": {\n    display: \"none\",\n  },\n  \"input[type=search]::-webkit-search-results-decoration\": {\n    display: \"none\",\n  },\n}`;\n\nexport type HvBaseInputProps = Omit<MuiInputProps, \"onChange\"> &\n  HvBaseProps<HTMLDivElement, { onChange }> & {\n    /** The input name. */\n    name?: string;\n    /** The value of the input, when controlled. */\n    value?: string;\n    /** The initial value of the input, when uncontrolled. */\n    defaultValue?: string;\n    /** If `true` the input is disabled. */\n    disabled?: boolean;\n    /** Indicates that the input is not editable. */\n    readOnly?: boolean;\n    /** If true, the input element will be required. */\n    required?: boolean;\n    /** The function that will be executed onChange, allows modification of the input,\n     * it receives the value. If a new value should be presented it must returned it. */\n    onChange?: (\n      event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,\n      value: string\n    ) => void;\n    /** The input type. */\n    type?: string;\n    /** Label inside the input used to help user. */\n    placeholder?: string;\n    /** If true, a textarea element will be rendered. */\n    multiline?: boolean;\n    /** If true and multiline is also true the textarea element will be resizable. */\n    resizable?: boolean;\n    /** Denotes if the input is in an invalid state. */\n    invalid?: boolean;\n    /** Attributes applied to the input element. */\n    inputProps?: MuiInputBaseComponentProps;\n    /** Allows passing a ref to the underlying input */\n    inputRef?: RefObject<HTMLElement>;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvBaseInputClasses;\n  };\n\n/**\n * An Input component that only posses the most basic functionalities.\n * It should be used alongside the other form elements to construct a proper accessible form.\n */\nexport const HvBaseInput = ({\n  classes,\n  className = \"\",\n  id,\n  name,\n  value,\n  defaultValue,\n  required,\n  readOnly,\n  disabled,\n  onChange,\n  type = \"text\",\n  placeholder,\n  multiline = false,\n  resizable = false,\n  invalid = false,\n  inputRef,\n  inputProps = {},\n  ...others\n}: HvBaseInputProps) => {\n  const formElementContext = useContext(HvFormElementContext);\n  const formElementProps = buildFormElementPropsFromContext(\n    name,\n    disabled,\n    readOnly,\n    required,\n    status,\n    formElementContext\n  );\n\n  const localInvalid = invalid || formElementProps.status === \"invalid\";\n\n  const formElementDescriptorsContext = useContext(\n    HvFormElementDescriptorsContext\n  );\n  const ariaProps = buildAriaPropsFromContext(\n    inputProps,\n    formElementDescriptorsContext,\n    localInvalid,\n    id\n  );\n\n  const onChangeHandler = (\n    event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n  ) => {\n    onChange?.(event, event.target.value);\n  };\n\n  return (\n    <>\n      <Global styles={baseInputStyles} />\n      <StyledRoot\n        className={clsx(\n          baseInputClasses.root,\n          classes?.root,\n          className,\n          formElementProps.disabled &&\n            clsx(baseInputClasses.disabled, classes?.disabled),\n          localInvalid && clsx(baseInputClasses.invalid, classes?.invalid),\n          multiline &&\n            resizable &&\n            clsx(baseInputClasses.resizable, classes?.resizable),\n          readOnly && clsx(baseInputClasses.readOnly, classes?.readOnly)\n        )}\n        $disabled={formElementProps.disabled}\n        $invalid={localInvalid}\n        $resizable={multiline && resizable}\n        $readOnly={!!readOnly}\n      >\n        <StyledInput\n          id={id}\n          name={formElementProps.name}\n          value={value}\n          defaultValue={defaultValue}\n          type={type}\n          placeholder={placeholder}\n          readOnly={!!formElementProps.readOnly}\n          disabled={formElementProps.disabled}\n          onChange={onChangeHandler}\n          className={clsx(\n            localInvalid && baseInputClasses.inputRootInvalid,\n            readOnly && baseInputClasses.inputRootReadOnly\n          )}\n          classes={{\n            root: clsx(baseInputClasses.inputRoot, classes?.inputRoot),\n            focused: clsx(\n              baseInputClasses.inputRootFocused,\n              classes?.inputRootFocused\n            ),\n            disabled: clsx(\n              baseInputClasses.inputRootDisabled,\n              classes?.inputRootDisabled\n            ),\n            multiline: clsx(\n              baseInputClasses.inputRootMultiline,\n              classes?.inputRootMultiline\n            ),\n            input: clsx(\n              baseInputClasses.input,\n              classes?.input,\n              !formElementProps.disabled &&\n                resizable &&\n                clsx(baseInputClasses.inputResizable, classes?.inputResizable),\n              disabled &&\n                clsx(baseInputClasses.inputDisabled, classes?.inputDisabled),\n              readOnly &&\n                clsx(baseInputClasses.inputReadOnly, classes?.readOnly)\n            ),\n          }}\n          inputProps={{\n            // Avoid the required attribute at the root node\n            required: formElementProps.required,\n            ...inputProps,\n            ...ariaProps,\n          }}\n          inputRef={inputRef}\n          multiline={multiline}\n          rows={10}\n          $resizable={!formElementProps.disabled && resizable}\n          $disabled={!!disabled}\n          $readOnly={!!readOnly}\n          $invalid={localInvalid}\n          {...others}\n        />\n        {!multiline && (\n          <StyledInputBorderContainer\n            role=\"presentation\"\n            className={clsx(\n              baseInputClasses.inputBorderContainer,\n              classes?.inputBorderContainer\n            )}\n          />\n        )}\n      </StyledRoot>\n    </>\n  );\n};\n"],"names":["baseInputStyles","theme","colors","atmo1","acce1","process","env","NODE_ENV","HvBaseInput","classes","className","id","name","value","defaultValue","required","readOnly","disabled","onChange","type","placeholder","multiline","resizable","invalid","inputRef","inputProps","others","formElementContext","useContext","HvFormElementContext","formElementProps","buildFormElementPropsFromContext","status","localInvalid","formElementDescriptorsContext","HvFormElementDescriptorsContext","ariaProps","buildAriaPropsFromContext","onChangeHandler","event","target","_Fragment","children","_jsx","Global","styles","_jsxs","StyledRoot","clsx","baseInputClasses","root","$disabled","$invalid","$resizable","$readOnly","StyledInput","inputRootInvalid","inputRootReadOnly","inputRoot","focused","inputRootFocused","inputRootDisabled","inputRootMultiline","input","inputResizable","inputDisabled","inputReadOnly","rows","StyledInputBorderContainer","role","inputBorderContainer"],"mappings":"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"}
+{"version":3,"file":"BaseInput.cjs","sources":["../../../../src/components/BaseInput/BaseInput.tsx"],"sourcesContent":["import { RefObject, useContext } from \"react\";\nimport {\n  InputBaseComponentProps as MuiInputBaseComponentProps,\n  InputProps as MuiInputProps,\n} from \"@mui/material\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  StyledRoot,\n  StyledInputBorderContainer,\n  StyledInput,\n} from \"./BaseInput.styles\";\nimport {\n  HvFormElementContext,\n  HvFormElementDescriptorsContext,\n  buildFormElementPropsFromContext,\n  buildAriaPropsFromContext,\n} from \"../Forms/FormElement\";\nimport clsx from \"clsx\";\nimport baseInputClasses, { HvBaseInputClasses } from \"./baseInputClasses\";\nimport { css, Global } from \"@emotion/react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\n// Global styles for the base input.\nconst baseInputStyles = css`\n  \"input:-webkit-autofill\": {\n    \"-webkit-box-shadow\": 0 0 0px 1000px ${theme.colors.atmo1} inset,\n    \"-webkit-text-fill-color\": ${theme.colors.acce1},\n  },\n\n  /* Clears input's clear and reveal buttons from IE */\n  \"input[type=search]::-ms-clear\": {\n    display: \"none\",\n    width: 0,\n    height: 0,\n  },\n  \"input[type=search]::-ms-reveal\": {\n    display: \"none\",\n    width: 0,\n    height: 0,\n  },\n\n  /* Clears input's clear button from Chrome */\n  \"input[type=search]::-webkit-search-decoration\": { display: \"none\" },\n  \"input[type=search]::-webkit-search-cancel-button\": { display: \"none\" },\n  \"input[type=search]::-webkit-search-results-button\": {\n    display: \"none\",\n  },\n  \"input[type=search]::-webkit-search-results-decoration\": {\n    display: \"none\",\n  },\n}`;\n\nexport type HvBaseInputProps = Omit<MuiInputProps, \"onChange\" | \"classes\"> &\n  HvBaseProps<HTMLDivElement, { onChange }> & {\n    /** The input name. */\n    name?: string;\n    /** The value of the input, when controlled. */\n    value?: string;\n    /** The initial value of the input, when uncontrolled. */\n    defaultValue?: string;\n    /** If `true` the input is disabled. */\n    disabled?: boolean;\n    /** Indicates that the input is not editable. */\n    readOnly?: boolean;\n    /** If true, the input element will be required. */\n    required?: boolean;\n    /** The function that will be executed onChange, allows modification of the input,\n     * it receives the value. If a new value should be presented it must returned it. */\n    onChange?: (\n      event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,\n      value: string\n    ) => void;\n    /** The input type. */\n    type?: string;\n    /** Label inside the input used to help user. */\n    placeholder?: string;\n    /** If true, a textarea element will be rendered. */\n    multiline?: boolean;\n    /** If true and multiline is also true the textarea element will be resizable. */\n    resizable?: boolean;\n    /** Denotes if the input is in an invalid state. */\n    invalid?: boolean;\n    /** Attributes applied to the input element. */\n    inputProps?: MuiInputBaseComponentProps;\n    /** Allows passing a ref to the underlying input */\n    inputRef?: RefObject<HTMLElement>;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvBaseInputClasses;\n  };\n\n/**\n * An Input component that only posses the most basic functionalities.\n * It should be used alongside the other form elements to construct a proper accessible form.\n */\nexport const HvBaseInput = ({\n  classes,\n  className = \"\",\n  id,\n  name,\n  value,\n  defaultValue,\n  required,\n  readOnly,\n  disabled,\n  onChange,\n  type = \"text\",\n  placeholder,\n  multiline = false,\n  resizable = false,\n  invalid = false,\n  inputRef,\n  inputProps = {},\n  ...others\n}: HvBaseInputProps) => {\n  const formElementContext = useContext(HvFormElementContext);\n  const formElementProps = buildFormElementPropsFromContext(\n    name,\n    disabled,\n    readOnly,\n    required,\n    status,\n    formElementContext\n  );\n\n  const localInvalid = invalid || formElementProps.status === \"invalid\";\n\n  const formElementDescriptorsContext = useContext(\n    HvFormElementDescriptorsContext\n  );\n  const ariaProps = buildAriaPropsFromContext(\n    inputProps,\n    formElementDescriptorsContext,\n    localInvalid,\n    id\n  );\n\n  const onChangeHandler = (\n    event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n  ) => {\n    onChange?.(event, event.target.value);\n  };\n\n  return (\n    <>\n      <Global styles={baseInputStyles} />\n      <StyledRoot\n        className={clsx(\n          baseInputClasses.root,\n          classes?.root,\n          className,\n          formElementProps.disabled &&\n            clsx(baseInputClasses.disabled, classes?.disabled),\n          localInvalid && clsx(baseInputClasses.invalid, classes?.invalid),\n          multiline &&\n            resizable &&\n            clsx(baseInputClasses.resizable, classes?.resizable),\n          readOnly && clsx(baseInputClasses.readOnly, classes?.readOnly)\n        )}\n        $disabled={formElementProps.disabled}\n        $invalid={localInvalid}\n        $resizable={multiline && resizable}\n        $readOnly={!!readOnly}\n      >\n        <StyledInput\n          id={id}\n          name={formElementProps.name}\n          value={value}\n          defaultValue={defaultValue}\n          type={type}\n          placeholder={placeholder}\n          readOnly={!!formElementProps.readOnly}\n          disabled={formElementProps.disabled}\n          onChange={onChangeHandler}\n          className={clsx(\n            localInvalid &&\n              clsx(\n                baseInputClasses.inputRootInvalid,\n                classes?.inputRootInvalid\n              ),\n            readOnly &&\n              clsx(\n                baseInputClasses.inputRootReadOnly,\n                classes?.inputRootReadOnly\n              )\n          )}\n          classes={{\n            root: clsx(baseInputClasses.inputRoot, classes?.inputRoot),\n            focused: clsx(\n              baseInputClasses.inputRootFocused,\n              classes?.inputRootFocused\n            ),\n            disabled: clsx(\n              baseInputClasses.inputRootDisabled,\n              classes?.inputRootDisabled\n            ),\n            multiline: clsx(\n              baseInputClasses.inputRootMultiline,\n              classes?.inputRootMultiline\n            ),\n            input: clsx(\n              baseInputClasses.input,\n              classes?.input,\n              !formElementProps.disabled &&\n                resizable &&\n                clsx(baseInputClasses.inputResizable, classes?.inputResizable),\n              disabled &&\n                clsx(baseInputClasses.inputDisabled, classes?.inputDisabled),\n              readOnly &&\n                clsx(baseInputClasses.inputReadOnly, classes?.readOnly)\n            ),\n          }}\n          inputProps={{\n            // Avoid the required attribute at the root node\n            required: formElementProps.required,\n            ...inputProps,\n            ...ariaProps,\n          }}\n          inputRef={inputRef}\n          multiline={multiline}\n          rows={10}\n          $resizable={!formElementProps.disabled && resizable}\n          $disabled={!!disabled}\n          $readOnly={!!readOnly}\n          $invalid={localInvalid}\n          {...others}\n        />\n        {!multiline && (\n          <StyledInputBorderContainer\n            role=\"presentation\"\n            className={clsx(\n              baseInputClasses.inputBorderContainer,\n              classes?.inputBorderContainer\n            )}\n          />\n        )}\n      </StyledRoot>\n    </>\n  );\n};\n"],"names":["baseInputStyles","theme","colors","atmo1","acce1","process","env","NODE_ENV","HvBaseInput","classes","className","id","name","value","defaultValue","required","readOnly","disabled","onChange","type","placeholder","multiline","resizable","invalid","inputRef","inputProps","others","formElementContext","useContext","HvFormElementContext","formElementProps","buildFormElementPropsFromContext","status","localInvalid","formElementDescriptorsContext","HvFormElementDescriptorsContext","ariaProps","buildAriaPropsFromContext","onChangeHandler","event","target","_Fragment","children","_jsx","Global","styles","_jsxs","StyledRoot","clsx","baseInputClasses","root","$disabled","$invalid","$resizable","$readOnly","StyledInput","inputRootInvalid","inputRootReadOnly","inputRoot","focused","inputRootFocused","inputRootDisabled","inputRootMultiline","input","inputResizable","inputDisabled","inputReadOnly","rows","StyledInputBorderContainer","role","inputBorderContainer"],"mappings":"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"}

package/dist/cjs/components/BaseRadio/BaseRadio.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BaseRadio.cjs","sources":["../../../../src/components/BaseRadio/BaseRadio.tsx"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport { RadioProps as MuiRadioProps } from \"@mui/material\";\nimport {\n  RadioButtonUnselected,\n  RadioButtonSelected,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps, HvExtraProps } from \"../../types\";\nimport { StyledRadio } from \"./BaseRadio.styles\";\nimport baseRadioClasses, { HvBaseRadioClasses } from \"./baseRadioClasses\";\n\nexport type HvBaseRadioProps = Omit<MuiRadioProps, \"onChange\"> &\n  HvBaseProps<HTMLInputElement, { onChange }> & {\n    /**\n     * Class names to be applied.\n     */\n    className?: string;\n    /**\n     * A Jss Object used to override or extend the styles applied to the radio button.\n     */\n    classes?: HvBaseRadioClasses;\n    /**\n     * Id to be applied to the root node.\n     */\n    id?: string;\n    /**\n     * The input name.\n     */\n    name?: string;\n    /**\n     * The value of the input.\n     *\n     * The default value is \"on\".\n     */\n    value?: any;\n    /**\n     * Indicates that user input is required.\n     */\n    required?: boolean;\n    /**\n     * Indicates that the input is not editable.\n     */\n    readOnly?: boolean;\n    /**\n     * Indicates that the input is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * If `true` the radio button is selected, if set to `false` the radio button is not selected.\n     *\n     * When defined the radio button state becomes controlled.\n     */\n    checked?: boolean;\n    /**\n     * When uncontrolled, defines the initial checked state.\n     */\n    defaultChecked?: boolean;\n    /**\n     * The callback fired when the radio button is pressed.\n     */\n    onChange?: (\n      event: React.ChangeEvent<HTMLInputElement>,\n      checked: boolean,\n      value: any\n    ) => void;\n    /**\n     * Whether the selector should use semantic colors.\n     */\n    semantic?: boolean;\n    /**\n     * Properties passed on to the input element.\n     */\n    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n    /**\n     * Callback fired when the component is focused with a keyboard.\n     * We trigger a `onFocus` callback too.\n     */\n    onFocusVisible?: (event: React.FocusEvent<any>) => void;\n    /**\n     * @ignore\n     */\n    onBlur?: (event: React.FocusEvent<any>) => void;\n  } & HvExtraProps;\n\nexport const getSelectorIcons = (\n  options: { disabled: boolean; semantic: boolean },\n  classes?: HvBaseRadioClasses\n) => {\n  const { disabled, semantic } = options;\n  const color =\n    (disabled && [\"atmo3\", \"atmo5\"]) ||\n    (semantic && [\"base1\", \"base2\"]) ||\n    undefined;\n  const checkedColor =\n    (disabled && [\"atmo3\", \"atmo5\"]) ||\n    (semantic && [\"base2\", \"base1\"]) ||\n    undefined;\n\n  return {\n    radio: (\n      <RadioButtonUnselected\n        color={color}\n        className={clsx(baseRadioClasses.icon, classes?.icon)}\n      />\n    ),\n    radioChecked: (\n      <RadioButtonSelected\n        color={checkedColor}\n        className={clsx(baseRadioClasses.icon, classes?.icon)}\n      />\n    ),\n  };\n};\n\n/**\n * A Radio Button is a mechanism that allows user to select one or more options.\n *\n * The Base Radio Button is a building block of the Radio Button form element. Don't\n * use unless implementing a custom use case not covered by the Radio Button form element.\n */\nexport const HvBaseRadio = (props: HvBaseRadioProps) => {\n  const {\n    classes,\n    className,\n    id,\n    name,\n    value = \"on\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n    checked,\n    defaultChecked,\n    onChange,\n    semantic = false,\n    inputProps,\n    onFocusVisible,\n    onBlur,\n    ...others\n  } = props;\n\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const onFocusVisibleCallback = useCallback(\n    (evt: React.FocusEvent<any>) => {\n      setFocusVisible(true);\n      onFocusVisible?.(evt);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (evt: React.FocusEvent<any>) => {\n      setFocusVisible(false);\n      onBlur?.(evt);\n    },\n    [onBlur]\n  );\n\n  const icons = getSelectorIcons({ disabled, semantic }, classes);\n\n  const onLocalChange = useCallback(\n    (evt: React.ChangeEvent<HTMLInputElement>) => {\n      if (readOnly) {\n        return;\n      }\n\n      onChange?.(evt, evt.target.checked, value);\n    },\n    [onChange, readOnly, value]\n  );\n\n  return (\n    <StyledRadio\n      id={id}\n      name={name}\n      className={clsx(\n        className,\n        baseRadioClasses.root,\n        classes?.root,\n        disabled && clsx(baseRadioClasses.disabled, classes?.disabled),\n        focusVisible &&\n          clsx(baseRadioClasses.focusVisible, classes?.focusVisible)\n      )}\n      $focusVisible={focusVisible}\n      icon={icons.radio}\n      checkedIcon={icons.radioChecked}\n      color=\"default\"\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      disableRipple\n      onChange={onLocalChange}\n      value={value}\n      checked={checked}\n      defaultChecked={defaultChecked}\n      inputProps={inputProps}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n};\n"],"names":["getSelectorIcons","options","classes","disabled","semantic","color","undefined","checkedColor","radio","RadioButtonUnselected","className","clsx","baseRadioClasses","icon","radioChecked","RadioButtonSelected","HvBaseRadio","props","id","name","value","required","readOnly","checked","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","focusVisible","setFocusVisible","useState","onFocusVisibleCallback","useCallback","evt","onBlurCallback","icons","onLocalChange","target","StyledRadio","root","$focusVisible","checkedIcon","disableRipple"],"mappings":";;;;;;;;;;AAoFaA,MAAAA,mBAAmBA,CAC9BC,SACAC,YACG;AACG,QAAA;AAAA,IAAEC;AAAAA,IAAUC;AAAAA,EAAaH,IAAAA;AACzBI,QAAAA,QACHF,YAAY,CAAC,SAAS,OAAO,KAC7BC,YAAY,CAAC,SAAS,OAAO,KAC9BE;AACIC,QAAAA,eACHJ,YAAY,CAAC,SAAS,OAAO,KAC7BC,YAAY,CAAC,SAAS,OAAO,KAC9BE;AAEK,SAAA;AAAA,IACLE,sCACGC,uCAAqB;AAAA,MACpBJ;AAAAA,MACAK,WAAWC,cAAAA,QAAKC,iBAAAA,QAAiBC,MAAMX,mCAASW,IAAI;AAAA,IAAA,CAEvD;AAAA,IACDC,6CACGC,qCAAmB;AAAA,MAClBV,OAAOE;AAAAA,MACPG,WAAWC,cAAAA,QAAKC,iBAAAA,QAAiBC,MAAMX,mCAASW,IAAI;AAAA,IAAA,CAAE;AAAA,EAAA;AAI9D;AAQaG,MAAAA,cAAcA,CAACC,UAA4B;AAChD,QAAA;AAAA,IACJf;AAAAA,IACAQ;AAAAA,IACAQ;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXnB,WAAW;AAAA,IACXoB;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACArB,WAAW;AAAA,IACXsB;AAAAA,IACAC;AAAAA,IACAC;AAAAA,OACGC;AAAAA,EACDZ,IAAAA;AAEJ,QAAM,CAACa,cAAcC,eAAe,IAAIC,eAAS,KAAK;AAEhDC,QAAAA,yBAAyBC,kBAC7B,CAACC,QAA+B;AAC9BJ,oBAAgB,IAAI;AACpBJ,qDAAiBQ;AAAAA,EAAG,GAEtB,CAACR,cAAc,CAAC;AAGZS,QAAAA,iBAAiBF,kBACrB,CAACC,QAA+B;AAC9BJ,oBAAgB,KAAK;AACrBH,qCAASO;AAAAA,EAAG,GAEd,CAACP,MAAM,CAAC;AAGV,QAAMS,QAAQrC,iBAAiB;AAAA,IAAEG;AAAAA,IAAUC;AAAAA,KAAYF,OAAO;AAExDoC,QAAAA,gBAAgBJ,kBACpB,CAACC,QAA6C;AAC5C,QAAIb,UAAU;AACZ;AAAA,IACF;AAEAG,yCAAWU,KAAKA,IAAII,OAAOhB,SAASH;AAAAA,EAEtC,GAAA,CAACK,UAAUH,UAAUF,KAAK,CAAC;AAG7B,wCACGoB,iBAAAA,aAAW;AAAA,IACVtB;AAAAA,IACAC;AAAAA,IACAT,WAAWC,cAAAA,QACTD,WACAE,iBAAAA,QAAiB6B,MACjBvC,mCAASuC,MACTtC,YAAYQ,sBAAKC,iBAAAA,QAAiBT,UAAUD,mCAASC,QAAQ,GAC7D2B,gBACEnB,cAAAA,QAAKC,iBAAAA,QAAiBkB,cAAc5B,mCAAS4B,YAAY,CAAC;AAAA,IAE9DY,eAAeZ;AAAAA,IACfjB,MAAMwB,MAAM7B;AAAAA,IACZmC,aAAaN,MAAMvB;AAAAA,IACnBT,OAAM;AAAA,IACNF;AAAAA,IACAkB;AAAAA,IACAC;AAAAA,IACAsB,eAAa;AAAA,IACbnB,UAAUa;AAAAA,IACVlB;AAAAA,IACAG;AAAAA,IACAC;AAAAA,IACAE;AAAAA,IACAC,gBAAgBM;AAAAA,IAChBL,QAAQQ;AAAAA,IAAe,GACnBP;AAAAA,EAAAA,CACJ;AAEN;;;"}
+{"version":3,"file":"BaseRadio.cjs","sources":["../../../../src/components/BaseRadio/BaseRadio.tsx"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport { RadioProps as MuiRadioProps } from \"@mui/material\";\nimport {\n  RadioButtonUnselected,\n  RadioButtonSelected,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledRadio } from \"./BaseRadio.styles\";\nimport baseRadioClasses, { HvBaseRadioClasses } from \"./baseRadioClasses\";\n\nexport type HvBaseRadioProps = Omit<MuiRadioProps, \"onChange\" | \"classes\"> &\n  HvBaseProps<HTMLInputElement, { onChange }> & {\n    /**\n     * Class names to be applied.\n     */\n    className?: string;\n    /**\n     * A Jss Object used to override or extend the styles applied to the radio button.\n     */\n    classes?: HvBaseRadioClasses;\n    /**\n     * Id to be applied to the root node.\n     */\n    id?: string;\n    /**\n     * The input name.\n     */\n    name?: string;\n    /**\n     * The value of the input.\n     *\n     * The default value is \"on\".\n     */\n    value?: any;\n    /**\n     * Indicates that user input is required.\n     */\n    required?: boolean;\n    /**\n     * Indicates that the input is not editable.\n     */\n    readOnly?: boolean;\n    /**\n     * Indicates that the input is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * If `true` the radio button is selected, if set to `false` the radio button is not selected.\n     *\n     * When defined the radio button state becomes controlled.\n     */\n    checked?: boolean;\n    /**\n     * When uncontrolled, defines the initial checked state.\n     */\n    defaultChecked?: boolean;\n    /**\n     * The callback fired when the radio button is pressed.\n     */\n    onChange?: (\n      event: React.ChangeEvent<HTMLInputElement>,\n      checked: boolean,\n      value: any\n    ) => void;\n    /**\n     * Whether the selector should use semantic colors.\n     */\n    semantic?: boolean;\n    /**\n     * Properties passed on to the input element.\n     */\n    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n    /**\n     * Callback fired when the component is focused with a keyboard.\n     * We trigger a `onFocus` callback too.\n     */\n    onFocusVisible?: (event: React.FocusEvent<any>) => void;\n    /**\n     * @ignore\n     */\n    onBlur?: (event: React.FocusEvent<any>) => void;\n  };\n\nexport const getSelectorIcons = (\n  options: { disabled: boolean; semantic: boolean },\n  classes?: HvBaseRadioClasses\n) => {\n  const { disabled, semantic } = options;\n  const color =\n    (disabled && [\"atmo3\", \"atmo5\"]) ||\n    (semantic && [\"base1\", \"base2\"]) ||\n    undefined;\n  const checkedColor =\n    (disabled && [\"atmo3\", \"atmo5\"]) ||\n    (semantic && [\"base2\", \"base1\"]) ||\n    undefined;\n\n  return {\n    radio: (\n      <RadioButtonUnselected\n        color={color}\n        className={clsx(baseRadioClasses.icon, classes?.icon)}\n      />\n    ),\n    radioChecked: (\n      <RadioButtonSelected\n        color={checkedColor}\n        className={clsx(baseRadioClasses.icon, classes?.icon)}\n      />\n    ),\n  };\n};\n\n/**\n * A Radio Button is a mechanism that allows user to select one or more options.\n *\n * The Base Radio Button is a building block of the Radio Button form element. Don't\n * use unless implementing a custom use case not covered by the Radio Button form element.\n */\nexport const HvBaseRadio = (props: HvBaseRadioProps) => {\n  const {\n    classes,\n    className,\n    id,\n    name,\n    value = \"on\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n    checked,\n    defaultChecked,\n    onChange,\n    semantic = false,\n    inputProps,\n    onFocusVisible,\n    onBlur,\n    ...others\n  } = props;\n\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const onFocusVisibleCallback = useCallback(\n    (evt: React.FocusEvent<any>) => {\n      setFocusVisible(true);\n      onFocusVisible?.(evt);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (evt: React.FocusEvent<any>) => {\n      setFocusVisible(false);\n      onBlur?.(evt);\n    },\n    [onBlur]\n  );\n\n  const icons = getSelectorIcons({ disabled, semantic }, classes);\n\n  const onLocalChange = useCallback(\n    (evt: React.ChangeEvent<HTMLInputElement>) => {\n      if (readOnly) {\n        return;\n      }\n\n      onChange?.(evt, evt.target.checked, value);\n    },\n    [onChange, readOnly, value]\n  );\n\n  return (\n    <StyledRadio\n      id={id}\n      name={name}\n      className={clsx(\n        className,\n        baseRadioClasses.root,\n        classes?.root,\n        disabled && clsx(baseRadioClasses.disabled, classes?.disabled),\n        focusVisible &&\n          clsx(baseRadioClasses.focusVisible, classes?.focusVisible)\n      )}\n      $focusVisible={focusVisible}\n      icon={icons.radio}\n      checkedIcon={icons.radioChecked}\n      color=\"default\"\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      disableRipple\n      onChange={onLocalChange}\n      value={value}\n      checked={checked}\n      defaultChecked={defaultChecked}\n      inputProps={inputProps}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n};\n"],"names":["getSelectorIcons","options","classes","disabled","semantic","color","undefined","checkedColor","radio","RadioButtonUnselected","className","clsx","baseRadioClasses","icon","radioChecked","RadioButtonSelected","HvBaseRadio","props","id","name","value","required","readOnly","checked","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","focusVisible","setFocusVisible","useState","onFocusVisibleCallback","useCallback","evt","onBlurCallback","icons","onLocalChange","target","StyledRadio","root","$focusVisible","checkedIcon","disableRipple"],"mappings":";;;;;;;;;;AAoFaA,MAAAA,mBAAmBA,CAC9BC,SACAC,YACG;AACG,QAAA;AAAA,IAAEC;AAAAA,IAAUC;AAAAA,EAAaH,IAAAA;AACzBI,QAAAA,QACHF,YAAY,CAAC,SAAS,OAAO,KAC7BC,YAAY,CAAC,SAAS,OAAO,KAC9BE;AACIC,QAAAA,eACHJ,YAAY,CAAC,SAAS,OAAO,KAC7BC,YAAY,CAAC,SAAS,OAAO,KAC9BE;AAEK,SAAA;AAAA,IACLE,sCACGC,uCAAqB;AAAA,MACpBJ;AAAAA,MACAK,WAAWC,cAAAA,QAAKC,iBAAAA,QAAiBC,MAAMX,mCAASW,IAAI;AAAA,IAAA,CAEvD;AAAA,IACDC,6CACGC,qCAAmB;AAAA,MAClBV,OAAOE;AAAAA,MACPG,WAAWC,cAAAA,QAAKC,iBAAAA,QAAiBC,MAAMX,mCAASW,IAAI;AAAA,IAAA,CAAE;AAAA,EAAA;AAI9D;AAQaG,MAAAA,cAAcA,CAACC,UAA4B;AAChD,QAAA;AAAA,IACJf;AAAAA,IACAQ;AAAAA,IACAQ;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXnB,WAAW;AAAA,IACXoB;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACArB,WAAW;AAAA,IACXsB;AAAAA,IACAC;AAAAA,IACAC;AAAAA,OACGC;AAAAA,EACDZ,IAAAA;AAEJ,QAAM,CAACa,cAAcC,eAAe,IAAIC,eAAS,KAAK;AAEhDC,QAAAA,yBAAyBC,kBAC7B,CAACC,QAA+B;AAC9BJ,oBAAgB,IAAI;AACpBJ,qDAAiBQ;AAAAA,EAAG,GAEtB,CAACR,cAAc,CAAC;AAGZS,QAAAA,iBAAiBF,kBACrB,CAACC,QAA+B;AAC9BJ,oBAAgB,KAAK;AACrBH,qCAASO;AAAAA,EAAG,GAEd,CAACP,MAAM,CAAC;AAGV,QAAMS,QAAQrC,iBAAiB;AAAA,IAAEG;AAAAA,IAAUC;AAAAA,KAAYF,OAAO;AAExDoC,QAAAA,gBAAgBJ,kBACpB,CAACC,QAA6C;AAC5C,QAAIb,UAAU;AACZ;AAAA,IACF;AAEAG,yCAAWU,KAAKA,IAAII,OAAOhB,SAASH;AAAAA,EAEtC,GAAA,CAACK,UAAUH,UAAUF,KAAK,CAAC;AAG7B,wCACGoB,iBAAAA,aAAW;AAAA,IACVtB;AAAAA,IACAC;AAAAA,IACAT,WAAWC,cAAAA,QACTD,WACAE,iBAAAA,QAAiB6B,MACjBvC,mCAASuC,MACTtC,YAAYQ,sBAAKC,iBAAAA,QAAiBT,UAAUD,mCAASC,QAAQ,GAC7D2B,gBACEnB,cAAAA,QAAKC,iBAAAA,QAAiBkB,cAAc5B,mCAAS4B,YAAY,CAAC;AAAA,IAE9DY,eAAeZ;AAAAA,IACfjB,MAAMwB,MAAM7B;AAAAA,IACZmC,aAAaN,MAAMvB;AAAAA,IACnBT,OAAM;AAAA,IACNF;AAAAA,IACAkB;AAAAA,IACAC;AAAAA,IACAsB,eAAa;AAAA,IACbnB,UAAUa;AAAAA,IACVlB;AAAAA,IACAG;AAAAA,IACAC;AAAAA,IACAE;AAAAA,IACAC,gBAAgBM;AAAAA,IAChBL,QAAQQ;AAAAA,IAAe,GACnBP;AAAAA,EAAAA,CACJ;AAEN;;;"}

package/dist/cjs/components/BaseSwitch/BaseSwitch.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BaseSwitch.cjs","sources":["../../../../src/components/BaseSwitch/BaseSwitch.tsx"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport { SwitchProps as MuiSwitchProps } from \"@mui/material\";\nimport { StyledSwitch } from \"./BaseSwitch.styles\";\nimport { HvBaseProps, HvExtraProps } from \"../../types\";\nimport baseSwitchClasses, { HvBaseSwitchClasses } from \"./baseSwitchClasses\";\n\nexport type HvBaseSwitchProps = Omit<MuiSwitchProps, \"onChange\"> &\n  HvBaseProps<HTMLInputElement, { onChange }> & {\n    /**\n     * Class names to be applied.\n     */\n    className?: string;\n    /**\n     * A Jss Object used to override or extend the styles applied to the switch.\n     */\n    classes?: HvBaseSwitchClasses;\n    /**\n     * Id to be applied to the root node.\n     */\n    id?: string;\n    /**\n     * The input name.\n     */\n    name?: string;\n    /**\n     * The value of the input.\n     *\n     * Is up to the application's logic when to consider the submission of this value.\n     * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n     *\n     * The default value is \"on\".\n     */\n    value?: any;\n    /**\n     * Indicates that user input is required.\n     */\n    required?: boolean;\n    /**\n     * Indicates that the input is not editable.\n     */\n    readOnly?: boolean;\n    /**\n     * Indicates that the input is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * If `true` the switch is selected, if set to `false` the switch is not selected.\n     *\n     * When defined the switch state becomes controlled.\n     */\n    checked?: boolean;\n    /**\n     * When uncontrolled, defines the initial checked state.\n     */\n    defaultChecked?: boolean;\n    /**\n     * The callback fired when the switch is pressed.\n     */\n    onChange?: (event: React.ChangeEvent, checked: boolean, value: any) => void;\n    /**\n     * Properties passed on to the input element.\n     */\n    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n    /**\n     * Callback fired when the component is focused with a keyboard.\n     * We trigger a `onFocus` callback too.\n     */\n    onFocusVisible?: (event: React.FocusEvent<any>) => void;\n    /**\n     * @ignore\n     */\n    onBlur?: (event: React.FocusEvent<any>) => void;\n  } & HvExtraProps;\n\n/**\n * A Switch is <b>binary</b> and work as a digital on/off button.\n *\n * The Base Switch is a building block of the Switch form element. Don't use unless\n * implementing a custom use case not covered by the Switch form element.\n */\nexport const HvBaseSwitch = (props: HvBaseSwitchProps) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    checked,\n    defaultChecked,\n\n    onChange,\n\n    inputProps,\n\n    onFocusVisible,\n    onBlur,\n\n    ...others\n  } = props;\n\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const onFocusVisibleCallback = useCallback(\n    (evt: React.FocusEvent<any, Element>) => {\n      setFocusVisible(true);\n      onFocusVisible?.(evt);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (evt: React.FocusEvent<any, Element>) => {\n      setFocusVisible(false);\n      onBlur?.(evt);\n    },\n    [onBlur]\n  );\n\n  const onLocalChange = useCallback(\n    (evt: React.ChangeEvent<HTMLInputElement>) => {\n      if (readOnly) {\n        return;\n      }\n\n      onChange?.(evt, evt.target.checked, value);\n    },\n    [onChange, readOnly, value]\n  );\n\n  return (\n    <StyledSwitch\n      id={id}\n      name={name}\n      className={clsx(\n        className,\n        baseSwitchClasses.root,\n        classes?.root,\n        disabled && clsx(baseSwitchClasses.disabled, classes?.disabled),\n        readOnly && clsx(baseSwitchClasses.readOnly, classes?.readOnly),\n        focusVisible &&\n          clsx(baseSwitchClasses.focusVisible, classes?.focusVisible)\n      )}\n      $focusVisible={focusVisible}\n      $readOnly={readOnly}\n      $disabled={disabled}\n      color=\"default\"\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      disableRipple\n      onChange={onLocalChange}\n      value={value}\n      checked={checked}\n      defaultChecked={defaultChecked}\n      classes={{\n        root: clsx(baseSwitchClasses.switch, classes?.switch),\n        switchBase: clsx(baseSwitchClasses.switchBase, classes?.switchBase),\n        checked: clsx(baseSwitchClasses.checked, classes?.checked),\n        track: clsx(baseSwitchClasses.track, classes?.track),\n        thumb: clsx(baseSwitchClasses.thumb, classes?.thumb),\n        disabled: clsx(baseSwitchClasses.disabled, classes?.disabled),\n      }}\n      inputProps={inputProps}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n};\n"],"names":["HvBaseSwitch","props","classes","className","id","name","value","required","readOnly","disabled","checked","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","focusVisible","setFocusVisible","useState","onFocusVisibleCallback","useCallback","evt","onBlurCallback","onLocalChange","target","StyledSwitch","clsx","baseSwitchClasses","root","$focusVisible","$readOnly","$disabled","color","disableRipple","switch","switchBase","track","thumb"],"mappings":";;;;;;;;;AAiFaA,MAAAA,eAAeA,CAACC,UAA6B;AAClD,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IAERC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,WAAW;AAAA,IAEXC;AAAAA,IACAC;AAAAA,IAEAC;AAAAA,IAEAC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,OAEGC;AAAAA,EACDf,IAAAA;AAEJ,QAAM,CAACgB,cAAcC,eAAe,IAAIC,eAAS,KAAK;AAEhDC,QAAAA,yBAAyBC,kBAC7B,CAACC,QAAwC;AACvCJ,oBAAgB,IAAI;AACpBJ,qDAAiBQ;AAAAA,EAAG,GAEtB,CAACR,cAAc,CAAC;AAGZS,QAAAA,iBAAiBF,kBACrB,CAACC,QAAwC;AACvCJ,oBAAgB,KAAK;AACrBH,qCAASO;AAAAA,EAAG,GAEd,CAACP,MAAM,CAAC;AAGJS,QAAAA,gBAAgBH,kBACpB,CAACC,QAA6C;AAC5C,QAAId,UAAU;AACZ;AAAA,IACF;AAEAI,yCAAWU,KAAKA,IAAIG,OAAOf,SAASJ;AAAAA,EAEtC,GAAA,CAACM,UAAUJ,UAAUF,KAAK,CAAC;AAG7B,wCACGoB,kBAAAA,cAAY;AAAA,IACXtB;AAAAA,IACAC;AAAAA,IACAF,WAAWwB,cAAAA,QACTxB,WACAyB,kBAAkBC,QAAAA,MAClB3B,mCAAS2B,MACTpB,YAAYkB,cAAAA,QAAKC,kBAAAA,QAAkBnB,UAAUP,mCAASO,QAAQ,GAC9DD,YAAYmB,cAAKC,QAAAA,kBAAAA,QAAkBpB,UAAUN,mCAASM,QAAQ,GAC9DS,gBACEU,cAAAA,QAAKC,kBAAAA,QAAkBX,cAAcf,mCAASe,YAAY,CAAC;AAAA,IAE/Da,eAAeb;AAAAA,IACfc,WAAWvB;AAAAA,IACXwB,WAAWvB;AAAAA,IACXwB,OAAM;AAAA,IACNxB;AAAAA,IACAF;AAAAA,IACAC;AAAAA,IACA0B,eAAa;AAAA,IACbtB,UAAUY;AAAAA,IACVlB;AAAAA,IACAI;AAAAA,IACAC;AAAAA,IACAT,SAAS;AAAA,MACP2B,MAAMF,cAAAA,QAAKC,kBAAAA,QAAkBO,QAAQjC,mCAASiC,MAAM;AAAA,MACpDC,YAAYT,cAAAA,QAAKC,kBAAAA,QAAkBQ,YAAYlC,mCAASkC,UAAU;AAAA,MAClE1B,SAASiB,cAAAA,QAAKC,kBAAAA,QAAkBlB,SAASR,mCAASQ,OAAO;AAAA,MACzD2B,OAAOV,cAAAA,QAAKC,kBAAAA,QAAkBS,OAAOnC,mCAASmC,KAAK;AAAA,MACnDC,OAAOX,cAAAA,QAAKC,kBAAAA,QAAkBU,OAAOpC,mCAASoC,KAAK;AAAA,MACnD7B,UAAUkB,cAAAA,QAAKC,kBAAAA,QAAkBnB,UAAUP,mCAASO,QAAQ;AAAA,IAC9D;AAAA,IACAI;AAAAA,IACAC,gBAAgBM;AAAAA,IAChBL,QAAQQ;AAAAA,IAAe,GACnBP;AAAAA,EAAAA,CACJ;AAEN;;"}
+{"version":3,"file":"BaseSwitch.cjs","sources":["../../../../src/components/BaseSwitch/BaseSwitch.tsx"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport { SwitchProps as MuiSwitchProps } from \"@mui/material\";\nimport { StyledSwitch } from \"./BaseSwitch.styles\";\nimport { HvBaseProps } from \"../../types\";\nimport baseSwitchClasses, { HvBaseSwitchClasses } from \"./baseSwitchClasses\";\n\nexport type HvBaseSwitchProps = Omit<MuiSwitchProps, \"onChange\" | \"classes\"> &\n  HvBaseProps<HTMLInputElement, { onChange }> & {\n    /**\n     * Class names to be applied.\n     */\n    className?: string;\n    /**\n     * A Jss Object used to override or extend the styles applied to the switch.\n     */\n    classes?: HvBaseSwitchClasses;\n    /**\n     * Id to be applied to the root node.\n     */\n    id?: string;\n    /**\n     * The input name.\n     */\n    name?: string;\n    /**\n     * The value of the input.\n     *\n     * Is up to the application's logic when to consider the submission of this value.\n     * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n     *\n     * The default value is \"on\".\n     */\n    value?: any;\n    /**\n     * Indicates that user input is required.\n     */\n    required?: boolean;\n    /**\n     * Indicates that the input is not editable.\n     */\n    readOnly?: boolean;\n    /**\n     * Indicates that the input is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * If `true` the switch is selected, if set to `false` the switch is not selected.\n     *\n     * When defined the switch state becomes controlled.\n     */\n    checked?: boolean;\n    /**\n     * When uncontrolled, defines the initial checked state.\n     */\n    defaultChecked?: boolean;\n    /**\n     * The callback fired when the switch is pressed.\n     */\n    onChange?: (event: React.ChangeEvent, checked: boolean, value: any) => void;\n    /**\n     * Properties passed on to the input element.\n     */\n    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n    /**\n     * Callback fired when the component is focused with a keyboard.\n     * We trigger a `onFocus` callback too.\n     */\n    onFocusVisible?: (event: React.FocusEvent<any>) => void;\n    /**\n     * @ignore\n     */\n    onBlur?: (event: React.FocusEvent<any>) => void;\n  };\n\n/**\n * A Switch is <b>binary</b> and work as a digital on/off button.\n *\n * The Base Switch is a building block of the Switch form element. Don't use unless\n * implementing a custom use case not covered by the Switch form element.\n */\nexport const HvBaseSwitch = (props: HvBaseSwitchProps) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    checked,\n    defaultChecked,\n\n    onChange,\n\n    inputProps,\n\n    onFocusVisible,\n    onBlur,\n\n    ...others\n  } = props;\n\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const onFocusVisibleCallback = useCallback(\n    (evt: React.FocusEvent<any, Element>) => {\n      setFocusVisible(true);\n      onFocusVisible?.(evt);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (evt: React.FocusEvent<any, Element>) => {\n      setFocusVisible(false);\n      onBlur?.(evt);\n    },\n    [onBlur]\n  );\n\n  const onLocalChange = useCallback(\n    (evt: React.ChangeEvent<HTMLInputElement>) => {\n      if (readOnly) {\n        return;\n      }\n\n      onChange?.(evt, evt.target.checked, value);\n    },\n    [onChange, readOnly, value]\n  );\n\n  return (\n    <StyledSwitch\n      id={id}\n      name={name}\n      className={clsx(\n        className,\n        baseSwitchClasses.root,\n        classes?.root,\n        disabled && clsx(baseSwitchClasses.disabled, classes?.disabled),\n        readOnly && clsx(baseSwitchClasses.readOnly, classes?.readOnly),\n        focusVisible &&\n          clsx(baseSwitchClasses.focusVisible, classes?.focusVisible)\n      )}\n      $focusVisible={focusVisible}\n      $readOnly={readOnly}\n      $disabled={disabled}\n      color=\"default\"\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      disableRipple\n      onChange={onLocalChange}\n      value={value}\n      checked={checked}\n      defaultChecked={defaultChecked}\n      classes={{\n        root: clsx(baseSwitchClasses.switch, classes?.switch),\n        switchBase: clsx(baseSwitchClasses.switchBase, classes?.switchBase),\n        checked: clsx(baseSwitchClasses.checked, classes?.checked),\n        track: clsx(baseSwitchClasses.track, classes?.track),\n        thumb: clsx(baseSwitchClasses.thumb, classes?.thumb),\n        disabled: clsx(baseSwitchClasses.disabled, classes?.disabled),\n      }}\n      inputProps={inputProps}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n};\n"],"names":["HvBaseSwitch","props","classes","className","id","name","value","required","readOnly","disabled","checked","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","focusVisible","setFocusVisible","useState","onFocusVisibleCallback","useCallback","evt","onBlurCallback","onLocalChange","target","StyledSwitch","clsx","baseSwitchClasses","root","$focusVisible","$readOnly","$disabled","color","disableRipple","switch","switchBase","track","thumb"],"mappings":";;;;;;;;;AAiFaA,MAAAA,eAAeA,CAACC,UAA6B;AAClD,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IAERC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,WAAW;AAAA,IAEXC;AAAAA,IACAC;AAAAA,IAEAC;AAAAA,IAEAC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,OAEGC;AAAAA,EACDf,IAAAA;AAEJ,QAAM,CAACgB,cAAcC,eAAe,IAAIC,eAAS,KAAK;AAEhDC,QAAAA,yBAAyBC,kBAC7B,CAACC,QAAwC;AACvCJ,oBAAgB,IAAI;AACpBJ,qDAAiBQ;AAAAA,EAAG,GAEtB,CAACR,cAAc,CAAC;AAGZS,QAAAA,iBAAiBF,kBACrB,CAACC,QAAwC;AACvCJ,oBAAgB,KAAK;AACrBH,qCAASO;AAAAA,EAAG,GAEd,CAACP,MAAM,CAAC;AAGJS,QAAAA,gBAAgBH,kBACpB,CAACC,QAA6C;AAC5C,QAAId,UAAU;AACZ;AAAA,IACF;AAEAI,yCAAWU,KAAKA,IAAIG,OAAOf,SAASJ;AAAAA,EAEtC,GAAA,CAACM,UAAUJ,UAAUF,KAAK,CAAC;AAG7B,wCACGoB,kBAAAA,cAAY;AAAA,IACXtB;AAAAA,IACAC;AAAAA,IACAF,WAAWwB,cAAAA,QACTxB,WACAyB,kBAAkBC,QAAAA,MAClB3B,mCAAS2B,MACTpB,YAAYkB,cAAAA,QAAKC,kBAAAA,QAAkBnB,UAAUP,mCAASO,QAAQ,GAC9DD,YAAYmB,cAAKC,QAAAA,kBAAAA,QAAkBpB,UAAUN,mCAASM,QAAQ,GAC9DS,gBACEU,cAAAA,QAAKC,kBAAAA,QAAkBX,cAAcf,mCAASe,YAAY,CAAC;AAAA,IAE/Da,eAAeb;AAAAA,IACfc,WAAWvB;AAAAA,IACXwB,WAAWvB;AAAAA,IACXwB,OAAM;AAAA,IACNxB;AAAAA,IACAF;AAAAA,IACAC;AAAAA,IACA0B,eAAa;AAAA,IACbtB,UAAUY;AAAAA,IACVlB;AAAAA,IACAI;AAAAA,IACAC;AAAAA,IACAT,SAAS;AAAA,MACP2B,MAAMF,cAAAA,QAAKC,kBAAAA,QAAkBO,QAAQjC,mCAASiC,MAAM;AAAA,MACpDC,YAAYT,cAAAA,QAAKC,kBAAAA,QAAkBQ,YAAYlC,mCAASkC,UAAU;AAAA,MAClE1B,SAASiB,cAAAA,QAAKC,kBAAAA,QAAkBlB,SAASR,mCAASQ,OAAO;AAAA,MACzD2B,OAAOV,cAAAA,QAAKC,kBAAAA,QAAkBS,OAAOnC,mCAASmC,KAAK;AAAA,MACnDC,OAAOX,cAAAA,QAAKC,kBAAAA,QAAkBU,OAAOpC,mCAASoC,KAAK;AAAA,MACnD7B,UAAUkB,cAAAA,QAAKC,kBAAAA,QAAkBnB,UAAUP,mCAASO,QAAQ;AAAA,IAC9D;AAAA,IACAI;AAAAA,IACAC,gBAAgBM;AAAAA,IAChBL,QAAQQ;AAAAA,IAAe,GACnBP;AAAAA,EAAAA,CACJ;AAEN;;"}

package/dist/cjs/components/BreadCrumb/BreadCrumb.cjs

@@ -51,8 +51,8 @@ const HvBreadCrumb = ({
         {
           return /* @__PURE__ */ jsxRuntime.jsx(PathElement.HvPathElement, {
             classes: {
-              centerContainer: clsx__default.default(breadCrumbClasses.default.centerContainer, (classes == null ? void 0 : classes.centerContainer) || ""),
-              separatorContainer: clsx__default.default(breadCrumbClasses.default.separatorContainer, (classes == null ? void 0 : classes.separatorContainer) || "")
+              centerContainer: clsx__default.default(breadCrumbClasses.default.centerContainer, classes == null ? void 0 : classes.centerContainer),
+              separatorContainer: clsx__default.default(breadCrumbClasses.default.separatorContainer, classes == null ? void 0 : classes.separatorContainer)
             },
             last: isLast,
             children: React.isValidElement(elem) && elem || isLast && /* @__PURE__ */ jsxRuntime.jsx(BreadCrumb_styles.StyledTypography, {

package/dist/cjs/components/BreadCrumb/BreadCrumb.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BreadCrumb.cjs","sources":["../../../../src/components/BreadCrumb/BreadCrumb.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport startCase from \"lodash/startCase\";\nimport { isValidElement, MouseEventHandler } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  HvBreadCrumbClasses,\n  breadCrumbClasses,\n  HvPathElement,\n  HvPage,\n} from \".\";\nimport {\n  StyledOrderedList,\n  StyledRoot,\n  StyledTypography,\n} from \"./BreadCrumb.styles\";\nimport { pathWithSubMenu, removeExtension } from \"./utils\";\nimport { HvDropDownMenuProps } from \"../DropDownMenu\";\n\nexport type HvBreadCrumbPathElement = { label: string; path: string };\n\nexport type HvBreadCrumbProps = HvBaseProps<HTMLDivElement, { onClick }> & {\n  /** List of breadcrumb. */\n  listRoute?: HvBreadCrumbPathElement[];\n  /** URL to build the breadcrumb. */\n  url?: string;\n  /** Number of pages visible. */\n  maxVisible?: number;\n  /** The component used for the link node. Either a string to use a DOM element or a component. */\n  component?: React.ElementType;\n  /** Function passed to the component. If defined the component prop is used as the link node. */\n  onClick?: (\n    event: MouseEventHandler<HTMLDivElement>,\n    data: any\n  ) => void | undefined;\n  /** Props passed down to the DropDownMenu sub-menu component. */\n  dropDownMenuProps?: HvDropDownMenuProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvBreadCrumbClasses;\n};\n\n/**\n * A breadcrumb is a graphical control element frequently used as a navigational aid.\n */\nexport const HvBreadCrumb = ({\n  classes,\n  className,\n  id,\n  listRoute = [],\n  maxVisible,\n  url,\n  onClick,\n  component = \"div\",\n  dropDownMenuProps,\n  ...others\n}: HvBreadCrumbProps) => {\n  const maxVisibleElem = maxVisible && maxVisible < 2 ? 2 : maxVisible;\n  let listPath = listRoute.slice();\n\n  // build the listPath object list\n  if (!isNil(url)) {\n    listPath = [];\n\n    // get the domain\n    const baseUrl = url.match(/^.*\\/\\/[^/]+/);\n\n    // get url without domain\n    const urlWithoutDomain = url.replace(/^.*\\/\\/[^/]+/, \"\");\n\n    const pathNames = urlWithoutDomain.split(\"/\").filter((x) => x);\n\n    pathNames.map((elem, index) =>\n      listPath.push({\n        label: decodeURI(elem),\n        path: `${baseUrl}/${pathNames.slice(0, index + 1).join(\"/\")}`,\n      })\n    );\n  }\n\n  const breadcrumbPath =\n    maxVisibleElem && listPath.length > maxVisibleElem\n      ? pathWithSubMenu(\n          id,\n          classes,\n          listPath,\n          maxVisibleElem,\n          dropDownMenuProps\n        )\n      : listPath;\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(breadCrumbClasses.root, classes?.root, className)}\n      {...others}\n    >\n      <StyledOrderedList\n        className={clsx(breadCrumbClasses.orderedList, classes?.orderedList)}\n      >\n        {listPath.map((elem, index) => {\n          const key = `key_${index}`;\n          const isLast = index === breadcrumbPath.length - 1;\n\n          {\n            return (\n              <HvPathElement\n                classes={{\n                  centerContainer: clsx(\n                    breadCrumbClasses.centerContainer,\n                    classes?.centerContainer || \"\"\n                  ),\n                  separatorContainer: clsx(\n                    breadCrumbClasses.separatorContainer,\n                    classes?.separatorContainer || \"\"\n                  ),\n                }}\n                key={key}\n                last={isLast}\n              >\n                {(isValidElement(elem) && elem) ||\n                  (isLast && (\n                    <StyledTypography\n                      className={clsx(\n                        breadCrumbClasses.currentPage,\n                        classes?.currentPage\n                      )}\n                      variant=\"body\"\n                    >\n                      {startCase(removeExtension(elem.label))}\n                    </StyledTypography>\n                  )) || (\n                    <HvPage\n                      key={key}\n                      elem={elem}\n                      classes={{\n                        a: clsx(breadCrumbClasses.a, classes?.a),\n                        link: clsx(breadCrumbClasses.link, classes?.link),\n                      }}\n                      Component={onClick ? component : undefined}\n                      onClick={onClick}\n                    />\n                  )}\n              </HvPathElement>\n            );\n          }\n        })}\n      </StyledOrderedList>\n    </StyledRoot>\n  );\n};\n"],"names":["HvBreadCrumb","classes","className","id","listRoute","maxVisible","url","onClick","component","dropDownMenuProps","others","maxVisibleElem","listPath","slice","isNil","baseUrl","match","urlWithoutDomain","replace","pathNames","split","filter","x","map","elem","index","push","label","decodeURI","path","join","breadcrumbPath","length","pathWithSubMenu","StyledRoot","clsx","breadCrumbClasses","root","children","StyledOrderedList","orderedList","key","isLast","HvPathElement","centerContainer","separatorContainer","last","isValidElement","StyledTypography","currentPage","variant","startCase","removeExtension","_jsx","HvPage","a","link","Component","undefined"],"mappings":";;;;;;;;;;;;;;;;AA4CO,MAAMA,eAAeA,CAAC;AAAA,EAC3BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY,CAAE;AAAA,EACdC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZC;AAAAA,KACGC;AACc,MAAM;AACvB,QAAMC,iBAAiBN,cAAcA,aAAa,IAAI,IAAIA;AACtDO,MAAAA,WAAWR,UAAUS;AAGrB,MAAA,CAACC,eAAAA,QAAMR,GAAG,GAAG;AACfM,eAAW,CAAA;AAGLG,UAAAA,UAAUT,IAAIU,MAAM,cAAc;AAGxC,UAAMC,mBAAmBX,IAAIY,QAAQ,gBAAgB,EAAE;AAEvD,UAAMC,YAAYF,iBAAiBG,MAAM,GAAG,EAAEC,OAAQC,OAAMA,CAAC;AAE7DH,cAAUI,IAAI,CAACC,MAAMC,UACnBb,SAASc,KAAK;AAAA,MACZC,OAAOC,UAAUJ,IAAI;AAAA,MACrBK,MAAO,GAAEd,WAAWI,UAAUN,MAAM,GAAGY,QAAQ,CAAC,EAAEK,KAAK,GAAG;AAAA,IAC3D,CAAA,CAAC;AAAA,EAEN;AAEMC,QAAAA,iBACJpB,kBAAkBC,SAASoB,SAASrB,iBAChCsB,MAAAA,gBACE9B,IACAF,SACAW,UACAD,gBACAF,iBAAiB,IAEnBG;AAEN,wCACGsB,kBAAAA,YAAU;AAAA,IACT/B;AAAAA,IACAD,WAAWiC,cAAKC,QAAAA,kBAAAA,QAAkBC,MAAMpC,mCAASoC,MAAMnC,SAAS;AAAA,IAAE,GAC9DQ;AAAAA,IAAM4B,yCAETC,qCAAiB;AAAA,MAChBrC,WAAWiC,cAAAA,QAAKC,kBAAAA,QAAkBI,aAAavC,mCAASuC,WAAW;AAAA,MAAEF,UAEpE1B,SAASW,IAAI,CAACC,MAAMC,UAAU;AAC7B,cAAMgB,MAAO,OAAMhB;AACbiB,cAAAA,SAASjB,UAAUM,eAAeC,SAAS;AAEjD;AACE,gDACGW,YAAAA,eAAa;AAAA,YACZ1C,SAAS;AAAA,cACP2C,iBAAiBT,cACfC,QAAAA,kBAAAA,QAAkBQ,kBAClB3C,mCAAS2C,oBAAmB,EAAE;AAAA,cAEhCC,oBAAoBV,cAClBC,QAAAA,kBAAAA,QAAkBS,qBAClB5C,mCAAS4C,uBAAsB,EAAE;AAAA,YAErC;AAAA,YAEAC,MAAMJ;AAAAA,YAAOJ,UAEXS,MAAevB,eAAAA,IAAI,KAAKA,QACvBkB,yCACEM,oCAAgB;AAAA,cACf9C,WAAWiC,cAAAA,QACTC,kBAAAA,QAAkBa,aAClBhD,mCAASgD,WAAW;AAAA,cAEtBC,SAAQ;AAAA,cAAMZ,UAEba,mBAAAA,QAAUC,MAAAA,gBAAgB5B,KAAKG,KAAK,CAAC;AAAA,YAAA,CAExC,KACA0B,2BAAAA,IAACC,aAAM;AAAA,cAEL9B;AAAAA,cACAvB,SAAS;AAAA,gBACPsD,GAAGpB,cAAAA,QAAKC,kBAAAA,QAAkBmB,GAAGtD,mCAASsD,CAAC;AAAA,gBACvCC,MAAMrB,cAAAA,QAAKC,kBAAAA,QAAkBoB,MAAMvD,mCAASuD,IAAI;AAAA,cAClD;AAAA,cACAC,WAAWlD,UAAUC,YAAYkD;AAAAA,cACjCnD;AAAAA,eAPKkC,GAAG;AAAA,aAhBTA,GAAG;AAAA,QA4Bd;AAAA,MAAA,CACD;AAAA,IAAA,CAAC;AAAA,EAAA,CAEO;AAEjB;;"}
+{"version":3,"file":"BreadCrumb.cjs","sources":["../../../../src/components/BreadCrumb/BreadCrumb.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport startCase from \"lodash/startCase\";\nimport { isValidElement, MouseEventHandler } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  HvBreadCrumbClasses,\n  breadCrumbClasses,\n  HvPathElement,\n  HvPage,\n} from \".\";\nimport {\n  StyledOrderedList,\n  StyledRoot,\n  StyledTypography,\n} from \"./BreadCrumb.styles\";\nimport { pathWithSubMenu, removeExtension } from \"./utils\";\nimport { HvDropDownMenuProps } from \"../DropDownMenu\";\n\nexport type HvBreadCrumbPathElement = { label: string; path: string };\n\nexport type HvBreadCrumbProps = HvBaseProps<HTMLDivElement, { onClick }> & {\n  /** List of breadcrumb. */\n  listRoute?: HvBreadCrumbPathElement[];\n  /** URL to build the breadcrumb. */\n  url?: string;\n  /** Number of pages visible. */\n  maxVisible?: number;\n  /** The component used for the link node. Either a string to use a DOM element or a component. */\n  component?: React.ElementType;\n  /** Function passed to the component. If defined the component prop is used as the link node. */\n  onClick?: (\n    event: MouseEventHandler<HTMLDivElement>,\n    data: any\n  ) => void | undefined;\n  /** Props passed down to the DropDownMenu sub-menu component. */\n  dropDownMenuProps?: HvDropDownMenuProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvBreadCrumbClasses;\n};\n\n/**\n * A breadcrumb is a graphical control element frequently used as a navigational aid.\n */\nexport const HvBreadCrumb = ({\n  classes,\n  className,\n  id,\n  listRoute = [],\n  maxVisible,\n  url,\n  onClick,\n  component = \"div\",\n  dropDownMenuProps,\n  ...others\n}: HvBreadCrumbProps) => {\n  const maxVisibleElem = maxVisible && maxVisible < 2 ? 2 : maxVisible;\n  let listPath = listRoute.slice();\n\n  // build the listPath object list\n  if (!isNil(url)) {\n    listPath = [];\n\n    // get the domain\n    const baseUrl = url.match(/^.*\\/\\/[^/]+/);\n\n    // get url without domain\n    const urlWithoutDomain = url.replace(/^.*\\/\\/[^/]+/, \"\");\n\n    const pathNames = urlWithoutDomain.split(\"/\").filter((x) => x);\n\n    pathNames.map((elem, index) =>\n      listPath.push({\n        label: decodeURI(elem),\n        path: `${baseUrl}/${pathNames.slice(0, index + 1).join(\"/\")}`,\n      })\n    );\n  }\n\n  const breadcrumbPath =\n    maxVisibleElem && listPath.length > maxVisibleElem\n      ? pathWithSubMenu(\n          id,\n          classes,\n          listPath,\n          maxVisibleElem,\n          dropDownMenuProps\n        )\n      : listPath;\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(breadCrumbClasses.root, classes?.root, className)}\n      {...others}\n    >\n      <StyledOrderedList\n        className={clsx(breadCrumbClasses.orderedList, classes?.orderedList)}\n      >\n        {listPath.map((elem, index) => {\n          const key = `key_${index}`;\n          const isLast = index === breadcrumbPath.length - 1;\n\n          {\n            return (\n              <HvPathElement\n                classes={{\n                  centerContainer: clsx(\n                    breadCrumbClasses.centerContainer,\n                    classes?.centerContainer\n                  ),\n                  separatorContainer: clsx(\n                    breadCrumbClasses.separatorContainer,\n                    classes?.separatorContainer\n                  ),\n                }}\n                key={key}\n                last={isLast}\n              >\n                {(isValidElement(elem) && elem) ||\n                  (isLast && (\n                    <StyledTypography\n                      className={clsx(\n                        breadCrumbClasses.currentPage,\n                        classes?.currentPage\n                      )}\n                      variant=\"body\"\n                    >\n                      {startCase(removeExtension(elem.label))}\n                    </StyledTypography>\n                  )) || (\n                    <HvPage\n                      key={key}\n                      elem={elem}\n                      classes={{\n                        a: clsx(breadCrumbClasses.a, classes?.a),\n                        link: clsx(breadCrumbClasses.link, classes?.link),\n                      }}\n                      Component={onClick ? component : undefined}\n                      onClick={onClick}\n                    />\n                  )}\n              </HvPathElement>\n            );\n          }\n        })}\n      </StyledOrderedList>\n    </StyledRoot>\n  );\n};\n"],"names":["HvBreadCrumb","classes","className","id","listRoute","maxVisible","url","onClick","component","dropDownMenuProps","others","maxVisibleElem","listPath","slice","isNil","baseUrl","match","urlWithoutDomain","replace","pathNames","split","filter","x","map","elem","index","push","label","decodeURI","path","join","breadcrumbPath","length","pathWithSubMenu","StyledRoot","clsx","breadCrumbClasses","root","children","StyledOrderedList","orderedList","key","isLast","HvPathElement","centerContainer","separatorContainer","last","isValidElement","StyledTypography","currentPage","variant","startCase","removeExtension","_jsx","HvPage","a","link","Component","undefined"],"mappings":";;;;;;;;;;;;;;;;AA4CO,MAAMA,eAAeA,CAAC;AAAA,EAC3BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY,CAAE;AAAA,EACdC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZC;AAAAA,KACGC;AACc,MAAM;AACvB,QAAMC,iBAAiBN,cAAcA,aAAa,IAAI,IAAIA;AACtDO,MAAAA,WAAWR,UAAUS;AAGrB,MAAA,CAACC,eAAAA,QAAMR,GAAG,GAAG;AACfM,eAAW,CAAA;AAGLG,UAAAA,UAAUT,IAAIU,MAAM,cAAc;AAGxC,UAAMC,mBAAmBX,IAAIY,QAAQ,gBAAgB,EAAE;AAEvD,UAAMC,YAAYF,iBAAiBG,MAAM,GAAG,EAAEC,OAAQC,OAAMA,CAAC;AAE7DH,cAAUI,IAAI,CAACC,MAAMC,UACnBb,SAASc,KAAK;AAAA,MACZC,OAAOC,UAAUJ,IAAI;AAAA,MACrBK,MAAO,GAAEd,WAAWI,UAAUN,MAAM,GAAGY,QAAQ,CAAC,EAAEK,KAAK,GAAG;AAAA,IAC3D,CAAA,CAAC;AAAA,EAEN;AAEMC,QAAAA,iBACJpB,kBAAkBC,SAASoB,SAASrB,iBAChCsB,MAAAA,gBACE9B,IACAF,SACAW,UACAD,gBACAF,iBAAiB,IAEnBG;AAEN,wCACGsB,kBAAAA,YAAU;AAAA,IACT/B;AAAAA,IACAD,WAAWiC,cAAKC,QAAAA,kBAAAA,QAAkBC,MAAMpC,mCAASoC,MAAMnC,SAAS;AAAA,IAAE,GAC9DQ;AAAAA,IAAM4B,yCAETC,qCAAiB;AAAA,MAChBrC,WAAWiC,cAAAA,QAAKC,kBAAAA,QAAkBI,aAAavC,mCAASuC,WAAW;AAAA,MAAEF,UAEpE1B,SAASW,IAAI,CAACC,MAAMC,UAAU;AAC7B,cAAMgB,MAAO,OAAMhB;AACbiB,cAAAA,SAASjB,UAAUM,eAAeC,SAAS;AAEjD;AACE,gDACGW,YAAAA,eAAa;AAAA,YACZ1C,SAAS;AAAA,cACP2C,iBAAiBT,cAAAA,QACfC,kBAAAA,QAAkBQ,iBAClB3C,mCAAS2C,eAAe;AAAA,cAE1BC,oBAAoBV,cAAAA,QAClBC,kBAAAA,QAAkBS,oBAClB5C,mCAAS4C,kBAAkB;AAAA,YAE/B;AAAA,YAEAC,MAAMJ;AAAAA,YAAOJ,UAEXS,MAAevB,eAAAA,IAAI,KAAKA,QACvBkB,yCACEM,oCAAgB;AAAA,cACf9C,WAAWiC,cAAAA,QACTC,kBAAAA,QAAkBa,aAClBhD,mCAASgD,WAAW;AAAA,cAEtBC,SAAQ;AAAA,cAAMZ,UAEba,mBAAAA,QAAUC,MAAAA,gBAAgB5B,KAAKG,KAAK,CAAC;AAAA,YAAA,CAExC,KACA0B,2BAAAA,IAACC,aAAM;AAAA,cAEL9B;AAAAA,cACAvB,SAAS;AAAA,gBACPsD,GAAGpB,cAAAA,QAAKC,kBAAAA,QAAkBmB,GAAGtD,mCAASsD,CAAC;AAAA,gBACvCC,MAAMrB,cAAAA,QAAKC,kBAAAA,QAAkBoB,MAAMvD,mCAASuD,IAAI;AAAA,cAClD;AAAA,cACAC,WAAWlD,UAAUC,YAAYkD;AAAAA,cACjCnD;AAAAA,eAPKkC,GAAG;AAAA,aAhBTA,GAAG;AAAA,QA4Bd;AAAA,MAAA,CACD;AAAA,IAAA,CAAC;AAAA,EAAA,CAEO;AAEjB;;"}

package/dist/cjs/components/BreadCrumb/Page/Page.cjs

@@ -22,17 +22,15 @@ const HvPage = ({
     classes: {
       a: clsx__default.default(pageClasses.default.a, classes == null ? void 0 : classes.a)
     },
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      Page_styles.StyledTypography,
-      {
-        component: "div",
-        variant: "label",
-        className: clsx__default.default(pageClasses.default.link, classes == null ? void 0 : classes.link, pageClasses.default.label, classes == null ? void 0 : classes.label),
-        children: /* @__PURE__ */ jsxRuntime.jsx(OverflowTooltip.HvOverflowTooltip, {
-          data: lodash.startCase(elem.label)
-        })
-      }
-    )
+    children: /* @__PURE__ */ jsxRuntime.jsx(Page_styles.StyledTypography, {
+      noWrap: true,
+      component: "div",
+      variant: "label",
+      className: clsx__default.default(pageClasses.default.link, classes == null ? void 0 : classes.link, pageClasses.default.label, classes == null ? void 0 : classes.label),
+      children: /* @__PURE__ */ jsxRuntime.jsx(OverflowTooltip.HvOverflowTooltip, {
+        data: lodash.startCase(elem.label)
+      })
+    })
   });
 };
 exports.HvPage = HvPage;

package/dist/cjs/components/BreadCrumb/Page/Page.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Page.cjs","sources":["../../../../../src/components/BreadCrumb/Page/Page.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvOverflowTooltip } from \"components\";\nimport { startCase } from \"lodash\";\nimport { MouseEventHandler } from \"react\";\nimport { HvPageClasses, pageClasses } from \".\";\nimport { StyledLink, StyledTypography } from \"./Page.styles\";\n\nexport type HvPageElement = {\n  path?: string;\n  label?: string;\n};\n\nexport type HvPageProps = {\n  Component?: React.ElementType;\n  onClick?: (\n    event: MouseEventHandler<HTMLDivElement>,\n    data: any\n  ) => void | undefined;\n  elem: HvPageElement;\n  classes?: HvPageClasses;\n};\n\nexport const HvPage = ({ Component, onClick, elem, classes }: HvPageProps) => {\n  return (\n    <StyledLink\n      route={elem.path}\n      component={Component}\n      onClick={onClick}\n      data={elem}\n      classes={{ a: clsx(pageClasses.a, classes?.a) }}\n    >\n      <StyledTypography\n        // noWrap\n        component=\"div\"\n        variant=\"label\"\n        className={clsx(\n          pageClasses.link,\n          classes?.link,\n          pageClasses.label,\n          classes?.label\n        )}\n      >\n        <HvOverflowTooltip data={startCase(elem.label)} />\n      </StyledTypography>\n    </StyledLink>\n  );\n};\n"],"names":["HvPage","Component","onClick","elem","classes","StyledLink","route","path","component","data","a","clsx","pageClasses","children","_jsx","StyledTypography","variant","className","link","label","HvOverflowTooltip","startCase"],"mappings":";;;;;;;;;;AAsBO,MAAMA,SAASA,CAAC;AAAA,EAAEC;AAAAA,EAAWC;AAAAA,EAASC;AAAAA,EAAMC;AAAqB,MAAM;AAC5E,wCACGC,YAAAA,YAAU;AAAA,IACTC,OAAOH,KAAKI;AAAAA,IACZC,WAAWP;AAAAA,IACXC;AAAAA,IACAO,MAAMN;AAAAA,IACNC,SAAS;AAAA,MAAEM,GAAGC,cAAAA,QAAKC,YAAAA,QAAYF,GAAGN,mCAASM,CAAC;AAAA,IAAE;AAAA,IAAEG,UAEhDC,2BAAAA;AAAAA,MAACC,YAAAA;AAAAA,MACC;AAAA,QACAP,WAAU;AAAA,QACVQ,SAAQ;AAAA,QACRC,WAAWN,cAAAA,QACTC,YAAYM,QAAAA,MACZd,mCAASc,MACTN,oBAAYO,OACZf,mCAASe,KAAK;AAAA,QACdN,yCAEDO,mCAAiB;AAAA,UAACX,MAAMY,OAAAA,UAAUlB,KAAKgB,KAAK;AAAA,QAAA,CAAE;AAAA,MAAG;AAAA,IAAA;AAAA,EAAA,CAEzC;AAEjB;;"}
+{"version":3,"file":"Page.cjs","sources":["../../../../../src/components/BreadCrumb/Page/Page.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvOverflowTooltip } from \"components\";\nimport { startCase } from \"lodash\";\nimport { MouseEventHandler } from \"react\";\nimport { HvPageClasses, pageClasses } from \".\";\nimport { StyledLink, StyledTypography } from \"./Page.styles\";\n\nexport type HvPageElement = {\n  path?: string;\n  label?: string;\n};\n\nexport type HvPageProps = {\n  Component?: React.ElementType;\n  onClick?: (\n    event: MouseEventHandler<HTMLDivElement>,\n    data: any\n  ) => void | undefined;\n  elem: HvPageElement;\n  classes?: HvPageClasses;\n};\n\nexport const HvPage = ({ Component, onClick, elem, classes }: HvPageProps) => {\n  return (\n    <StyledLink\n      route={elem.path}\n      component={Component}\n      onClick={onClick}\n      data={elem}\n      classes={{ a: clsx(pageClasses.a, classes?.a) }}\n    >\n      <StyledTypography\n        noWrap\n        component=\"div\"\n        variant=\"label\"\n        className={clsx(\n          pageClasses.link,\n          classes?.link,\n          pageClasses.label,\n          classes?.label\n        )}\n      >\n        <HvOverflowTooltip data={startCase(elem.label)} />\n      </StyledTypography>\n    </StyledLink>\n  );\n};\n"],"names":["HvPage","Component","onClick","elem","classes","StyledLink","route","path","component","data","a","clsx","pageClasses","children","StyledTypography","noWrap","variant","className","link","label","HvOverflowTooltip","startCase"],"mappings":";;;;;;;;;;AAsBO,MAAMA,SAASA,CAAC;AAAA,EAAEC;AAAAA,EAAWC;AAAAA,EAASC;AAAAA,EAAMC;AAAqB,MAAM;AAC5E,wCACGC,YAAAA,YAAU;AAAA,IACTC,OAAOH,KAAKI;AAAAA,IACZC,WAAWP;AAAAA,IACXC;AAAAA,IACAO,MAAMN;AAAAA,IACNC,SAAS;AAAA,MAAEM,GAAGC,cAAAA,QAAKC,YAAAA,QAAYF,GAAGN,mCAASM,CAAC;AAAA,IAAE;AAAA,IAAEG,yCAE/CC,8BAAgB;AAAA,MACfC,QAAM;AAAA,MACNP,WAAU;AAAA,MACVQ,SAAQ;AAAA,MACRC,WAAWN,cAAAA,QACTC,YAAYM,QAAAA,MACZd,mCAASc,MACTN,oBAAYO,OACZf,mCAASe,KAAK;AAAA,MACdN,yCAEDO,mCAAiB;AAAA,QAACX,MAAMY,OAAAA,UAAUlB,KAAKgB,KAAK;AAAA,MAAA,CAAE;AAAA,IAAA,CAAG;AAAA,EAAA,CAEzC;AAEjB;;"}

package/dist/cjs/components/Button/Button.cjs

@@ -1,8 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const clsx = require("clsx");
 const React = require("react");
 const Button_styles = require("./Button.styles.cjs");
+const buttonClasses = require("./buttonClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const mapVariant = (variant) => {
   if (variant === "secondary") {
     console.warn("Button variant 'secondary' is deprecated. Please use 'secondarySubtle'.");
@@ -14,12 +18,6 @@ const mapVariant = (variant) => {
   }
   return variant;
 };
-const onFocusHandler = (event) => {
-  event.target.classList.add("HvIsFocusVisible");
-};
-const onBlurHandler = (event) => {
-  event.target.classList.remove("HvIsFocusVisible");
-};
 const HvButton = React.forwardRef((props, ref) => {
   const {
     id,
@@ -36,9 +34,23 @@ const HvButton = React.forwardRef((props, ref) => {
     overrideIconColors = true,
     ...others
   } = props;
+  const onFocusHandler = (event) => {
+    event.target.classList.add("HvIsFocusVisible");
+    event.target.classList.add(buttonClasses.default.focusVisible);
+    if (classes == null ? void 0 : classes.focusVisible) {
+      event.target.classList.add(classes.focusVisible);
+    }
+  };
+  const onBlurHandler = (event) => {
+    event.target.classList.remove("HvIsFocusVisible");
+    event.target.classList.remove(buttonClasses.default.focusVisible);
+    if (classes == null ? void 0 : classes.focusVisible) {
+      event.target.classList.remove(classes.focusVisible);
+    }
+  };
   return /* @__PURE__ */ jsxRuntime.jsx(Button_styles.StyledButton, {
     id,
-    className,
+    className: clsx__default.default(className, classes == null ? void 0 : classes.root, buttonClasses.default.root),
     ref,
     onClick,
     disabled,
@@ -53,6 +65,7 @@ const HvButton = React.forwardRef((props, ref) => {
     ...others,
     children: /* @__PURE__ */ jsxRuntime.jsxs(Button_styles.StyledContentDiv, {
       children: [startIcon && /* @__PURE__ */ jsxRuntime.jsx(Button_styles.StyledIconSpan, {
+        className: clsx__default.default(classes == null ? void 0 : classes.startIcon, buttonClasses.default.startIcon),
         children: startIcon
       }), children && /* @__PURE__ */ jsxRuntime.jsx(Button_styles.StyledChildren, {
         children

package/dist/cjs/components/Button/Button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef, ReactElement } from \"react\";\nimport {\n  StyledButton,\n  StyledChildren,\n  StyledContentDiv,\n  StyledIconSpan,\n} from \"./Button.styles\";\nimport { HvButtonClasses } from \"./buttonClasses\";\n\nexport type HvButtonVariant =\n  | \"primary\"\n  | \"primarySubtle\"\n  | \"primaryGhost\"\n  | \"secondarySubtle\"\n  | \"secondaryGhost\"\n  | \"semantic\"\n  // deprecated props\n  | \"secondary\"\n  | \"ghost\";\n\nexport type HvButtonSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport type HvButtonRadius = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"none\" | \"base\";\n\nexport interface HvButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Use the variant prop to change the visual style of the Button. */\n  variant?: HvButtonVariant;\n  sx?: CSSProperties;\n  icon?: boolean;\n  className?: string;\n  startIcon?: ReactElement;\n  size?: HvButtonSize;\n  radius?: HvButtonRadius;\n  overrideIconColors?: boolean;\n  selected?: boolean;\n  classes?: HvButtonClasses;\n}\n\n/**\n * Normalize the button variant. It's meant to give us some retro-compatibility with\n * the DS 3.6 API.\n *\n * @param variant the variant of the button\n * @returns       the normalized variant in DS 5 API\n */\nconst mapVariant = (variant: HvButtonVariant): HvButtonVariant => {\n  if (variant === \"secondary\") {\n    console.warn(\n      \"Button variant 'secondary' is deprecated. Please use 'secondarySubtle'.\"\n    );\n    return \"secondarySubtle\";\n  }\n  if (variant === \"ghost\") {\n    console.warn(\n      \"Button variant 'ghost' is deprecated. Please use 'primaryGhost'.\"\n    );\n    return \"primaryGhost\";\n  }\n  return variant;\n};\n\nconst onFocusHandler = (event) => {\n  event.target.classList.add(\"HvIsFocusVisible\");\n};\n\nconst onBlurHandler = (event) => {\n  event.target.classList.remove(\"HvIsFocusVisible\");\n};\n\n/**\n * Button component is used to trigger an action or event.\n */\nexport const HvButton = forwardRef<HTMLButtonElement, HvButtonProps>(\n  (props, ref) => {\n    const {\n      id,\n      classes,\n      children,\n      variant = \"primary\",\n      onClick,\n      disabled,\n      className,\n      startIcon,\n      icon = false,\n      size,\n      radius = \"base\",\n      overrideIconColors = true,\n      ...others\n    }: HvButtonProps = props;\n\n    return (\n      <StyledButton\n        id={id}\n        className={className}\n        ref={ref}\n        onClick={onClick}\n        disabled={disabled}\n        onFocus={onFocusHandler}\n        onBlur={onBlurHandler}\n        $variant={mapVariant(variant)}\n        $iconOnly={!!icon}\n        $size={size}\n        $radius={radius}\n        $overrideIconColors={overrideIconColors}\n        $disabled={!!disabled}\n        {...others}\n      >\n        <StyledContentDiv>\n          {startIcon && <StyledIconSpan>{startIcon}</StyledIconSpan>}\n          {children && <StyledChildren>{children}</StyledChildren>}\n        </StyledContentDiv>\n      </StyledButton>\n    );\n  }\n);\n"],"names":["mapVariant","variant","console","warn","onFocusHandler","event","target","classList","add","onBlurHandler","remove","HvButton","forwardRef","props","ref","id","classes","children","onClick","disabled","className","startIcon","icon","size","radius","overrideIconColors","others","StyledButton","onFocus","onBlur","$variant","$iconOnly","$size","$radius","$overrideIconColors","$disabled","StyledContentDiv","_jsx","StyledIconSpan","StyledChildren"],"mappings":";;;;;AA8CA,MAAMA,aAAaA,CAACC,YAA8C;AAChE,MAAIA,YAAY,aAAa;AAC3BC,YAAQC,KACN,yEAAyE;AAEpE,WAAA;AAAA,EACT;AACA,MAAIF,YAAY,SAAS;AACvBC,YAAQC,KACN,kEAAkE;AAE7D,WAAA;AAAA,EACT;AACOF,SAAAA;AACT;AAEA,MAAMG,iBAAkBC,CAAU,UAAA;AAC1BC,QAAAA,OAAOC,UAAUC,IAAI,kBAAkB;AAC/C;AAEA,MAAMC,gBAAiBJ,CAAU,UAAA;AACzBC,QAAAA,OAAOC,UAAUG,OAAO,kBAAkB;AAClD;AAKO,MAAMC,WAAWC,MAAAA,WACtB,CAACC,OAAOC,QAAQ;AACR,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAhB,UAAU;AAAA,IACViB;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,OAAO;AAAA,IACPC;AAAAA,IACAC,SAAS;AAAA,IACTC,qBAAqB;AAAA,OAClBC;AAAAA,EACcb,IAAAA;AAEnB,wCACGc,cAAAA,cAAY;AAAA,IACXZ;AAAAA,IACAK;AAAAA,IACAN;AAAAA,IACAI;AAAAA,IACAC;AAAAA,IACAS,SAASxB;AAAAA,IACTyB,QAAQpB;AAAAA,IACRqB,UAAU9B,WAAWC,OAAO;AAAA,IAC5B8B,WAAW,CAAC,CAACT;AAAAA,IACbU,OAAOT;AAAAA,IACPU,SAAST;AAAAA,IACTU,qBAAqBT;AAAAA,IACrBU,WAAW,CAAC,CAAChB;AAAAA,IAAS,GAClBO;AAAAA,IAAMT,0CAETmB,gCAAgB;AAAA,MAAAnB,UACdI,CAAAA,aAAagB,2BAAAA,IAACC,8BAAc;AAAA,QAAArB,UAAEI;AAAAA,MAAAA,CAAS,GACvCJ,YAAYoB,2BAAAA,IAACE,8BAAc;AAAA,QAAAtB;AAAAA,MAAAA,CAA4B,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAE7C;AAEnB,CAAC;;"}
+{"version":3,"file":"Button.cjs","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { CSSProperties, forwardRef, ReactElement } from \"react\";\nimport {\n  StyledButton,\n  StyledChildren,\n  StyledContentDiv,\n  StyledIconSpan,\n} from \"./Button.styles\";\nimport buttonClasses, { HvButtonClasses } from \"./buttonClasses\";\n\nexport type HvButtonVariant =\n  | \"primary\"\n  | \"primarySubtle\"\n  | \"primaryGhost\"\n  | \"secondarySubtle\"\n  | \"secondaryGhost\"\n  | \"semantic\"\n  // deprecated props\n  | \"secondary\"\n  | \"ghost\";\n\nexport type HvButtonSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport type HvButtonRadius = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"none\" | \"base\";\n\nexport interface HvButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Use the variant prop to change the visual style of the Button. */\n  variant?: HvButtonVariant;\n  sx?: CSSProperties;\n  icon?: boolean;\n  className?: string;\n  startIcon?: ReactElement;\n  size?: HvButtonSize;\n  radius?: HvButtonRadius;\n  overrideIconColors?: boolean;\n  selected?: boolean;\n  classes?: HvButtonClasses;\n}\n\n/**\n * Normalize the button variant. It's meant to give us some retro-compatibility with\n * the DS 3.6 API.\n *\n * @param variant the variant of the button\n * @returns       the normalized variant in DS 5 API\n */\nconst mapVariant = (variant: HvButtonVariant): HvButtonVariant => {\n  if (variant === \"secondary\") {\n    console.warn(\n      \"Button variant 'secondary' is deprecated. Please use 'secondarySubtle'.\"\n    );\n    return \"secondarySubtle\";\n  }\n  if (variant === \"ghost\") {\n    console.warn(\n      \"Button variant 'ghost' is deprecated. Please use 'primaryGhost'.\"\n    );\n    return \"primaryGhost\";\n  }\n  return variant;\n};\n\n/**\n * Button component is used to trigger an action or event.\n */\nexport const HvButton = forwardRef<HTMLButtonElement, HvButtonProps>(\n  (props, ref) => {\n    const {\n      id,\n      classes,\n      children,\n      variant = \"primary\",\n      onClick,\n      disabled,\n      className,\n      startIcon,\n      icon = false,\n      size,\n      radius = \"base\",\n      overrideIconColors = true,\n      ...others\n    }: HvButtonProps = props;\n\n    const onFocusHandler = (event) => {\n      event.target.classList.add(\"HvIsFocusVisible\");\n      event.target.classList.add(buttonClasses.focusVisible);\n      if (classes?.focusVisible) {\n        event.target.classList.add(classes.focusVisible);\n      }\n    };\n\n    const onBlurHandler = (event) => {\n      event.target.classList.remove(\"HvIsFocusVisible\");\n      event.target.classList.remove(buttonClasses.focusVisible);\n      if (classes?.focusVisible) {\n        event.target.classList.remove(classes.focusVisible);\n      }\n    };\n\n    return (\n      <StyledButton\n        id={id}\n        className={clsx(className, classes?.root, buttonClasses.root)}\n        ref={ref}\n        onClick={onClick}\n        disabled={disabled}\n        onFocus={onFocusHandler}\n        onBlur={onBlurHandler}\n        $variant={mapVariant(variant)}\n        $iconOnly={!!icon}\n        $size={size}\n        $radius={radius}\n        $overrideIconColors={overrideIconColors}\n        $disabled={!!disabled}\n        {...others}\n      >\n        <StyledContentDiv>\n          {startIcon && (\n            <StyledIconSpan\n              className={clsx(classes?.startIcon, buttonClasses.startIcon)}\n            >\n              {startIcon}\n            </StyledIconSpan>\n          )}\n          {children && <StyledChildren>{children}</StyledChildren>}\n        </StyledContentDiv>\n      </StyledButton>\n    );\n  }\n);\n"],"names":["mapVariant","variant","console","warn","HvButton","forwardRef","props","ref","id","classes","children","onClick","disabled","className","startIcon","icon","size","radius","overrideIconColors","others","onFocusHandler","event","target","classList","add","buttonClasses","focusVisible","onBlurHandler","remove","StyledButton","clsx","root","onFocus","onBlur","$variant","$iconOnly","$size","$radius","$overrideIconColors","$disabled","StyledContentDiv","_jsx","StyledIconSpan","StyledChildren"],"mappings":";;;;;;;;;AA+CA,MAAMA,aAAaA,CAACC,YAA8C;AAChE,MAAIA,YAAY,aAAa;AAC3BC,YAAQC,KACN,yEAAyE;AAEpE,WAAA;AAAA,EACT;AACA,MAAIF,YAAY,SAAS;AACvBC,YAAQC,KACN,kEAAkE;AAE7D,WAAA;AAAA,EACT;AACOF,SAAAA;AACT;AAKO,MAAMG,WAAWC,MAAAA,WACtB,CAACC,OAAOC,QAAQ;AACR,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAT,UAAU;AAAA,IACVU;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,OAAO;AAAA,IACPC;AAAAA,IACAC,SAAS;AAAA,IACTC,qBAAqB;AAAA,OAClBC;AAAAA,EACcb,IAAAA;AAEnB,QAAMc,iBAAkBC,CAAU,UAAA;AAC1BC,UAAAA,OAAOC,UAAUC,IAAI,kBAAkB;AAC7CH,UAAMC,OAAOC,UAAUC,IAAIC,cAAAA,QAAcC,YAAY;AACrD,QAAIjB,mCAASiB,cAAc;AACzBL,YAAMC,OAAOC,UAAUC,IAAIf,QAAQiB,YAAY;AAAA,IACjD;AAAA,EAAA;AAGF,QAAMC,gBAAiBN,CAAU,UAAA;AACzBC,UAAAA,OAAOC,UAAUK,OAAO,kBAAkB;AAChDP,UAAMC,OAAOC,UAAUK,OAAOH,cAAAA,QAAcC,YAAY;AACxD,QAAIjB,mCAASiB,cAAc;AACzBL,YAAMC,OAAOC,UAAUK,OAAOnB,QAAQiB,YAAY;AAAA,IACpD;AAAA,EAAA;AAGF,wCACGG,cAAAA,cAAY;AAAA,IACXrB;AAAAA,IACAK,WAAWiB,cAAKjB,QAAAA,WAAWJ,mCAASsB,MAAMN,sBAAcM,IAAI;AAAA,IAC5DxB;AAAAA,IACAI;AAAAA,IACAC;AAAAA,IACAoB,SAASZ;AAAAA,IACTa,QAAQN;AAAAA,IACRO,UAAUlC,WAAWC,OAAO;AAAA,IAC5BkC,WAAW,CAAC,CAACpB;AAAAA,IACbqB,OAAOpB;AAAAA,IACPqB,SAASpB;AAAAA,IACTqB,qBAAqBpB;AAAAA,IACrBqB,WAAW,CAAC,CAAC3B;AAAAA,IAAS,GAClBO;AAAAA,IAAMT,0CAET8B,gCAAgB;AAAA,MAAA9B,UACdI,CAAAA,aACC2B,2BAAAA,IAACC,8BAAc;AAAA,QACb7B,WAAWiB,cAAAA,QAAKrB,mCAASK,WAAWW,cAAAA,QAAcX,SAAS;AAAA,QAAEJ,UAE5DI;AAAAA,MAAAA,CAAS,GAGbJ,YAAY+B,2BAAAA,IAACE,8BAAc;AAAA,QAAAjC;AAAAA,MAAAA,CAA4B,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAE7C;AAEnB,CAAC;;"}

package/dist/cjs/components/Button/buttonClasses.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const classes = require("../../utils/classes.cjs");
-const classKeys = ["focusVisible", "startIcon", "primary"];
+const classKeys = ["root", "startIcon", "focusVisible"];
 const buttonClasses = classes.getClasses(classKeys, "HvButton");
 const buttonClasses$1 = buttonClasses;
 exports.default = buttonClasses$1;

package/dist/cjs/components/Button/buttonClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"buttonClasses.cjs","sources":["../../../../src/components/Button/buttonClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvButtonClasses = {\n  focusVisible?: string;\n  startIcon?: string;\n  primary?: string;\n};\n\nconst classKeys: string[] = [\"focusVisible\", \"startIcon\", \"primary\"];\n\nconst buttonClasses = getClasses<HvButtonClasses>(classKeys, \"HvButton\");\n\nexport default buttonClasses;\n"],"names":["classKeys","buttonClasses","getClasses"],"mappings":";;;AAQA,MAAMA,YAAsB,CAAC,gBAAgB,aAAa,SAAS;AAEnE,MAAMC,gBAAgBC,QAA4BF,WAAAA,WAAW,UAAU;AAEvE,MAAA,kBAAeC;;"}
+{"version":3,"file":"buttonClasses.cjs","sources":["../../../../src/components/Button/buttonClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvButtonClasses = {\n  root?: string;\n  startIcon?: string;\n  focusVisible?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"startIcon\", \"focusVisible\"];\n\nconst buttonClasses = getClasses<HvButtonClasses>(classKeys, \"HvButton\");\n\nexport default buttonClasses;\n"],"names":["classKeys","buttonClasses","getClasses"],"mappings":";;;AAQA,MAAMA,YAAsB,CAAC,QAAQ,aAAa,cAAc;AAEhE,MAAMC,gBAAgBC,QAA4BF,WAAAA,WAAW,UAAU;AAEvE,MAAA,kBAAeC;;"}

package/dist/cjs/components/Card/Card.cjs

@@ -1,9 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const css = require("@emotion/css");
+const uikitStyles = require("@hitachivantara/uikit-styles");
 const clsx = require("clsx");
 const Card_styles = require("./Card.styles.cjs");
 const cardClasses = require("./cardClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Box = require("../Box/Box.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const HvCard = ({
@@ -14,21 +17,24 @@ const HvCard = ({
   selectable = false,
   selected = false,
   statusColor = "sema0",
-  bgcolor = "atmo1",
+  bgcolor,
   ...others
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Card_styles.StyledRoot, {
+  return /* @__PURE__ */ jsxRuntime.jsxs(Box.HvBox, {
     "aria-selected": selectable ? selected : void 0,
-    className: clsx__default.default("HvIsCardGridElement", cardClasses.default.root, classes == null ? void 0 : classes.root, className, selectable && clsx__default.default(cardClasses.default.selectable, classes == null ? void 0 : classes.selectable), selected && clsx__default.default(cardClasses.default.selected, classes == null ? void 0 : classes.selected)),
-    $selectable: selectable,
-    $selected: selected,
-    $bgcolor: bgcolor,
+    className: clsx__default.default(Card_styles.styles.root, bgcolor && /* @__PURE__ */ css.css({
+      backgroundColor: uikitStyles.theme.colors[bgcolor]
+    }, process.env.NODE_ENV === "production" ? "" : ";label:HvCard;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRFUiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYXJkL0NhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIjtcbmltcG9ydCB7IEh2Qm94IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IEh2QmFzZVByb3BzIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5pbXBvcnQgeyBIdkF0bW9zcGhlcmVDb2xvcktleXMsIEh2U2VtYW50aWNDb2xvcktleXMgfSBmcm9tIFwiLi4vLi4vdHlwZXMvdG9rZW5zXCI7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tIFwiLi9DYXJkLnN0eWxlc1wiO1xuaW1wb3J0IGNhcmRDbGFzc2VzLCB7IEh2Q2FyZENsYXNzZXMgfSBmcm9tIFwiLi9jYXJkQ2xhc3Nlc1wiO1xuXG5leHBvcnQgdHlwZSBIdkNhcmRQcm9wcyA9IEh2QmFzZVByb3BzICYge1xuICAvKiogVGhlIHJlbmRlcmFibGUgY29udGVudCBpbnNpZGUgdGhlIGljb24gc2xvdCBvZiB0aGUgaGVhZGVyLiAqL1xuICBpY29uPzogUmVhY3QuUmVhY3ROb2RlO1xuICAvKiogV2hldGhlciB0aGUgY2FyZCBpcyBzZWxlY3RhYmxlLiAqL1xuICBzZWxlY3RhYmxlPzogYm9vbGVhbjtcbiAgLyoqIFdoZXRoZXIgdGhlIGNhcmQgaXMgY3VycmVudGx5IHNlbGVjdGVkLiAqL1xuICBzZWxlY3RlZD86IGJvb2xlYW47XG4gIC8qKiBUaGUgYmFja2dyb3VuZCBjb2xvciBvZiB0aGUgY2FyZC4gKi9cbiAgYmdjb2xvcj86IFwic2VtYTBcIiB8IEh2U2VtYW50aWNDb2xvcktleXMgfCBIdkF0bW9zcGhlcmVDb2xvcktleXM7XG4gIC8qKlxuICAgKiAgVGhlIGJvcmRlciBjb2xvciBhdCB0aGUgdG9wIG9mIHRoZSBjYXJkLiBNdXN0IGJlIG9uZSBvZiBwYWxldHRlIHNlbWFudGljIG9yIGF0bW9zcGhlcmUgY29sb3JzLlxuICAgKiAgVG8gc2V0IGFub3RoZXIgY29sb3IsIHRoZSBib3JkZXJUb3Agc2hvdWxkIGJlIG92ZXJyaWRlLlxuICAgKi9cbiAgc3RhdHVzQ29sb3I/OiBcInNlbWEwXCIgfCBIdlNlbWFudGljQ29sb3JLZXlzIHwgSHZBdG1vc3BoZXJlQ29sb3JLZXlzO1xuICAvKiogQSBKc3MgT2JqZWN0IHVzZWQgdG8gb3ZlcnJpZGUgb3IgZXh0ZW5kIHRoZSBzdHlsZXMgYXBwbGllZCB0byB0aGUgY29tcG9uZW50LiAqL1xuICBjbGFzc2VzPzogSHZDYXJkQ2xhc3Nlcztcbn07XG5cbi8qKlxuICogQSBjYXJkIGlzIGEgY29udGFpbmVyIGZvciBhIGZldyBzaG9ydCBhbmQgcmVsYXRlZCBwaWVjZXMgb2YgY29udGVudC5cbiAqIEl0IHJvdWdobHkgcmVzZW1ibGVzIGEgcGxheWluZyBjYXJkIGluIHNpemUgYW5kIHNoYXBlIGFuZCBpcyBpbnRlbmRlZCBhcyBhXG4gKiBsaW5rZWQgc2hvcnQgcmVwcmVzZW50YXRpb24gb2YgYSBjb25jZXB0dWFsIHVuaXQuIEZvciB0aGF0IHJlYXNvbixcbiAqIHRoaXMgcGF0dGVybiBtdXN0IGJlIHVzZWQgYXMgYW4gZW50cnktcG9pbnQgZm9yIGZ1cnRoZXIgaW5mb3JtYXRpb24uXG4gKi9cbmV4cG9ydCBjb25zdCBIdkNhcmQgPSAoe1xuICBjbGFzc2VzLFxuICBjbGFzc05hbWUsXG4gIGNoaWxkcmVuLFxuICBpY29uLFxuICBzZWxlY3RhYmxlID0gZmFsc2UsXG4gIHNlbGVjdGVkID0gZmFsc2UsXG4gIHN0YXR1c0NvbG9yID0gXCJzZW1hMFwiLFxuICBiZ2NvbG9yLFxuICAuLi5vdGhlcnNcbn06IEh2Q2FyZFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEh2Qm94XG4gICAgICBhcmlhLXNlbGVjdGVkPXtzZWxlY3RhYmxlID8gc2VsZWN0ZWQgOiB1bmRlZmluZWR9XG4gICAgICBjbGFzc05hbWU9e2Nsc3goXG4gICAgICAgIHN0eWxlcy5yb290LFxuICAgICAgICBiZ2NvbG9yICYmXG4gICAgICAgICAgY3NzKHtcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzW2JnY29sb3JdLFxuICAgICAgICAgIH0pLFxuICAgICAgICBcIkh2SXNDYXJkR3JpZEVsZW1lbnRcIixcbiAgICAgICAgY2FyZENsYXNzZXMucm9vdCxcbiAgICAgICAgY2xhc3Nlcz8ucm9vdCxcbiAgICAgICAgY2xhc3NOYW1lLFxuICAgICAgICBzZWxlY3RhYmxlICYmXG4gICAgICAgICAgY2xzeChzdHlsZXMuc2VsZWN0YWJsZSwgY2FyZENsYXNzZXMuc2VsZWN0YWJsZSwgY2xhc3Nlcz8uc2VsZWN0YWJsZSksXG4gICAgICAgIHNlbGVjdGVkICYmXG4gICAgICAgICAgY2xzeChzdHlsZXMuc2VsZWN0ZWQsIGNhcmRDbGFzc2VzLnNlbGVjdGVkLCBjbGFzc2VzPy5zZWxlY3RlZClcbiAgICAgICl9XG4gICAgICB7Li4ub3RoZXJzfVxuICAgID5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgIHN0eWxlcy5zZW1hbnRpY0NvbnRhaW5lcixcbiAgICAgICAgICBjYXJkQ2xhc3Nlcy5zZW1hbnRpY0NvbnRhaW5lcixcbiAgICAgICAgICBjbGFzc2VzPy5zZW1hbnRpY0NvbnRhaW5lclxuICAgICAgICApfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgICAgc3R5bGVzLnNlbWFudGljQmFyLFxuICAgICAgICAgICAgY3NzKHtcbiAgICAgICAgICAgICAgaGVpZ2h0OiBzZWxlY3RlZCA/IDQgOiAyLFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgICAgICAgICAgc3RhdHVzQ29sb3IgPT09IFwic2VtYTBcIlxuICAgICAgICAgICAgICAgICAgPyBzZWxlY3RlZFxuICAgICAgICAgICAgICAgICAgICA/IHRoZW1lLmNvbG9ycy5hY2NlMVxuICAgICAgICAgICAgICAgICAgICA6IHRoZW1lLmNvbG9ycy5hdG1vNFxuICAgICAgICAgICAgICAgICAgOiB0aGVtZS5jb2xvcnNbc3RhdHVzQ29sb3JdLFxuICAgICAgICAgICAgfSksXG4gICAgICAgICAgICBjYXJkQ2xhc3Nlcy5zZW1hbnRpY0JhcixcbiAgICAgICAgICAgIGNsYXNzZXM/LnNlbWFudGljQmFyXG4gICAgICAgICAgKX1cbiAgICAgICAgLz5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Nsc3goc3R5bGVzLmljb24sIGNhcmRDbGFzc2VzLmljb24sIGNsYXNzZXM/Lmljb24pfT5cbiAgICAgICAgICB7aWNvbn1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0h2Qm94PlxuICApO1xufTtcbiJdfQ== */"), "HvIsCardGridElement", cardClasses.default.root, classes == null ? void 0 : classes.root, className, selectable && clsx__default.default(Card_styles.styles.selectable, cardClasses.default.selectable, classes == null ? void 0 : classes.selectable), selected && clsx__default.default(Card_styles.styles.selected, cardClasses.default.selected, classes == null ? void 0 : classes.selected)),
     ...others,
-    children: [/* @__PURE__ */ jsxRuntime.jsxs(Card_styles.StyledContainer, {
-      children: [/* @__PURE__ */ jsxRuntime.jsx(Card_styles.StyledBar, {
-        className: clsx__default.default(cardClasses.default.semanticBar, classes == null ? void 0 : classes.semanticBar),
-        $barColor: statusColor
-      }), /* @__PURE__ */ jsxRuntime.jsx(Card_styles.StyledIcon, {
+    children: [/* @__PURE__ */ jsxRuntime.jsxs("div", {
+      className: clsx__default.default(Card_styles.styles.semanticContainer, cardClasses.default.semanticContainer, classes == null ? void 0 : classes.semanticContainer),
+      children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
+        className: clsx__default.default(Card_styles.styles.semanticBar, /* @__PURE__ */ css.css({
+          height: selected ? 4 : 2,
+          backgroundColor: statusColor === "sema0" ? selected ? uikitStyles.theme.colors.acce1 : uikitStyles.theme.colors.atmo4 : uikitStyles.theme.colors[statusColor]
+        }, process.env.NODE_ENV === "production" ? "" : ";label:HvCard;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRVkiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYXJkL0NhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIjtcbmltcG9ydCB7IEh2Qm94IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IEh2QmFzZVByb3BzIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5pbXBvcnQgeyBIdkF0bW9zcGhlcmVDb2xvcktleXMsIEh2U2VtYW50aWNDb2xvcktleXMgfSBmcm9tIFwiLi4vLi4vdHlwZXMvdG9rZW5zXCI7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tIFwiLi9DYXJkLnN0eWxlc1wiO1xuaW1wb3J0IGNhcmRDbGFzc2VzLCB7IEh2Q2FyZENsYXNzZXMgfSBmcm9tIFwiLi9jYXJkQ2xhc3Nlc1wiO1xuXG5leHBvcnQgdHlwZSBIdkNhcmRQcm9wcyA9IEh2QmFzZVByb3BzICYge1xuICAvKiogVGhlIHJlbmRlcmFibGUgY29udGVudCBpbnNpZGUgdGhlIGljb24gc2xvdCBvZiB0aGUgaGVhZGVyLiAqL1xuICBpY29uPzogUmVhY3QuUmVhY3ROb2RlO1xuICAvKiogV2hldGhlciB0aGUgY2FyZCBpcyBzZWxlY3RhYmxlLiAqL1xuICBzZWxlY3RhYmxlPzogYm9vbGVhbjtcbiAgLyoqIFdoZXRoZXIgdGhlIGNhcmQgaXMgY3VycmVudGx5IHNlbGVjdGVkLiAqL1xuICBzZWxlY3RlZD86IGJvb2xlYW47XG4gIC8qKiBUaGUgYmFja2dyb3VuZCBjb2xvciBvZiB0aGUgY2FyZC4gKi9cbiAgYmdjb2xvcj86IFwic2VtYTBcIiB8IEh2U2VtYW50aWNDb2xvcktleXMgfCBIdkF0bW9zcGhlcmVDb2xvcktleXM7XG4gIC8qKlxuICAgKiAgVGhlIGJvcmRlciBjb2xvciBhdCB0aGUgdG9wIG9mIHRoZSBjYXJkLiBNdXN0IGJlIG9uZSBvZiBwYWxldHRlIHNlbWFudGljIG9yIGF0bW9zcGhlcmUgY29sb3JzLlxuICAgKiAgVG8gc2V0IGFub3RoZXIgY29sb3IsIHRoZSBib3JkZXJUb3Agc2hvdWxkIGJlIG92ZXJyaWRlLlxuICAgKi9cbiAgc3RhdHVzQ29sb3I/OiBcInNlbWEwXCIgfCBIdlNlbWFudGljQ29sb3JLZXlzIHwgSHZBdG1vc3BoZXJlQ29sb3JLZXlzO1xuICAvKiogQSBKc3MgT2JqZWN0IHVzZWQgdG8gb3ZlcnJpZGUgb3IgZXh0ZW5kIHRoZSBzdHlsZXMgYXBwbGllZCB0byB0aGUgY29tcG9uZW50LiAqL1xuICBjbGFzc2VzPzogSHZDYXJkQ2xhc3Nlcztcbn07XG5cbi8qKlxuICogQSBjYXJkIGlzIGEgY29udGFpbmVyIGZvciBhIGZldyBzaG9ydCBhbmQgcmVsYXRlZCBwaWVjZXMgb2YgY29udGVudC5cbiAqIEl0IHJvdWdobHkgcmVzZW1ibGVzIGEgcGxheWluZyBjYXJkIGluIHNpemUgYW5kIHNoYXBlIGFuZCBpcyBpbnRlbmRlZCBhcyBhXG4gKiBsaW5rZWQgc2hvcnQgcmVwcmVzZW50YXRpb24gb2YgYSBjb25jZXB0dWFsIHVuaXQuIEZvciB0aGF0IHJlYXNvbixcbiAqIHRoaXMgcGF0dGVybiBtdXN0IGJlIHVzZWQgYXMgYW4gZW50cnktcG9pbnQgZm9yIGZ1cnRoZXIgaW5mb3JtYXRpb24uXG4gKi9cbmV4cG9ydCBjb25zdCBIdkNhcmQgPSAoe1xuICBjbGFzc2VzLFxuICBjbGFzc05hbWUsXG4gIGNoaWxkcmVuLFxuICBpY29uLFxuICBzZWxlY3RhYmxlID0gZmFsc2UsXG4gIHNlbGVjdGVkID0gZmFsc2UsXG4gIHN0YXR1c0NvbG9yID0gXCJzZW1hMFwiLFxuICBiZ2NvbG9yLFxuICAuLi5vdGhlcnNcbn06IEh2Q2FyZFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEh2Qm94XG4gICAgICBhcmlhLXNlbGVjdGVkPXtzZWxlY3RhYmxlID8gc2VsZWN0ZWQgOiB1bmRlZmluZWR9XG4gICAgICBjbGFzc05hbWU9e2Nsc3goXG4gICAgICAgIHN0eWxlcy5yb290LFxuICAgICAgICBiZ2NvbG9yICYmXG4gICAgICAgICAgY3NzKHtcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzW2JnY29sb3JdLFxuICAgICAgICAgIH0pLFxuICAgICAgICBcIkh2SXNDYXJkR3JpZEVsZW1lbnRcIixcbiAgICAgICAgY2FyZENsYXNzZXMucm9vdCxcbiAgICAgICAgY2xhc3Nlcz8ucm9vdCxcbiAgICAgICAgY2xhc3NOYW1lLFxuICAgICAgICBzZWxlY3RhYmxlICYmXG4gICAgICAgICAgY2xzeChzdHlsZXMuc2VsZWN0YWJsZSwgY2FyZENsYXNzZXMuc2VsZWN0YWJsZSwgY2xhc3Nlcz8uc2VsZWN0YWJsZSksXG4gICAgICAgIHNlbGVjdGVkICYmXG4gICAgICAgICAgY2xzeChzdHlsZXMuc2VsZWN0ZWQsIGNhcmRDbGFzc2VzLnNlbGVjdGVkLCBjbGFzc2VzPy5zZWxlY3RlZClcbiAgICAgICl9XG4gICAgICB7Li4ub3RoZXJzfVxuICAgID5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgIHN0eWxlcy5zZW1hbnRpY0NvbnRhaW5lcixcbiAgICAgICAgICBjYXJkQ2xhc3Nlcy5zZW1hbnRpY0NvbnRhaW5lcixcbiAgICAgICAgICBjbGFzc2VzPy5zZW1hbnRpY0NvbnRhaW5lclxuICAgICAgICApfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgICAgc3R5bGVzLnNlbWFudGljQmFyLFxuICAgICAgICAgICAgY3NzKHtcbiAgICAgICAgICAgICAgaGVpZ2h0OiBzZWxlY3RlZCA/IDQgOiAyLFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgICAgICAgICAgc3RhdHVzQ29sb3IgPT09IFwic2VtYTBcIlxuICAgICAgICAgICAgICAgICAgPyBzZWxlY3RlZFxuICAgICAgICAgICAgICAgICAgICA/IHRoZW1lLmNvbG9ycy5hY2NlMVxuICAgICAgICAgICAgICAgICAgICA6IHRoZW1lLmNvbG9ycy5hdG1vNFxuICAgICAgICAgICAgICAgICAgOiB0aGVtZS5jb2xvcnNbc3RhdHVzQ29sb3JdLFxuICAgICAgICAgICAgfSksXG4gICAgICAgICAgICBjYXJkQ2xhc3Nlcy5zZW1hbnRpY0JhcixcbiAgICAgICAgICAgIGNsYXNzZXM/LnNlbWFudGljQmFyXG4gICAgICAgICAgKX1cbiAgICAgICAgLz5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Nsc3goc3R5bGVzLmljb24sIGNhcmRDbGFzc2VzLmljb24sIGNsYXNzZXM/Lmljb24pfT5cbiAgICAgICAgICB7aWNvbn1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0h2Qm94PlxuICApO1xufTtcbiJdfQ== */"), cardClasses.default.semanticBar, classes == null ? void 0 : classes.semanticBar)
+      }), /* @__PURE__ */ jsxRuntime.jsx("div", {
+        className: clsx__default.default(Card_styles.styles.icon, cardClasses.default.icon, classes == null ? void 0 : classes.icon),
         children: icon
       })]
     }), children]

package/dist/cjs/components/Card/Card.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.cjs","sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { HvAtmosphereColorKeys, HvSemanticColorKeys } from \"../../types/tokens\";\nimport {\n  StyledRoot,\n  StyledContainer,\n  StyledBar,\n  StyledIcon,\n} from \"./Card.styles\";\nimport cardClasses, { HvCardClasses } from \"./cardClasses\";\n\nexport type HvCardProps = HvBaseProps & {\n  /** The renderable content inside the icon slot of the header. */\n  icon?: React.ReactNode;\n  /** Whether the card is selectable. */\n  selectable?: boolean;\n  /** Whether the card is currently selected. */\n  selected?: boolean;\n  /** The background color of the card. */\n  bgcolor?: \"sema0\" | HvSemanticColorKeys | HvAtmosphereColorKeys;\n  /**\n   *  The border color at the top of the card. Must be one of palette semantic or atmosphere colors.\n   *  To set another color, the borderTop should be override.\n   */\n  statusColor?: \"sema0\" | HvSemanticColorKeys | HvAtmosphereColorKeys;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvCardClasses;\n};\n\n/**\n * A card is a container for a few short and related pieces of content.\n * It roughly resembles a playing card in size and shape and is intended as a\n * linked short representation of a conceptual unit. For that reason,\n * this pattern must be used as an entry-point for further information.\n */\nexport const HvCard = ({\n  classes,\n  className,\n  children,\n  icon,\n  selectable = false,\n  selected = false,\n  statusColor = \"sema0\",\n  bgcolor = \"atmo1\",\n  ...others\n}: HvCardProps) => {\n  return (\n    <StyledRoot\n      aria-selected={selectable ? selected : undefined}\n      className={clsx(\n        \"HvIsCardGridElement\",\n        cardClasses.root,\n        classes?.root,\n        className,\n        selectable && clsx(cardClasses.selectable, classes?.selectable),\n        selected && clsx(cardClasses.selected, classes?.selected)\n      )}\n      $selectable={selectable}\n      $selected={selected}\n      $bgcolor={bgcolor}\n      {...others}\n    >\n      <StyledContainer>\n        <StyledBar\n          className={clsx(cardClasses.semanticBar, classes?.semanticBar)}\n          $barColor={statusColor}\n        />\n        <StyledIcon>{icon}</StyledIcon>\n      </StyledContainer>\n      {children}\n    </StyledRoot>\n  );\n};\n"],"names":["HvCard","classes","className","children","icon","selectable","selected","statusColor","bgcolor","others","StyledRoot","undefined","clsx","cardClasses","root","$selectable","$selected","$bgcolor","_jsxs","StyledContainer","_jsx","StyledBar","semanticBar","$barColor","StyledIcon"],"mappings":";;;;;;;;AAmCO,MAAMA,SAASA,CAAC;AAAA,EACrBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,EACbC,WAAW;AAAA,EACXC,cAAc;AAAA,EACdC,UAAU;AAAA,KACPC;AACQ,MAAM;AACjB,yCACGC,YAAAA,YAAU;AAAA,IACT,iBAAeL,aAAaC,WAAWK;AAAAA,IACvCT,WAAWU,cAAAA,QACT,uBACAC,oBAAYC,MACZb,mCAASa,MACTZ,WACAG,cAAcO,cAAAA,QAAKC,oBAAYR,YAAYJ,mCAASI,UAAU,GAC9DC,YAAYM,sBAAKC,YAAAA,QAAYP,UAAUL,mCAASK,QAAQ,CAAC;AAAA,IAE3DS,aAAaV;AAAAA,IACbW,WAAWV;AAAAA,IACXW,UAAUT;AAAAA,IAAQ,GACdC;AAAAA,IAAMN,UAAA,CAEVe,2BAAAA,KAACC,6BAAe;AAAA,MAAAhB,UAAA,CACdiB,2BAAAA,IAACC,uBAAS;AAAA,QACRnB,WAAWU,cAAAA,QAAKC,YAAAA,QAAYS,aAAarB,mCAASqB,WAAW;AAAA,QAC7DC,WAAWhB;AAAAA,MAAAA,CACX,GACFa,2BAAAA,IAACI,wBAAU;AAAA,QAAArB,UAAEC;AAAAA,MAAAA,CAAkB,CAAA;AAAA,IAAA,CAAA,GAEhCD,QAAQ;AAAA,EAAA,CACE;AAEjB;;"}
+{"version":3,"file":"Card.cjs","sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import { css } from \"@emotion/css\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport clsx from \"clsx\";\nimport { HvBox } from \"components\";\nimport { HvBaseProps } from \"../../types\";\nimport { HvAtmosphereColorKeys, HvSemanticColorKeys } from \"../../types/tokens\";\nimport { styles } from \"./Card.styles\";\nimport cardClasses, { HvCardClasses } from \"./cardClasses\";\n\nexport type HvCardProps = HvBaseProps & {\n  /** The renderable content inside the icon slot of the header. */\n  icon?: React.ReactNode;\n  /** Whether the card is selectable. */\n  selectable?: boolean;\n  /** Whether the card is currently selected. */\n  selected?: boolean;\n  /** The background color of the card. */\n  bgcolor?: \"sema0\" | HvSemanticColorKeys | HvAtmosphereColorKeys;\n  /**\n   *  The border color at the top of the card. Must be one of palette semantic or atmosphere colors.\n   *  To set another color, the borderTop should be override.\n   */\n  statusColor?: \"sema0\" | HvSemanticColorKeys | HvAtmosphereColorKeys;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvCardClasses;\n};\n\n/**\n * A card is a container for a few short and related pieces of content.\n * It roughly resembles a playing card in size and shape and is intended as a\n * linked short representation of a conceptual unit. For that reason,\n * this pattern must be used as an entry-point for further information.\n */\nexport const HvCard = ({\n  classes,\n  className,\n  children,\n  icon,\n  selectable = false,\n  selected = false,\n  statusColor = \"sema0\",\n  bgcolor,\n  ...others\n}: HvCardProps) => {\n  return (\n    <HvBox\n      aria-selected={selectable ? selected : undefined}\n      className={clsx(\n        styles.root,\n        bgcolor &&\n          css({\n            backgroundColor: theme.colors[bgcolor],\n          }),\n        \"HvIsCardGridElement\",\n        cardClasses.root,\n        classes?.root,\n        className,\n        selectable &&\n          clsx(styles.selectable, cardClasses.selectable, classes?.selectable),\n        selected &&\n          clsx(styles.selected, cardClasses.selected, classes?.selected)\n      )}\n      {...others}\n    >\n      <div\n        className={clsx(\n          styles.semanticContainer,\n          cardClasses.semanticContainer,\n          classes?.semanticContainer\n        )}\n      >\n        <div\n          className={clsx(\n            styles.semanticBar,\n            css({\n              height: selected ? 4 : 2,\n              backgroundColor:\n                statusColor === \"sema0\"\n                  ? selected\n                    ? theme.colors.acce1\n                    : theme.colors.atmo4\n                  : theme.colors[statusColor],\n            }),\n            cardClasses.semanticBar,\n            classes?.semanticBar\n          )}\n        />\n        <div className={clsx(styles.icon, cardClasses.icon, classes?.icon)}>\n          {icon}\n        </div>\n      </div>\n      {children}\n    </HvBox>\n  );\n};\n"],"names":["HvCard","classes","className","children","icon","selectable","selected","statusColor","bgcolor","others","HvBox","undefined","clsx","styles","root","css","backgroundColor","theme","colors","process","env","NODE_ENV","cardClasses","_jsxs","semanticContainer","_jsx","semanticBar","height","acce1","atmo4"],"mappings":";;;;;;;;;;;AAiCO,MAAMA,SAASA,CAAC;AAAA,EACrBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,EACbC,WAAW;AAAA,EACXC,cAAc;AAAA,EACdC;AAAAA,KACGC;AACQ,MAAM;AACjB,yCACGC,IAAAA,OAAK;AAAA,IACJ,iBAAeL,aAAaC,WAAWK;AAAAA,IACvCT,WAAWU,cAAAA,QACTC,YAAAA,OAAOC,MACPN,WACMO,oBAAAA,IAAA;AAAA,MACFC,iBAAiBC,YAAAA,MAAMC,OAAOV;AAAAA,IAAAA,GAC/BW,QAAAC,IAAAC,aAAA,eAAA,KAAA,kBAAAF,QAAAC,IAAAC,aAAA,eAAA,KAAA,66IAAA,GACH,uBACAC,oBAAYR,MACZb,mCAASa,MACTZ,WACAG,cACEO,cAAAA,QAAKC,YAAAA,OAAOR,YAAYiB,oBAAYjB,YAAYJ,mCAASI,UAAU,GACrEC,YACEM,cAAAA,QAAKC,YAAAA,OAAOP,UAAUgB,oBAAYhB,UAAUL,mCAASK,QAAQ,CAAC;AAAA,IAChE,GACEG;AAAAA,IAAMN,WAEVoB,2BAAAA,KAAA,OAAA;AAAA,MACErB,WAAWU,cACTC,QAAAA,mBAAOW,mBACPF,YAAAA,QAAYE,mBACZvB,mCAASuB,iBAAiB;AAAA,MAC1BrB,WAEFsB,2BAAAA,IAAA,OAAA;AAAA,QACEvB,WAAWU,cAAAA,QACTC,mBAAOa,aACHX,oBAAAA,IAAA;AAAA,UACFY,QAAQrB,WAAW,IAAI;AAAA,UACvBU,iBACET,gBAAgB,UACZD,WACEW,YAAAA,MAAMC,OAAOU,QACbX,YAAAA,MAAMC,OAAOW,QACfZ,YAAAA,MAAMC,OAAOX;AAAAA,QAAAA,GACpBY,QAAAC,IAAAC,aAAA,eAAA,KAAA,kBAAAF,QAAAC,IAAAC,aAAA,eAAA,KAAA,66IAAA,GACDC,YAAAA,QAAYI,aACZzB,mCAASyB,WAAW;AAAA,MAAA,CACpB,GAEJD,2BAAAA,IAAA,OAAA;AAAA,QAAKvB,WAAWU,cAAKC,QAAAA,mBAAOT,MAAMkB,YAAAA,QAAYlB,MAAMH,mCAASG,IAAI;AAAA,QAAED,UAChEC;AAAAA,MAAAA,CACG,CAAA;AAAA,IAAA,CAAA,GAEPD,QAAQ;AAAA,EAAA,CACH;AAEZ;;"}