@hitachivantara/uikit-react-core 4.0.1-next.1 → 4.0.1-next.4

package/dist/ScrollTo/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.verticalScrollOffset = exports.scrollElement = exports.isScrolledToTheBottom = exports.getScrollTop = exports.findFirstVisibleElement = void 0;
+exports.verticalScrollOffset = exports.scrollElement = exports.isScrolledToTheBottom = exports.horizontalScrollOffset = exports.getScrollTop = exports.findFirstVisibleElement = void 0;
 
 var getScrollTop = function getScrollTop() {
   var c = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
@@ -35,13 +35,46 @@ var verticalScrollOffset = function verticalScrollOffset(t) {
 
 exports.verticalScrollOffset = verticalScrollOffset;
 
+var horizontalScrollOffset = function horizontalScrollOffset(t) {
+  var c = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window;
+
+  if (c === window) {
+    var _t$getBoundingClientR2;
+
+    return ((t === null || t === void 0 ? void 0 : (_t$getBoundingClientR2 = t.getBoundingClientRect) === null || _t$getBoundingClientR2 === void 0 ? void 0 : _t$getBoundingClientR2.call(t).left) || 0) + (window.scrollX || window.pageXOffset);
+  }
+
+  if (getComputedStyle(c).position !== "static") {
+    return t.offsetLeft;
+  }
+
+  return t.offsetLeft - c.offsetLeft;
+};
+
+exports.horizontalScrollOffset = horizontalScrollOffset;
+
 var scrollElement = function scrollElement(element, container) {
   var offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-  var elemTop = verticalScrollOffset(element, container);
-  container.scrollTo({
-    top: elemTop - offset,
-    behavior: "smooth"
-  });
+  var direction = arguments.length > 3 ? arguments[3] : undefined;
+
+  if (direction === "row") {
+    var _container$scrollTo;
+
+    var elemLeft = horizontalScrollOffset(element, container);
+    container === null || container === void 0 ? void 0 : (_container$scrollTo = container.scrollTo) === null || _container$scrollTo === void 0 ? void 0 : _container$scrollTo.call(container, {
+      left: elemLeft - offset,
+      behavior: "smooth"
+    });
+  } else {
+    var _container$scrollTo2;
+
+    var elemTop = verticalScrollOffset(element, container);
+    container === null || container === void 0 ? void 0 : (_container$scrollTo2 = container.scrollTo) === null || _container$scrollTo2 === void 0 ? void 0 : _container$scrollTo2.call(container, {
+      top: elemTop - offset,
+      behavior: "smooth"
+    });
+  }
+
   element.focus({
     preventScroll: true
   });

package/dist/ScrollTo/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["getScrollTop","c","window","scrollY","pageYOffset","document","documentElement","scrollTop","body","verticalScrollOffset","t","getBoundingClientRect","top","getComputedStyle","position","offsetTop","scrollElement","element","container","offset","elemTop","scrollTo","behavior","focus","preventScroll","isScrolledToTheBottom","containerScrollTop","scrollHeight","innerHeight","offsetHeight","findFirstVisibleElement","options","boundsTop","i","length","ele","getElementById","value"],"sources":["../../src/ScrollTo/utils.js"],"sourcesContent":["export const getScrollTop = (c = window) => {\n  if (c === window) {\n    return (\n      window.scrollY ||\n      window.pageYOffset ||\n      (document.documentElement && document.documentElement.scrollTop) ||\n      document.body.scrollTop\n    );\n  }\n\n  return c.scrollTop;\n};\n\nexport const verticalScrollOffset = (t, c = window) => {\n  if (c === window) {\n    return (t?.getBoundingClientRect?.().top || 0) + (window.scrollY || window.pageYOffset);\n  }\n  if (getComputedStyle(c).position !== \"static\") {\n    return t.offsetTop;\n  }\n\n  return t.offsetTop - c.offsetTop;\n};\n\nexport const scrollElement = (element, container, offset = 0) => {\n  const elemTop = verticalScrollOffset(element, container);\n  container.scrollTo({\n    top: elemTop - offset,\n    behavior: \"smooth\",\n  });\n  element.focus({ preventScroll: true });\n};\n\nexport const isScrolledToTheBottom = (container) => {\n  const containerScrollTop = getScrollTop(container);\n\n  if (container === window) {\n    // accounting for cases where html/body are set to height:100%\n    const scrollHeight =\n      (document.documentElement && document.documentElement.scrollHeight) ||\n      document.body.scrollHeight;\n\n    return containerScrollTop + window.innerHeight >= scrollHeight;\n  }\n\n  return containerScrollTop + container.offsetHeight >= container.scrollHeight;\n};\n\nexport const findFirstVisibleElement = (container, options, offset) => {\n  const boundsTop = verticalScrollOffset(container);\n\n  let i = 0;\n  // find index of first element whose top is still visible inside the container\n  for (; i < options.length; i += 1) {\n    const ele = document.getElementById(options[i].value);\n\n    if (ele) {\n      const elemTop = verticalScrollOffset(ele) - (options[i].offset || offset);\n\n      if (elemTop > boundsTop) {\n        break;\n      }\n    }\n  }\n\n  // return the previous index, the element that last scrolled past the top\n  return i - 1;\n};\n"],"mappings":"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"}
+{"version":3,"file":"utils.js","names":["getScrollTop","c","window","scrollY","pageYOffset","document","documentElement","scrollTop","body","verticalScrollOffset","t","getBoundingClientRect","top","getComputedStyle","position","offsetTop","horizontalScrollOffset","left","scrollX","pageXOffset","offsetLeft","scrollElement","element","container","offset","direction","elemLeft","scrollTo","behavior","elemTop","focus","preventScroll","isScrolledToTheBottom","containerScrollTop","scrollHeight","innerHeight","offsetHeight","findFirstVisibleElement","options","boundsTop","i","length","ele","getElementById","value"],"sources":["../../src/ScrollTo/utils.js"],"sourcesContent":["export const getScrollTop = (c = window) => {\n  if (c === window) {\n    return (\n      window.scrollY ||\n      window.pageYOffset ||\n      (document.documentElement && document.documentElement.scrollTop) ||\n      document.body.scrollTop\n    );\n  }\n\n  return c.scrollTop;\n};\n\nexport const verticalScrollOffset = (t, c = window) => {\n  if (c === window) {\n    return (t?.getBoundingClientRect?.().top || 0) + (window.scrollY || window.pageYOffset);\n  }\n  if (getComputedStyle(c).position !== \"static\") {\n    return t.offsetTop;\n  }\n\n  return t.offsetTop - c.offsetTop;\n};\n\nexport const horizontalScrollOffset = (t, c = window) => {\n  if (c === window) {\n    return (t?.getBoundingClientRect?.().left || 0) + (window.scrollX || window.pageXOffset);\n  }\n  if (getComputedStyle(c).position !== \"static\") {\n    return t.offsetLeft;\n  }\n\n  return t.offsetLeft - c.offsetLeft;\n};\n\nexport const scrollElement = (element, container, offset = 0, direction) => {\n  if (direction === \"row\") {\n    const elemLeft = horizontalScrollOffset(element, container);\n    container?.scrollTo?.({\n      left: elemLeft - offset,\n      behavior: \"smooth\",\n    });\n  } else {\n    const elemTop = verticalScrollOffset(element, container);\n    container?.scrollTo?.({\n      top: elemTop - offset,\n      behavior: \"smooth\",\n    });\n  }\n  element.focus({ preventScroll: true });\n};\n\nexport const isScrolledToTheBottom = (container) => {\n  const containerScrollTop = getScrollTop(container);\n\n  if (container === window) {\n    // accounting for cases where html/body are set to height:100%\n    const scrollHeight =\n      (document.documentElement && document.documentElement.scrollHeight) ||\n      document.body.scrollHeight;\n\n    return containerScrollTop + window.innerHeight >= scrollHeight;\n  }\n\n  return containerScrollTop + container.offsetHeight >= container.scrollHeight;\n};\n\nexport const findFirstVisibleElement = (container, options, offset) => {\n  const boundsTop = verticalScrollOffset(container);\n\n  let i = 0;\n  // find index of first element whose top is still visible inside the container\n  for (; i < options.length; i += 1) {\n    const ele = document.getElementById(options[i].value);\n\n    if (ele) {\n      const elemTop = verticalScrollOffset(ele) - (options[i].offset || offset);\n\n      if (elemTop > boundsTop) {\n        break;\n      }\n    }\n  }\n\n  // return the previous index, the element that last scrolled past the top\n  return i - 1;\n};\n"],"mappings":";;;;;;;AAAO,IAAMA,YAAY,GAAG,SAAfA,YAAe,GAAgB;EAAA,IAAfC,CAAe,uEAAXC,MAAW;;EAC1C,IAAID,CAAC,KAAKC,MAAV,EAAkB;IAChB,OACEA,MAAM,CAACC,OAAP,IACAD,MAAM,CAACE,WADP,IAECC,QAAQ,CAACC,eAAT,IAA4BD,QAAQ,CAACC,eAAT,CAAyBC,SAFtD,IAGAF,QAAQ,CAACG,IAAT,CAAcD,SAJhB;EAMD;;EAED,OAAON,CAAC,CAACM,SAAT;AACD,CAXM;;;;AAaA,IAAME,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,CAAD,EAAmB;EAAA,IAAfT,CAAe,uEAAXC,MAAW;;EACrD,IAAID,CAAC,KAAKC,MAAV,EAAkB;IAAA;;IAChB,OAAO,CAAC,CAAAQ,CAAC,SAAD,IAAAA,CAAC,WAAD,qCAAAA,CAAC,CAAEC,qBAAH,qFAAAD,CAAC,EAA4BE,GAA7B,KAAoC,CAArC,KAA2CV,MAAM,CAACC,OAAP,IAAkBD,MAAM,CAACE,WAApE,CAAP;EACD;;EACD,IAAIS,gBAAgB,CAACZ,CAAD,CAAhB,CAAoBa,QAApB,KAAiC,QAArC,EAA+C;IAC7C,OAAOJ,CAAC,CAACK,SAAT;EACD;;EAED,OAAOL,CAAC,CAACK,SAAF,GAAcd,CAAC,CAACc,SAAvB;AACD,CATM;;;;AAWA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACN,CAAD,EAAmB;EAAA,IAAfT,CAAe,uEAAXC,MAAW;;EACvD,IAAID,CAAC,KAAKC,MAAV,EAAkB;IAAA;;IAChB,OAAO,CAAC,CAAAQ,CAAC,SAAD,IAAAA,CAAC,WAAD,sCAAAA,CAAC,CAAEC,qBAAH,uFAAAD,CAAC,EAA4BO,IAA7B,KAAqC,CAAtC,KAA4Cf,MAAM,CAACgB,OAAP,IAAkBhB,MAAM,CAACiB,WAArE,CAAP;EACD;;EACD,IAAIN,gBAAgB,CAACZ,CAAD,CAAhB,CAAoBa,QAApB,KAAiC,QAArC,EAA+C;IAC7C,OAAOJ,CAAC,CAACU,UAAT;EACD;;EAED,OAAOV,CAAC,CAACU,UAAF,GAAenB,CAAC,CAACmB,UAAxB;AACD,CATM;;;;AAWA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,OAAD,EAAUC,SAAV,EAA+C;EAAA,IAA1BC,MAA0B,uEAAjB,CAAiB;EAAA,IAAdC,SAAc;;EAC1E,IAAIA,SAAS,KAAK,KAAlB,EAAyB;IAAA;;IACvB,IAAMC,QAAQ,GAAGV,sBAAsB,CAACM,OAAD,EAAUC,SAAV,CAAvC;IACAA,SAAS,SAAT,IAAAA,SAAS,WAAT,mCAAAA,SAAS,CAAEI,QAAX,iFAAAJ,SAAS,EAAa;MACpBN,IAAI,EAAES,QAAQ,GAAGF,MADG;MAEpBI,QAAQ,EAAE;IAFU,CAAb,CAAT;EAID,CAND,MAMO;IAAA;;IACL,IAAMC,OAAO,GAAGpB,oBAAoB,CAACa,OAAD,EAAUC,SAAV,CAApC;IACAA,SAAS,SAAT,IAAAA,SAAS,WAAT,oCAAAA,SAAS,CAAEI,QAAX,mFAAAJ,SAAS,EAAa;MACpBX,GAAG,EAAEiB,OAAO,GAAGL,MADK;MAEpBI,QAAQ,EAAE;IAFU,CAAb,CAAT;EAID;;EACDN,OAAO,CAACQ,KAAR,CAAc;IAAEC,aAAa,EAAE;EAAjB,CAAd;AACD,CAfM;;;;AAiBA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACT,SAAD,EAAe;EAClD,IAAMU,kBAAkB,GAAGjC,YAAY,CAACuB,SAAD,CAAvC;;EAEA,IAAIA,SAAS,KAAKrB,MAAlB,EAA0B;IACxB;IACA,IAAMgC,YAAY,GACf7B,QAAQ,CAACC,eAAT,IAA4BD,QAAQ,CAACC,eAAT,CAAyB4B,YAAtD,IACA7B,QAAQ,CAACG,IAAT,CAAc0B,YAFhB;IAIA,OAAOD,kBAAkB,GAAG/B,MAAM,CAACiC,WAA5B,IAA2CD,YAAlD;EACD;;EAED,OAAOD,kBAAkB,GAAGV,SAAS,CAACa,YAA/B,IAA+Cb,SAAS,CAACW,YAAhE;AACD,CAbM;;;;AAeA,IAAMG,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACd,SAAD,EAAYe,OAAZ,EAAqBd,MAArB,EAAgC;EACrE,IAAMe,SAAS,GAAG9B,oBAAoB,CAACc,SAAD,CAAtC;EAEA,IAAIiB,CAAC,GAAG,CAAR,CAHqE,CAIrE;;EACA,OAAOA,CAAC,GAAGF,OAAO,CAACG,MAAnB,EAA2BD,CAAC,IAAI,CAAhC,EAAmC;IACjC,IAAME,GAAG,GAAGrC,QAAQ,CAACsC,cAAT,CAAwBL,OAAO,CAACE,CAAD,CAAP,CAAWI,KAAnC,CAAZ;;IAEA,IAAIF,GAAJ,EAAS;MACP,IAAMb,OAAO,GAAGpB,oBAAoB,CAACiC,GAAD,CAApB,IAA6BJ,OAAO,CAACE,CAAD,CAAP,CAAWhB,MAAX,IAAqBA,MAAlD,CAAhB;;MAEA,IAAIK,OAAO,GAAGU,SAAd,EAAyB;QACvB;MACD;IACF;EACF,CAfoE,CAiBrE;;;EACA,OAAOC,CAAC,GAAG,CAAX;AACD,CAnBM"}

package/dist/Table/renderers/index.js

@@ -43,6 +43,54 @@ Object.defineProperty(exports, "HvSwitchColumnCell", {
     return _SwitchColumnCell.default;
   }
 });
+Object.defineProperty(exports, "hvDateColumn", {
+  enumerable: true,
+  get: function get() {
+    return _renderers.hvDateColumn;
+  }
+});
+Object.defineProperty(exports, "hvDropdownColumn", {
+  enumerable: true,
+  get: function get() {
+    return _renderers.hvDropdownColumn;
+  }
+});
+Object.defineProperty(exports, "hvExpandColumn", {
+  enumerable: true,
+  get: function get() {
+    return _renderers.hvExpandColumn;
+  }
+});
+Object.defineProperty(exports, "hvNumberColumn", {
+  enumerable: true,
+  get: function get() {
+    return _renderers.hvNumberColumn;
+  }
+});
+Object.defineProperty(exports, "hvProgressColumn", {
+  enumerable: true,
+  get: function get() {
+    return _renderers.hvProgressColumn;
+  }
+});
+Object.defineProperty(exports, "hvSwitchColumn", {
+  enumerable: true,
+  get: function get() {
+    return _renderers.hvSwitchColumn;
+  }
+});
+Object.defineProperty(exports, "hvTagColumn", {
+  enumerable: true,
+  get: function get() {
+    return _renderers.hvTagColumn;
+  }
+});
+Object.defineProperty(exports, "hvTextColumn", {
+  enumerable: true,
+  get: function get() {
+    return _renderers.hvTextColumn;
+  }
+});
 Object.defineProperty(exports, "normalizeProgressBar", {
   enumerable: true,
   get: function get() {
@@ -50,6 +98,8 @@ Object.defineProperty(exports, "normalizeProgressBar", {
   }
 });
 
+var _renderers = require("./renderers");
+
 var _DateColumnCell = _interopRequireDefault(require("./DateColumnCell"));
 
 var _DropdownColumnCell = _interopRequireDefault(require("./DropdownColumnCell"));

package/dist/Table/renderers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/Table/renderers/index.js"],"sourcesContent":["export { default as HvDateColumnCell } from \"./DateColumnCell\";\nexport { default as HvDropdownColumnCell } from \"./DropdownColumnCell\";\nexport { default as HvProgressColumnCell, normalizeProgressBar } from \"./ProgressColumnCell\";\nexport { default as HvSwitchColumnCell } from \"./SwitchColumnCell\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/Table/renderers/index.js"],"sourcesContent":["export {\n  hvTextColumn,\n  hvNumberColumn,\n  hvDateColumn,\n  hvExpandColumn,\n  hvTagColumn,\n  hvSwitchColumn,\n  hvDropdownColumn,\n  hvProgressColumn,\n} from \"./renderers\";\nexport { default as HvDateColumnCell } from \"./DateColumnCell\";\nexport { default as HvDropdownColumnCell } from \"./DropdownColumnCell\";\nexport { default as HvProgressColumnCell, normalizeProgressBar } from \"./ProgressColumnCell\";\nexport { default as HvSwitchColumnCell } from \"./SwitchColumnCell\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAUA;;AACA;;AACA;;AACA"}

package/dist/Table/renderers/renderers.js

@@ -19,14 +19,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.hvDateColumn = void 0;
+exports.hvDateColumn = hvDateColumn;
 exports.hvDropdownColumn = hvDropdownColumn;
 exports.hvExpandColumn = hvExpandColumn;
-exports.hvNumberColumn = void 0;
+exports.hvNumberColumn = hvNumberColumn;
 exports.hvProgressColumn = hvProgressColumn;
 exports.hvSwitchColumn = hvSwitchColumn;
 exports.hvTagColumn = hvTagColumn;
-exports.hvTextColumn = void 0;
+exports.hvTextColumn = hvTextColumn;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -62,7 +62,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-var hvTextColumn = function hvTextColumn(col) {
+function hvTextColumn(col) {
   return _objectSpread({
     Cell: function Cell(cellProps) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_OverflowTooltip.default, {
@@ -71,11 +71,9 @@ var hvTextColumn = function hvTextColumn(col) {
     },
     sortType: "alphanumeric"
   }, col);
-};
-
-exports.hvTextColumn = hvTextColumn;
+}
 
-var hvNumberColumn = function hvNumberColumn(col) {
+function hvNumberColumn(col) {
   return _objectSpread({
     Cell: function Cell(_ref) {
       var value = _ref.value;
@@ -84,11 +82,9 @@ var hvNumberColumn = function hvNumberColumn(col) {
     align: "right",
     sortType: "number"
   }, col);
-};
-
-exports.hvNumberColumn = hvNumberColumn;
+}
 
-var hvDateColumn = function hvDateColumn(col, dateFormat) {
+function hvDateColumn(col, dateFormat) {
   return _objectSpread({
     Cell: function Cell(cellProps) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateColumnCell.default, {
@@ -99,9 +95,7 @@ var hvDateColumn = function hvDateColumn(col, dateFormat) {
     sortType: "alphanumeric",
     sortDescFirst: true
   }, col);
-};
-
-exports.hvDateColumn = hvDateColumn;
+}
 
 function hvExpandColumn(col, expandRowButtonAriaLabel, collapseRowButtonAriaLabel, getCanRowExpand) {
   return _objectSpread({

package/dist/Table/renderers/renderers.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderers.js","names":["hvTextColumn","col","Cell","cellProps","hvStringFallback","value","sortType","hvNumberColumn","hvNumberFallback","align","hvDateColumn","dateFormat","sortDescFirst","hvExpandColumn","expandRowButtonAriaLabel","collapseRowButtonAriaLabel","getCanRowExpand","row","getToggleRowExpandedProps","onClick","hasContent","isExpanded","position","left","top","cellStyle","hvTagColumn","valueDataKey","colorDataKey","textColorDataKey","fromRowData","tagProps","original","name","color","textColor","paddingTop","paddingBottom","hvSwitchColumn","switchLabel","falseLabel","trueLabel","switchProps","id","hvDropdownColumn","placeholder","disabledPlaceholder","onChange","column","dsbld","length","val","setId","hvProgressColumn","getPartial","getTotal","partial","total"],"sources":["../../../src/Table/renderers/renderers.js"],"sourcesContent":["import React from \"react\";\nimport { DropDownXS, DropRightXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport HvButton from \"../../Button\";\nimport HvTag from \"../../Tag\";\nimport HvTypography from \"../../Typography\";\nimport HvOverflowTooltip from \"../../OverflowTooltip\";\nimport { setId } from \"../../utils\";\n\nimport DateColumnCell from \"./DateColumnCell\";\nimport SwitchColumnCell from \"./SwitchColumnCell\";\nimport ProgressColumnCell from \"./ProgressColumnCell\";\nimport DropdownColumnCell from \"./DropdownColumnCell\";\nimport { hvStringFallback, hvNumberFallback } from \"../utils\";\n\nexport const hvTextColumn = (col) => {\n  return {\n    Cell: (cellProps) => <HvOverflowTooltip data={hvStringFallback(cellProps?.value)} />,\n    sortType: \"alphanumeric\",\n    ...col,\n  };\n};\n\nexport const hvNumberColumn = (col) => {\n  return {\n    Cell: ({ value }) => hvNumberFallback(value),\n    align: \"right\",\n    sortType: \"number\",\n    ...col,\n  };\n};\n\nexport const hvDateColumn = (col, dateFormat) => {\n  return {\n    Cell: (cellProps) => <DateColumnCell date={cellProps?.value} dateFormat={dateFormat} />,\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              category=\"ghost\"\n              aria-label={row.isExpanded ? collapseRowButtonAriaLabel : expandRowButtonAriaLabel}\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  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=\"normalText\">{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(col, switchLabel, falseLabel, trueLabel, switchProps) {\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(col, id, placeholder, disabledPlaceholder, onChange) {\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 <ProgressColumnCell partial={partial} total={total} color={color} />;\n      }\n\n      return \"—\";\n    },\n\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"renderers.js","names":["hvTextColumn","col","Cell","cellProps","hvStringFallback","value","sortType","hvNumberColumn","hvNumberFallback","align","hvDateColumn","dateFormat","sortDescFirst","hvExpandColumn","expandRowButtonAriaLabel","collapseRowButtonAriaLabel","getCanRowExpand","row","getToggleRowExpandedProps","onClick","hasContent","isExpanded","position","left","top","cellStyle","hvTagColumn","valueDataKey","colorDataKey","textColorDataKey","fromRowData","tagProps","original","name","color","textColor","paddingTop","paddingBottom","hvSwitchColumn","switchLabel","falseLabel","trueLabel","switchProps","id","hvDropdownColumn","placeholder","disabledPlaceholder","onChange","column","dsbld","length","val","setId","hvProgressColumn","getPartial","getTotal","partial","total"],"sources":["../../../src/Table/renderers/renderers.js"],"sourcesContent":["import React from \"react\";\nimport { DropDownXS, DropRightXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport HvButton from \"../../Button\";\nimport HvTag from \"../../Tag\";\nimport HvTypography from \"../../Typography\";\nimport HvOverflowTooltip from \"../../OverflowTooltip\";\nimport { setId } from \"../../utils\";\n\nimport DateColumnCell from \"./DateColumnCell\";\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) => <HvOverflowTooltip data={hvStringFallback(cellProps?.value)} />,\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) => <DateColumnCell date={cellProps?.value} dateFormat={dateFormat} />,\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              category=\"ghost\"\n              aria-label={row.isExpanded ? collapseRowButtonAriaLabel : expandRowButtonAriaLabel}\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  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=\"normalText\">{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(col, switchLabel, falseLabel, trueLabel, switchProps) {\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(col, id, placeholder, disabledPlaceholder, onChange) {\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 <ProgressColumnCell partial={partial} total={total} color={color} />;\n      }\n\n      return \"—\";\n    },\n\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n"],"mappings":"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"}

package/dist/Tag/Tag.js

@@ -95,8 +95,6 @@ var getColor = function getColor(theme, customColor, type) {
 
 
 var HvTag = function HvTag(props) {
-  var _HvTypography;
-
   var classes = props.classes,
       style = props.style,
       className = props.className,
@@ -158,18 +156,8 @@ var HvTag = function HvTag(props) {
       hover = _useState2[0],
       setHover = _useState2[1];
 
-  var chipLabel = (0, _react.useMemo)(function () {
-    if (typeof label === "string") {
-      return _HvTypography || (_HvTypography = /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
-        variant: "normalText",
-        children: label
-      }));
-    }
-
-    return label;
-  }, [label]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Chip, _objectSpread({
-    label: chipLabel,
+    label: label,
     className: (0, _clsx.default)(classes.root, className),
     onMouseEnter: function onMouseEnter() {
       setHover(!!onClick);

package/dist/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"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","useTheme","inlineStyle","categoricalBackgroundColor","fade","useState","hover","setHover","chipLabel","useMemo","clsx","root","boxShadow","chipRoot","clickable","categoricalDisabled","categoricalFocus","disabledDeleteIcon","hasDeleteAction","getOnDeleteCallback","hasClickAction","propTypes","PropTypes","shape","string","titleOverflow","semanticTextColor","categoricalTextColor","deletable","isRequired","instanceOf","Object","node","bool","oneOf","func","withStyles","styles","name"],"sources":["../../src/Tag/Tag.js"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\nimport { Chip } from \"@mui/material\";\nimport { withStyles, useTheme } from \"@mui/styles\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { CloseXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport fade from \"../utils/hexToRgbA\";\nimport { HvButton, HvTypography } from \"..\";\nimport styles from \"./styles\";\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"],"mappings":"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"}
+{"version":3,"file":"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","useTheme","inlineStyle","categoricalBackgroundColor","fade","useState","hover","setHover","clsx","root","boxShadow","chipRoot","clickable","categoricalDisabled","categoricalFocus","disabledDeleteIcon","hasDeleteAction","getOnDeleteCallback","hasClickAction","propTypes","PropTypes","shape","string","titleOverflow","semanticTextColor","categoricalTextColor","deletable","isRequired","instanceOf","Object","node","bool","oneOf","func","withStyles","styles","name"],"sources":["../../src/Tag/Tag.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Chip } from \"@mui/material\";\nimport { withStyles, useTheme } from \"@mui/styles\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { CloseXS } from \"@hitachivantara/uikit-react-icons\";\nimport fade from \"../utils/hexToRgbA\";\nimport { HvButton } from \"..\";\nimport styles from \"./styles\";\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  return (\n    <Chip\n      label={label}\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAQC,WAAR,EAAqBC,IAArB,EAA8B;EAC7C,IAAMC,oBAAoB,GAAGH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BC,KAAvD;EACA,IAAMC,uBAAuB,GAAGR,KAAK,CAACI,EAAN,CAASK,GAAT,CAAaJ,OAAb,CAAqBK,WAArB,CAAiCC,KAAjE;EAEA,IAAIC,eAAJ;;EAEA,IAAIV,IAAI,KAAK,UAAb,EAAyB;IACvBU,eAAe,GAAGZ,KAAK,CAACK,OAAN,CAAcJ,WAAd,KAA8BA,WAA9B,IAA6CE,oBAA/D;EACD;;EACD,IAAID,IAAI,KAAK,aAAb,EAA4B;IAC1BU,eAAe,GACbZ,KAAK,CAACI,EAAN,CAASK,GAAT,CAAaJ,OAAb,CAAqBK,WAArB,CAAiCT,WAAjC,KAAiDA,WAAjD,IAAgEO,uBADlE;EAED;;EAED,OAAOI,eAAP;AACD,CAfD;AAiBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD,EAAW;EACvB,IACEC,OADF,GAeID,KAfJ,CACEC,OADF;EAAA,IAEEC,KAFF,GAeIF,KAfJ,CAEEE,KAFF;EAAA,IAGEC,SAHF,GAeIH,KAfJ,CAGEG,SAHF;EAAA,IAIEC,KAJF,GAeIJ,KAfJ,CAIEI,KAJF;EAAA,IAKEC,QALF,GAeIL,KAfJ,CAKEK,QALF;EAAA,kBAeIL,KAfJ,CAMEZ,IANF;EAAA,IAMEA,IANF,4BAMS,UANT;EAAA,IAOEkB,KAPF,GAeIN,KAfJ,CAOEM,KAPF;EAAA,IAQEC,UARF,GAeIP,KAfJ,CAQEO,UARF;EAAA,IASEC,QATF,GAeIR,KAfJ,CASEQ,QATF;EAAA,IAUEC,OAVF,GAeIT,KAfJ,CAUES,OAVF;EAAA,IAWEC,IAXF,GAeIV,KAfJ,CAWEU,IAXF;EAAA,4BAeIV,KAfJ,CAYEW,sBAZF;EAAA,IAYEA,sBAZF,sCAY2B,YAZ3B;EAAA,4BAeIX,KAfJ,CAaEY,iBAbF;EAAA,IAaEA,iBAbF,sCAasB,EAbtB;EAAA,IAcKC,MAdL,0CAeIb,KAfJ;;EAiBA,IAAMc,aAAa,GAAG,SAAhBA,aAAgB,GAAM;IAC1B,IAAMC,qBAAqB,GAAG3B,IAAI,KAAK,UAAT,GAAsB,OAAtB,GAAgC,OAA9D;IACA,4BAAyBwB,iBAAzB,CAAQI,QAAR;IAAA,IAAQA,QAAR,sCAAmB,CAAnB;IAEA,oBACE,qBAAC,UAAD;MACE,OAAO,EAAE;QACPC,SAAS,EAAEhB,OAAO,CAACiB,SADZ;QAEPC,YAAY,EAAElB,OAAO,CAACkB,YAFf;QAGPC,OAAO,EAAEnB,OAAO,CAACoB;MAHV,CADX;MAME,cAAYV,sBANd;MAOE,QAAQ,EAAEK;IAPZ,GAQMJ,iBARN;MAAA,uBAUE,qBAAC,wBAAD;QACE,QAAQ,EAAC,IADX;QAEE,KAAK,kCACCP,QAAQ,GAAG;UAAEiB,MAAM,EAAE;QAAV,CAAH,GAA+BC,SADxC;UAEHC,MAAM,EAAE;QAFL,EAFP;QAME,KAAK,EAAEnB,QAAQ,GAAGU,qBAAH,GAA2B;MAN5C;IAVF,GADF;EAqBD,CAzBD;;EA2BA,IAAM7B,KAAK,GAAG,IAAAuC,gBAAA,GAAd;;EAEA,IAAMC,WAAW,qBACZxB,KADY,CAAjB;;EAIA,IAAIyB,0BAAJ;;EAEA,IAAIvC,IAAI,KAAK,UAAb,EAAyB;IACvBsC,WAAW,CAAC5B,eAAZ,GAA8Bb,QAAQ,CAACC,KAAD,EAAQoB,KAAR,EAAelB,IAAf,CAAtC;EACD,CAFD,MAEO,IAAIA,IAAI,KAAK,aAAb,EAA4B;IACjCuC,0BAA0B,GAAG1C,QAAQ,CAACC,KAAD,EAAQoB,KAAR,EAAelB,IAAf,CAArC;IAEAsC,WAAW,CAAC5B,eAAZ,GAA8B,IAAA8B,kBAAA,EAAKD,0BAAL,EAAiC,GAAjC,CAA9B;EACD;;EAED,gBAA0B,IAAAE,eAAA,EAAS,KAAT,CAA1B;EAAA;EAAA,IAAOC,KAAP;EAAA,IAAcC,QAAd;;EAEA,oBACE,qBAAC,cAAD;IACE,KAAK,EAAE3B,KADT;IAEE,SAAS,EAAE,IAAA4B,aAAA,EAAK/B,OAAO,CAACgC,IAAb,EAAmB9B,SAAnB,CAFb;IAGE,YAAY,EAAE,wBAAM;MAClB4B,QAAQ,CAAC,CAAC,CAACtB,OAAH,CAAR;IACD,CALH;IAME,YAAY,EAAE,wBAAM;MAClBsB,QAAQ,CAAC,KAAD,CAAR;IACD,CARH;IASE,KAAK,kCACC1B,QAAQ,GAAG,IAAH,GAAUqB,WADnB,GAECI,KAAK,IAAI,CAACzB,QAAV,GAAqB;MAAE6B,SAAS,sBAAeP,0BAAf;IAAX,CAArB,GAAgF,IAFjF,CATP;IAaE,OAAO,EAAE;MACPM,IAAI,EAAE,IAAAD,aAAA,EAAK/B,OAAO,CAACkC,QAAb,EACgB9B,QADhB,IACHJ,OAAO,CAACI,QADL,EAEiB,CAAC,CAACI,OAFnB,IAEHR,OAAO,CAACmC,SAFL,EAGmBhD,IAAI,KAAK,aAH5B,KAGHa,OAAO,CAACL,WAHL,EAKqDS,QALrD,GAKHJ,OAAO,CAACoC,mBALL,GAIHpC,OAAO,CAACqC,gBAJL,EADC;MAQPlC,KAAK,EAAEH,OAAO,CAACG,KARR;MASPG,UAAU,EAAE,IAAAyB,aAAA,EAAK/B,OAAO,CAACM,UAAb,EACoBF,QADpB,IACTJ,OAAO,CAACsC,kBADC;IATL,CAbX;IA0BE,UAAU,EAAG,IAAAC,sBAAA,EAAgBhC,QAAhB,KAA6BD,UAA9B,IAA6CO,aAAa,EA1BxE;IA2BE,QAAQ,EAAE,IAAA2B,0BAAA,EAAoBpC,QAApB,EAA8BG,QAA9B,CA3BZ;IA4BE,OAAO,EAAEH,QAAQ,GAAGkB,SAAH,GAAed,OA5BlC;IA6BE,IAAI,EAAEC,IAAI,KAAK,IAAAgC,qBAAA,EAAejC,OAAf,IAA0B,QAA1B,GAAqCc,SAA1C,CA7BZ;IA8BE,QAAQ,EAAE,IAAAiB,sBAAA,EAAgBhC,QAAhB,IAA4Be,SAA5B,GAAwC;EA9BpD,GA+BMV,MA/BN,EADF;AAmCD,CAlGD;;AAoGA,wCAAAd,KAAK,CAAC4C,SAAN,GAAkB;EAChB;AACF;AACA;EACE1C,OAAO,EAAE2C,kBAAA,CAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIZ,IAAI,EAAEW,kBAAA,CAAUE,MAJO;;IAKvB;AACJ;AACA;IACIX,QAAQ,EAAES,kBAAA,CAAUE,MARG;;IASvB;AACJ;AACA;IACI1C,KAAK,EAAEwC,kBAAA,CAAUE,MAZM;;IAavB;AACJ;AACA;IACI5B,SAAS,EAAE0B,kBAAA,CAAUE,MAhBE;;IAiBvB;AACJ;AACA;IACIvC,UAAU,EAAEqC,kBAAA,CAAUE,MApBC;;IAqBvB;AACJ;AACA;IACIP,kBAAkB,EAAEK,kBAAA,CAAUE,MAxBP;;IAyBvB;AACJ;AACA;IACIC,aAAa,EAAEH,kBAAA,CAAUE,MA5BF;;IA6BvB;AACJ;AACA;IACIlD,WAAW,EAAEgD,kBAAA,CAAUE,MAhCA;;IAiCvB;AACJ;AACA;IACIT,mBAAmB,EAAEO,kBAAA,CAAUE,MApCR;;IAqCvB;AACJ;AACA;IACIzC,QAAQ,EAAEuC,kBAAA,CAAUE,MAxCG;;IAyCvB;AACJ;AACA;IACIE,iBAAiB,EAAEJ,kBAAA,CAAUE,MA5CN;;IA6CvB;AACJ;AACA;IACIG,oBAAoB,EAAEL,kBAAA,CAAUE,MAhDT;;IAiDvB;AACJ;AACA;IACII,SAAS,EAAEN,kBAAA,CAAUE,MApDE;;IAqDvB;AACJ;AACA;IACIV,SAAS,EAAEQ,kBAAA,CAAUE,MAxDE;;IAyDvB;AACJ;AACA;IACI3B,YAAY,EAAEyB,kBAAA,CAAUE,MA5DD;;IA6DvB;AACJ;AACA;IACIzB,aAAa,EAAEuB,kBAAA,CAAUE,MAhEF;;IAiEvB;AACJ;AACA;IACIR,gBAAgB,EAAEM,kBAAA,CAAUE;EApEL,CAAhB,EAqENK,UAzEa;;EA2EhB;AACF;AACA;EACEjD,KAAK,EAAE0C,kBAAA,CAAUQ,UAAV,CAAqBC,MAArB,CA9ES;;EAgFhB;AACF;AACA;EACElD,SAAS,EAAEyC,kBAAA,CAAUE,MAnFL;;EAqFhB;AACF;AACA;AACA;EACE1C,KAAK,EAAEwC,kBAAA,CAAUU,IAzFD;;EA2FhB;AACF;AACA;EACEjD,QAAQ,EAAEuC,kBAAA,CAAUW,IA9FJ;;EAgGhB;AACF;AACA;AACA;AACA;EACEnE,IAAI,EAAEwD,kBAAA,CAAUY,KAAV,CAAgB,CAAC,UAAD,EAAa,aAAb,CAAhB,CArGU;;EAuGhB;AACF;AACA;EACElD,KAAK,EAAEsC,kBAAA,CAAUE,MA1GD;;EA2GhB;AACF;AACA;EACEvC,UAAU,EAAEqC,kBAAA,CAAUU,IA9GN;;EAgHhB;AACF;AACA;AACA;AACA;EACE9C,QAAQ,EAAEoC,kBAAA,CAAUa,IArHJ;;EAsHhB;AACF;AACA;EACEhD,OAAO,EAAEmC,kBAAA,CAAUa,IAzHH;;EA2HhB;AACF;AACA;EACE/C,IAAI,EAAEkC,kBAAA,CAAUE,MA9HA;;EA+HhB;AACF;AACA;EACEnC,sBAAsB,EAAEiC,kBAAA,CAAUE,MAlIlB;;EAmIhB;AACF;AACA;EACElC,iBAAiB,EAAEgC,kBAAA,CAAUQ,UAAV,CAAqBC,MAArB;AAtIH,CAAlB;;eAyIe,IAAAK,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAsC7D,KAAtC,C"}

package/dist/Tag/styles.js

@@ -46,13 +46,15 @@ var styles = function styles(theme) {
     primaryButton: {
       background: "transparent"
     },
-    label: {
+    label: _objectSpread(_objectSpread({
       paddingLeft: theme.hv.spacing.xs,
-      paddingRight: theme.hv.spacing.xs,
+      paddingRight: theme.hv.spacing.xs
+    }, theme.hv.typography.normalText), {}, {
+      color: theme.palette.base2,
       "& p": {
         color: theme.hv.palette.base.base2
       }
-    },
+    }),
     tagButton: {
       width: 16,
       height: 16,

package/dist/Tag/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","chipRoot","height","borderRadius","maxWidth","backgroundColor","fade","palette","base1","focusVisible","primaryButton","background","label","paddingLeft","hv","spacing","xs","paddingRight","color","base","base2","tagButton","width","minWidth","minHeight","padding","margin","deleteIcon","marginRight","outlineStyles","outline","boxShadow","disabledDeleteIcon","atmosphere","atmo3","outlineOffset","titleOverflow","whiteSpace","overflow","textOverflow","categorical","cursor","accent","acce1","clickable","categoricalFocus","disabled","atmo5","categoricalDisabled","semanticTextColor","categoricalTextColor"],"sources":["../../src/Tag/styles.js"],"sourcesContent":["import fade from \"../utils/hexToRgbA\";\nimport { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {},\n\n  chipRoot: {\n    height: 16,\n    borderRadius: 0,\n    maxWidth: 180,\n    \"& $focusVisible\": {\n      backgroundColor: fade(theme.palette.base1, 0.3),\n    },\n  },\n\n  focusVisible: {},\n\n  primaryButton: {\n    background: \"transparent\",\n  },\n\n  label: {\n    paddingLeft: theme.hv.spacing.xs,\n    paddingRight: theme.hv.spacing.xs,\n    \"& p\": {\n      color: theme.hv.palette.base.base2,\n    },\n  },\n\n  tagButton: {\n    width: 16,\n    height: 16,\n    minWidth: 16,\n    minHeight: 16,\n    padding: 0,\n    margin: 0,\n  },\n\n  deleteIcon: {\n    marginRight: 0,\n    width: 16,\n    height: 16,\n    minWidth: 16,\n    minHeight: 16,\n    padding: 0,\n    \"&:hover\": {\n      backgroundColor: fade(theme.palette.base1, 0.3),\n    },\n    \"&:focus\": {\n      ...outlineStyles,\n      borderRadius: 0,\n    },\n    \"&:focus:not(:focus-visible)\": {\n      outline: \"0 !important\",\n      boxShadow: \"none !important\",\n    },\n  },\n  disabledDeleteIcon: {\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    \"&:focus\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      outline: \"none\",\n      boxShadow: \"none\",\n      outlineOffset: 0,\n    },\n  },\n  titleOverflow: {\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n  },\n  categorical: {\n    borderRadius: 8,\n    \"&$clickable\": {\n      cursor: \"pointer\",\n    },\n    \"&:hover\": {\n      borderRadius: 8,\n    },\n    \"& $label > p\": {\n      color: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus:not(:focus-visible)\": {\n      outline: \"0 !important\",\n      boxShadow: \"none !important\",\n    },\n  },\n  clickable: {},\n\n  categoricalFocus: {\n    \"&:focus\": {\n      ...outlineStyles,\n    },\n  },\n\n  disabled: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    cursor: \"not-allowed\",\n    \"& $label > p\": {\n      color: theme.hv.palette.atmosphere.atmo5,\n    },\n  },\n\n  categoricalDisabled: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    cursor: \"not-allowed\",\n    \"& $label > p\": {\n      color: theme.hv.palette.atmosphere.atmo5,\n    },\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n  },\n\n  semanticTextColor: {\n    color: theme.hv.palette.base.base2,\n  },\n  categoricalTextColor: {\n    color: theme.hv.palette.accent.acce1,\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","chipRoot","height","borderRadius","maxWidth","backgroundColor","fade","palette","base1","focusVisible","primaryButton","background","label","paddingLeft","hv","spacing","xs","paddingRight","typography","normalText","color","base2","base","tagButton","width","minWidth","minHeight","padding","margin","deleteIcon","marginRight","outlineStyles","outline","boxShadow","disabledDeleteIcon","atmosphere","atmo3","outlineOffset","titleOverflow","whiteSpace","overflow","textOverflow","categorical","cursor","accent","acce1","clickable","categoricalFocus","disabled","atmo5","categoricalDisabled","semanticTextColor","categoricalTextColor"],"sources":["../../src/Tag/styles.js"],"sourcesContent":["import fade from \"../utils/hexToRgbA\";\nimport { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {},\n\n  chipRoot: {\n    height: 16,\n    borderRadius: 0,\n    maxWidth: 180,\n    \"& $focusVisible\": {\n      backgroundColor: fade(theme.palette.base1, 0.3),\n    },\n  },\n\n  focusVisible: {},\n\n  primaryButton: {\n    background: \"transparent\",\n  },\n\n  label: {\n    paddingLeft: theme.hv.spacing.xs,\n    paddingRight: theme.hv.spacing.xs,\n    ...theme.hv.typography.normalText,\n    color: theme.palette.base2,\n    \"& p\": {\n      color: theme.hv.palette.base.base2,\n    },\n  },\n\n  tagButton: {\n    width: 16,\n    height: 16,\n    minWidth: 16,\n    minHeight: 16,\n    padding: 0,\n    margin: 0,\n  },\n\n  deleteIcon: {\n    marginRight: 0,\n    width: 16,\n    height: 16,\n    minWidth: 16,\n    minHeight: 16,\n    padding: 0,\n    \"&:hover\": {\n      backgroundColor: fade(theme.palette.base1, 0.3),\n    },\n    \"&:focus\": {\n      ...outlineStyles,\n      borderRadius: 0,\n    },\n    \"&:focus:not(:focus-visible)\": {\n      outline: \"0 !important\",\n      boxShadow: \"none !important\",\n    },\n  },\n  disabledDeleteIcon: {\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    \"&:focus\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      outline: \"none\",\n      boxShadow: \"none\",\n      outlineOffset: 0,\n    },\n  },\n  titleOverflow: {\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n  },\n  categorical: {\n    borderRadius: 8,\n    \"&$clickable\": {\n      cursor: \"pointer\",\n    },\n    \"&:hover\": {\n      borderRadius: 8,\n    },\n    \"& $label > p\": {\n      color: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus:not(:focus-visible)\": {\n      outline: \"0 !important\",\n      boxShadow: \"none !important\",\n    },\n  },\n  clickable: {},\n\n  categoricalFocus: {\n    \"&:focus\": {\n      ...outlineStyles,\n    },\n  },\n\n  disabled: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    cursor: \"not-allowed\",\n    \"& $label > p\": {\n      color: theme.hv.palette.atmosphere.atmo5,\n    },\n  },\n\n  categoricalDisabled: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    cursor: \"not-allowed\",\n    \"& $label > p\": {\n      color: theme.hv.palette.atmosphere.atmo5,\n    },\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n  },\n\n  semanticTextColor: {\n    color: theme.hv.palette.base.base2,\n  },\n  categoricalTextColor: {\n    color: theme.hv.palette.accent.acce1,\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}

package/dist/UserPreferences/index.d.ts

@@ -1,10 +1,17 @@
 export { default } from "./UserPreferences";
 export * from "./UserPreferences";
 
-export { default as UserPreferencesAction } from "./Action";
+export { default as HvUserPreferencesAction } from "./Action";
 export * from "./Action";
 
-export { default as UserPreferencesActions } from "./Actions";
+export { default as HvUserPreferencesActions } from "./Actions";
 export * from "./Actions";
 
+export {
+  Options as HvUserPreferencesOptions,
+  Option as HvUserPreferencesOption,
+  Group as HvUserPreferencesOptionsGroup,
+  Label as HvUserPreferencesOptionsGroupLabel,
+} from "./Options";
+
 export * from "./Options";

package/dist/VerticalNavigation/Navigation/Navigation.d.ts

@@ -42,7 +42,7 @@ export interface NavigationData {
 
 export type HvNavigationClassKey = "root" | "list" | "listItem";
 
-export interface HvVerticalNavigationNavigationProps
+export interface HvVerticalNavigationTreeProps
   extends StandardProps<
     React.HTMLAttributes<HTMLElement>,
     HvNavigationClassKey,
@@ -118,6 +118,6 @@ export interface HvVerticalNavigationNavigationProps
   label?: string;
 }
 
-export default function HvVerticalNavigationNavigation(
-  props: HvVerticalNavigationNavigationProps
+export default function HvVerticalNavigationTree(
+  props: HvVerticalNavigationTreeProps
 ): JSX.Element | null;

package/dist/VerticalNavigation/Navigation/Navigation.js

@@ -359,7 +359,7 @@ process.env.NODE_ENV !== "production" ? Navigation.propTypes = {
 } : void 0;
 
 var _default = (0, _styles.withStyles)(_styles2.default, {
-  name: "HvVerticalNavigationNavigation"
+  name: "HvVerticalNavigationTree"
 })(Navigation);
 
 exports.default = _default;

package/dist/VerticalNavigation/Navigation/Navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.js","names":["createListHierarchy","items","id","classes","map","item","itemId","itemLabel","label","icon","children","data","selectable","disabled","href","target","ItemText","wrapperTooltip","setId","listItem","undefined","getAllParents","parents","filter","length","childParents","flatMap","pathToElement","targetId","path","i","push","subPaths","Navigation","className","mode","collapsible","expandedProp","expanded","defaultExpanded","onToggle","selectedProp","selected","defaultSelected","onChange","onClick","others","useControlled","setSelected","slice","setExpanded","handleChange","useCallback","event","selectedId","selectedItem","handleToggle","newExpanded","useMemo","clsx","root","list","propTypes","PropTypes","string","shape","isRequired","oneOf","bool","func","arrayOf","oneOfType","node","array","deprecatedPropType","withStyles","styles","name"],"sources":["../../../src/VerticalNavigation/Navigation/Navigation.js"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { deprecatedPropType } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport clsx from \"clsx\";\nimport { TreeView, TreeViewItem } from \"../TreeView\";\nimport { setId, useControlled } from \"../../utils\";\nimport styles from \"./styles\";\nimport { wrapperTooltip } from \"../../List/utils\";\n\nconst createListHierarchy = (items, id, classes) =>\n  items.map((item) => {\n    const {\n      id: itemId,\n      label: itemLabel,\n      icon,\n      data: children,\n      selectable,\n      disabled,\n      href,\n      target,\n    } = item;\n\n    const ItemText = wrapperTooltip(true, itemLabel, itemLabel);\n\n    return (\n      <TreeViewItem\n        id={setId(id, itemId)}\n        className={classes.listItem}\n        href={href}\n        target={target}\n        key={itemId}\n        nodeId={itemId}\n        label={<ItemText />}\n        icon={icon}\n        payload={item}\n        selectable={selectable}\n        disabled={disabled}\n      >\n        {children ? createListHierarchy(children, id, classes) : undefined}\n      </TreeViewItem>\n    );\n  });\n\nconst getAllParents = (items) => {\n  const parents = items.filter((item) => item.data != null && item.data.length > 0);\n  const childParents = parents.flatMap((item) => getAllParents(item.data));\n\n  return [...parents, ...childParents];\n};\n\nfunction pathToElement(data, targetId) {\n  const path = [];\n\n  if (data != null && data.length > 0) {\n    // eslint-disable-next-line no-plusplus\n    for (let i = 0; i !== data.length; ++i) {\n      const item = data[i];\n      if (item.id === targetId) {\n        path.push(item.id);\n        break;\n      }\n\n      const subPaths = pathToElement(item.data, targetId);\n      if (subPaths.length > 0) {\n        path.push(item.id);\n        path.push(...subPaths);\n        break;\n      }\n    }\n  }\n\n  return path;\n}\n\nconst Navigation = ({\n  id,\n\n  className,\n  classes,\n\n  data,\n\n  mode = \"navigation\",\n\n  collapsible = false,\n  expanded: expandedProp,\n  defaultExpanded,\n  onToggle,\n\n  selected: selectedProp,\n  defaultSelected,\n  onChange,\n\n  label,\n  onClick,\n\n  ...others\n}) => {\n  const [selected, setSelected] = useControlled(selectedProp, defaultSelected);\n  const [expanded, setExpanded] = useControlled(expandedProp, () => {\n    if (defaultExpanded === true) {\n      // all parent nodes will be expanded by default\n      return getAllParents(data).map((item) => item.id);\n    }\n\n    if (defaultExpanded === false) {\n      // all parent nodes will be collapsed by default\n      return [];\n    }\n\n    if (defaultExpanded == null) {\n      if (selected != null) {\n        // the path to the selected node will be expanded (default behaviour)\n        const path = pathToElement(data, selected);\n        return path.slice(0, -1);\n      }\n\n      // nothing is expanded\n      return [];\n    }\n\n    return defaultExpanded;\n  });\n\n  const handleChange = useCallback(\n    (event, selectedId, selectedItem) => {\n      setSelected(selectedId);\n\n      if (onChange) {\n        onChange(event, selectedItem);\n      }\n\n      // deprecated\n      if (onClick) {\n        onClick(event, selectedItem);\n      }\n    },\n    [onChange, onClick, setSelected]\n  );\n\n  const handleToggle = useCallback(\n    (event, newExpanded) => {\n      setExpanded(newExpanded);\n\n      if (onToggle) {\n        onToggle(event, newExpanded);\n      }\n\n      // deprecated\n      if (onClick) {\n        onClick(event);\n      }\n    },\n    [onClick, onToggle, setExpanded]\n  );\n\n  const children = useMemo(\n    () => data && createListHierarchy(data, id, classes),\n    [classes, data, id]\n  );\n\n  return (\n    <nav id={id} className={clsx(className, classes.root)} aria-label={label} {...others}>\n      <TreeView\n        id={setId(id, \"tree\")}\n        className={classes.list}\n        selectable\n        mode={mode}\n        collapsible={collapsible}\n        selected={selected}\n        onChange={handleChange}\n        expanded={expanded}\n        onToggle={handleToggle}\n      >\n        {children}\n      </TreeView>\n    </nav>\n  );\n};\n\nNavigation.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root element.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the list.\n     */\n    list: PropTypes.string,\n    /**\n     * Style applied to the list items.\n     */\n    listItem: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Modus operandi (role) of the widget instance.\n   */\n  mode: PropTypes.oneOf([\"treeview\", \"navigation\"]),\n  /**\n   * Can non-leaf nodes be collapsed / expanded.\n   */\n  collapsible: PropTypes.bool,\n\n  /**\n   * The ID of the selected page.\n   */\n  selected: PropTypes.string,\n  /**\n   * When uncontrolled, defines the initial selected page ID.\n   */\n  defaultSelected: PropTypes.string,\n  /**\n   * Callback fired when a navigation item is selected.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {object} page The data of the selected page.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Expanded nodes' ids.\n   */\n  expanded: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * When uncontrolled, defines the initial expanded nodes' ids.\n   *\n   * It also supports `true` for starting with all nodes expanded.\n   * With `false` all nodes will be collapsed.\n   *\n   * By default it expands the needed nodes to display the current selection, if any.\n   */\n  defaultExpanded: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.bool]),\n  /**\n   * Callback fired when tree items are expanded/collapsed.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {array} nodeIds The ids of the expanded nodes (old and new).\n   */\n  onToggle: PropTypes.func,\n\n  /**\n   * An array containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   * data - sub-menu items\n   * href - the url used for navigation.\n   * target - the behavior when opening an url.\n   */\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      icon: PropTypes.node,\n      data: PropTypes.array,\n      href: PropTypes.string,\n      target: PropTypes.string,\n    })\n  ).isRequired,\n\n  /**\n   * Callback triggered when any item is clicked.\n   *\n   *  @deprecated use `onChange` for selection and `onToggle` for node expansion/collapse.\n   */\n  onClick: deprecatedPropType(PropTypes.func),\n  /**\n   * The root element (nav) aria label.\n   *\n   *  @deprecated Use directly the `aria-label` property instead.\n   */\n  label: deprecatedPropType(PropTypes.string),\n};\n\nexport default withStyles(styles, { name: \"HvVerticalNavigationNavigation\" })(Navigation);\n"],"mappings":"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"}
+{"version":3,"file":"Navigation.js","names":["createListHierarchy","items","id","classes","map","item","itemId","itemLabel","label","icon","children","data","selectable","disabled","href","target","ItemText","wrapperTooltip","setId","listItem","undefined","getAllParents","parents","filter","length","childParents","flatMap","pathToElement","targetId","path","i","push","subPaths","Navigation","className","mode","collapsible","expandedProp","expanded","defaultExpanded","onToggle","selectedProp","selected","defaultSelected","onChange","onClick","others","useControlled","setSelected","slice","setExpanded","handleChange","useCallback","event","selectedId","selectedItem","handleToggle","newExpanded","useMemo","clsx","root","list","propTypes","PropTypes","string","shape","isRequired","oneOf","bool","func","arrayOf","oneOfType","node","array","deprecatedPropType","withStyles","styles","name"],"sources":["../../../src/VerticalNavigation/Navigation/Navigation.js"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { deprecatedPropType } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport clsx from \"clsx\";\nimport { TreeView, TreeViewItem } from \"../TreeView\";\nimport { setId, useControlled } from \"../../utils\";\nimport styles from \"./styles\";\nimport { wrapperTooltip } from \"../../List/utils\";\n\nconst createListHierarchy = (items, id, classes) =>\n  items.map((item) => {\n    const {\n      id: itemId,\n      label: itemLabel,\n      icon,\n      data: children,\n      selectable,\n      disabled,\n      href,\n      target,\n    } = item;\n\n    const ItemText = wrapperTooltip(true, itemLabel, itemLabel);\n\n    return (\n      <TreeViewItem\n        id={setId(id, itemId)}\n        className={classes.listItem}\n        href={href}\n        target={target}\n        key={itemId}\n        nodeId={itemId}\n        label={<ItemText />}\n        icon={icon}\n        payload={item}\n        selectable={selectable}\n        disabled={disabled}\n      >\n        {children ? createListHierarchy(children, id, classes) : undefined}\n      </TreeViewItem>\n    );\n  });\n\nconst getAllParents = (items) => {\n  const parents = items.filter((item) => item.data != null && item.data.length > 0);\n  const childParents = parents.flatMap((item) => getAllParents(item.data));\n\n  return [...parents, ...childParents];\n};\n\nfunction pathToElement(data, targetId) {\n  const path = [];\n\n  if (data != null && data.length > 0) {\n    // eslint-disable-next-line no-plusplus\n    for (let i = 0; i !== data.length; ++i) {\n      const item = data[i];\n      if (item.id === targetId) {\n        path.push(item.id);\n        break;\n      }\n\n      const subPaths = pathToElement(item.data, targetId);\n      if (subPaths.length > 0) {\n        path.push(item.id);\n        path.push(...subPaths);\n        break;\n      }\n    }\n  }\n\n  return path;\n}\n\nconst Navigation = ({\n  id,\n\n  className,\n  classes,\n\n  data,\n\n  mode = \"navigation\",\n\n  collapsible = false,\n  expanded: expandedProp,\n  defaultExpanded,\n  onToggle,\n\n  selected: selectedProp,\n  defaultSelected,\n  onChange,\n\n  label,\n  onClick,\n\n  ...others\n}) => {\n  const [selected, setSelected] = useControlled(selectedProp, defaultSelected);\n  const [expanded, setExpanded] = useControlled(expandedProp, () => {\n    if (defaultExpanded === true) {\n      // all parent nodes will be expanded by default\n      return getAllParents(data).map((item) => item.id);\n    }\n\n    if (defaultExpanded === false) {\n      // all parent nodes will be collapsed by default\n      return [];\n    }\n\n    if (defaultExpanded == null) {\n      if (selected != null) {\n        // the path to the selected node will be expanded (default behaviour)\n        const path = pathToElement(data, selected);\n        return path.slice(0, -1);\n      }\n\n      // nothing is expanded\n      return [];\n    }\n\n    return defaultExpanded;\n  });\n\n  const handleChange = useCallback(\n    (event, selectedId, selectedItem) => {\n      setSelected(selectedId);\n\n      if (onChange) {\n        onChange(event, selectedItem);\n      }\n\n      // deprecated\n      if (onClick) {\n        onClick(event, selectedItem);\n      }\n    },\n    [onChange, onClick, setSelected]\n  );\n\n  const handleToggle = useCallback(\n    (event, newExpanded) => {\n      setExpanded(newExpanded);\n\n      if (onToggle) {\n        onToggle(event, newExpanded);\n      }\n\n      // deprecated\n      if (onClick) {\n        onClick(event);\n      }\n    },\n    [onClick, onToggle, setExpanded]\n  );\n\n  const children = useMemo(\n    () => data && createListHierarchy(data, id, classes),\n    [classes, data, id]\n  );\n\n  return (\n    <nav id={id} className={clsx(className, classes.root)} aria-label={label} {...others}>\n      <TreeView\n        id={setId(id, \"tree\")}\n        className={classes.list}\n        selectable\n        mode={mode}\n        collapsible={collapsible}\n        selected={selected}\n        onChange={handleChange}\n        expanded={expanded}\n        onToggle={handleToggle}\n      >\n        {children}\n      </TreeView>\n    </nav>\n  );\n};\n\nNavigation.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root element.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the list.\n     */\n    list: PropTypes.string,\n    /**\n     * Style applied to the list items.\n     */\n    listItem: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Modus operandi (role) of the widget instance.\n   */\n  mode: PropTypes.oneOf([\"treeview\", \"navigation\"]),\n  /**\n   * Can non-leaf nodes be collapsed / expanded.\n   */\n  collapsible: PropTypes.bool,\n\n  /**\n   * The ID of the selected page.\n   */\n  selected: PropTypes.string,\n  /**\n   * When uncontrolled, defines the initial selected page ID.\n   */\n  defaultSelected: PropTypes.string,\n  /**\n   * Callback fired when a navigation item is selected.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {object} page The data of the selected page.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Expanded nodes' ids.\n   */\n  expanded: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * When uncontrolled, defines the initial expanded nodes' ids.\n   *\n   * It also supports `true` for starting with all nodes expanded.\n   * With `false` all nodes will be collapsed.\n   *\n   * By default it expands the needed nodes to display the current selection, if any.\n   */\n  defaultExpanded: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.bool]),\n  /**\n   * Callback fired when tree items are expanded/collapsed.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {array} nodeIds The ids of the expanded nodes (old and new).\n   */\n  onToggle: PropTypes.func,\n\n  /**\n   * An array containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   * data - sub-menu items\n   * href - the url used for navigation.\n   * target - the behavior when opening an url.\n   */\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      icon: PropTypes.node,\n      data: PropTypes.array,\n      href: PropTypes.string,\n      target: PropTypes.string,\n    })\n  ).isRequired,\n\n  /**\n   * Callback triggered when any item is clicked.\n   *\n   *  @deprecated use `onChange` for selection and `onToggle` for node expansion/collapse.\n   */\n  onClick: deprecatedPropType(PropTypes.func),\n  /**\n   * The root element (nav) aria label.\n   *\n   *  @deprecated Use directly the `aria-label` property instead.\n   */\n  label: deprecatedPropType(PropTypes.string),\n};\n\nexport default withStyles(styles, { name: \"HvVerticalNavigationTree\" })(Navigation);\n"],"mappings":"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"}

package/dist/VerticalNavigation/index.d.ts

@@ -1,4 +1,7 @@
-export { default } from "./Navigation";
+export { default } from "./VerticalNavigation";
+export * from "./VerticalNavigation";
+
+export { default as HvVerticalNavigationTree } from "./Navigation";
 export * from "./Navigation";
 
 export {

package/dist/legacy/Banner/Banner.d.ts

@@ -1,6 +1,7 @@
 import * as React from "react";
-import { StandardProps, SnackbarProps, SnackbarContentProps } from "@mui/material";
+import { StandardProps, SnackbarProps } from "@mui/material";
 import { HvActionsGenericCommonProps } from "../ActionsGeneric";
+import { HvBannerContentProps } from "./BannerContent";
 
 export type TransitionDirectionProp = "up" | "down" | "left" | "right";
 
@@ -55,7 +56,7 @@ export interface HvBannerProps
   /**
    * Props to pass down to the Banner Wrapper.
    */
-  bannerContentProps?: SnackbarContentProps;
+  bannerContentProps?: Partial<HvBannerContentProps>;
 }
 
 export default function HvBanner(props: HvBannerProps): JSX.Element | null;

package/dist/legacy/Banner/Banner.js

@@ -19,7 +19,7 @@ import { Slide, Snackbar } from "@mui/material";
 import { withStyles } from "@mui/styles";
 import capitalize from "lodash/capitalize";
 import { setId } from "../utils";
-import HvBannerContentWrapper from "./BannerWrapper";
+import HvBannerContent from "./BannerContent";
 import styles from "./styles";
 /**
  * A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.
@@ -86,7 +86,7 @@ var HvBanner = function HvBanner(props) {
     open: open,
     transitionDuration: transitionDuration
   }, others), {}, {
-    children: /*#__PURE__*/_jsx(HvBannerContentWrapper, _objectSpread({
+    children: /*#__PURE__*/_jsx(HvBannerContent, _objectSpread({
       id: setId(id, "content"),
       content: label,
       variant: variant,