@hitachivantara/uikit-react-core 5.41.1 → 5.42.0

package/dist/esm/BaseRadio/BaseRadio.js

@@ -1,101 +0,0 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef, useState, useCallback } from "react";
-import MuiRadio from "@mui/material/Radio";
-import { RadioButtonUnselected, RadioButtonSelected } from "@hitachivantara/uikit-react-icons";
-import { useDefaultProps } from "../hooks/useDefaultProps.js";
-import { useClasses } from "./BaseRadio.styles.js";
-import { staticClasses } from "./BaseRadio.styles.js";
-const getSelectorIcons = (options, classes) => {
-  const { disabled, semantic } = options;
-  const color = disabled && ["atmo3", "secondary_60"] || semantic && ["base_light", "base_dark"] || void 0;
-  const checkedColor = disabled && ["atmo3", "secondary_60"] || semantic && ["base_dark", "base_light"] || void 0;
-  return {
-    radio: /* @__PURE__ */ jsx(RadioButtonUnselected, { color, className: classes.icon }),
-    radioChecked: /* @__PURE__ */ jsx(RadioButtonSelected, { color: checkedColor, className: classes.icon })
-  };
-};
-const HvBaseRadio = forwardRef(
-  (props, ref) => {
-    const {
-      classes: classesProp,
-      className,
-      id,
-      name,
-      value = "on",
-      required = false,
-      readOnly = false,
-      disabled = false,
-      checked,
-      defaultChecked,
-      onChange,
-      semantic = false,
-      inputProps,
-      onFocusVisible,
-      onBlur,
-      ...others
-    } = useDefaultProps("HvBaseRadio", props);
-    const { classes, cx } = useClasses(classesProp);
-    const [focusVisible, setFocusVisible] = useState(false);
-    const onFocusVisibleCallback = useCallback(
-      (evt) => {
-        setFocusVisible(true);
-        onFocusVisible?.(evt);
-      },
-      [onFocusVisible]
-    );
-    const onBlurCallback = useCallback(
-      (evt) => {
-        setFocusVisible(false);
-        onBlur?.(evt);
-      },
-      [onBlur]
-    );
-    const icons = getSelectorIcons({ disabled, semantic }, classes);
-    const onLocalChange = useCallback(
-      (evt) => {
-        if (readOnly) {
-          return;
-        }
-        onChange?.(evt, evt.target.checked, value);
-      },
-      [onChange, readOnly, value]
-    );
-    return /* @__PURE__ */ jsx(
-      MuiRadio,
-      {
-        ref,
-        id,
-        name,
-        className: cx(
-          classes.root,
-          {
-            [classes.disabled]: disabled,
-            [classes.focusVisible]: focusVisible
-          },
-          className
-        ),
-        icon: icons.radio,
-        checkedIcon: icons.radioChecked,
-        color: "default",
-        disabled,
-        required,
-        readOnly,
-        disableRipple: true,
-        onChange: onLocalChange,
-        value,
-        checked,
-        defaultChecked,
-        inputProps,
-        onFocusVisible: onFocusVisibleCallback,
-        onBlur: onBlurCallback,
-        ...others
-      }
-    );
-  }
-);
-export {
-  HvBaseRadio,
-  staticClasses as baseRadioClasses,
-  getSelectorIcons
-};
-//# sourceMappingURL=BaseRadio.js.map

package/dist/esm/BaseRadio/BaseRadio.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseRadio.js","sources":["../../../src/BaseRadio/BaseRadio.tsx"],"sourcesContent":["import React, { useState, useCallback, forwardRef } from \"react\";\n\nimport MuiRadio, { RadioProps as MuiRadioProps } from \"@mui/material/Radio\";\n\nimport {\n  RadioButtonUnselected,\n  RadioButtonSelected,\n} from \"@hitachivantara/uikit-react-icons\";\n\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\nimport { ExtractNames } from \"../utils/classes\";\n\nimport { staticClasses, useClasses } from \"./BaseRadio.styles\";\n\nexport { staticClasses as baseRadioClasses };\n\nexport type HvBaseRadioClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBaseRadioProps\n  extends Omit<MuiRadioProps, \"onChange\" | \"classes\"> {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied 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\", \"secondary_60\"]) ||\n    (semantic && [\"base_light\", \"base_dark\"]) ||\n    undefined;\n  const checkedColor =\n    (disabled && [\"atmo3\", \"secondary_60\"]) ||\n    (semantic && [\"base_dark\", \"base_light\"]) ||\n    undefined;\n\n  return {\n    radio: <RadioButtonUnselected color={color} className={classes.icon} />,\n    radioChecked: (\n      <RadioButtonSelected color={checkedColor} className={classes.icon} />\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 = forwardRef<HTMLButtonElement, HvBaseRadioProps>(\n  (props, ref) => {\n    const {\n      classes: classesProp,\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    } = useDefaultProps(\"HvBaseRadio\", props);\n\n    const { classes, cx } = useClasses(classesProp);\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      <MuiRadio\n        ref={ref}\n        id={id}\n        name={name}\n        className={cx(\n          classes.root,\n          {\n            [classes.disabled]: disabled,\n            [classes.focusVisible]: focusVisible,\n          },\n          className\n        )}\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);\n"],"names":[],"mappings":";;;;;;;AA2Fa,MAAA,mBAAmB,CAC9B,SACA,YACG;AACG,QAAA,EAAE,UAAU,SAAa,IAAA;AACzB,QAAA,QACH,YAAY,CAAC,SAAS,cAAc,KACpC,YAAY,CAAC,cAAc,WAAW,KACvC;AACI,QAAA,eACH,YAAY,CAAC,SAAS,cAAc,KACpC,YAAY,CAAC,aAAa,YAAY,KACvC;AAEK,SAAA;AAAA,IACL,OAAQ,oBAAA,uBAAA,EAAsB,OAAc,WAAW,QAAQ,MAAM;AAAA,IACrE,cACG,oBAAA,qBAAA,EAAoB,OAAO,cAAc,WAAW,QAAQ,MAAM;AAAA,EAAA;AAGzE;AAQO,MAAM,cAAc;AAAA,EACzB,CAAC,OAAO,QAAQ;AACR,UAAA;AAAA,MACJ,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IAAA,IACD,gBAAgB,eAAe,KAAK;AAExC,UAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAE9C,UAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,UAAM,yBAAyB;AAAA,MAC7B,CAAC,QAA+B;AAC9B,wBAAgB,IAAI;AACpB,yBAAiB,GAAG;AAAA,MACtB;AAAA,MACA,CAAC,cAAc;AAAA,IAAA;AAGjB,UAAM,iBAAiB;AAAA,MACrB,CAAC,QAA+B;AAC9B,wBAAgB,KAAK;AACrB,iBAAS,GAAG;AAAA,MACd;AAAA,MACA,CAAC,MAAM;AAAA,IAAA;AAGT,UAAM,QAAQ,iBAAiB,EAAE,UAAU,SAAA,GAAY,OAAO;AAE9D,UAAM,gBAAgB;AAAA,MACpB,CAAC,QAA6C;AAC5C,YAAI,UAAU;AACZ;AAAA,QACF;AAEA,mBAAW,KAAK,IAAI,OAAO,SAAS,KAAK;AAAA,MAC3C;AAAA,MACA,CAAC,UAAU,UAAU,KAAK;AAAA,IAAA;AAI1B,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,UACT,QAAQ;AAAA,UACR;AAAA,YACE,CAAC,QAAQ,QAAQ,GAAG;AAAA,YACpB,CAAC,QAAQ,YAAY,GAAG;AAAA,UAC1B;AAAA,UACA;AAAA,QACF;AAAA,QACA,MAAM,MAAM;AAAA,QACZ,aAAa,MAAM;AAAA,QACnB,OAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAa;AAAA,QACb,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,gBAAgB;AAAA,QAChB,QAAQ;AAAA,QACP,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;"}

package/dist/esm/BaseRadio/BaseRadio.styles.js

@@ -1,35 +0,0 @@
-import { theme } from "@hitachivantara/uikit-styles";
-import { outlineStyles } from "../utils/focusUtils.js";
-import { createClasses } from "../utils/classes.js";
-const { staticClasses, useClasses } = createClasses("HvBaseRadio", {
-  root: {
-    padding: 0,
-    cursor: "pointer",
-    "&:hover": {
-      backgroundColor: theme.colors.containerBackgroundHover,
-      borderRadius: theme.radii.base
-    },
-    borderRadius: 0
-  },
-  disabled: {
-    cursor: "not-allowed",
-    pointerEvents: "initial",
-    "& svg": {
-      "& path:nth-of-type(2)": {
-        fill: theme.colors.secondary_60
-      }
-    }
-  },
-  focusVisible: {
-    "& svg": {
-      borderRadius: "8px",
-      ...outlineStyles
-    }
-  },
-  icon: {}
-});
-export {
-  staticClasses,
-  useClasses
-};
-//# sourceMappingURL=BaseRadio.styles.js.map

package/dist/esm/BaseRadio/BaseRadio.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseRadio.styles.js","sources":["../../../src/BaseRadio/BaseRadio.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"../utils/focusUtils\";\nimport { createClasses } from \"../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvBaseRadio\", {\n  root: {\n    padding: 0,\n    cursor: \"pointer\",\n    \"&:hover\": {\n      backgroundColor: theme.colors.containerBackgroundHover,\n      borderRadius: theme.radii.base,\n    },\n    borderRadius: 0,\n  },\n  disabled: {\n    cursor: \"not-allowed\",\n    pointerEvents: \"initial\",\n    \"& svg\": {\n      \"& path:nth-of-type(2)\": {\n        fill: theme.colors.secondary_60,\n      },\n    },\n  },\n  focusVisible: {\n    \"& svg\": {\n      borderRadius: \"8px\",\n      ...outlineStyles,\n    },\n  },\n  icon: {},\n});\n"],"names":[],"mappings":";;;AAKO,MAAM,EAAE,eAAe,eAAe,cAAc,eAAe;AAAA,EACxE,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,WAAW;AAAA,MACT,iBAAiB,MAAM,OAAO;AAAA,MAC9B,cAAc,MAAM,MAAM;AAAA,IAC5B;AAAA,IACA,cAAc;AAAA,EAChB;AAAA,EACA,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,SAAS;AAAA,MACP,yBAAyB;AAAA,QACvB,MAAM,MAAM,OAAO;AAAA,MACrB;AAAA,IACF;AAAA,EACF;AAAA,EACA,cAAc;AAAA,IACZ,SAAS;AAAA,MACP,cAAc;AAAA,MACd,GAAG;AAAA,IACL;AAAA,EACF;AAAA,EACA,MAAM,CAAC;AACT,CAAC;"}

package/dist/esm/BaseSwitch/BaseSwitch.js

@@ -1,95 +0,0 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef, useState, useCallback } from "react";
-import MuiSwitch from "@mui/material/Switch";
-import { useDefaultProps } from "../hooks/useDefaultProps.js";
-import { useClasses } from "./BaseSwitch.styles.js";
-import { staticClasses } from "./BaseSwitch.styles.js";
-const HvBaseSwitch = forwardRef(
-  (props, ref) => {
-    const {
-      classes: classesProp,
-      className,
-      id,
-      name,
-      value = "on",
-      required = false,
-      readOnly = false,
-      disabled = false,
-      checked,
-      defaultChecked,
-      onChange,
-      inputProps,
-      onFocusVisible,
-      onBlur,
-      ...others
-    } = useDefaultProps("HvBaseSwitch", props);
-    const { classes, cx } = useClasses(classesProp);
-    const [focusVisible, setFocusVisible] = useState(false);
-    const onFocusVisibleCallback = useCallback(
-      (evt) => {
-        setFocusVisible(true);
-        onFocusVisible?.(evt);
-      },
-      [onFocusVisible]
-    );
-    const onBlurCallback = useCallback(
-      (evt) => {
-        setFocusVisible(false);
-        onBlur?.(evt);
-      },
-      [onBlur]
-    );
-    const onLocalChange = useCallback(
-      (evt) => {
-        if (readOnly) {
-          return;
-        }
-        onChange?.(evt, evt.target.checked, value);
-      },
-      [onChange, readOnly, value]
-    );
-    return /* @__PURE__ */ jsx(
-      MuiSwitch,
-      {
-        ref,
-        id,
-        name,
-        className: cx(
-          classes.root,
-          {
-            [classes.disabled]: disabled,
-            [classes.readOnly]: readOnly,
-            [classes.focusVisible]: focusVisible
-          },
-          className
-        ),
-        color: "default",
-        disabled,
-        required,
-        readOnly,
-        disableRipple: true,
-        onChange: onLocalChange,
-        value,
-        checked,
-        defaultChecked,
-        classes: {
-          root: classes.switch,
-          switchBase: classes.switchBase,
-          checked: classes.checked,
-          track: classes.track,
-          thumb: classes.thumb,
-          disabled: classes.disabled
-        },
-        inputProps,
-        onFocusVisible: onFocusVisibleCallback,
-        onBlur: onBlurCallback,
-        ...others
-      }
-    );
-  }
-);
-export {
-  HvBaseSwitch,
-  staticClasses as baseSwitchClasses
-};
-//# sourceMappingURL=BaseSwitch.js.map

package/dist/esm/BaseSwitch/BaseSwitch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseSwitch.js","sources":["../../../src/BaseSwitch/BaseSwitch.tsx"],"sourcesContent":["import React, { useState, useCallback, forwardRef } from \"react\";\n\nimport MuiSwitch, { SwitchProps as MuiSwitchProps } from \"@mui/material/Switch\";\n\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\nimport { ExtractNames } from \"../utils/classes\";\n\nimport { useClasses, staticClasses } from \"./BaseSwitch.styles\";\n\nexport { staticClasses as baseSwitchClasses };\n\nexport type HvBaseSwitchClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBaseSwitchProps\n  extends Omit<MuiSwitchProps, \"onChange\" | \"classes\"> {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied 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 = forwardRef<HTMLButtonElement, HvBaseSwitchProps>(\n  (props, ref) => {\n    const {\n      classes: classesProp,\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    } = useDefaultProps(\"HvBaseSwitch\", props);\n\n    const { classes, cx } = useClasses(classesProp);\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      <MuiSwitch\n        ref={ref}\n        id={id}\n        name={name}\n        className={cx(\n          classes.root,\n          {\n            [classes.disabled]: disabled,\n            [classes.readOnly]: readOnly,\n            [classes.focusVisible]: focusVisible,\n          },\n          className\n        )}\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: classes.switch,\n          switchBase: classes.switchBase,\n          checked: classes.checked,\n          track: classes.track,\n          thumb: classes.thumb,\n          disabled: classes.disabled,\n        }}\n        inputProps={inputProps}\n        onFocusVisible={onFocusVisibleCallback}\n        onBlur={onBlurCallback}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;;AAuFO,MAAM,eAAe;AAAA,EAC1B,CAAC,OAAO,QAAQ;AACR,UAAA;AAAA,MACJ,SAAS;AAAA,MACT;AAAA,MAEA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MAER,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,MAEX;AAAA,MACA;AAAA,MAEA;AAAA,MAEA;AAAA,MAEA;AAAA,MACA;AAAA,MAEA,GAAG;AAAA,IAAA,IACD,gBAAgB,gBAAgB,KAAK;AAEzC,UAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAE9C,UAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,UAAM,yBAAyB;AAAA,MAC7B,CAAC,QAAwC;AACvC,wBAAgB,IAAI;AACpB,yBAAiB,GAAG;AAAA,MACtB;AAAA,MACA,CAAC,cAAc;AAAA,IAAA;AAGjB,UAAM,iBAAiB;AAAA,MACrB,CAAC,QAAwC;AACvC,wBAAgB,KAAK;AACrB,iBAAS,GAAG;AAAA,MACd;AAAA,MACA,CAAC,MAAM;AAAA,IAAA;AAGT,UAAM,gBAAgB;AAAA,MACpB,CAAC,QAA6C;AAC5C,YAAI,UAAU;AACZ;AAAA,QACF;AAEA,mBAAW,KAAK,IAAI,OAAO,SAAS,KAAK;AAAA,MAC3C;AAAA,MACA,CAAC,UAAU,UAAU,KAAK;AAAA,IAAA;AAI1B,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,UACT,QAAQ;AAAA,UACR;AAAA,YACE,CAAC,QAAQ,QAAQ,GAAG;AAAA,YACpB,CAAC,QAAQ,QAAQ,GAAG;AAAA,YACpB,CAAC,QAAQ,YAAY,GAAG;AAAA,UAC1B;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAa;AAAA,QACb,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAS;AAAA,UACP,MAAM,QAAQ;AAAA,UACd,YAAY,QAAQ;AAAA,UACpB,SAAS,QAAQ;AAAA,UACjB,OAAO,QAAQ;AAAA,UACf,OAAO,QAAQ;AAAA,UACf,UAAU,QAAQ;AAAA,QACpB;AAAA,QACA;AAAA,QACA,gBAAgB;AAAA,QAChB,QAAQ;AAAA,QACP,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;"}

package/dist/esm/BaseSwitch/BaseSwitch.styles.js

@@ -1,96 +0,0 @@
-import { theme } from "@hitachivantara/uikit-styles";
-import { outlineStyles } from "../utils/focusUtils.js";
-import { createClasses } from "../utils/classes.js";
-const { staticClasses, useClasses } = createClasses("HvBaseSwitch", {
-  root: {
-    padding: 0,
-    cursor: "pointer",
-    width: "40px",
-    height: "32px",
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: theme.radii.base,
-    "&:hover": {
-      backgroundColor: theme.colors.primary_20
-    },
-    // Higher CSS specificity here
-    "& $switchBase": {
-      "&:hover": {
-        backgroundColor: "transparent"
-      },
-      "&$checked": {
-        transform: "translateX(16px)",
-        "& + $track": {
-          opacity: 1,
-          backgroundColor: theme.colors.secondary
-        },
-        "&:hover": {
-          backgroundColor: "transparent"
-        }
-      }
-    },
-    // Higher CSS specificity here
-    "&$disabled": {
-      "& $switchBase": {
-        "& + $track": {
-          opacity: 1,
-          backgroundColor: theme.colors.atmo3,
-          border: `solid 1px ${theme.colors.secondary_60}`
-        }
-      }
-    }
-  },
-  switch: {
-    width: "40px",
-    height: "32px",
-    padding: 0,
-    "&$readOnly $switchBase": {
-      cursor: "default"
-    }
-  },
-  switchBase: {
-    width: "40px",
-    height: "32px",
-    padding: 0
-  },
-  track: {
-    opacity: 1,
-    borderRadius: "15px",
-    height: "16px",
-    width: "32px",
-    border: `solid 1px ${theme.colors.secondary}`,
-    backgroundColor: theme.colors.atmo1
-  },
-  thumb: {
-    position: "relative",
-    left: "-9px",
-    width: "12px",
-    height: "12px",
-    border: `solid 1px ${theme.colors.secondary}`,
-    backgroundColor: theme.colors.atmo1,
-    marginLeft: "2px",
-    marginTop: 0,
-    boxShadow: "none"
-  },
-  checked: {},
-  disabled: {
-    cursor: "not-allowed",
-    "& $switch": {
-      cursor: "not-allowed"
-    },
-    "& $thumb": {
-      backgroundColor: theme.colors.atmo3,
-      border: `solid 1px ${theme.colors.secondary_60}`
-    }
-  },
-  readOnly: {},
-  focusVisible: {
-    borderRadius: "8px",
-    ...outlineStyles
-  }
-});
-export {
-  staticClasses,
-  useClasses
-};
-//# sourceMappingURL=BaseSwitch.styles.js.map

package/dist/esm/BaseSwitch/BaseSwitch.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseSwitch.styles.js","sources":["../../../src/BaseSwitch/BaseSwitch.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"../utils/focusUtils\";\nimport { createClasses } from \"../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvBaseSwitch\", {\n  root: {\n    padding: 0,\n    cursor: \"pointer\",\n    width: \"40px\",\n    height: \"32px\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    borderRadius: theme.radii.base,\n\n    \"&:hover\": {\n      backgroundColor: theme.colors.primary_20,\n    },\n\n    // Higher CSS specificity here\n    \"& $switchBase\": {\n      \"&:hover\": {\n        backgroundColor: \"transparent\",\n      },\n\n      \"&$checked\": {\n        transform: \"translateX(16px)\",\n        \"& + $track\": {\n          opacity: 1,\n          backgroundColor: theme.colors.secondary,\n        },\n        \"&:hover\": {\n          backgroundColor: \"transparent\",\n        },\n      },\n    },\n\n    // Higher CSS specificity here\n    \"&$disabled\": {\n      \"& $switchBase\": {\n        \"& + $track\": {\n          opacity: 1,\n          backgroundColor: theme.colors.atmo3,\n          border: `solid 1px ${theme.colors.secondary_60}`,\n        },\n      },\n    },\n  },\n  switch: {\n    width: \"40px\",\n    height: \"32px\",\n    padding: 0,\n\n    \"&$readOnly $switchBase\": {\n      cursor: \"default\",\n    },\n  },\n  switchBase: {\n    width: \"40px\",\n    height: \"32px\",\n    padding: 0,\n  },\n  track: {\n    opacity: 1,\n    borderRadius: \"15px\",\n    height: \"16px\",\n    width: \"32px\",\n    border: `solid 1px ${theme.colors.secondary}`,\n    backgroundColor: theme.colors.atmo1,\n  },\n  thumb: {\n    position: \"relative\",\n    left: \"-9px\",\n    width: \"12px\",\n    height: \"12px\",\n    border: `solid 1px ${theme.colors.secondary}`,\n    backgroundColor: theme.colors.atmo1,\n    marginLeft: \"2px\",\n    marginTop: 0,\n    boxShadow: \"none\",\n  },\n  checked: {},\n  disabled: {\n    cursor: \"not-allowed\",\n\n    \"& $switch\": {\n      cursor: \"not-allowed\",\n    },\n\n    \"& $thumb\": {\n      backgroundColor: theme.colors.atmo3,\n      border: `solid 1px ${theme.colors.secondary_60}`,\n    },\n  },\n  readOnly: {},\n  focusVisible: {\n    borderRadius: \"8px\",\n    ...outlineStyles,\n  },\n});\n"],"names":[],"mappings":";;;AAKO,MAAM,EAAE,eAAe,eAAe,cAAc,gBAAgB;AAAA,EACzE,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,cAAc,MAAM,MAAM;AAAA,IAE1B,WAAW;AAAA,MACT,iBAAiB,MAAM,OAAO;AAAA,IAChC;AAAA;AAAA,IAGA,iBAAiB;AAAA,MACf,WAAW;AAAA,QACT,iBAAiB;AAAA,MACnB;AAAA,MAEA,aAAa;AAAA,QACX,WAAW;AAAA,QACX,cAAc;AAAA,UACZ,SAAS;AAAA,UACT,iBAAiB,MAAM,OAAO;AAAA,QAChC;AAAA,QACA,WAAW;AAAA,UACT,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA;AAAA,IAGA,cAAc;AAAA,MACZ,iBAAiB;AAAA,QACf,cAAc;AAAA,UACZ,SAAS;AAAA,UACT,iBAAiB,MAAM,OAAO;AAAA,UAC9B,QAAQ,aAAa,MAAM,OAAO,YAAY;AAAA,QAChD;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IAET,0BAA0B;AAAA,MACxB,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,SAAS;AAAA,IACT,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ,aAAa,MAAM,OAAO,SAAS;AAAA,IAC3C,iBAAiB,MAAM,OAAO;AAAA,EAChC;AAAA,EACA,OAAO;AAAA,IACL,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ,aAAa,MAAM,OAAO,SAAS;AAAA,IAC3C,iBAAiB,MAAM,OAAO;AAAA,IAC9B,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AAAA,EACA,SAAS,CAAC;AAAA,EACV,UAAU;AAAA,IACR,QAAQ;AAAA,IAER,aAAa;AAAA,MACX,QAAQ;AAAA,IACV;AAAA,IAEA,YAAY;AAAA,MACV,iBAAiB,MAAM,OAAO;AAAA,MAC9B,QAAQ,aAAa,MAAM,OAAO,YAAY;AAAA,IAChD;AAAA,EACF;AAAA,EACA,UAAU,CAAC;AAAA,EACX,cAAc;AAAA,IACZ,cAAc;AAAA,IACd,GAAG;AAAA,EACL;AACF,CAAC;"}

package/dist/esm/Box/Box.js

@@ -1,24 +0,0 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef } from "react";
-import { theme } from "@hitachivantara/uikit-styles";
-import { useDefaultProps } from "../hooks/useDefaultProps.js";
-const sxFn = (sx) => {
-  return typeof sx === "function" ? sx(theme) : sx;
-};
-const HvBox = forwardRef(
-  (props, ref) => {
-    const {
-      style,
-      component: Component = "div",
-      sx,
-      children,
-      classes,
-      ...restProps
-    } = useDefaultProps("HvBox", props);
-    return /* @__PURE__ */ jsx(Component, { style: sx ? sxFn(sx) : style, ref, ...restProps, children });
-  }
-);
-export {
-  HvBox
-};
-//# sourceMappingURL=Box.js.map

package/dist/esm/Box/Box.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Box.js","sources":["../../../src/Box/Box.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { HvTheme, theme } from \"@hitachivantara/uikit-styles\";\n\nimport { PolymorphicComponentRef, PolymorphicRef } from \"../types/generic\";\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\n\ntype SxProps = React.CSSProperties | ((theme: HvTheme) => React.CSSProperties);\n\ntype HvBoxBaseProps<C extends React.ElementType> = PolymorphicComponentRef<\n  C,\n  { style?: React.CSSProperties; sx?: SxProps }\n>;\n\n// v6 - This shouldn't be named HvBoxProps\nexport type HvBoxProps = <C extends React.ElementType = \"div\">(\n  props: HvBoxBaseProps<C>\n) => React.ReactElement | null;\n\nconst sxFn = (sx: SxProps) => {\n  return typeof sx === \"function\" ? sx(theme) : sx;\n};\n\n/**\n * Customizable layout component that can be used to wrap other components.\n * It can be used to add styles to the wrapped components.\n * It can also be used to create a layout using the flexbox properties.\n */\nexport const HvBox: HvBoxProps = forwardRef(\n  <C extends React.ElementType = \"div\">(\n    props: HvBoxBaseProps<C>,\n    ref?: PolymorphicRef<C>\n  ) => {\n    const {\n      style,\n      component: Component = \"div\",\n      sx,\n      children,\n      classes,\n      ...restProps\n    } = useDefaultProps(\"HvBox\", props);\n\n    return (\n      <Component style={sx ? sxFn(sx) : style} ref={ref} {...restProps}>\n        {children}\n      </Component>\n    );\n  }\n);\n"],"names":[],"mappings":";;;;AAkBA,MAAM,OAAO,CAAC,OAAgB;AAC5B,SAAO,OAAO,OAAO,aAAa,GAAG,KAAK,IAAI;AAChD;AAOO,MAAM,QAAoB;AAAA,EAC/B,CACE,OACA,QACG;AACG,UAAA;AAAA,MACJ;AAAA,MACA,WAAW,YAAY;AAAA,MACvB;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IAAA,IACD,gBAAgB,SAAS,KAAK;AAGhC,WAAA,oBAAC,WAAU,EAAA,OAAO,KAAK,KAAK,EAAE,IAAI,OAAO,KAAW,GAAG,WACpD,SACH,CAAA;AAAA,EAEJ;AACF;"}

package/dist/esm/BreadCrumb/BreadCrumb.js

@@ -1,77 +0,0 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { isValidElement } from "react";
-import { useDefaultProps } from "../hooks/useDefaultProps.js";
-import { useClasses } from "./BreadCrumb.styles.js";
-import { staticClasses } from "./BreadCrumb.styles.js";
-import { pathWithSubMenu, removeExtension } from "./utils.js";
-import { HvPathElement } from "./PathElement/PathElement.js";
-import { HvBreadCrumbPage } from "./Page/Page.js";
-import { HvTypography } from "../Typography/Typography.js";
-const HvBreadCrumb = (props) => {
-  const {
-    classes: classesProp,
-    className,
-    id,
-    listRoute = [],
-    maxVisible,
-    url,
-    onClick,
-    component,
-    dropDownMenuProps,
-    ...others
-  } = useDefaultProps("HvBreadCrumb", props);
-  const { classes, cx } = useClasses(classesProp);
-  const maxVisibleElem = maxVisible && maxVisible < 2 ? 2 : maxVisible;
-  let listPath = listRoute.slice();
-  if (url != null) {
-    listPath = [];
-    const baseUrl = url.match(/^.*\/\/[^/]+/);
-    const urlWithoutDomain = url.replace(/^.*\/\/[^/]+/, "");
-    const pathNames = urlWithoutDomain.split("/").filter((x) => x);
-    pathNames.map(
-      (elem, index) => listPath.push({
-        label: decodeURI(elem),
-        path: `${baseUrl}/${pathNames.slice(0, index + 1).join("/")}`
-      })
-    );
-  }
-  const breadcrumbPath = maxVisibleElem && listPath.length > maxVisibleElem ? pathWithSubMenu(
-    id,
-    listPath,
-    maxVisibleElem,
-    onClick,
-    dropDownMenuProps
-  ) : listPath;
-  return /* @__PURE__ */ jsx("nav", { id, className: cx(classes.root, className), ...others, children: /* @__PURE__ */ jsx("ol", { className: classes.orderedList, children: listPath.map((elem, index) => {
-    const key = `key_${index}`;
-    const isLast = index === breadcrumbPath.length - 1;
-    return /* @__PURE__ */ jsx(
-      HvPathElement,
-      {
-        classes: {
-          centerContainer: classes.centerContainer,
-          separatorContainer: classes.separatorContainer
-        },
-        last: isLast,
-        children: isValidElement(elem) && elem || isLast && /* @__PURE__ */ jsx(HvTypography, { className: classes.currentPage, variant: "body", children: removeExtension(elem.label) }) || /* @__PURE__ */ jsx(
-          HvBreadCrumbPage,
-          {
-            elem,
-            classes: {
-              a: classes.a,
-              link: classes.link
-            },
-            component,
-            onClick
-          }
-        )
-      },
-      key
-    );
-  }) }) });
-};
-export {
-  HvBreadCrumb,
-  staticClasses as breadCrumbClasses
-};
-//# sourceMappingURL=BreadCrumb.js.map

package/dist/esm/BreadCrumb/BreadCrumb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BreadCrumb.js","sources":["../../../src/BreadCrumb/BreadCrumb.tsx"],"sourcesContent":["import { isValidElement, MouseEvent } from \"react\";\n\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\nimport { HvBaseProps } from \"../types/generic\";\nimport { HvDropDownMenuProps } from \"../DropDownMenu\";\nimport { ExtractNames } from \"../utils/classes\";\nimport { HvTypography } from \"../Typography\";\n\nimport { HvPathElement } from \"./PathElement\";\nimport { HvBreadCrumbPage } from \"./Page\";\nimport { staticClasses, useClasses } from \"./BreadCrumb.styles\";\nimport { pathWithSubMenu, removeExtension } from \"./utils\";\nimport { HvBreadCrumbPathElement } from \"./types\";\n\nexport { staticClasses as breadCrumbClasses };\n\nexport type HvBreadCrumbClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBreadCrumbProps\n  extends 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?: (event: MouseEvent<HTMLElement>, data: any) => void;\n  /** Props passed down to the DropDownMenu sub-menu component. */\n  dropDownMenuProps?: Partial<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 = (props: HvBreadCrumbProps) => {\n  const {\n    classes: classesProp,\n    className,\n    id,\n    listRoute = [],\n    maxVisible,\n    url,\n    onClick,\n    component,\n    dropDownMenuProps,\n    ...others\n  } = useDefaultProps(\"HvBreadCrumb\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const maxVisibleElem = maxVisible && maxVisible < 2 ? 2 : maxVisible;\n  let listPath = listRoute.slice();\n\n  // build the listPath object list\n  if (url != null) {\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          listPath,\n          maxVisibleElem,\n          onClick,\n          dropDownMenuProps\n        )\n      : listPath;\n\n  return (\n    <nav id={id} className={cx(classes.root, className)} {...others}>\n      <ol className={classes.orderedList}>\n        {listPath.map((elem, index) => {\n          const key = `key_${index}`;\n          const isLast = index === breadcrumbPath.length - 1;\n\n          return (\n            <HvPathElement\n              classes={{\n                centerContainer: classes.centerContainer,\n                separatorContainer: classes.separatorContainer,\n              }}\n              key={key}\n              last={isLast}\n            >\n              {(isValidElement(elem) && elem) ||\n                (isLast && (\n                  <HvTypography className={classes.currentPage} variant=\"body\">\n                    {removeExtension(elem.label)}\n                  </HvTypography>\n                )) || (\n                  <HvBreadCrumbPage\n                    elem={elem}\n                    classes={{\n                      a: classes.a,\n                      link: classes.link,\n                    }}\n                    component={component}\n                    onClick={onClick}\n                  />\n                )}\n            </HvPathElement>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAuCa,MAAA,eAAe,CAAC,UAA6B;AAClD,QAAA;AAAA,IACJ,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,YAAY,CAAC;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACD,gBAAgB,gBAAgB,KAAK;AAEzC,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAE9C,QAAM,iBAAiB,cAAc,aAAa,IAAI,IAAI;AACtD,MAAA,WAAW,UAAU;AAGzB,MAAI,OAAO,MAAM;AACf,eAAW,CAAA;AAGL,UAAA,UAAU,IAAI,MAAM,cAAc;AAGxC,UAAM,mBAAmB,IAAI,QAAQ,gBAAgB,EAAE;AAEjD,UAAA,YAAY,iBAAiB,MAAM,GAAG,EAAE,OAAO,CAAC,MAAM,CAAC;AAEnD,cAAA;AAAA,MAAI,CAAC,MAAM,UACnB,SAAS,KAAK;AAAA,QACZ,OAAO,UAAU,IAAI;AAAA,QACrB,MAAM,GAAG,OAAO,IAAI,UAAU,MAAM,GAAG,QAAQ,CAAC,EAAE,KAAK,GAAG,CAAC;AAAA,MAAA,CAC5D;AAAA,IAAA;AAAA,EAEL;AAEA,QAAM,iBACJ,kBAAkB,SAAS,SAAS,iBAChC;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAEF,IAAA;AAGJ,SAAA,oBAAC,SAAI,IAAQ,WAAW,GAAG,QAAQ,MAAM,SAAS,GAAI,GAAG,QACvD,UAAC,oBAAA,MAAA,EAAG,WAAW,QAAQ,aACpB,mBAAS,IAAI,CAAC,MAAM,UAAU;AACvB,UAAA,MAAM,OAAO,KAAK;AAClB,UAAA,SAAS,UAAU,eAAe,SAAS;AAG/C,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,UACP,iBAAiB,QAAQ;AAAA,UACzB,oBAAoB,QAAQ;AAAA,QAC9B;AAAA,QAEA,MAAM;AAAA,QAEJ,yBAAe,IAAI,KAAK,QACvB,8BACE,cAAa,EAAA,WAAW,QAAQ,aAAa,SAAQ,QACnD,UAAA,gBAAgB,KAAK,KAAK,EAC7B,CAAA,KAEA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,SAAS;AAAA,cACP,GAAG,QAAQ;AAAA,cACX,MAAM,QAAQ;AAAA,YAChB;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,MAjBC;AAAA,IAAA;AAAA,EAmBP,CAEH,GACH,EACF,CAAA;AAEJ;"}

package/dist/esm/BreadCrumb/BreadCrumb.styles.js

@@ -1,20 +0,0 @@
-import { theme } from "@hitachivantara/uikit-styles";
-import { createClasses } from "../utils/classes.js";
-const { staticClasses, useClasses } = createClasses("HvBreadCrumb", {
-  root: { display: "flex", alignItems: "center", zIndex: 0 },
-  link: {},
-  orderedList: {
-    display: "flex",
-    paddingLeft: 0,
-    marginLeft: `-${theme.space.xs}`
-  },
-  currentPage: { padding: `8px ${theme.space.xs}` },
-  centerContainer: {},
-  separatorContainer: {},
-  a: {}
-});
-export {
-  staticClasses,
-  useClasses
-};
-//# sourceMappingURL=BreadCrumb.styles.js.map

package/dist/esm/BreadCrumb/BreadCrumb.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BreadCrumb.styles.js","sources":["../../../src/BreadCrumb/BreadCrumb.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvBreadCrumb\", {\n  root: { display: \"flex\", alignItems: \"center\", zIndex: 0 },\n  link: {},\n  orderedList: {\n    display: \"flex\",\n    paddingLeft: 0,\n    marginLeft: `-${theme.space.xs}`,\n  },\n  currentPage: { padding: `8px ${theme.space.xs}` },\n  centerContainer: {},\n  separatorContainer: {},\n  a: {},\n});\n"],"names":[],"mappings":";;AAIO,MAAM,EAAE,eAAe,eAAe,cAAc,gBAAgB;AAAA,EACzE,MAAM,EAAE,SAAS,QAAQ,YAAY,UAAU,QAAQ,EAAE;AAAA,EACzD,MAAM,CAAC;AAAA,EACP,aAAa;AAAA,IACX,SAAS;AAAA,IACT,aAAa;AAAA,IACb,YAAY,IAAI,MAAM,MAAM,EAAE;AAAA,EAChC;AAAA,EACA,aAAa,EAAE,SAAS,OAAO,MAAM,MAAM,EAAE,GAAG;AAAA,EAChD,iBAAiB,CAAC;AAAA,EAClB,oBAAoB,CAAC;AAAA,EACrB,GAAG,CAAC;AACN,CAAC;"}

package/dist/esm/BreadCrumb/Page/Page.js

@@ -1,38 +0,0 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { useDefaultProps } from "../../hooks/useDefaultProps.js";
-import { useClasses } from "./Page.styles.js";
-import { staticClasses } from "./Page.styles.js";
-import { HvTypography } from "../../Typography/Typography.js";
-import { HvOverflowTooltip } from "../../OverflowTooltip/OverflowTooltip.js";
-const HvBreadCrumbPage = (props) => {
-  const {
-    component,
-    onClick,
-    elem,
-    classes: classesProp
-  } = useDefaultProps("HvBreadCrumbPage", props);
-  const { classes, cx } = useClasses(classesProp);
-  const { label, path, ...others } = elem;
-  const handleClick = (event) => {
-    event.preventDefault();
-    onClick?.(event, elem);
-  };
-  return /* @__PURE__ */ jsx(
-    HvTypography,
-    {
-      noWrap: true,
-      variant: "label",
-      component: component || "a",
-      href: elem.path,
-      onClick: onClick && handleClick,
-      className: cx(classes.link, classes.label, classes.a),
-      ...others,
-      children: /* @__PURE__ */ jsx(HvOverflowTooltip, { data: elem.label })
-    }
-  );
-};
-export {
-  HvBreadCrumbPage,
-  staticClasses as breadCrumbPageClasses
-};
-//# sourceMappingURL=Page.js.map

package/dist/esm/BreadCrumb/Page/Page.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Page.js","sources":["../../../../src/BreadCrumb/Page/Page.tsx"],"sourcesContent":["import { MouseEvent } from \"react\";\n\nimport { HvTypography } from \"../../Typography\";\nimport { HvOverflowTooltip } from \"../../OverflowTooltip\";\nimport { ExtractNames } from \"../../utils/classes\";\nimport { useDefaultProps } from \"../../hooks/useDefaultProps\";\n\nimport { HvBreadCrumbPathElement } from \"../types\";\nimport { staticClasses, useClasses } from \"./Page.styles\";\n\nexport { staticClasses as breadCrumbPageClasses };\n\nexport type HvBreadCrumbPageClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBreadCrumbPageProps {\n  component?: React.ElementType;\n  onClick?: (event: MouseEvent<HTMLElement>, data: any) => void;\n  elem: HvBreadCrumbPathElement;\n  classes?: HvBreadCrumbPageClasses;\n}\n\nexport const HvBreadCrumbPage = (props: HvBreadCrumbPageProps) => {\n  const {\n    component,\n    onClick,\n    elem,\n    classes: classesProp,\n  } = useDefaultProps(\"HvBreadCrumbPage\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const { label, path, ...others } = elem;\n\n  const handleClick = (event: MouseEvent<HTMLElement>) => {\n    event.preventDefault();\n    onClick?.(event, elem);\n  };\n\n  return (\n    <HvTypography\n      noWrap\n      variant=\"label\"\n      component={component || \"a\"}\n      href={elem.path}\n      onClick={onClick && handleClick}\n      className={cx(classes.link, classes.label, classes.a)}\n      {...others}\n    >\n      <HvOverflowTooltip data={elem.label} />\n    </HvTypography>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAqBa,MAAA,mBAAmB,CAAC,UAAiC;AAC1D,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EAAA,IACP,gBAAgB,oBAAoB,KAAK;AAE7C,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAE9C,QAAM,EAAE,OAAO,MAAM,GAAG,WAAW;AAE7B,QAAA,cAAc,CAAC,UAAmC;AACtD,UAAM,eAAe;AACrB,cAAU,OAAO,IAAI;AAAA,EAAA;AAIrB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,SAAQ;AAAA,MACR,WAAW,aAAa;AAAA,MACxB,MAAM,KAAK;AAAA,MACX,SAAS,WAAW;AAAA,MACpB,WAAW,GAAG,QAAQ,MAAM,QAAQ,OAAO,QAAQ,CAAC;AAAA,MACnD,GAAG;AAAA,MAEJ,UAAC,oBAAA,mBAAA,EAAkB,MAAM,KAAK,OAAO;AAAA,IAAA;AAAA,EAAA;AAG3C;"}

package/dist/esm/BreadCrumb/Page/Page.styles.js

@@ -1,28 +0,0 @@
-import { theme } from "@hitachivantara/uikit-styles";
-import { createClasses } from "../../utils/classes.js";
-import { outlineStyles } from "../../utils/focusUtils.js";
-const { staticClasses, useClasses } = createClasses("HvBreadCrumbPage", {
-  link: {
-    padding: `8px ${theme.space.xs}`,
-    borderRadius: theme.radii.base,
-    maxWidth: 170 + 16,
-    textTransform: "capitalize",
-    "&:hover": {
-      cursor: "pointer",
-      backgroundColor: theme.colors.primary_20
-    },
-    "&:focus": {
-      backgroundColor: theme.colors.primary_20
-    },
-    "&:focus-visible": {
-      ...outlineStyles
-    }
-  },
-  label: {},
-  a: {}
-});
-export {
-  staticClasses,
-  useClasses
-};
-//# sourceMappingURL=Page.styles.js.map

package/dist/esm/BreadCrumb/Page/Page.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Page.styles.js","sources":["../../../../src/BreadCrumb/Page/Page.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../../utils/classes\";\nimport { outlineStyles } from \"../../utils/focusUtils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvBreadCrumbPage\", {\n  link: {\n    padding: `8px ${theme.space.xs}`,\n    borderRadius: theme.radii.base,\n    maxWidth: 170 + 16,\n    textTransform: \"capitalize\",\n    \"&:hover\": {\n      cursor: \"pointer\",\n      backgroundColor: theme.colors.primary_20,\n    },\n    \"&:focus\": {\n      backgroundColor: theme.colors.primary_20,\n    },\n    \"&:focus-visible\": {\n      ...outlineStyles,\n    },\n  },\n  label: {},\n  a: {},\n});\n"],"names":[],"mappings":";;;AAKO,MAAM,EAAE,eAAe,eAAe,cAAc,oBAAoB;AAAA,EAC7E,MAAM;AAAA,IACJ,SAAS,OAAO,MAAM,MAAM,EAAE;AAAA,IAC9B,cAAc,MAAM,MAAM;AAAA,IAC1B,UAAU,MAAM;AAAA,IAChB,eAAe;AAAA,IACf,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,iBAAiB,MAAM,OAAO;AAAA,IAChC;AAAA,IACA,WAAW;AAAA,MACT,iBAAiB,MAAM,OAAO;AAAA,IAChC;AAAA,IACA,mBAAmB;AAAA,MACjB,GAAG;AAAA,IACL;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AAAA,EACR,GAAG,CAAC;AACN,CAAC;"}

package/dist/esm/BreadCrumb/PathElement/PathElement.js

@@ -1,26 +0,0 @@
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import { DropRightXS } from "@hitachivantara/uikit-react-icons";
-import { useClasses } from "./PathElement.styles.js";
-import { staticClasses } from "./PathElement.styles.js";
-const HvPathElement = ({
-  classes: classesProp,
-  last = false,
-  children
-}) => {
-  const { classes } = useClasses(classesProp);
-  return /* @__PURE__ */ jsxs("li", { className: classes.centerContainer, children: [
-    children,
-    !last && /* @__PURE__ */ jsx(
-      DropRightXS,
-      {
-        className: classes.separatorContainer,
-        color: "secondary_60"
-      }
-    )
-  ] });
-};
-export {
-  HvPathElement,
-  staticClasses as pathElementClasses
-};
-//# sourceMappingURL=PathElement.js.map

package/dist/esm/BreadCrumb/PathElement/PathElement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PathElement.js","sources":["../../../../src/BreadCrumb/PathElement/PathElement.tsx"],"sourcesContent":["import { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { ExtractNames } from \"../../utils/classes\";\n\nimport { staticClasses, useClasses } from \"./PathElement.styles\";\n\nexport { staticClasses as pathElementClasses };\n\nexport type HvPathElementClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvPathElementProps {\n  last?: boolean;\n  classes?: HvPathElementClasses;\n  children: React.ReactElement;\n}\n\nexport const HvPathElement = ({\n  classes: classesProp,\n  last = false,\n  children,\n}: HvPathElementProps) => {\n  const { classes } = useClasses(classesProp);\n\n  return (\n    <li className={classes.centerContainer}>\n      {children}\n      {!last && (\n        <DropRightXS\n          className={classes.separatorContainer}\n          color=\"secondary_60\"\n        />\n      )}\n    </li>\n  );\n};\n"],"names":[],"mappings":";;;;AAgBO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,SAAS;AAAA,EACT,OAAO;AAAA,EACP;AACF,MAA0B;AACxB,QAAM,EAAE,QAAA,IAAY,WAAW,WAAW;AAE1C,SACG,qBAAA,MAAA,EAAG,WAAW,QAAQ,iBACpB,UAAA;AAAA,IAAA;AAAA,IACA,CAAC,QACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,QAAQ;AAAA,QACnB,OAAM;AAAA,MAAA;AAAA,IACR;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

package/dist/esm/BreadCrumb/PathElement/PathElement.styles.js

@@ -1,10 +0,0 @@
-import { createClasses } from "../../utils/classes.js";
-const { staticClasses, useClasses } = createClasses("HvPathElement", {
-  centerContainer: { display: "flex", alignItems: "center" },
-  separatorContainer: {}
-});
-export {
-  staticClasses,
-  useClasses
-};
-//# sourceMappingURL=PathElement.styles.js.map