@hitachivantara/uikit-react-core 3.52.5

package/dist/Tabs/Tabs.js

@@ -0,0 +1,105 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["classes"];
+
+/**
+ * A Tab is a graphical control element that allows multiple documents or panels to be contained within a single window.
+ * Tabs can be used as a navigational widget for switching between sets of documents.
+ */
+var HvTabs = function HvTabs(props) {
+  var classes = props.classes,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_core.Tabs, (0, _extends2.default)({
+    classes: {
+      root: classes.root,
+      flexContainer: classes.flexContainer,
+      indicator: classes.indicator,
+      scroller: classes.scroller
+    },
+    TabIndicatorProps: {
+      children: /*#__PURE__*/_react.default.createElement("div", null)
+    }
+  }, others));
+};
+
+HvTabs.propTypes = {
+  /**
+   * Identifier.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * The content of the component.
+   */
+  children: _propTypes.default.node,
+
+  /**
+   * A Jss Object used to override or extend the component styles.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the root element.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the flex container element.
+     */
+    flexContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the `TabIndicator` component.
+     */
+    indicator: _propTypes.default.string,
+
+    /**
+     * Styles applied to the `TabIndicator` component.
+     */
+    scroller: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Callback fired when the value changes.
+   *
+   * @param {object} event The event source of the callback
+   * @param {number} value We default to the index of the child
+   */
+  onChange: _propTypes.default.func,
+
+  /**
+   * 	The value of the currently selected Tab. If you don't want any selected Tab, you can set this property to `false`.
+   */
+  // eslint-disable-next-line react/forbid-prop-types
+  value: _propTypes.default.any
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvTabs"
+})(HvTabs);
+
+exports.default = _default;
+//# sourceMappingURL=Tabs.js.map

package/dist/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Tabs/Tabs.js"],"names":["HvTabs","props","classes","others","root","flexContainer","indicator","scroller","children","propTypes","id","PropTypes","string","className","node","shape","isRequired","onChange","func","value","any","styles","name"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA;AACA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAAW;AACxB,MAAQC,OAAR,GAA+BD,KAA/B,CAAQC,OAAR;AAAA,MAAoBC,MAApB,0CAA+BF,KAA/B;AAEA,sBACE,6BAAC,UAAD;AACE,IAAA,OAAO,EAAE;AACPG,MAAAA,IAAI,EAAEF,OAAO,CAACE,IADP;AAEPC,MAAAA,aAAa,EAAEH,OAAO,CAACG,aAFhB;AAGPC,MAAAA,SAAS,EAAEJ,OAAO,CAACI,SAHZ;AAIPC,MAAAA,QAAQ,EAAEL,OAAO,CAACK;AAJX,KADX;AAOE,IAAA,iBAAiB,EAAE;AAAEC,MAAAA,QAAQ,eAAE;AAAZ;AAPrB,KAQML,MARN,EADF;AAYD,CAfD;;AAiBAH,MAAM,CAACS,SAAP,GAAmB;AACjB;AACF;AACA;AACEC,EAAAA,EAAE,EAAEC,mBAAUC,MAJG;;AAKjB;AACF;AACA;AACEC,EAAAA,SAAS,EAAEF,mBAAUC,MARJ;;AASjB;AACF;AACA;AACEJ,EAAAA,QAAQ,EAAEG,mBAAUG,IAZH;;AAajB;AACF;AACA;AACEZ,EAAAA,OAAO,EAAES,mBAAUI,KAAV,CAAgB;AACvB;AACJ;AACA;AACIX,IAAAA,IAAI,EAAEO,mBAAUC,MAJO;;AAKvB;AACJ;AACA;AACIP,IAAAA,aAAa,EAAEM,mBAAUC,MARF;;AASvB;AACJ;AACA;AACIN,IAAAA,SAAS,EAAEK,mBAAUC,MAZE;;AAavB;AACJ;AACA;AACIL,IAAAA,QAAQ,EAAEI,mBAAUC;AAhBG,GAAhB,EAiBNI,UAjCc;;AAkCjB;AACF;AACA;AACA;AACA;AACA;AACEC,EAAAA,QAAQ,EAAEN,mBAAUO,IAxCH;;AAyCjB;AACF;AACA;AACE;AACAC,EAAAA,KAAK,EAAER,mBAAUS;AA7CA,CAAnB;;eAgDe,sBAAWC,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAAuCtB,MAAvC,C","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Tabs, withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\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 */\nconst HvTabs = (props) => {\n  const { classes, ...others } = props;\n\n  return (\n    <Tabs\n      classes={{\n        root: classes.root,\n        flexContainer: classes.flexContainer,\n        indicator: classes.indicator,\n        scroller: classes.scroller,\n      }}\n      TabIndicatorProps={{ children: <div /> }}\n      {...others}\n    />\n  );\n};\n\nHvTabs.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root element.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the flex container element.\n     */\n    flexContainer: PropTypes.string,\n    /**\n     * Styles applied to the `TabIndicator` component.\n     */\n    indicator: PropTypes.string,\n    /**\n     * Styles applied to the `TabIndicator` component.\n     */\n    scroller: PropTypes.string,\n  }).isRequired,\n  /**\n   * Callback fired when the value changes.\n   *\n   * @param {object} event The event source of the callback\n   * @param {number} value We default to the index of the child\n   */\n  onChange: PropTypes.func,\n  /**\n   * \tThe value of the currently selected Tab. If you don't want any selected Tab, you can set this property to `false`.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n};\n\nexport default withStyles(styles, { name: \"HvTabs\" })(HvTabs);\n"],"file":"Tabs.js"}

package/dist/Tabs/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Tabs";
+export * from "./Tabs";

package/dist/Tabs/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Tabs.default;
+  }
+});
+
+var _Tabs = _interopRequireDefault(require("./Tabs"));
+//# sourceMappingURL=index.js.map

package/dist/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Tabs/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA","sourcesContent":["export { default } from \"./Tabs\";\n"],"file":"index.js"}

package/dist/Tabs/styles.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      minHeight: 0,
+      overflow: "visible"
+    },
+    indicator: {
+      display: "flex",
+      justifyContent: "center",
+      backgroundColor: "transparent",
+      "& > div": {
+        width: "100%",
+        backgroundColor: "".concat(theme.hv.palette.accent.acce1)
+      },
+      height: 2
+    },
+    scroller: {
+      // fixes inline style included in material ui tab in https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Tabs/Tabs.js#L125
+      overflow: "visible !important",
+      "& $flexContainer": {
+        borderTop: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo6)
+      }
+    },
+    flexContainer: {
+      "& button:first-child": {
+        marginLeft: "3px"
+      }
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Tabs/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Tabs/styles.js"],"names":["styles","theme","root","minHeight","overflow","indicator","display","justifyContent","backgroundColor","width","hv","palette","accent","acce1","height","scroller","borderTop","atmosphere","atmo6","flexContainer","marginLeft"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,SAAS,EAAE,CADP;AAEJC,MAAAA,QAAQ,EAAE;AAFN,KADmB;AAKzBC,IAAAA,SAAS,EAAE;AACTC,MAAAA,OAAO,EAAE,MADA;AAETC,MAAAA,cAAc,EAAE,QAFP;AAGTC,MAAAA,eAAe,EAAE,aAHR;AAIT,iBAAW;AACTC,QAAAA,KAAK,EAAE,MADE;AAETD,QAAAA,eAAe,YAAKP,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAA7B;AAFN,OAJF;AAQTC,MAAAA,MAAM,EAAE;AARC,KALc;AAezBC,IAAAA,QAAQ,EAAE;AACR;AACAX,MAAAA,QAAQ,EAAE,oBAFF;AAGR,0BAAoB;AAClBY,QAAAA,SAAS,sBAAef,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BC,KAA3C;AADS;AAHZ,KAfe;AAsBzBC,IAAAA,aAAa,EAAE;AACb,8BAAwB;AACtBC,QAAAA,UAAU,EAAE;AADU;AADX;AAtBU,GAAZ;AAAA,CAAf;;eA6BepB,M","sourcesContent":["const styles = (theme) => ({\n  root: {\n    minHeight: 0,\n    overflow: \"visible\",\n  },\n  indicator: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    backgroundColor: \"transparent\",\n    \"& > div\": {\n      width: \"100%\",\n      backgroundColor: `${theme.hv.palette.accent.acce1}`,\n    },\n    height: 2,\n  },\n  scroller: {\n    // fixes inline style included in material ui tab in https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Tabs/Tabs.js#L125\n    overflow: \"visible !important\",\n    \"& $flexContainer\": {\n      borderTop: `solid 1px ${theme.hv.palette.atmosphere.atmo6}`,\n    },\n  },\n  flexContainer: {\n    \"& button:first-child\": {\n      marginLeft: \"3px\",\n    },\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/Tag/Tag.d.ts

@@ -0,0 +1,78 @@
+import { StandardProps } from "@material-ui/core";
+import { HvButtonProps } from "../Button";
+
+export type HvTagButtonClassKey = "";
+
+export type HvTagButtonProps = StandardProps<HvButtonProps, HvTagButtonClassKey>;
+
+export type HvTagClassKey =
+  | "root"
+  | "chipRoot"
+  | "focusVisible"
+  | "primaryButton"
+  | "label"
+  | "tagButton"
+  | "deleteIcon"
+  | "disabledDeleteIcon"
+  | "titleOverflow"
+  | "categorical"
+  | "categoricalFocus"
+  | "disabled"
+  | "categoricalDisabled"
+  | "semanticTextColor"
+  | "categoricalTextColor"
+  | "focusVisible"
+  | "primaryButton"
+  | "categoricalFocus";
+
+export interface HvTagProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvTagClassKey> {
+  /**
+   * The label of the tag element.
+   *
+   */
+  label?: React.ReactNode;
+  /**
+   * Indicates that the form element is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * The type of the tag element.
+   *
+   * A tag can be of semantic or categoric type
+   */
+  type: "semantic" | "categorical";
+
+  /**
+   * Background color to be applied to the tag
+   */
+  color?: string;
+  /**
+   * Icon used to customize the delete icon in the Chip element
+   */
+  deleteIcon?: React.ReactNode;
+  /**
+   * The callback fired when the delete icon is pressed.
+   * This function has to be provided to the component,
+   * in order to render the delete icon
+   */
+  onDelete?: (event: React.MouseEvent<HTMLElement>) => void;
+  /**
+   * Callback triggered when any item is clicked.
+   */
+  onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+  /**
+   * Role to be applied to the clickable element
+   */
+  role?: string;
+  /**
+   * Aria properties to apply to delete button in tag
+   */
+  deleteButtonArialLabel?: string;
+  /**
+   * Props to apply to delete button
+   */
+  deleteButtonProps?: HvTagButtonProps;
+}
+
+export default function HvTag(props: HvTagProps): JSX.Element | null;

package/dist/Tag/Tag.js

@@ -0,0 +1,351 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _core = require("@material-ui/core");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _hexToRgbA = _interopRequireDefault(require("../utils/hexToRgbA"));
+
+var _ = require("..");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _utils = require("./utils");
+
+var _excluded = ["classes", "style", "className", "label", "disabled", "type", "color", "deleteIcon", "onDelete", "onClick", "role", "deleteButtonArialLabel", "deleteButtonProps"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var getColor = function getColor(theme, customColor, type) {
+  var defaultSemanticColor = theme.hv.palette.semantic.sema7;
+  var defaultCategoricalColor = theme.hv.viz.palette.categorical.cviz1;
+  var backgroundColor;
+
+  if (type === "semantic") {
+    backgroundColor = theme.palette[customColor] || customColor || defaultSemanticColor;
+  }
+
+  if (type === "categorical") {
+    backgroundColor = theme.hv.viz.palette.categorical[customColor] || customColor || defaultCategoricalColor;
+  }
+
+  return backgroundColor;
+};
+/**
+ * A Tag is one word that describes a specific aspect of an asset. A single asset can have
+ * multiple tags.
+ * Use tags to highlight an item's status for quick recognition and navigation
+ * Use color to indicate meanings that users can learn and recognize across products
+ *
+ * It leverages the Chip component from Material UI
+ */
+
+
+var HvTag = function HvTag(props) {
+  var classes = props.classes,
+      style = props.style,
+      className = props.className,
+      label = props.label,
+      disabled = props.disabled,
+      _props$type = props.type,
+      type = _props$type === void 0 ? "semantic" : _props$type,
+      color = props.color,
+      deleteIcon = props.deleteIcon,
+      onDelete = props.onDelete,
+      onClick = props.onClick,
+      role = props.role,
+      _props$deleteButtonAr = props.deleteButtonArialLabel,
+      deleteButtonArialLabel = _props$deleteButtonAr === void 0 ? "Delete tag" : _props$deleteButtonAr,
+      _props$deleteButtonPr = props.deleteButtonProps,
+      deleteButtonProps = _props$deleteButtonPr === void 0 ? {} : _props$deleteButtonPr,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+
+  var getDeleteIcon = function getDeleteIcon() {
+    var disabledSemanticColor = type === "semantic" ? "atmo5" : "base2";
+    var _deleteButtonProps$ta = deleteButtonProps.tabIndex,
+        tabIndex = _deleteButtonProps$ta === void 0 ? 0 : _deleteButtonProps$ta;
+    return /*#__PURE__*/_react.default.createElement(_.HvButton, (0, _extends2.default)({
+      classes: {
+        startIcon: classes.tagButton,
+        focusVisible: classes.focusVisible,
+        primary: classes.primaryButton
+      },
+      "aria-label": deleteButtonArialLabel,
+      tabIndex: tabIndex
+    }, deleteButtonProps), /*#__PURE__*/_react.default.createElement(_uikitReactIcons.CloseXS, {
+      iconSize: "XS",
+      style: _objectSpread(_objectSpread({}, disabled ? {
+        cursor: "not-allowed"
+      } : undefined), {}, {
+        height: 16
+      }),
+      color: disabled ? disabledSemanticColor : "base2"
+    }));
+  };
+
+  var theme = (0, _core.useTheme)();
+
+  var inlineStyle = _objectSpread({}, style);
+
+  var categoricalBackgroundColor;
+
+  if (type === "semantic") {
+    inlineStyle.backgroundColor = getColor(theme, color, type);
+  } else if (type === "categorical") {
+    categoricalBackgroundColor = getColor(theme, color, type);
+    inlineStyle.backgroundColor = (0, _hexToRgbA.default)(categoricalBackgroundColor, 0.3);
+  }
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      hover = _useState2[0],
+      setHover = _useState2[1];
+
+  var chipLabel = (0, _react.useMemo)(function () {
+    if (typeof label === "string") {
+      return /*#__PURE__*/_react.default.createElement(_.HvTypography, {
+        variant: "normalText"
+      }, label);
+    }
+
+    return label;
+  }, [label]);
+  return /*#__PURE__*/_react.default.createElement(_core.Chip, (0, _extends2.default)({
+    label: chipLabel,
+    className: (0, _clsx.default)(classes.root, className),
+    onMouseEnter: function onMouseEnter() {
+      setHover(!!onClick);
+    },
+    onMouseLeave: function onMouseLeave() {
+      setHover(false);
+    },
+    style: _objectSpread(_objectSpread({}, disabled ? null : inlineStyle), hover && !disabled ? {
+      boxShadow: "0 0 0 1pt ".concat(categoricalBackgroundColor)
+    } : null),
+    classes: {
+      root: (0, _clsx.default)(classes.chipRoot, disabled && classes.disabled, !!onClick && classes.clickable, type === "categorical" && [classes.categorical, disabled ? classes.categoricalDisabled : classes.categoricalFocus]),
+      label: classes.label,
+      deleteIcon: (0, _clsx.default)(classes.deleteIcon, disabled && classes.disabledDeleteIcon)
+    },
+    deleteIcon: (0, _utils.hasDeleteAction)(onDelete) && deleteIcon || getDeleteIcon(),
+    onDelete: (0, _utils.getOnDeleteCallback)(disabled, onDelete),
+    onClick: disabled ? undefined : onClick,
+    role: role || ((0, _utils.hasClickAction)(onClick) ? "button" : undefined),
+    tabIndex: (0, _utils.hasDeleteAction)(onDelete) ? undefined : 0
+  }, others));
+};
+
+HvTag.propTypes = {
+  /**
+   * A Jss Object used to override or extend the styles applied to the radio button.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the component.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component.
+     */
+    chipRoot: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component.
+     */
+    label: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component.
+     */
+    tagButton: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component.
+     */
+    deleteIcon: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component.
+     */
+    disabledDeleteIcon: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component.
+     */
+    titleOverflow: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component.
+     */
+    categorical: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component.
+     */
+    categoricalDisabled: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component.
+     */
+    disabled: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component.
+     */
+    semanticTextColor: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component.
+     */
+    categoricalTextColor: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component.
+     */
+    deletable: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component if has onClick.
+     */
+    clickable: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component.
+     */
+    focusVisible: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component.
+     */
+    primaryButton: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component.
+     */
+    categoricalFocus: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Inline styles to be applied to the root element.
+   */
+  style: _propTypes.default.instanceOf(Object),
+
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * The label of the tag element.
+   *
+   */
+  label: _propTypes.default.node,
+
+  /**
+   * Indicates that the form element is disabled.
+   */
+  disabled: _propTypes.default.bool,
+
+  /**
+   * The type of the tag element.
+   *
+   * A tag can be of semantic or categoric type
+   */
+  type: _propTypes.default.oneOf(["semantic", "categorical"]),
+
+  /**
+   * Background color to be applied to the tag
+   */
+  color: _propTypes.default.string,
+
+  /**
+   * Icon used to customize the delete icon in the Chip element
+   */
+  deleteIcon: _propTypes.default.node,
+
+  /**
+   * The callback fired when the delete icon is pressed.
+   * This function has to be provided to the component,
+   * in order to render the delete icon
+   */
+  onDelete: _propTypes.default.func,
+
+  /**
+   * Callback triggered when any item is clicked.
+   */
+  onClick: _propTypes.default.func,
+
+  /**
+   * The role of the element with an attributed event.
+   */
+  role: _propTypes.default.string,
+
+  /**
+   * Aria properties to apply to delete button in tag
+   */
+  deleteButtonArialLabel: _propTypes.default.string,
+
+  /**
+   * Props to apply to delete button
+   */
+  deleteButtonProps: _propTypes.default.instanceOf(Object)
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvTag"
+})(HvTag);
+
+exports.default = _default;
+//# sourceMappingURL=Tag.js.map

package/dist/Tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Tag/Tag.js"],"names":["getColor","theme","customColor","type","defaultSemanticColor","hv","palette","semantic","sema7","defaultCategoricalColor","viz","categorical","cviz1","backgroundColor","HvTag","props","classes","style","className","label","disabled","color","deleteIcon","onDelete","onClick","role","deleteButtonArialLabel","deleteButtonProps","others","getDeleteIcon","disabledSemanticColor","tabIndex","startIcon","tagButton","focusVisible","primary","primaryButton","cursor","undefined","height","inlineStyle","categoricalBackgroundColor","hover","setHover","chipLabel","root","boxShadow","chipRoot","clickable","categoricalDisabled","categoricalFocus","disabledDeleteIcon","propTypes","PropTypes","shape","string","titleOverflow","semanticTextColor","categoricalTextColor","deletable","isRequired","instanceOf","Object","node","bool","oneOf","func","styles","name"],"mappings":"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","sourcesContent":["import React, { useMemo, useState } from \"react\";\n\nimport { Chip, withStyles, useTheme } from \"@material-ui/core\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { CloseXS } from \"@hitachivantara/uikit-react-icons\";\nimport fade from \"../utils/hexToRgbA\";\n\nimport { HvButton, HvTypography } from \"..\";\n\nimport styles from \"./styles\";\n\nimport { getOnDeleteCallback, hasDeleteAction, hasClickAction } from \"./utils\";\n\nconst getColor = (theme, customColor, type) => {\n  const defaultSemanticColor = theme.hv.palette.semantic.sema7;\n  const defaultCategoricalColor = theme.hv.viz.palette.categorical.cviz1;\n\n  let backgroundColor;\n\n  if (type === \"semantic\") {\n    backgroundColor = theme.palette[customColor] || customColor || defaultSemanticColor;\n  }\n  if (type === \"categorical\") {\n    backgroundColor =\n      theme.hv.viz.palette.categorical[customColor] || customColor || defaultCategoricalColor;\n  }\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 */\nconst HvTag = (props) => {\n  const {\n    classes,\n    style,\n    className,\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  } = props;\n\n  const getDeleteIcon = () => {\n    const disabledSemanticColor = type === \"semantic\" ? \"atmo5\" : \"base2\";\n    const { tabIndex = 0 } = deleteButtonProps;\n\n    return (\n      <HvButton\n        classes={{\n          startIcon: classes.tagButton,\n          focusVisible: classes.focusVisible,\n          primary: classes.primaryButton,\n        }}\n        aria-label={deleteButtonArialLabel}\n        tabIndex={tabIndex}\n        {...deleteButtonProps}\n      >\n        <CloseXS\n          iconSize=\"XS\"\n          style={{\n            ...(disabled ? { cursor: \"not-allowed\" } : undefined),\n            height: 16,\n          }}\n          color={disabled ? disabledSemanticColor : \"base2\"}\n        />\n      </HvButton>\n    );\n  };\n\n  const theme = useTheme();\n\n  const inlineStyle = {\n    ...style,\n  };\n\n  let categoricalBackgroundColor;\n\n  if (type === \"semantic\") {\n    inlineStyle.backgroundColor = getColor(theme, color, type);\n  } else if (type === \"categorical\") {\n    categoricalBackgroundColor = getColor(theme, color, type);\n\n    inlineStyle.backgroundColor = fade(categoricalBackgroundColor, 0.3);\n  }\n\n  const [hover, setHover] = useState(false);\n\n  const chipLabel = useMemo(() => {\n    if (typeof label === \"string\") {\n      return <HvTypography variant=\"normalText\">{label}</HvTypography>;\n    }\n\n    return label;\n  }, [label]);\n\n  return (\n    <Chip\n      label={chipLabel}\n      className={clsx(classes.root, className)}\n      onMouseEnter={() => {\n        setHover(!!onClick);\n      }}\n      onMouseLeave={() => {\n        setHover(false);\n      }}\n      style={{\n        ...(disabled ? null : inlineStyle),\n        ...(hover && !disabled ? { boxShadow: `0 0 0 1pt ${categoricalBackgroundColor}` } : null),\n      }}\n      classes={{\n        root: clsx(classes.chipRoot, {\n          [classes.disabled]: disabled,\n          [classes.clickable]: !!onClick,\n          [classes.categorical]: type === \"categorical\",\n          [classes.categoricalFocus]: type === \"categorical\" && !disabled,\n          [classes.categoricalDisabled]: type === \"categorical\" && disabled,\n        }),\n        label: classes.label,\n        deleteIcon: clsx(classes.deleteIcon, {\n          [classes.disabledDeleteIcon]: disabled,\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      {...others}\n    />\n  );\n};\n\nHvTag.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    chipRoot: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    tagButton: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    deleteIcon: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    disabledDeleteIcon: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    titleOverflow: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    categorical: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    categoricalDisabled: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    semanticTextColor: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    categoricalTextColor: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    deletable: PropTypes.string,\n    /**\n     * Styles applied to the component if has onClick.\n     */\n    clickable: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    focusVisible: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    primaryButton: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    categoricalFocus: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Inline styles to be applied to the root element.\n   */\n  style: PropTypes.instanceOf(Object),\n\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n\n  /**\n   * The label of the tag element.\n   *\n   */\n  label: PropTypes.node,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * The type of the tag element.\n   *\n   * A tag can be of semantic or categoric type\n   */\n  type: PropTypes.oneOf([\"semantic\", \"categorical\"]),\n\n  /**\n   * Background color to be applied to the tag\n   */\n  color: PropTypes.string,\n  /**\n   * Icon used to customize the delete icon in the Chip element\n   */\n  deleteIcon: PropTypes.node,\n\n  /**\n   * The callback fired when the delete icon is pressed.\n   * This function has to be provided to the component,\n   * in order to render the delete icon\n   */\n  onDelete: PropTypes.func,\n  /**\n   * Callback triggered when any item is clicked.\n   */\n  onClick: PropTypes.func,\n\n  /**\n   * The role of the element with an attributed event.\n   */\n  role: PropTypes.string,\n  /**\n   * Aria properties to apply to delete button in tag\n   */\n  deleteButtonArialLabel: PropTypes.string,\n  /**\n   * Props to apply to delete button\n   */\n  deleteButtonProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvTag\" })(HvTag);\n"],"file":"Tag.js"}

package/dist/Tag/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Tag";
+export * from "./Tag";

package/dist/Tag/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Tag.default;
+  }
+});
+
+var _Tag = _interopRequireDefault(require("./Tag"));
+//# sourceMappingURL=index.js.map

package/dist/Tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Tag/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA","sourcesContent":["export { default } from \"./Tag\";\n"],"file":"index.js"}