@hitachivantara/uikit-react-core 5.0.0-next.7 → 5.0.0-next.9

package/dist/cjs/components/Table/renderers/renderers.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const fallbacks = require("../utils/fallbacks.cjs");
 const DateColumnCell = require("./DateColumnCell/DateColumnCell.cjs");
 const SwitchColumnCell = require("./SwitchColumnCell/SwitchColumnCell.cjs");
@@ -14,9 +14,7 @@ const Typography = require("../../Typography/Typography.cjs");
 const setId = require("../../../utils/setId.cjs");
 function hvTextColumn(col) {
   return {
-    Cell: (cellProps) => /* @__PURE__ */ jsxRuntime.jsx(OverflowTooltip.HvOverflowTooltip, {
-      data: fallbacks.hvStringFallback(cellProps == null ? void 0 : cellProps.value)
-    }),
+    Cell: (cellProps) => /* @__PURE__ */ jsxRuntime.jsx(OverflowTooltip.HvOverflowTooltip, { data: fallbacks.hvStringFallback(cellProps == null ? void 0 : cellProps.value) }),
     sortType: "alphanumeric",
     ...col
   };
@@ -33,10 +31,7 @@ function hvNumberColumn(col) {
 }
 function hvDateColumn(col, dateFormat) {
   return {
-    Cell: (cellProps) => /* @__PURE__ */ jsxRuntime.jsx(DateColumnCell.default, {
-      date: cellProps == null ? void 0 : cellProps.value,
-      dateFormat
-    }),
+    Cell: (cellProps) => /* @__PURE__ */ jsxRuntime.jsx(DateColumnCell.default, { date: cellProps == null ? void 0 : cellProps.value, dateFormat }),
     sortType: "alphanumeric",
     sortDescFirst: true,
     ...col
@@ -54,23 +49,14 @@ function hvExpandColumn(col, expandRowButtonAriaLabel, collapseRowButtonAriaLabe
         onClick
       } = row.getToggleRowExpandedProps();
       const hasContent = (_a = getCanRowExpand == null ? void 0 : getCanRowExpand(row)) != null ? _a : true;
-      return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [hasContent && /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
-          icon: true,
-          variant: "secondaryGhost",
-          "aria-label": row.isExpanded ? collapseRowButtonAriaLabel : expandRowButtonAriaLabel,
-          "aria-expanded": row.isExpanded,
-          onClick,
-          style: {
-            position: "absolute",
-            left: 0,
-            top: 0
-          },
-          children: row.isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropDownXS, {}) : /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropRightXS, {})
-        }), /* @__PURE__ */ jsxRuntime.jsx(OverflowTooltip.HvOverflowTooltip, {
-          data: fallbacks.hvStringFallback(value)
-        })]
-      });
+      return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        hasContent && /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, { icon: true, variant: "secondaryGhost", "aria-label": row.isExpanded ? collapseRowButtonAriaLabel : expandRowButtonAriaLabel, "aria-expanded": row.isExpanded, onClick, style: {
+          position: "absolute",
+          left: 0,
+          top: 0
+        }, children: row.isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropDownXS, {}) : /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropRightXS, {}) }),
+        /* @__PURE__ */ jsxRuntime.jsx(OverflowTooltip.HvOverflowTooltip, { data: fallbacks.hvStringFallback(value) })
+      ] });
     },
     sortType: "alphanumeric",
     cellStyle: {
@@ -94,19 +80,9 @@ function hvTagColumn(col, valueDataKey, colorDataKey, textColorDataKey, fromRowD
         [colorDataKey]: color,
         [textColorDataKey]: textColor
       } = fromRowData ? row.original : value;
-      return /* @__PURE__ */ jsxRuntime.jsx(Tag.HvTag, {
-        label: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-          variant: "body",
-          children: name
-        }),
-        type: "semantic",
-        color,
-        style: textColor != null ? {
-          color: textColor
-        } : {},
-        tabIndex: -1,
-        ...tagProps
-      });
+      return /* @__PURE__ */ jsxRuntime.jsx(Tag.HvTag, { label: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { variant: "body", children: name }), type: "semantic", color, style: textColor != null ? {
+        color: textColor
+      } : {}, tabIndex: -1, ...tagProps });
     },
     cellStyle: {
       paddingTop: 0,
@@ -122,14 +98,7 @@ function hvSwitchColumn(col, switchLabel, falseLabel, trueLabel, switchProps) {
         value,
         row
       } = cellProps;
-      return /* @__PURE__ */ jsxRuntime.jsx(SwitchColumnCell.default, {
-        checked: value,
-        value: row.id,
-        switchLabel,
-        falseLabel,
-        trueLabel,
-        switchProps
-      });
+      return /* @__PURE__ */ jsxRuntime.jsx(SwitchColumnCell.default, { checked: value, value: row.id, switchLabel, falseLabel, trueLabel, switchProps });
     },
     cellStyle: {
       paddingTop: 0,
@@ -147,15 +116,9 @@ function hvDropdownColumn(col, id, placeholder, disabledPlaceholder, onChange) {
         column
       } = cellProps;
       const dsbld = value.length < 1;
-      return /* @__PURE__ */ jsxRuntime.jsx(DropdownColumnCell.default, {
-        values: value,
-        placeholder: dsbld ? disabledPlaceholder : placeholder,
-        onChange: (val) => onChange == null ? void 0 : onChange(row.id, val),
-        disabled: dsbld,
-        dropdownProps: {
-          "aria-labelledby": setId.setId(id, column.id)
-        }
-      });
+      return /* @__PURE__ */ jsxRuntime.jsx(DropdownColumnCell.default, { values: value, placeholder: dsbld ? disabledPlaceholder : placeholder, onChange: (val) => onChange == null ? void 0 : onChange(row.id, val), disabled: dsbld, dropdownProps: {
+        "aria-labelledby": setId.setId(id, column.id)
+      } });
     },
     cellStyle: {
       paddingTop: 0,
@@ -173,11 +136,7 @@ function hvProgressColumn(col, getPartial, getTotal, color) {
       const partial = getPartial == null ? void 0 : getPartial(row);
       const total = getTotal == null ? void 0 : getTotal(row);
       if (total) {
-        return /* @__PURE__ */ jsxRuntime.jsx(ProgressColumnCell.default, {
-          partial,
-          total,
-          color
-        });
+        return /* @__PURE__ */ jsxRuntime.jsx(ProgressColumnCell.default, { partial, total, color });
       }
       return "\u2014";
     },

package/dist/cjs/components/Table/renderers/renderers.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"renderers.cjs","sources":["../../../../../src/components/Table/renderers/renderers.tsx"],"sourcesContent":["import { DropDownXS, DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport { setId } from \"utils\";\nimport { HvOverflowTooltip, HvTag, HvTypography, HvButton } from \"components\";\nimport DateColumnCell from \"./DateColumnCell/index\";\nimport SwitchColumnCell from \"./SwitchColumnCell\";\nimport ProgressColumnCell from \"./ProgressColumnCell\";\nimport DropdownColumnCell from \"./DropdownColumnCell\";\nimport { hvStringFallback, hvNumberFallback } from \"../utils\";\n\nexport function hvTextColumn(col) {\n  return {\n    Cell: (cellProps) => (\n      <HvOverflowTooltip data={hvStringFallback(cellProps?.value)} />\n    ),\n    sortType: \"alphanumeric\",\n    ...col,\n  };\n}\n\nexport function hvNumberColumn(col) {\n  return {\n    Cell: ({ value }) => hvNumberFallback(value),\n    align: \"right\",\n    sortType: \"number\",\n    ...col,\n  };\n}\n\nexport function hvDateColumn(col, dateFormat) {\n  return {\n    Cell: (cellProps) => (\n      <DateColumnCell date={cellProps?.value} dateFormat={dateFormat} />\n    ),\n    sortType: \"alphanumeric\",\n    sortDescFirst: true,\n    ...col,\n  };\n}\n\nexport function hvExpandColumn(\n  col,\n  expandRowButtonAriaLabel,\n  collapseRowButtonAriaLabel,\n  getCanRowExpand\n) {\n  return {\n    Cell: (cellProps) => {\n      const { value, row } = cellProps;\n      const { onClick } = row.getToggleRowExpandedProps();\n\n      const hasContent = getCanRowExpand?.(row) ?? true;\n\n      return (\n        <>\n          {hasContent && (\n            <HvButton\n              icon\n              variant=\"secondaryGhost\"\n              aria-label={\n                row.isExpanded\n                  ? collapseRowButtonAriaLabel\n                  : expandRowButtonAriaLabel\n              }\n              aria-expanded={row.isExpanded}\n              onClick={onClick}\n              style={{ position: \"absolute\", left: 0, top: 0 }}\n            >\n              {row.isExpanded ? <DropDownXS /> : <DropRightXS />}\n            </HvButton>\n          )}\n\n          <HvOverflowTooltip data={hvStringFallback(value)} />\n        </>\n      );\n    },\n    sortType: \"alphanumeric\",\n    cellStyle: {\n      position: \"relative\",\n    },\n    ...col,\n  };\n}\n\nexport function hvTagColumn(\n  col,\n  valueDataKey,\n  colorDataKey,\n  textColorDataKey,\n  // eslint-disable-next-line @typescript-eslint/default-param-last\n  fromRowData = false,\n  tagProps\n) {\n  return {\n    Cell: (cellProps) => {\n      const { value, row } = cellProps;\n      if (!value) {\n        return \"—\";\n      }\n\n      const {\n        [valueDataKey]: name,\n        [colorDataKey]: color,\n        [textColorDataKey]: textColor,\n      } = fromRowData ? row.original : value;\n\n      return (\n        <HvTag\n          label={<HvTypography variant=\"body\">{name}</HvTypography>}\n          type=\"semantic\"\n          color={color}\n          style={textColor != null ? { color: textColor } : {}}\n          tabIndex={-1}\n          {...tagProps}\n        />\n      );\n    },\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n\nexport function hvSwitchColumn(\n  col,\n  switchLabel,\n  falseLabel,\n  trueLabel,\n  switchProps\n) {\n  return {\n    Cell: (cellProps) => {\n      const { value, row } = cellProps;\n      return (\n        <SwitchColumnCell\n          checked={value}\n          value={row.id}\n          switchLabel={switchLabel}\n          falseLabel={falseLabel}\n          trueLabel={trueLabel}\n          switchProps={switchProps}\n        />\n      );\n    },\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n\nexport function hvDropdownColumn(\n  col,\n  id,\n  placeholder,\n  disabledPlaceholder,\n  onChange\n) {\n  return {\n    Cell: (cellProps) => {\n      const { value, row, column } = cellProps;\n      const dsbld = value.length < 1;\n      return (\n        <DropdownColumnCell\n          values={value}\n          placeholder={dsbld ? disabledPlaceholder : placeholder}\n          onChange={(val) => onChange?.(row.id, val)}\n          disabled={dsbld}\n          dropdownProps={{\n            \"aria-labelledby\": setId(id, column.id),\n          }}\n        />\n      );\n    },\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n\nexport function hvProgressColumn(col, getPartial, getTotal, color) {\n  return {\n    Cell: (cellProps) => {\n      const { row } = cellProps;\n      const partial = getPartial?.(row);\n      const total = getTotal?.(row);\n\n      if (total) {\n        return (\n          <ProgressColumnCell partial={partial} total={total} color={color} />\n        );\n      }\n\n      return \"—\";\n    },\n\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n"],"names":["hvTextColumn","col","Cell","cellProps","_jsx","HvOverflowTooltip","data","hvStringFallback","value","sortType","hvNumberColumn","hvNumberFallback","align","hvDateColumn","dateFormat","DateColumnCell","date","sortDescFirst","hvExpandColumn","expandRowButtonAriaLabel","collapseRowButtonAriaLabel","getCanRowExpand","row","onClick","getToggleRowExpandedProps","hasContent","_Fragment","children","HvButton","icon","variant","isExpanded","style","position","left","top","DropDownXS","DropRightXS","cellStyle","hvTagColumn","valueDataKey","colorDataKey","textColorDataKey","fromRowData","tagProps","name","color","textColor","original","HvTag","label","HvTypography","type","tabIndex","paddingTop","paddingBottom","hvSwitchColumn","switchLabel","falseLabel","trueLabel","switchProps","SwitchColumnCell","checked","id","hvDropdownColumn","placeholder","disabledPlaceholder","onChange","column","dsbld","length","DropdownColumnCell","values","val","disabled","dropdownProps","setId","hvProgressColumn","getPartial","getTotal","partial","total","ProgressColumnCell"],"mappings":"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"}
+{"version":3,"file":"renderers.cjs","sources":["../../../../../src/components/Table/renderers/renderers.tsx"],"sourcesContent":["import { DropDownXS, DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport { setId } from \"utils\";\nimport { HvOverflowTooltip, HvTag, HvTypography, HvButton } from \"components\";\nimport DateColumnCell from \"./DateColumnCell/index\";\nimport SwitchColumnCell from \"./SwitchColumnCell\";\nimport ProgressColumnCell from \"./ProgressColumnCell\";\nimport DropdownColumnCell from \"./DropdownColumnCell\";\nimport { hvStringFallback, hvNumberFallback } from \"../utils\";\n\nexport function hvTextColumn(col) {\n  return {\n    Cell: (cellProps) => (\n      <HvOverflowTooltip data={hvStringFallback(cellProps?.value)} />\n    ),\n    sortType: \"alphanumeric\",\n    ...col,\n  };\n}\n\nexport function hvNumberColumn(col) {\n  return {\n    Cell: ({ value }) => hvNumberFallback(value),\n    align: \"right\",\n    sortType: \"number\",\n    ...col,\n  };\n}\n\nexport function hvDateColumn(col, dateFormat) {\n  return {\n    Cell: (cellProps) => (\n      <DateColumnCell date={cellProps?.value} dateFormat={dateFormat} />\n    ),\n    sortType: \"alphanumeric\",\n    sortDescFirst: true,\n    ...col,\n  };\n}\n\nexport function hvExpandColumn(\n  col,\n  expandRowButtonAriaLabel,\n  collapseRowButtonAriaLabel,\n  getCanRowExpand\n) {\n  return {\n    Cell: (cellProps) => {\n      const { value, row } = cellProps;\n      const { onClick } = row.getToggleRowExpandedProps();\n\n      const hasContent = getCanRowExpand?.(row) ?? true;\n\n      return (\n        <>\n          {hasContent && (\n            <HvButton\n              icon\n              variant=\"secondaryGhost\"\n              aria-label={\n                row.isExpanded\n                  ? collapseRowButtonAriaLabel\n                  : expandRowButtonAriaLabel\n              }\n              aria-expanded={row.isExpanded}\n              onClick={onClick}\n              style={{ position: \"absolute\", left: 0, top: 0 }}\n            >\n              {row.isExpanded ? <DropDownXS /> : <DropRightXS />}\n            </HvButton>\n          )}\n\n          <HvOverflowTooltip data={hvStringFallback(value)} />\n        </>\n      );\n    },\n    sortType: \"alphanumeric\",\n    cellStyle: {\n      position: \"relative\",\n    },\n    ...col,\n  };\n}\n\nexport function hvTagColumn(\n  col,\n  valueDataKey,\n  colorDataKey,\n  textColorDataKey,\n  // eslint-disable-next-line @typescript-eslint/default-param-last\n  fromRowData = false,\n  tagProps\n) {\n  return {\n    Cell: (cellProps) => {\n      const { value, row } = cellProps;\n      if (!value) {\n        return \"—\";\n      }\n\n      const {\n        [valueDataKey]: name,\n        [colorDataKey]: color,\n        [textColorDataKey]: textColor,\n      } = fromRowData ? row.original : value;\n\n      return (\n        <HvTag\n          label={<HvTypography variant=\"body\">{name}</HvTypography>}\n          type=\"semantic\"\n          color={color}\n          style={textColor != null ? { color: textColor } : {}}\n          tabIndex={-1}\n          {...tagProps}\n        />\n      );\n    },\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n\nexport function hvSwitchColumn(\n  col,\n  switchLabel,\n  falseLabel,\n  trueLabel,\n  switchProps\n) {\n  return {\n    Cell: (cellProps) => {\n      const { value, row } = cellProps;\n      return (\n        <SwitchColumnCell\n          checked={value}\n          value={row.id}\n          switchLabel={switchLabel}\n          falseLabel={falseLabel}\n          trueLabel={trueLabel}\n          switchProps={switchProps}\n        />\n      );\n    },\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n\nexport function hvDropdownColumn(\n  col,\n  id,\n  placeholder,\n  disabledPlaceholder,\n  onChange\n) {\n  return {\n    Cell: (cellProps) => {\n      const { value, row, column } = cellProps;\n      const dsbld = value.length < 1;\n      return (\n        <DropdownColumnCell\n          values={value}\n          placeholder={dsbld ? disabledPlaceholder : placeholder}\n          onChange={(val) => onChange?.(row.id, val)}\n          disabled={dsbld}\n          dropdownProps={{\n            \"aria-labelledby\": setId(id, column.id),\n          }}\n        />\n      );\n    },\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n\nexport function hvProgressColumn(col, getPartial, getTotal, color) {\n  return {\n    Cell: (cellProps) => {\n      const { row } = cellProps;\n      const partial = getPartial?.(row);\n      const total = getTotal?.(row);\n\n      if (total) {\n        return (\n          <ProgressColumnCell partial={partial} total={total} color={color} />\n        );\n      }\n\n      return \"—\";\n    },\n\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n"],"names":["hvTextColumn","col","Cell","cellProps","jsx","HvOverflowTooltip","hvStringFallback","value","sortType","hvNumberColumn","hvNumberFallback","align","hvDateColumn","dateFormat","DateColumnCell","sortDescFirst","hvExpandColumn","expandRowButtonAriaLabel","collapseRowButtonAriaLabel","getCanRowExpand","row","onClick","getToggleRowExpandedProps","hasContent","HvButton","isExpanded","position","left","top","DropDownXS","DropRightXS","cellStyle","hvTagColumn","valueDataKey","colorDataKey","textColorDataKey","fromRowData","tagProps","name","color","textColor","original","HvTag","HvTypography","paddingTop","paddingBottom","hvSwitchColumn","switchLabel","falseLabel","trueLabel","switchProps","SwitchColumnCell","id","hvDropdownColumn","placeholder","disabledPlaceholder","onChange","column","dsbld","length","DropdownColumnCell","val","setId","hvProgressColumn","getPartial","getTotal","partial","total","ProgressColumnCell"],"mappings":"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"}

package/dist/cjs/components/Tabs/Tabs.cjs

@@ -1,27 +1,23 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Tabs_styles = require("./Tabs.styles.cjs");
 const tabsClasses = require("./tabsClasses.cjs");
 const clsx = require("clsx");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const HvTabs = ({
   classes,
   ...others
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Tabs_styles.StyledTabs, {
-    classes: {
-      root: clsx__default.default(tabsClasses.default.root, classes == null ? void 0 : classes.root),
-      flexContainer: clsx__default.default(tabsClasses.default.flexContainer, classes == null ? void 0 : classes.flexContainer),
-      indicator: clsx__default.default(tabsClasses.default.indicator, classes == null ? void 0 : classes.indicator),
-      scroller: clsx__default.default(tabsClasses.default.scroller, classes == null ? void 0 : classes.scroller)
-    },
-    TabIndicatorProps: {
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", {})
-    },
-    ...others
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(Tabs_styles.StyledTabs, { classes: {
+    root: clsx__default.default(tabsClasses.default.root, classes == null ? void 0 : classes.root),
+    flexContainer: clsx__default.default(tabsClasses.default.flexContainer, classes == null ? void 0 : classes.flexContainer),
+    indicator: clsx__default.default(tabsClasses.default.indicator, classes == null ? void 0 : classes.indicator),
+    scroller: clsx__default.default(tabsClasses.default.scroller, classes == null ? void 0 : classes.scroller)
+  }, TabIndicatorProps: {
+    children: /* @__PURE__ */ jsxRuntime.jsx("div", {})
+  }, ...others });
 };
 exports.HvTabs = HvTabs;
 //# sourceMappingURL=Tabs.cjs.map

package/dist/cjs/components/Tabs/Tabs.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.cjs","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { TabsProps as MuiTabsProps } from \"@mui/material\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledTabs } from \"./Tabs.styles\";\nimport tabsClasses, { HvTabsClasses } from \"./tabsClasses\";\nimport clsx from \"clsx\";\n\n// Mui Tabs props: https://mui.com/material-ui/api/tabs/#props\nexport type HvTabsProps = MuiTabsProps &\n  HvBaseProps<HTMLButtonElement, { onChange }> & {\n    /**\n     * The value of the currently selected Tab. If you don't want any selected Tab, you can set this property to `false`.\n     */\n    value?: any;\n    /**\n     * Callback fired when the value changes.\n     */\n    onChange?: (event: React.SyntheticEvent, value: any) => void;\n    /**\n     * A Jss Object used to override or extend the component styles.\n     */\n    classes?: HvTabsClasses;\n  };\n\n/**\n * A Tab is a graphical control element that allows multiple documents or panels to be contained within a single window.\n * Tabs can be used as a navigational widget for switching between sets of documents.\n */\nexport const HvTabs = ({ classes, ...others }: HvTabsProps) => {\n  return (\n    <StyledTabs\n      classes={{\n        root: clsx(tabsClasses.root, classes?.root),\n        flexContainer: clsx(tabsClasses.flexContainer, classes?.flexContainer),\n        indicator: clsx(tabsClasses.indicator, classes?.indicator),\n        scroller: clsx(tabsClasses.scroller, classes?.scroller),\n      }}\n      TabIndicatorProps={{ children: <div /> }}\n      {...others}\n    />\n  );\n};\n"],"names":["HvTabs","classes","others","StyledTabs","root","clsx","tabsClasses","flexContainer","indicator","scroller","TabIndicatorProps","children","_jsx"],"mappings":";;;;;;;;AA2BO,MAAMA,SAASA,CAAC;AAAA,EAAEC;AAAAA,KAAYC;AAAoB,MAAM;AAC7D,wCACGC,YAAAA,YAAU;AAAA,IACTF,SAAS;AAAA,MACPG,MAAMC,cAAAA,QAAKC,YAAAA,QAAYF,MAAMH,mCAASG,IAAI;AAAA,MAC1CG,eAAeF,cAAAA,QAAKC,YAAAA,QAAYC,eAAeN,mCAASM,aAAa;AAAA,MACrEC,WAAWH,cAAAA,QAAKC,YAAAA,QAAYE,WAAWP,mCAASO,SAAS;AAAA,MACzDC,UAAUJ,cAAAA,QAAKC,YAAAA,QAAYG,UAAUR,mCAASQ,QAAQ;AAAA,IACxD;AAAA,IACAC,mBAAmB;AAAA,MAAEC,UAAUC,2BAAAA,IAAA,OAAA,EAAA;AAAA,IAAQ;AAAA,IAAE,GACrCV;AAAAA,EAAAA,CACJ;AAEN;;"}
+{"version":3,"file":"Tabs.cjs","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { TabsProps as MuiTabsProps } from \"@mui/material\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledTabs } from \"./Tabs.styles\";\nimport tabsClasses, { HvTabsClasses } from \"./tabsClasses\";\nimport clsx from \"clsx\";\n\n// Mui Tabs props: https://mui.com/material-ui/api/tabs/#props\nexport type HvTabsProps = MuiTabsProps &\n  HvBaseProps<HTMLButtonElement, { onChange }> & {\n    /**\n     * The value of the currently selected Tab. If you don't want any selected Tab, you can set this property to `false`.\n     */\n    value?: any;\n    /**\n     * Callback fired when the value changes.\n     */\n    onChange?: (event: React.SyntheticEvent, value: any) => void;\n    /**\n     * A Jss Object used to override or extend the component styles.\n     */\n    classes?: HvTabsClasses;\n  };\n\n/**\n * A Tab is a graphical control element that allows multiple documents or panels to be contained within a single window.\n * Tabs can be used as a navigational widget for switching between sets of documents.\n */\nexport const HvTabs = ({ classes, ...others }: HvTabsProps) => {\n  return (\n    <StyledTabs\n      classes={{\n        root: clsx(tabsClasses.root, classes?.root),\n        flexContainer: clsx(tabsClasses.flexContainer, classes?.flexContainer),\n        indicator: clsx(tabsClasses.indicator, classes?.indicator),\n        scroller: clsx(tabsClasses.scroller, classes?.scroller),\n      }}\n      TabIndicatorProps={{ children: <div /> }}\n      {...others}\n    />\n  );\n};\n"],"names":["HvTabs","classes","others","jsx","StyledTabs","root","clsx","tabsClasses","flexContainer","indicator","scroller","children"],"mappings":";;;;;;;;AA2BO,MAAMA,SAASA,CAAC;AAAA,EAAEC;AAAAA,KAAYC;AAAoB,MAAM;AAE3D,SAAAC,2BAAA,IAACC,0BACC,SAAS;AAAA,IACPC,MAAMC,cAAAA,QAAKC,YAAAA,QAAYF,MAAMJ,mCAASI,IAAI;AAAA,IAC1CG,eAAeF,cAAAA,QAAKC,YAAAA,QAAYC,eAAeP,mCAASO,aAAa;AAAA,IACrEC,WAAWH,cAAAA,QAAKC,YAAAA,QAAYE,WAAWR,mCAASQ,SAAS;AAAA,IACzDC,UAAUJ,cAAAA,QAAKC,YAAAA,QAAYG,UAAUT,mCAASS,QAAQ;AAAA,KAExD,mBAAmB;AAAA,IAAEC,yCAAW,OAAG,EAAA;AAAA,EAAA,GAC/BT,GAAAA,OACJ,CAAA;AAEN;;"}

package/dist/cjs/components/Tag/Tag.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const clsx = require("clsx");
 const React = require("react");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const Tag_styles = require("./Tag.styles.cjs");
 const utils = require("./utils.cjs");
 const tagClasses = require("./tagClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const ThemeProvider = require("../../providers/ThemeProvider.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
@@ -48,28 +48,16 @@ const HvTag = ({
     const {
       tabIndex = 0
     } = deleteButtonProps;
-    return /* @__PURE__ */ jsxRuntime.jsx(Tag_styles.StyledButton, {
-      classes: {
-        startIcon: clsx__default.default(tagClasses.default.tagButton, classes == null ? void 0 : classes.tagButton),
-        focusVisible: clsx__default.default(tagClasses.default.focusVisible, classes == null ? void 0 : classes.focusVisible),
-        primary: clsx__default.default(tagClasses.default.primaryButton, classes == null ? void 0 : classes.primaryButton)
-      },
-      "aria-label": deleteButtonArialLabel,
-      tabIndex,
-      variant: "secondaryGhost",
-      ...deleteButtonProps,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Tag_styles.StyledCloseXS, {
-        iconSize: "XS",
-        style: {
-          ...disabled ? {
-            cursor: "not-allowed"
-          } : void 0,
-          height: 16
-        },
-        color: disabled ? disabledSemanticColor : "base2",
-        $color: disabled ? disabledSemanticColor : "base2"
-      })
-    });
+    return /* @__PURE__ */ jsxRuntime.jsx(Tag_styles.StyledButton, { classes: {
+      startIcon: clsx__default.default(tagClasses.default.tagButton, classes == null ? void 0 : classes.tagButton),
+      focusVisible: clsx__default.default(tagClasses.default.focusVisible, classes == null ? void 0 : classes.focusVisible),
+      root: clsx__default.default(tagClasses.default.button, classes == null ? void 0 : classes.button)
+    }, "aria-label": deleteButtonArialLabel, tabIndex, variant: "secondaryGhost", ...deleteButtonProps, children: /* @__PURE__ */ jsxRuntime.jsx(Tag_styles.StyledCloseXS, { iconSize: "XS", style: {
+      ...disabled ? {
+        cursor: "not-allowed"
+      } : void 0,
+      height: 16
+    }, color: disabled ? disabledSemanticColor : "base2", $color: disabled ? disabledSemanticColor : "base2" }) });
   };
   const inlineStyle = {
     ...style
@@ -82,38 +70,20 @@ const HvTag = ({
     inlineStyle.backgroundColor = `${categoricalBackgroundColor}30`;
   }
   const [hover, setHover] = React.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsx(Tag_styles.StyledChip, {
-    label,
-    className: clsx__default.default(classes == null ? void 0 : classes.root, className, tagClasses.default.root),
-    onMouseEnter: () => {
-      setHover(!!onClick);
-    },
-    onMouseLeave: () => {
-      setHover(false);
-    },
-    style: {
-      ...disabled ? null : inlineStyle,
-      ...hover && !disabled ? {
-        boxShadow: `0 0 0 1pt ${categoricalBackgroundColor}`
-      } : null
-    },
-    classes: {
-      root: clsx__default.default(tagClasses.default.chipRoot, classes == null ? void 0 : classes.chipRoot, type === "categorical" && clsx__default.default(tagClasses.default.categorical, classes == null ? void 0 : classes.categorical), disabled && clsx__default.default(tagClasses.default.disabled, classes == null ? void 0 : classes.disabled), !!onClick && clsx__default.default(tagClasses.default.clickable, classes == null ? void 0 : classes.clickable), type === "categorical" && !disabled && clsx__default.default(tagClasses.default.categoricalFocus, classes == null ? void 0 : classes.categoricalFocus), type === "categorical" && disabled && clsx__default.default(tagClasses.default.categoricalDisabled, classes == null ? void 0 : classes.categoricalDisabled)),
-      label: clsx__default.default(tagClasses.default.label, classes == null ? void 0 : classes.label),
-      deleteIcon: clsx__default.default(classes == null ? void 0 : classes.deleteIcon, tagClasses.default.deleteIcon, disabled && clsx__default.default(tagClasses.default.disabledDeleteIcon, classes == null ? void 0 : classes.disabledDeleteIcon))
-    },
-    deleteIcon: utils.hasDeleteAction(onDelete) && deleteIcon || getDeleteIcon(),
-    onDelete: utils.getOnDeleteCallback(disabled, onDelete),
-    onClick: disabled ? void 0 : onClick,
-    role: role || (utils.hasClickAction(onClick) ? "button" : void 0),
-    tabIndex: utils.hasDeleteAction(onDelete) ? void 0 : 0,
-    $type: type,
-    $disabled: disabled || false,
-    $categoricalFocus: type === "categorical" && !disabled,
-    $categoricalDisabled: type === "categorical" && disabled || false,
-    $base1Color: ((_b = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _b.modes[selectedMode].base1) || uikitStyles.theme.colors.base1,
-    ...others
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(Tag_styles.StyledChip, { label, className: clsx__default.default(classes == null ? void 0 : classes.root, className, tagClasses.default.root), onMouseEnter: () => {
+    setHover(!!onClick);
+  }, onMouseLeave: () => {
+    setHover(false);
+  }, style: {
+    ...disabled ? null : inlineStyle,
+    ...hover && !disabled ? {
+      boxShadow: `0 0 0 1pt ${categoricalBackgroundColor}`
+    } : null
+  }, classes: {
+    root: clsx__default.default(tagClasses.default.chipRoot, classes == null ? void 0 : classes.chipRoot, type === "categorical" && clsx__default.default(tagClasses.default.categorical, classes == null ? void 0 : classes.categorical), disabled && clsx__default.default(tagClasses.default.disabled, classes == null ? void 0 : classes.disabled), !!onClick && clsx__default.default(tagClasses.default.clickable, classes == null ? void 0 : classes.clickable), type === "categorical" && !disabled && clsx__default.default(tagClasses.default.categoricalFocus, classes == null ? void 0 : classes.categoricalFocus), type === "categorical" && disabled && clsx__default.default(tagClasses.default.categoricalDisabled, classes == null ? void 0 : classes.categoricalDisabled)),
+    label: clsx__default.default(tagClasses.default.label, classes == null ? void 0 : classes.label),
+    deleteIcon: clsx__default.default(classes == null ? void 0 : classes.deleteIcon, tagClasses.default.deleteIcon, disabled && clsx__default.default(tagClasses.default.disabledDeleteIcon, classes == null ? void 0 : classes.disabledDeleteIcon))
+  }, deleteIcon: utils.hasDeleteAction(onDelete) && deleteIcon || getDeleteIcon(), onDelete: utils.getOnDeleteCallback(disabled, onDelete), onClick: disabled ? void 0 : onClick, role: role || (utils.hasClickAction(onClick) ? "button" : void 0), tabIndex: utils.hasDeleteAction(onDelete) ? void 0 : 0, $type: type, $disabled: disabled || false, $categoricalFocus: type === "categorical" && !disabled, $categoricalDisabled: type === "categorical" && disabled || false, $base1Color: ((_b = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _b.modes[selectedMode].base1) || uikitStyles.theme.colors.base1, ...others });
 };
 exports.HvTag = HvTag;
 //# sourceMappingURL=Tag.cjs.map

package/dist/cjs/components/Tag/Tag.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.cjs","sources":["../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { CSSProperties, useState, useContext } from \"react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { ChipProps as MuiChipProps } from \"@mui/material/Chip\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledChip, StyledButton, StyledCloseXS } from \"./Tag.styles\";\nimport { getOnDeleteCallback, hasDeleteAction, hasClickAction } from \"./utils\";\nimport { HvSemanticColorKeys, HvCategoricalColorKeys } from \"types/tokens\";\nimport { HvThemeContext } from \"../../providers\";\nimport { HvButtonProps } from \"../Button\";\nimport tagClasses, { HvTagClasses } from \"./tagClasses\";\n\nexport type HvTagProps = Omit<MuiChipProps, \"color\"> &\n  HvBaseProps<HTMLDivElement, { children }> & {\n    /** Inline styles to be applied to the root element. */\n    style?: CSSProperties;\n    /** The label of the tag element. */\n    label?: React.ReactNode;\n    /** Indicates that the form element is disabled. */\n    disabled?: boolean;\n    /** The type of the tag element. A tag can be of semantic or categoric type. */\n    type?: \"semantic\" | \"categorical\";\n    /** Background color to be applied to the tag */\n    color?: HvSemanticColorKeys | HvCategoricalColorKeys | string;\n    /** Icon used to customize the delete icon in the Chip element */\n    deleteIcon?: React.ReactElement;\n    /**\n     * The callback fired when the delete icon is pressed.\n     * This function has to be provided to the component, in order to render the delete icon\n     * */\n    onDelete?: (event: React.MouseEvent<HTMLElement>) => void;\n    /** Callback triggered when any item is clicked. */\n    onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n    /** The role of the element with an attributed event. */\n    role?: string;\n    /** Aria properties to apply to delete button in tag */\n    deleteButtonArialLabel?: string;\n    /** Props to apply to delete button */\n    deleteButtonProps?: HvButtonProps;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvTagClasses;\n  };\n\nconst getColor = (customColor, type, colors) => {\n  const defaultSemanticColor = theme.colors.sema7;\n  const defaultCategoricalColor = colors.cviz1;\n\n  let backgroundColor;\n\n  if (type === \"semantic\") {\n    backgroundColor =\n      theme.colors[customColor] || customColor || defaultSemanticColor;\n  }\n  if (type === \"categorical\") {\n    backgroundColor =\n      colors[customColor] || customColor || defaultCategoricalColor;\n  }\n  return backgroundColor;\n};\n\n/**\n * A Tag is one word that describes a specific aspect of an asset. A single asset can have\n * multiple tags.\n * Use tags to highlight an item's status for quick recognition and navigation\n * Use color to indicate meanings that users can learn and recognize across products\n *\n * It leverages the Chip component from Material UI\n */\nexport const HvTag = ({\n  classes,\n  className,\n  style,\n  label,\n  disabled,\n  type = \"semantic\",\n  color,\n  deleteIcon,\n  onDelete,\n  onClick,\n  role,\n  deleteButtonArialLabel = \"Delete tag\",\n  deleteButtonProps = {},\n  ...others\n}: HvTagProps) => {\n  const { activeTheme, selectedMode } = useContext(HvThemeContext);\n\n  const getDeleteIcon = () => {\n    const disabledSemanticColor = type === \"semantic\" ? \"atmo5\" : \"base2\";\n    // @ts-ignore\n    const { tabIndex = 0 } = deleteButtonProps;\n\n    return (\n      <StyledButton\n        classes={{\n          startIcon: clsx(tagClasses.tagButton, classes?.tagButton),\n          focusVisible: clsx(tagClasses.focusVisible, classes?.focusVisible),\n          primary: clsx(tagClasses.primaryButton, classes?.primaryButton),\n        }}\n        aria-label={deleteButtonArialLabel}\n        tabIndex={tabIndex}\n        variant=\"secondaryGhost\"\n        {...deleteButtonProps}\n      >\n        <StyledCloseXS\n          iconSize=\"XS\"\n          style={{\n            ...(disabled ? { cursor: \"not-allowed\" } : undefined),\n            height: 16,\n          }}\n          color={disabled ? disabledSemanticColor : \"base2\"}\n          $color={disabled ? disabledSemanticColor : \"base2\"}\n        />\n      </StyledButton>\n    );\n  };\n\n  const inlineStyle = {\n    ...style,\n  };\n\n  let categoricalBackgroundColor;\n\n  if (type === \"semantic\") {\n    inlineStyle.backgroundColor = getColor(color, type, {});\n  } else if (type === \"categorical\") {\n    categoricalBackgroundColor = getColor(\n      color,\n      type,\n      activeTheme?.colors?.modes[selectedMode]\n    );\n\n    inlineStyle.backgroundColor = `${categoricalBackgroundColor}30`;\n  }\n\n  const [hover, setHover] = useState(false);\n\n  return (\n    <StyledChip\n      label={label}\n      className={clsx(classes?.root, className, tagClasses.root)}\n      onMouseEnter={() => {\n        setHover(!!onClick);\n      }}\n      onMouseLeave={() => {\n        setHover(false);\n      }}\n      style={{\n        ...(disabled ? null : inlineStyle),\n        ...(hover && !disabled\n          ? { boxShadow: `0 0 0 1pt ${categoricalBackgroundColor}` }\n          : null),\n      }}\n      classes={{\n        root: clsx(\n          tagClasses.chipRoot,\n          classes?.chipRoot,\n          type === \"categorical\" &&\n            clsx(tagClasses.categorical, classes?.categorical),\n          disabled && clsx(tagClasses.disabled, classes?.disabled),\n          !!onClick && clsx(tagClasses.clickable, classes?.clickable),\n          type === \"categorical\" &&\n            !disabled &&\n            clsx(tagClasses.categoricalFocus, classes?.categoricalFocus),\n          type === \"categorical\" &&\n            disabled &&\n            clsx(tagClasses.categoricalDisabled, classes?.categoricalDisabled)\n        ),\n        label: clsx(tagClasses.label, classes?.label),\n        deleteIcon: clsx(\n          classes?.deleteIcon,\n          tagClasses.deleteIcon,\n          disabled &&\n            clsx(tagClasses.disabledDeleteIcon, classes?.disabledDeleteIcon)\n        ),\n      }}\n      deleteIcon={(hasDeleteAction(onDelete) && deleteIcon) || getDeleteIcon()}\n      onDelete={getOnDeleteCallback(disabled, onDelete)}\n      onClick={disabled ? undefined : onClick}\n      role={role || (hasClickAction(onClick) ? \"button\" : undefined)}\n      tabIndex={hasDeleteAction(onDelete) ? undefined : 0}\n      $type={type}\n      $disabled={disabled || false}\n      $categoricalFocus={type === \"categorical\" && !disabled}\n      $categoricalDisabled={(type === \"categorical\" && disabled) || false}\n      $base1Color={\n        activeTheme?.colors?.modes[selectedMode].base1 || theme.colors.base1\n      }\n      {...others}\n    />\n  );\n};\n"],"names":["getColor","customColor","type","colors","defaultSemanticColor","theme","sema7","defaultCategoricalColor","cviz1","backgroundColor","HvTag","classes","className","style","label","disabled","color","deleteIcon","onDelete","onClick","role","deleteButtonArialLabel","deleteButtonProps","others","activeTheme","selectedMode","useContext","HvThemeContext","getDeleteIcon","disabledSemanticColor","tabIndex","StyledButton","startIcon","clsx","tagClasses","tagButton","focusVisible","primary","primaryButton","variant","children","StyledCloseXS","iconSize","cursor","undefined","height","$color","inlineStyle","categoricalBackgroundColor","modes","hover","setHover","useState","StyledChip","root","onMouseEnter","onMouseLeave","boxShadow","chipRoot","categorical","clickable","categoricalFocus","categoricalDisabled","disabledDeleteIcon","hasDeleteAction","getOnDeleteCallback","hasClickAction","$type","$disabled","$categoricalFocus","$categoricalDisabled","$base1Color","base1"],"mappings":"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"}
+{"version":3,"file":"Tag.cjs","sources":["../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { CSSProperties, useState, useContext } from \"react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { ChipProps as MuiChipProps } from \"@mui/material/Chip\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledChip, StyledButton, StyledCloseXS } from \"./Tag.styles\";\nimport { getOnDeleteCallback, hasDeleteAction, hasClickAction } from \"./utils\";\nimport { HvSemanticColorKeys, HvCategoricalColorKeys } from \"types/tokens\";\nimport { HvThemeContext } from \"../../providers\";\nimport { HvButtonProps } from \"../Button\";\nimport tagClasses, { HvTagClasses } from \"./tagClasses\";\n\nexport type HvTagProps = Omit<MuiChipProps, \"color\" | \"classes\"> &\n  HvBaseProps<HTMLDivElement, { children }> & {\n    /** Inline styles to be applied to the root element. */\n    style?: CSSProperties;\n    /** The label of the tag element. */\n    label?: React.ReactNode;\n    /** Indicates that the form element is disabled. */\n    disabled?: boolean;\n    /** The type of the tag element. A tag can be of semantic or categoric type. */\n    type?: \"semantic\" | \"categorical\";\n    /** Background color to be applied to the tag */\n    color?: HvSemanticColorKeys | HvCategoricalColorKeys | string;\n    /** Icon used to customize the delete icon in the Chip element */\n    deleteIcon?: React.ReactElement;\n    /**\n     * The callback fired when the delete icon is pressed.\n     * This function has to be provided to the component, in order to render the delete icon\n     * */\n    onDelete?: (event: React.MouseEvent<HTMLElement>) => void;\n    /** Callback triggered when any item is clicked. */\n    onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n    /** The role of the element with an attributed event. */\n    role?: string;\n    /** Aria properties to apply to delete button in tag */\n    deleteButtonArialLabel?: string;\n    /** Props to apply to delete button */\n    deleteButtonProps?: HvButtonProps;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvTagClasses;\n  };\n\nconst getColor = (customColor, type, colors) => {\n  const defaultSemanticColor = theme.colors.sema7;\n  const defaultCategoricalColor = colors.cviz1;\n\n  let backgroundColor;\n\n  if (type === \"semantic\") {\n    backgroundColor =\n      theme.colors[customColor] || customColor || defaultSemanticColor;\n  }\n  if (type === \"categorical\") {\n    backgroundColor =\n      colors[customColor] || customColor || defaultCategoricalColor;\n  }\n  return backgroundColor;\n};\n\n/**\n * A Tag is one word that describes a specific aspect of an asset. A single asset can have\n * multiple tags.\n * Use tags to highlight an item's status for quick recognition and navigation\n * Use color to indicate meanings that users can learn and recognize across products\n *\n * It leverages the Chip component from Material UI\n */\nexport const HvTag = ({\n  classes,\n  className,\n  style,\n  label,\n  disabled,\n  type = \"semantic\",\n  color,\n  deleteIcon,\n  onDelete,\n  onClick,\n  role,\n  deleteButtonArialLabel = \"Delete tag\",\n  deleteButtonProps = {},\n  ...others\n}: HvTagProps) => {\n  const { activeTheme, selectedMode } = useContext(HvThemeContext);\n\n  const getDeleteIcon = () => {\n    const disabledSemanticColor = type === \"semantic\" ? \"atmo5\" : \"base2\";\n    const { tabIndex = 0 } = deleteButtonProps;\n\n    return (\n      <StyledButton\n        classes={{\n          startIcon: clsx(tagClasses.tagButton, classes?.tagButton),\n          focusVisible: clsx(tagClasses.focusVisible, classes?.focusVisible),\n          root: clsx(tagClasses.button, classes?.button),\n        }}\n        aria-label={deleteButtonArialLabel}\n        tabIndex={tabIndex}\n        variant=\"secondaryGhost\"\n        {...deleteButtonProps}\n      >\n        <StyledCloseXS\n          iconSize=\"XS\"\n          style={{\n            ...(disabled ? { cursor: \"not-allowed\" } : undefined),\n            height: 16,\n          }}\n          color={disabled ? disabledSemanticColor : \"base2\"}\n          $color={disabled ? disabledSemanticColor : \"base2\"}\n        />\n      </StyledButton>\n    );\n  };\n\n  const inlineStyle = {\n    ...style,\n  };\n\n  let categoricalBackgroundColor;\n\n  if (type === \"semantic\") {\n    inlineStyle.backgroundColor = getColor(color, type, {});\n  } else if (type === \"categorical\") {\n    categoricalBackgroundColor = getColor(\n      color,\n      type,\n      activeTheme?.colors?.modes[selectedMode]\n    );\n\n    inlineStyle.backgroundColor = `${categoricalBackgroundColor}30`;\n  }\n\n  const [hover, setHover] = useState(false);\n\n  return (\n    <StyledChip\n      label={label}\n      className={clsx(classes?.root, className, tagClasses.root)}\n      onMouseEnter={() => {\n        setHover(!!onClick);\n      }}\n      onMouseLeave={() => {\n        setHover(false);\n      }}\n      style={{\n        ...(disabled ? null : inlineStyle),\n        ...(hover && !disabled\n          ? { boxShadow: `0 0 0 1pt ${categoricalBackgroundColor}` }\n          : null),\n      }}\n      classes={{\n        root: clsx(\n          tagClasses.chipRoot,\n          classes?.chipRoot,\n          type === \"categorical\" &&\n            clsx(tagClasses.categorical, classes?.categorical),\n          disabled && clsx(tagClasses.disabled, classes?.disabled),\n          !!onClick && clsx(tagClasses.clickable, classes?.clickable),\n          type === \"categorical\" &&\n            !disabled &&\n            clsx(tagClasses.categoricalFocus, classes?.categoricalFocus),\n          type === \"categorical\" &&\n            disabled &&\n            clsx(tagClasses.categoricalDisabled, classes?.categoricalDisabled)\n        ),\n        label: clsx(tagClasses.label, classes?.label),\n        deleteIcon: clsx(\n          classes?.deleteIcon,\n          tagClasses.deleteIcon,\n          disabled &&\n            clsx(tagClasses.disabledDeleteIcon, classes?.disabledDeleteIcon)\n        ),\n      }}\n      deleteIcon={(hasDeleteAction(onDelete) && deleteIcon) || getDeleteIcon()}\n      onDelete={getOnDeleteCallback(disabled, onDelete)}\n      onClick={disabled ? undefined : onClick}\n      role={role || (hasClickAction(onClick) ? \"button\" : undefined)}\n      tabIndex={hasDeleteAction(onDelete) ? undefined : 0}\n      $type={type}\n      $disabled={disabled || false}\n      $categoricalFocus={type === \"categorical\" && !disabled}\n      $categoricalDisabled={(type === \"categorical\" && disabled) || false}\n      $base1Color={\n        activeTheme?.colors?.modes[selectedMode].base1 || theme.colors.base1\n      }\n      {...others}\n    />\n  );\n};\n"],"names":["getColor","customColor","type","colors","defaultSemanticColor","theme","sema7","defaultCategoricalColor","cviz1","backgroundColor","HvTag","classes","className","style","label","disabled","color","deleteIcon","onDelete","onClick","role","deleteButtonArialLabel","deleteButtonProps","others","activeTheme","selectedMode","useContext","HvThemeContext","getDeleteIcon","disabledSemanticColor","tabIndex","jsx","StyledButton","startIcon","clsx","tagClasses","tagButton","focusVisible","root","button","StyledCloseXS","cursor","undefined","height","inlineStyle","categoricalBackgroundColor","modes","hover","setHover","useState","StyledChip","boxShadow","chipRoot","categorical","clickable","categoricalFocus","categoricalDisabled","disabledDeleteIcon","hasDeleteAction","getOnDeleteCallback","hasClickAction","base1"],"mappings":"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"}

package/dist/cjs/components/Tag/tagClasses.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 = ["root", "tagButton", "focusVisible", "primaryButton", "label", "chipRoot", "categorical", "disabled", "clickable", "categoricalFocus", "categoricalDisabled", "deleteIcon", "disabledDeleteIcon"];
+const classKeys = ["root", "tagButton", "focusVisible", "button", "label", "chipRoot", "categorical", "disabled", "clickable", "categoricalFocus", "categoricalDisabled", "deleteIcon", "disabledDeleteIcon"];
 const tagClasses = classes.getClasses(classKeys, "HvTag");
 const tagClasses$1 = tagClasses;
 exports.default = tagClasses$1;

package/dist/cjs/components/Tag/tagClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tagClasses.cjs","sources":["../../../../src/components/Tag/tagClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvTagClasses = {\n  root?: string;\n  tagButton?: string;\n  focusVisible?: string;\n  primaryButton?: string;\n  label?: string;\n  chipRoot?: string;\n  categorical?: string;\n  disabled?: string;\n  clickable?: string;\n  categoricalFocus?: string;\n  categoricalDisabled?: string;\n  deleteIcon?: string;\n  disabledDeleteIcon?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"tagButton\",\n  \"focusVisible\",\n  \"primaryButton\",\n  \"label\",\n  \"chipRoot\",\n  \"categorical\",\n  \"disabled\",\n  \"clickable\",\n  \"categoricalFocus\",\n  \"categoricalDisabled\",\n  \"deleteIcon\",\n  \"disabledDeleteIcon\",\n];\n\nconst tagClasses = getClasses<HvTagClasses>(classKeys, \"HvTag\");\n\nexport default tagClasses;\n"],"names":["classKeys","tagClasses","getClasses"],"mappings":";;;AAkBA,MAAMA,YAAsB,CAC1B,QACA,aACA,gBACA,iBACA,SACA,YACA,eACA,YACA,aACA,oBACA,uBACA,cACA,oBAAoB;AAGtB,MAAMC,aAAaC,QAAyBF,WAAAA,WAAW,OAAO;AAE9D,MAAA,eAAeC;;"}
+{"version":3,"file":"tagClasses.cjs","sources":["../../../../src/components/Tag/tagClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvTagClasses = {\n  root?: string;\n  tagButton?: string;\n  focusVisible?: string;\n  button?: string;\n  label?: string;\n  chipRoot?: string;\n  categorical?: string;\n  disabled?: string;\n  clickable?: string;\n  categoricalFocus?: string;\n  categoricalDisabled?: string;\n  deleteIcon?: string;\n  disabledDeleteIcon?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"tagButton\",\n  \"focusVisible\",\n  \"button\",\n  \"label\",\n  \"chipRoot\",\n  \"categorical\",\n  \"disabled\",\n  \"clickable\",\n  \"categoricalFocus\",\n  \"categoricalDisabled\",\n  \"deleteIcon\",\n  \"disabledDeleteIcon\",\n];\n\nconst tagClasses = getClasses<HvTagClasses>(classKeys, \"HvTag\");\n\nexport default tagClasses;\n"],"names":["classKeys","tagClasses","getClasses"],"mappings":";;;AAkBA,MAAMA,YAAsB,CAC1B,QACA,aACA,gBACA,UACA,SACA,YACA,eACA,YACA,aACA,oBACA,uBACA,cACA,oBAAoB;AAGtB,MAAMC,aAAaC,QAAyBF,WAAAA,WAAW,OAAO;AAE9D,MAAA,eAAeC;;"}