@hitachivantara/uikit-react-core 4.4.2 → 5.0.0-next.1

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

@@ -0,0 +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;;"}

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

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _styled = require("@emotion/styled/base");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const material = require("@mui/material");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const StyledTabs = /* @__PURE__ */ _styled__default.default(material.Tabs, process.env.NODE_ENV === "production" ? {
+  target: "ex13pr80"
+} : {
+  target: "ex13pr80",
+  label: "StyledTabs"
+})({
+  minHeight: 0,
+  overflow: "visible",
+  "& .MuiTabs-indicator": {
+    display: "flex",
+    justifyContent: "center",
+    backgroundColor: "transparent",
+    "& > div": {
+      width: "100%",
+      backgroundColor: uikitStyles.theme.colors.acce1
+    },
+    height: 2
+  },
+  "& .MuiTabs-scroller": {
+    overflow: "visible !important"
+  },
+  "& .MuiTabs-flexContainer": {
+    "& button:first-child": {
+      marginLeft: "3px"
+    }
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSTBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IFRhYnMgYXMgTXVpVGFicyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUYWJzID0gc3R5bGVkKE11aVRhYnMpKHtcbiAgLy8gUm9vdFxuICBtaW5IZWlnaHQ6IDAsXG4gIG92ZXJmbG93OiBcInZpc2libGVcIixcblxuICAvLyBPdmVycmlkZSBNdWkgc3R5bGluZzogaHR0cHM6Ly9tdWkuY29tL21hdGVyaWFsLXVpL2FwaS90YWJzLyNjc3NcbiAgXCImIC5NdWlUYWJzLWluZGljYXRvclwiOiB7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImID4gZGl2XCI6IHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmFjY2UxLFxuICAgIH0sXG4gICAgaGVpZ2h0OiAyLFxuICB9LFxuICBcIiYgLk11aVRhYnMtc2Nyb2xsZXJcIjoge1xuICAgIG92ZXJmbG93OiBcInZpc2libGUgIWltcG9ydGFudFwiLFxuICB9LFxuICBcIiYgLk11aVRhYnMtZmxleENvbnRhaW5lclwiOiB7XG4gICAgXCImIGJ1dHRvbjpmaXJzdC1jaGlsZFwiOiB7XG4gICAgICBtYXJnaW5MZWZ0OiBcIjNweFwiLFxuICAgIH0sXG4gIH0sXG59KTtcbiJdfQ== */");
+exports.StyledTabs = StyledTabs;
+//# sourceMappingURL=Tabs.styles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.styles.cjs","sources":["../../../../src/components/Tabs/Tabs.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Tabs as MuiTabs } from \"@mui/material\";\n\nexport const StyledTabs = styled(MuiTabs)({\n  // Root\n  minHeight: 0,\n  overflow: \"visible\",\n\n  // Override Mui styling: https://mui.com/material-ui/api/tabs/#css\n  \"& .MuiTabs-indicator\": {\n    display: \"flex\",\n    justifyContent: \"center\",\n    backgroundColor: \"transparent\",\n    \"& > div\": {\n      width: \"100%\",\n      backgroundColor: theme.colors.acce1,\n    },\n    height: 2,\n  },\n  \"& .MuiTabs-scroller\": {\n    overflow: \"visible !important\",\n  },\n  \"& .MuiTabs-flexContainer\": {\n    \"& button:first-child\": {\n      marginLeft: \"3px\",\n    },\n  },\n});\n"],"names":["StyledTabs","MuiTabs","process","env","NODE_ENV","target","label","minHeight","overflow","display","justifyContent","backgroundColor","width","theme","colors","acce1","height","marginLeft"],"mappings":";;;;;;;AAIO,MAAMA,aAAoBC,iCAAAA,QAAAA,SAAAA,MAAOC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAExCC,WAAW;AAAA,EACXC,UAAU;AAAA,EAGV,wBAAwB;AAAA,IACtBC,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,iBAAiB;AAAA,IACjB,WAAW;AAAA,MACTC,OAAO;AAAA,MACPD,iBAAiBE,YAAAA,MAAMC,OAAOC;AAAAA,IAChC;AAAA,IACAC,QAAQ;AAAA,EACV;AAAA,EACA,uBAAuB;AAAA,IACrBR,UAAU;AAAA,EACZ;AAAA,EACA,4BAA4B;AAAA,IAC1B,wBAAwB;AAAA,MACtBS,YAAY;AAAA,IACd;AAAA,EACF;AACF,GAACf,QAAAC,IAAAC,aAAC,eAAA,KAAA,q7CAAA;;"}

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const classes = require("../../utils/classes.cjs");
+const classKeys = ["root", "flexContainer", "indicator", "scroller"];
+const tabsClasses = classes.getClasses(classKeys, "HvTabs");
+const tabsClasses$1 = tabsClasses;
+exports.default = tabsClasses$1;
+//# sourceMappingURL=tabsClasses.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabsClasses.cjs","sources":["../../../../src/components/Tabs/tabsClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvTabsClasses = {\n  root?: string;\n  flexContainer?: string;\n  indicator?: string;\n  scroller?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"flexContainer\", \"indicator\", \"scroller\"];\n\nconst tabsClasses = getClasses<HvTabsClasses>(classKeys, \"HvTabs\");\n\nexport default tabsClasses;\n"],"names":["classKeys","tabsClasses","getClasses"],"mappings":";;;AASA,MAAMA,YAAsB,CAAC,QAAQ,iBAAiB,aAAa,UAAU;AAE7E,MAAMC,cAAcC,QAA0BF,WAAAA,WAAW,QAAQ;AAEjE,MAAA,gBAAeC;;"}

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

@@ -0,0 +1,119 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+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);
+const getColor = (customColor, type, colors) => {
+  const defaultSemanticColor = uikitStyles.theme.colors.sema7;
+  const defaultCategoricalColor = colors.cviz1;
+  let backgroundColor;
+  if (type === "semantic") {
+    backgroundColor = uikitStyles.theme.colors[customColor] || customColor || defaultSemanticColor;
+  }
+  if (type === "categorical") {
+    backgroundColor = colors[customColor] || customColor || defaultCategoricalColor;
+  }
+  return backgroundColor;
+};
+const HvTag = ({
+  classes,
+  className,
+  style,
+  label,
+  disabled,
+  type = "semantic",
+  color,
+  deleteIcon,
+  onDelete,
+  onClick,
+  role,
+  deleteButtonArialLabel = "Delete tag",
+  deleteButtonProps = {},
+  ...others
+}) => {
+  var _a, _b;
+  const {
+    activeTheme,
+    selectedMode
+  } = React.useContext(ThemeProvider.HvThemeContext);
+  const getDeleteIcon = () => {
+    const disabledSemanticColor = type === "semantic" ? "atmo5" : "base2";
+    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"
+      })
+    });
+  };
+  const inlineStyle = {
+    ...style
+  };
+  let categoricalBackgroundColor;
+  if (type === "semantic") {
+    inlineStyle.backgroundColor = getColor(color, type, {});
+  } else if (type === "categorical") {
+    categoricalBackgroundColor = getColor(color, type, (_a = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _a.modes[selectedMode]);
+    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
+  });
+};
+exports.HvTag = HvTag;
+//# sourceMappingURL=Tag.cjs.map

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

@@ -0,0 +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 \"index\";\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?: any;\n    /** Callback triggered when any item is clicked. */\n    onClick?: any;\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?: object;\n    /** A Jss Object used to override or extend the styles applied to the empty state 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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"}

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

@@ -0,0 +1,163 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _styled = require("@emotion/styled/base");
+const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const Chip = require("@mui/material/Chip");
+const hexToRgbA = require("../../utils/hexToRgbA.cjs");
+const transientOptions = require("../../utils/transientOptions.cjs");
+const tagClasses = require("./tagClasses.cjs");
+const focusUtils = require("../../utils/focusUtils.cjs");
+const Button = require("../Button/Button.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const Chip__default = /* @__PURE__ */ _interopDefault(Chip);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+const StyledChip = /* @__PURE__ */ _styled__default.default(Chip__default.default, process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "e14hga4y2"
+}, transientOptions.transientOptions) : _extends({}, {
+  target: "e14hga4y2",
+  label: "StyledChip"
+}, transientOptions.transientOptions))(({
+  $type,
+  $disabled,
+  $categoricalFocus,
+  $categoricalDisabled,
+  $base1Color
+}) => ({
+  "&.MuiChip-root": {
+    height: 16,
+    borderRadius: 0,
+    maxWidth: 180,
+    fontFamily: uikitStyles.theme.fontFamily.body,
+    [`& .${tagClasses.default.focusVisible}`]: {
+      backgroundColor: hexToRgbA.default(uikitStyles.theme.colors.base1, 0.3)
+    },
+    ...$type === "categorical" && {
+      borderRadius: 8,
+      [`&.${tagClasses.default.clickable}`]: {
+        cursor: "pointer"
+      },
+      "&:hover": {
+        borderRadius: 8
+      },
+      [`& .${tagClasses.default.label}`]: {
+        color: uikitStyles.theme.colors.acce1
+      },
+      "&:focus:not(:focus-visible)": {
+        outline: "0 !important",
+        boxShadow: "none !important"
+      }
+    },
+    ...$disabled && {
+      backgroundColor: uikitStyles.theme.colors.atmo3,
+      cursor: "not-allowed",
+      [`& .${tagClasses.default.label}`]: {
+        color: uikitStyles.theme.colors.atmo5
+      }
+    },
+    ...$categoricalFocus && {
+      "&:focus": {
+        ...focusUtils.outlineStyles
+      }
+    },
+    ...$categoricalDisabled && {
+      backgroundColor: uikitStyles.theme.colors.atmo3,
+      cursor: "not-allowed",
+      [`& .${tagClasses.default.label}`]: {
+        color: uikitStyles.theme.colors.atmo5
+      },
+      "&:hover": {
+        backgroundColor: uikitStyles.theme.colors.atmo3
+      },
+      "&:focus": {
+        outline: "none"
+      }
+    }
+  },
+  "& .MuiChip-label": {
+    paddingLeft: uikitStyles.theme.space.xs,
+    paddingRight: uikitStyles.theme.space.xs,
+    ...uikitStyles.theme.typography.body,
+    color: uikitStyles.theme.colors.base2,
+    "& p": {
+      color: uikitStyles.theme.colors.base2
+    }
+  },
+  "& .MuiChip-deleteIcon": {
+    marginRight: 0,
+    width: 16,
+    height: 16,
+    minWidth: 16,
+    minHeight: 16,
+    padding: 0,
+    "&:hover": {
+      backgroundColor: `${$base1Color}30`
+    },
+    "&:focus": {
+      ...focusUtils.outlineStyles,
+      borderRadius: 0
+    },
+    "&:focus:not(:focus-visible)": {
+      outline: "0 !important",
+      boxShadow: "none !important"
+    },
+    ...$disabled && {
+      "&:hover": {
+        backgroundColor: uikitStyles.theme.colors.atmo3
+      },
+      "&:focus": {
+        backgroundColor: uikitStyles.theme.colors.atmo3,
+        outline: "none",
+        boxShadow: "none",
+        outlineOffset: 0
+      }
+    }
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFnL1RhZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVcwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1RhZy9UYWcuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQ2xvc2VYUyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCBDaGlwIGZyb20gXCJAbXVpL21hdGVyaWFsL0NoaXBcIjtcbmltcG9ydCB7IEh2QnV0dG9uIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwidXRpbHNcIjtcbmltcG9ydCBmYWRlIGZyb20gXCJ1dGlscy9oZXhUb1JnYkFcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHRhZ0NsYXNzZXMgZnJvbSBcIi4vdGFnQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hpcCA9IHN0eWxlZChcbiAgQ2hpcCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkdHlwZSxcbiAgICAkZGlzYWJsZWQsXG4gICAgJGNhdGVnb3JpY2FsRm9jdXMsXG4gICAgJGNhdGVnb3JpY2FsRGlzYWJsZWQsXG4gICAgJGJhc2UxQ29sb3IsXG4gIH06IHtcbiAgICAkdHlwZTogc3RyaW5nO1xuICAgICRkaXNhYmxlZDogYm9vbGVhbjtcbiAgICAkY2F0ZWdvcmljYWxGb2N1czogYm9vbGVhbjtcbiAgICAkY2F0ZWdvcmljYWxEaXNhYmxlZDogYm9vbGVhbjtcbiAgICAkYmFzZTFDb2xvcjogc3RyaW5nO1xuICB9KSA9PiAoe1xuICAgIFwiJi5NdWlDaGlwLXJvb3RcIjoge1xuICAgICAgaGVpZ2h0OiAxNixcbiAgICAgIGJvcmRlclJhZGl1czogMCxcbiAgICAgIG1heFdpZHRoOiAxODAsXG4gICAgICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gICAgICBbYCYgLiR7dGFnQ2xhc3Nlcy5mb2N1c1Zpc2libGV9YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBmYWRlKHRoZW1lLmNvbG9ycy5iYXNlMSwgMC4zKSxcbiAgICAgIH0sXG4gICAgICAuLi4oJHR5cGUgPT09IFwiY2F0ZWdvcmljYWxcIiAmJiB7XG4gICAgICAgIGJvcmRlclJhZGl1czogOCxcbiAgICAgICAgW2AmLiR7dGFnQ2xhc3Nlcy5jbGlja2FibGV9YF06IHtcbiAgICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJvcmRlclJhZGl1czogOCxcbiAgICAgICAgfSxcbiAgICAgICAgW2AmIC4ke3RhZ0NsYXNzZXMubGFiZWx9YF06IHtcbiAgICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmFjY2UxLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKVwiOiB7XG4gICAgICAgICAgb3V0bGluZTogXCIwICFpbXBvcnRhbnRcIixcbiAgICAgICAgICBib3hTaGFkb3c6IFwibm9uZSAhaW1wb3J0YW50XCIsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAgIC4uLigkZGlzYWJsZWQgJiYge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgICAgIFtgJiAuJHt0YWdDbGFzc2VzLmxhYmVsfWBdOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCRjYXRlZ29yaWNhbEZvY3VzICYmIHtcbiAgICAgICAgXCImOmZvY3VzXCI6IHtcbiAgICAgICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgICAuLi4oJGNhdGVnb3JpY2FsRGlzYWJsZWQgJiYge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgICAgIFtgJiAuJHt0YWdDbGFzc2VzLmxhYmVsfWBdOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmZvY3VzXCI6IHtcbiAgICAgICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgIH0sXG5cbiAgICBcIiYgLk11aUNoaXAtbGFiZWxcIjoge1xuICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmJhc2UyLFxuICAgICAgXCImIHBcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmJhc2UyLFxuICAgICAgfSxcbiAgICB9LFxuXG4gICAgXCImIC5NdWlDaGlwLWRlbGV0ZUljb25cIjoge1xuICAgICAgbWFyZ2luUmlnaHQ6IDAsXG4gICAgICB3aWR0aDogMTYsXG4gICAgICBoZWlnaHQ6IDE2LFxuICAgICAgbWluV2lkdGg6IDE2LFxuICAgICAgbWluSGVpZ2h0OiAxNixcbiAgICAgIHBhZGRpbmc6IDAsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGAkeyRiYXNlMUNvbG9yfTMwYCxcbiAgICAgIH0sXG4gICAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgICAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgICB9LFxuICAgICAgXCImOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSlcIjoge1xuICAgICAgICBvdXRsaW5lOiBcIjAgIWltcG9ydGFudFwiLFxuICAgICAgICBib3hTaGFkb3c6IFwibm9uZSAhaW1wb3J0YW50XCIsXG4gICAgICB9LFxuICAgICAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgICAgICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICAgICAgICBvdXRsaW5lT2Zmc2V0OiAwLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoSHZCdXR0b24pKHtcbiAgXCImIC5NdWlCdXR0b24tc3RhcnRJY29uXCI6IHtcbiAgICB3aWR0aDogMTYsXG4gICAgaGVpZ2h0OiAxNixcbiAgICBtaW5XaWR0aDogMTYsXG4gICAgbWluSGVpZ2h0OiAxNixcbiAgICBwYWRkaW5nOiAwLFxuICAgIG1hcmdpbjogMCxcbiAgfSxcbiAgXCImIC5NdWlCdXR0b24tdGV4dFByaW1hcnlcIjoge1xuICAgIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2xvc2VYUyA9IHN0eWxlZChcbiAgQ2xvc2VYUyxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkY29sb3IgfTogeyAkY29sb3I6IHN0cmluZyB9KSA9PiAoe1xuICBcIiYgc3ZnIC5jb2xvcjBcIjoge1xuICAgIGZpbGw6IHRoZW1lLmNvbG9yc1skY29sb3JdLFxuICB9LFxufSkpO1xuIl19 */");
+const StyledButton = /* @__PURE__ */ _styled__default.default(Button.HvButton, process.env.NODE_ENV === "production" ? {
+  target: "e14hga4y1"
+} : {
+  target: "e14hga4y1",
+  label: "StyledButton"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1ak3043",
+  styles: "& .MuiButton-startIcon{width:16px;height:16px;min-width:16px;min-height:16px;padding:0;margin:0;}& .MuiButton-textPrimary{background:transparent;}"
+} : {
+  name: "1ak3043",
+  styles: "& .MuiButton-startIcon{width:16px;height:16px;min-width:16px;min-height:16px;padding:0;margin:0;}& .MuiButton-textPrimary{background:transparent;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFnL1RhZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBINEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWcvVGFnLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENsb3NlWFMgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgQ2hpcCBmcm9tIFwiQG11aS9tYXRlcmlhbC9DaGlwXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwidXRpbHMvaGV4VG9SZ2JBXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB0YWdDbGFzc2VzIGZyb20gXCIuL3RhZ0NsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaXAgPSBzdHlsZWQoXG4gIENoaXAsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHR5cGUsXG4gICAgJGRpc2FibGVkLFxuICAgICRjYXRlZ29yaWNhbEZvY3VzLFxuICAgICRjYXRlZ29yaWNhbERpc2FibGVkLFxuICAgICRiYXNlMUNvbG9yLFxuICB9OiB7XG4gICAgJHR5cGU6IHN0cmluZztcbiAgICAkZGlzYWJsZWQ6IGJvb2xlYW47XG4gICAgJGNhdGVnb3JpY2FsRm9jdXM6IGJvb2xlYW47XG4gICAgJGNhdGVnb3JpY2FsRGlzYWJsZWQ6IGJvb2xlYW47XG4gICAgJGJhc2UxQ29sb3I6IHN0cmluZztcbiAgfSkgPT4gKHtcbiAgICBcIiYuTXVpQ2hpcC1yb290XCI6IHtcbiAgICAgIGhlaWdodDogMTYsXG4gICAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgICBtYXhXaWR0aDogMTgwLFxuICAgICAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICAgICAgW2AmIC4ke3RhZ0NsYXNzZXMuZm9jdXNWaXNpYmxlfWBdOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogZmFkZSh0aGVtZS5jb2xvcnMuYmFzZTEsIDAuMyksXG4gICAgICB9LFxuICAgICAgLi4uKCR0eXBlID09PSBcImNhdGVnb3JpY2FsXCIgJiYge1xuICAgICAgICBib3JkZXJSYWRpdXM6IDgsXG4gICAgICAgIFtgJi4ke3RhZ0NsYXNzZXMuY2xpY2thYmxlfWBdOiB7XG4gICAgICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBib3JkZXJSYWRpdXM6IDgsXG4gICAgICAgIH0sXG4gICAgICAgIFtgJiAuJHt0YWdDbGFzc2VzLmxhYmVsfWBdOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSlcIjoge1xuICAgICAgICAgIG91dGxpbmU6IFwiMCAhaW1wb3J0YW50XCIsXG4gICAgICAgICAgYm94U2hhZG93OiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgICAuLi4oJGRpc2FibGVkICYmIHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgICAgICBbYCYgLiR7dGFnQ2xhc3Nlcy5sYWJlbH1gXToge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAgIC4uLigkY2F0ZWdvcmljYWxGb2N1cyAmJiB7XG4gICAgICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCRjYXRlZ29yaWNhbERpc2FibGVkICYmIHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgICAgICBbYCYgLiR7dGFnQ2xhc3Nlcy5sYWJlbH1gXToge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9LFxuXG4gICAgXCImIC5NdWlDaGlwLWxhYmVsXCI6IHtcbiAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG4gICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5ib2R5IGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5iYXNlMixcbiAgICAgIFwiJiBwXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5iYXNlMixcbiAgICAgIH0sXG4gICAgfSxcblxuICAgIFwiJiAuTXVpQ2hpcC1kZWxldGVJY29uXCI6IHtcbiAgICAgIG1hcmdpblJpZ2h0OiAwLFxuICAgICAgd2lkdGg6IDE2LFxuICAgICAgaGVpZ2h0OiAxNixcbiAgICAgIG1pbldpZHRoOiAxNixcbiAgICAgIG1pbkhlaWdodDogMTYsXG4gICAgICBwYWRkaW5nOiAwLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBgJHskYmFzZTFDb2xvcn0zMGAsXG4gICAgICB9LFxuICAgICAgXCImOmZvY3VzXCI6IHtcbiAgICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAwLFxuICAgICAgfSxcbiAgICAgIFwiJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpXCI6IHtcbiAgICAgICAgb3V0bGluZTogXCIwICFpbXBvcnRhbnRcIixcbiAgICAgICAgYm94U2hhZG93OiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICAgICAgfSxcbiAgICAgIC4uLigkZGlzYWJsZWQgJiYge1xuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgICAgICAgb3V0bGluZU9mZnNldDogMCxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKEh2QnV0dG9uKSh7XG4gIFwiJiAuTXVpQnV0dG9uLXN0YXJ0SWNvblwiOiB7XG4gICAgd2lkdGg6IDE2LFxuICAgIGhlaWdodDogMTYsXG4gICAgbWluV2lkdGg6IDE2LFxuICAgIG1pbkhlaWdodDogMTYsXG4gICAgcGFkZGluZzogMCxcbiAgICBtYXJnaW46IDAsXG4gIH0sXG4gIFwiJiAuTXVpQnV0dG9uLXRleHRQcmltYXJ5XCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBcInRyYW5zcGFyZW50XCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENsb3NlWFMgPSBzdHlsZWQoXG4gIENsb3NlWFMsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGNvbG9yIH06IHsgJGNvbG9yOiBzdHJpbmcgfSkgPT4gKHtcbiAgXCImIHN2ZyAuY29sb3IwXCI6IHtcbiAgICBmaWxsOiB0aGVtZS5jb2xvcnNbJGNvbG9yXSxcbiAgfSxcbn0pKTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledCloseXS = /* @__PURE__ */ _styled__default.default(uikitReactIcons.CloseXS, process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "e14hga4y0"
+}, transientOptions.transientOptions) : _extends({}, {
+  target: "e14hga4y0",
+  label: "StyledCloseXS"
+}, transientOptions.transientOptions))(({
+  $color
+}) => ({
+  "& svg .color0": {
+    fill: uikitStyles.theme.colors[$color]
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFnL1RhZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdJNkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWcvVGFnLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENsb3NlWFMgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgQ2hpcCBmcm9tIFwiQG11aS9tYXRlcmlhbC9DaGlwXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwidXRpbHMvaGV4VG9SZ2JBXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB0YWdDbGFzc2VzIGZyb20gXCIuL3RhZ0NsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaXAgPSBzdHlsZWQoXG4gIENoaXAsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHR5cGUsXG4gICAgJGRpc2FibGVkLFxuICAgICRjYXRlZ29yaWNhbEZvY3VzLFxuICAgICRjYXRlZ29yaWNhbERpc2FibGVkLFxuICAgICRiYXNlMUNvbG9yLFxuICB9OiB7XG4gICAgJHR5cGU6IHN0cmluZztcbiAgICAkZGlzYWJsZWQ6IGJvb2xlYW47XG4gICAgJGNhdGVnb3JpY2FsRm9jdXM6IGJvb2xlYW47XG4gICAgJGNhdGVnb3JpY2FsRGlzYWJsZWQ6IGJvb2xlYW47XG4gICAgJGJhc2UxQ29sb3I6IHN0cmluZztcbiAgfSkgPT4gKHtcbiAgICBcIiYuTXVpQ2hpcC1yb290XCI6IHtcbiAgICAgIGhlaWdodDogMTYsXG4gICAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgICBtYXhXaWR0aDogMTgwLFxuICAgICAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICAgICAgW2AmIC4ke3RhZ0NsYXNzZXMuZm9jdXNWaXNpYmxlfWBdOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogZmFkZSh0aGVtZS5jb2xvcnMuYmFzZTEsIDAuMyksXG4gICAgICB9LFxuICAgICAgLi4uKCR0eXBlID09PSBcImNhdGVnb3JpY2FsXCIgJiYge1xuICAgICAgICBib3JkZXJSYWRpdXM6IDgsXG4gICAgICAgIFtgJi4ke3RhZ0NsYXNzZXMuY2xpY2thYmxlfWBdOiB7XG4gICAgICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBib3JkZXJSYWRpdXM6IDgsXG4gICAgICAgIH0sXG4gICAgICAgIFtgJiAuJHt0YWdDbGFzc2VzLmxhYmVsfWBdOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSlcIjoge1xuICAgICAgICAgIG91dGxpbmU6IFwiMCAhaW1wb3J0YW50XCIsXG4gICAgICAgICAgYm94U2hhZG93OiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgICAuLi4oJGRpc2FibGVkICYmIHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgICAgICBbYCYgLiR7dGFnQ2xhc3Nlcy5sYWJlbH1gXToge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAgIC4uLigkY2F0ZWdvcmljYWxGb2N1cyAmJiB7XG4gICAgICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCRjYXRlZ29yaWNhbERpc2FibGVkICYmIHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgICAgICBbYCYgLiR7dGFnQ2xhc3Nlcy5sYWJlbH1gXToge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9LFxuXG4gICAgXCImIC5NdWlDaGlwLWxhYmVsXCI6IHtcbiAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG4gICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5ib2R5IGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5iYXNlMixcbiAgICAgIFwiJiBwXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5iYXNlMixcbiAgICAgIH0sXG4gICAgfSxcblxuICAgIFwiJiAuTXVpQ2hpcC1kZWxldGVJY29uXCI6IHtcbiAgICAgIG1hcmdpblJpZ2h0OiAwLFxuICAgICAgd2lkdGg6IDE2LFxuICAgICAgaGVpZ2h0OiAxNixcbiAgICAgIG1pbldpZHRoOiAxNixcbiAgICAgIG1pbkhlaWdodDogMTYsXG4gICAgICBwYWRkaW5nOiAwLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBgJHskYmFzZTFDb2xvcn0zMGAsXG4gICAgICB9LFxuICAgICAgXCImOmZvY3VzXCI6IHtcbiAgICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAwLFxuICAgICAgfSxcbiAgICAgIFwiJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpXCI6IHtcbiAgICAgICAgb3V0bGluZTogXCIwICFpbXBvcnRhbnRcIixcbiAgICAgICAgYm94U2hhZG93OiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICAgICAgfSxcbiAgICAgIC4uLigkZGlzYWJsZWQgJiYge1xuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgICAgICAgb3V0bGluZU9mZnNldDogMCxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKEh2QnV0dG9uKSh7XG4gIFwiJiAuTXVpQnV0dG9uLXN0YXJ0SWNvblwiOiB7XG4gICAgd2lkdGg6IDE2LFxuICAgIGhlaWdodDogMTYsXG4gICAgbWluV2lkdGg6IDE2LFxuICAgIG1pbkhlaWdodDogMTYsXG4gICAgcGFkZGluZzogMCxcbiAgICBtYXJnaW46IDAsXG4gIH0sXG4gIFwiJiAuTXVpQnV0dG9uLXRleHRQcmltYXJ5XCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBcInRyYW5zcGFyZW50XCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENsb3NlWFMgPSBzdHlsZWQoXG4gIENsb3NlWFMsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGNvbG9yIH06IHsgJGNvbG9yOiBzdHJpbmcgfSkgPT4gKHtcbiAgXCImIHN2ZyAuY29sb3IwXCI6IHtcbiAgICBmaWxsOiB0aGVtZS5jb2xvcnNbJGNvbG9yXSxcbiAgfSxcbn0pKTtcbiJdfQ== */");
+exports.StyledButton = StyledButton;
+exports.StyledChip = StyledChip;
+exports.StyledCloseXS = StyledCloseXS;
+//# sourceMappingURL=Tag.styles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.styles.cjs","sources":["../../../../src/components/Tag/Tag.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { CloseXS } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport Chip from \"@mui/material/Chip\";\nimport { HvButton } from \"components\";\nimport { CSSProperties } from \"react\";\nimport { outlineStyles } from \"utils\";\nimport fade from \"utils/hexToRgbA\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport tagClasses from \"./tagClasses\";\n\nexport const StyledChip = styled(\n  Chip,\n  transientOptions\n)(\n  ({\n    $type,\n    $disabled,\n    $categoricalFocus,\n    $categoricalDisabled,\n    $base1Color,\n  }: {\n    $type: string;\n    $disabled: boolean;\n    $categoricalFocus: boolean;\n    $categoricalDisabled: boolean;\n    $base1Color: string;\n  }) => ({\n    \"&.MuiChip-root\": {\n      height: 16,\n      borderRadius: 0,\n      maxWidth: 180,\n      fontFamily: theme.fontFamily.body,\n      [`& .${tagClasses.focusVisible}`]: {\n        backgroundColor: fade(theme.colors.base1, 0.3),\n      },\n      ...($type === \"categorical\" && {\n        borderRadius: 8,\n        [`&.${tagClasses.clickable}`]: {\n          cursor: \"pointer\",\n        },\n        \"&:hover\": {\n          borderRadius: 8,\n        },\n        [`& .${tagClasses.label}`]: {\n          color: theme.colors.acce1,\n        },\n        \"&:focus:not(:focus-visible)\": {\n          outline: \"0 !important\",\n          boxShadow: \"none !important\",\n        },\n      }),\n      ...($disabled && {\n        backgroundColor: theme.colors.atmo3,\n        cursor: \"not-allowed\",\n        [`& .${tagClasses.label}`]: {\n          color: theme.colors.atmo5,\n        },\n      }),\n      ...($categoricalFocus && {\n        \"&:focus\": {\n          ...outlineStyles,\n        },\n      }),\n      ...($categoricalDisabled && {\n        backgroundColor: theme.colors.atmo3,\n        cursor: \"not-allowed\",\n        [`& .${tagClasses.label}`]: {\n          color: theme.colors.atmo5,\n        },\n        \"&:hover\": {\n          backgroundColor: theme.colors.atmo3,\n        },\n        \"&:focus\": {\n          outline: \"none\",\n        },\n      }),\n    },\n\n    \"& .MuiChip-label\": {\n      paddingLeft: theme.space.xs,\n      paddingRight: theme.space.xs,\n      ...(theme.typography.body as CSSProperties),\n      color: theme.colors.base2,\n      \"& p\": {\n        color: theme.colors.base2,\n      },\n    },\n\n    \"& .MuiChip-deleteIcon\": {\n      marginRight: 0,\n      width: 16,\n      height: 16,\n      minWidth: 16,\n      minHeight: 16,\n      padding: 0,\n      \"&:hover\": {\n        backgroundColor: `${$base1Color}30`,\n      },\n      \"&:focus\": {\n        ...outlineStyles,\n        borderRadius: 0,\n      },\n      \"&:focus:not(:focus-visible)\": {\n        outline: \"0 !important\",\n        boxShadow: \"none !important\",\n      },\n      ...($disabled && {\n        \"&:hover\": {\n          backgroundColor: theme.colors.atmo3,\n        },\n        \"&:focus\": {\n          backgroundColor: theme.colors.atmo3,\n          outline: \"none\",\n          boxShadow: \"none\",\n          outlineOffset: 0,\n        },\n      }),\n    },\n  })\n);\n\nexport const StyledButton = styled(HvButton)({\n  \"& .MuiButton-startIcon\": {\n    width: 16,\n    height: 16,\n    minWidth: 16,\n    minHeight: 16,\n    padding: 0,\n    margin: 0,\n  },\n  \"& .MuiButton-textPrimary\": {\n    background: \"transparent\",\n  },\n});\n\nexport const StyledCloseXS = styled(\n  CloseXS,\n  transientOptions\n)(({ $color }: { $color: string }) => ({\n  \"& svg .color0\": {\n    fill: theme.colors[$color],\n  },\n}));\n"],"names":["StyledChip","Chip","process","env","NODE_ENV","_extends","target","transientOptions","label","$type","$disabled","$categoricalFocus","$categoricalDisabled","$base1Color","height","borderRadius","maxWidth","fontFamily","theme","body","tagClasses","focusVisible","backgroundColor","fade","colors","base1","clickable","cursor","color","acce1","outline","boxShadow","atmo3","atmo5","outlineStyles","paddingLeft","space","xs","paddingRight","typography","base2","marginRight","width","minWidth","minHeight","padding","outlineOffset","StyledButton","HvButton","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledCloseXS","CloseXS","$color","fill"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+"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 tagClasses = classes.getClasses(classKeys, "HvTag");
+const tagClasses$1 = tagClasses;
+exports.default = tagClasses$1;
+//# sourceMappingURL=tagClasses.cjs.map

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

@@ -0,0 +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;;"}

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const getOnDeleteCallback = (tagIsDisabled, providedOnDelete) => {
+  const nullCallback = () => {
+  };
+  let deleteCallback;
+  if (tagIsDisabled && providedOnDelete) {
+    deleteCallback = nullCallback;
+  } else if (tagIsDisabled && !providedOnDelete) {
+    deleteCallback = void 0;
+  } else {
+    deleteCallback = providedOnDelete;
+  }
+  return deleteCallback;
+};
+const hasDeleteAction = (onDeleteAction) => !!onDeleteAction;
+const hasClickAction = (onClickAction) => !!onClickAction;
+exports.getOnDeleteCallback = getOnDeleteCallback;
+exports.hasClickAction = hasClickAction;
+exports.hasDeleteAction = hasDeleteAction;
+//# sourceMappingURL=utils.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","sources":["../../../../src/components/Tag/utils.ts"],"sourcesContent":["export const getOnDeleteCallback = (tagIsDisabled, providedOnDelete) => {\n  const nullCallback = () => {};\n\n  let deleteCallback;\n\n  if (tagIsDisabled && providedOnDelete) {\n    deleteCallback = nullCallback;\n  } else if (tagIsDisabled && !providedOnDelete) {\n    deleteCallback = undefined;\n  } else {\n    deleteCallback = providedOnDelete;\n  }\n\n  return deleteCallback;\n};\n\nexport const hasDeleteAction = (onDeleteAction) => !!onDeleteAction;\n\nexport const hasClickAction = (onClickAction) => !!onClickAction;\n"],"names":["getOnDeleteCallback","tagIsDisabled","providedOnDelete","nullCallback","deleteCallback","undefined","hasDeleteAction","onDeleteAction","hasClickAction","onClickAction"],"mappings":";;AAAaA,MAAAA,sBAAsBA,CAACC,eAAeC,qBAAqB;AACtE,QAAMC,eAAeA,MAAM;AAAA,EAAA;AAEvBC,MAAAA;AAEJ,MAAIH,iBAAiBC,kBAAkB;AACpBC,qBAAAA;AAAAA,EAAAA,WACRF,iBAAiB,CAACC,kBAAkB;AAC5BG,qBAAAA;AAAAA,EAAAA,OACZ;AACYH,qBAAAA;AAAAA,EACnB;AAEOE,SAAAA;AACT;AAEaE,MAAAA,kBAAmBC,CAAmB,mBAAA,CAAC,CAACA;AAExCC,MAAAA,iBAAkBC,CAAkB,kBAAA,CAAC,CAACA;;;;"}