@wix/design-system 1.160.1 → 1.161.0

package/dist/cjs/Table/FloatingScrollBar/FloatingScrollBar.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_160_1_FloatingScrollBar";
+var _namespace_ = "wds_1_161_0_FloatingScrollBar";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_160_1_FloatingScrollBar__root","content":"wds_1_160_1_FloatingScrollBar__content"};
+module.exports.classes = {"root":"wds_1_161_0_FloatingScrollBar__root","content":"wds_1_161_0_FloatingScrollBar__content"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Table/Table.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_160_1_Table";
+var _namespace_ = "wds_1_161_0_Table";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_160_1_Table__root","onHover":"wds_1_160_1_TableActionCell__onHover","notOnHover":"wds_1_160_1_TableActionCell__notOnHover","emptyStateContainer":"wds_1_160_1_Table__emptyStateContainer","content":"wds_1_160_1_Table__content","tableRow":"wds_1_160_1_Table__tableRow","tableSubToolbar":"wds_1_160_1_Table__tableSubToolbar"};
+module.exports.classes = {"root":"wds_1_161_0_Table__root","onHover":"wds_1_161_0_TableActionCell__onHover","notOnHover":"wds_1_161_0_TableActionCell__notOnHover","emptyStateContainer":"wds_1_161_0_Table__emptyStateContainer","content":"wds_1_161_0_Table__content","tableRow":"wds_1_161_0_Table__tableRow","tableSubToolbar":"wds_1_161_0_Table__tableSubToolbar"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/TableActionCell/TableActionCell.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_160_1_TableActionCell";
+var _namespace_ = "wds_1_161_0_TableActionCell";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_160_1_TableActionCell__root","action":"wds_1_160_1_TableActionCell__action","hoverSlot":"wds_1_160_1_TableActionCell__hoverSlot","onHover":"wds_1_160_1_TableActionCell__onHover","notOnHover":"wds_1_160_1_TableActionCell__notOnHover","placeholderIcon":"wds_1_160_1_TableActionCell__placeholderIcon"};
+module.exports.classes = {"root":"wds_1_161_0_TableActionCell__root","action":"wds_1_161_0_TableActionCell__action","hoverSlot":"wds_1_161_0_TableActionCell__hoverSlot","onHover":"wds_1_161_0_TableActionCell__onHover","notOnHover":"wds_1_161_0_TableActionCell__notOnHover","placeholderIcon":"wds_1_161_0_TableActionCell__placeholderIcon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/TableListHeader/TableListHeader.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_160_1_TableListHeader";
+var _namespace_ = "wds_1_161_0_TableListHeader";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_160_1_TableListHeader__root","text-small-normal":"wds_1_160_1_StylableTypography__text-small-normal","optionsContainer":"wds_1_160_1_TableListHeader__optionsContainer","option":"wds_1_160_1_TableListHeader__option","sortArrow":"wds_1_160_1_TableListHeader__sortArrow"};
+module.exports.classes = {"root":"wds_1_161_0_TableListHeader__root","text-small-normal":"wds_1_161_0_StylableTypography__text-small-normal","optionsContainer":"wds_1_161_0_TableListHeader__optionsContainer","option":"wds_1_161_0_TableListHeader__option","sortArrow":"wds_1_161_0_TableListHeader__sortArrow"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/TableListItem/{constants.js → TableListItem.constants.js}

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.dataHooks = exports.PADDING = exports.ALIGN = void 0;
-var dataHooks = exports.dataHooks = {
+exports.PADDING = exports.DATA_HOOKS = exports.ALIGN = void 0;
+var DATA_HOOKS = exports.DATA_HOOKS = {
   tableListItemValue: 'tableListItem-value',
   tableListItemCheckbox: 'tableListItem-checkbox',
   tableListItemCheckboxContainer: 'tableListItem-checkboxContainer',
@@ -24,4 +24,4 @@ var PADDING = exports.PADDING = {
   medium: 'medium',
   large: 'large'
 };
-//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=TableListItem.constants.js.map

package/dist/cjs/TableListItem/TableListItem.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DATA_HOOKS","exports","tableListItemValue","tableListItemCheckbox","tableListItemCheckboxContainer","tableListItemOptionsContainer","tableListItemDragHandle","tableListItemExpandHandleContainer","tableListItemExpandHandle","ALIGN","left","center","right","PADDING","xxTiny","xTiny","tiny","small","medium","large"],"sources":["../../../src/TableListItem/TableListItem.constants.ts"],"sourcesContent":["export const DATA_HOOKS = {\n  tableListItemValue: 'tableListItem-value',\n  tableListItemCheckbox: 'tableListItem-checkbox',\n  tableListItemCheckboxContainer: 'tableListItem-checkboxContainer',\n  tableListItemOptionsContainer: 'tableListItem-optionsContainer',\n  tableListItemDragHandle: 'tableListItem-dragHandle',\n  tableListItemExpandHandleContainer: 'tableListItem-expandHandleContainer',\n  tableListItemExpandHandle: 'tableListItem-expandHandle',\n};\n\nexport const ALIGN = {\n  left: 'left',\n  center: 'center',\n  right: 'right',\n} as const;\n\nexport const PADDING = {\n  xxTiny: 'xxTiny',\n  xTiny: 'xTiny',\n  tiny: 'tiny',\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n} as const;\n"],"mappings":";;;;AAAO,IAAMA,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG;EACxBE,kBAAkB,EAAE,qBAAqB;EACzCC,qBAAqB,EAAE,wBAAwB;EAC/CC,8BAA8B,EAAE,iCAAiC;EACjEC,6BAA6B,EAAE,gCAAgC;EAC/DC,uBAAuB,EAAE,0BAA0B;EACnDC,kCAAkC,EAAE,qCAAqC;EACzEC,yBAAyB,EAAE;AAC7B,CAAC;AAEM,IAAMC,KAAK,GAAAR,OAAA,CAAAQ,KAAA,GAAG;EACnBC,IAAI,EAAE,MAAM;EACZC,MAAM,EAAE,QAAQ;EAChBC,KAAK,EAAE;AACT,CAAU;AAEH,IAAMC,OAAO,GAAAZ,OAAA,CAAAY,OAAA,GAAG;EACrBC,MAAM,EAAE,QAAQ;EAChBC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE,QAAQ;EAChBC,KAAK,EAAE;AACT,CAAU","ignoreList":[]}

package/dist/cjs/TableListItem/TableListItem.js

@@ -6,10 +6,9 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _constants = require("./constants");
+var _TableListItem = require("./TableListItem.constants");
 var _TableListItemSt = require("./TableListItem.st.css.js");
 var _Checkbox = _interopRequireDefault(require("../Checkbox"));
-var _context = require("../WixDesignSystemProvider/context");
 var _DragHandle = require("../DragHandle/DragHandle");
 var _forkRef = require("../utils/forkRef");
 var _useDraggableContainer = require("../DraggableContainer/useDraggableContainer");
@@ -23,41 +22,45 @@ var getWidthStyle = options => options.reduce((acc, _ref) => {
   } = _ref;
   return "".concat(acc, " ").concat(typeof width === 'number' ? width + 'px' : width || '1fr');
 }, '');
-
-/** TableListItem */
 var TableListItem = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
   var {
     options,
-    verticalPadding = _constants.PADDING.small,
-    horizontalPadding = _constants.PADDING.large,
+    verticalPadding = _TableListItem.PADDING.small,
+    horizontalPadding = _TableListItem.PADDING.large,
+    selectable = false,
     checkbox = false,
     checkboxDisabled,
     checkboxTooltipContent,
     checkboxTooltipProps,
     checked,
     onCheckboxChange = () => {},
-    draggable = false,
     focused,
     onBlur,
-    dragDisabled,
     showDivider = false,
     onKeyUp,
     onClick,
     onMouseEnter,
     onMouseLeave,
-    dragging,
     className,
     dataHook,
+    draggable = false,
+    dragging,
+    dragDisabled,
     dragHandleProps,
-    border = false,
     dragHandleSize = 'large',
+    showDragHandleOnHover = false,
+    border = false,
+    showSelectionBorder = true,
     expandable = false,
     expandDisabled,
     onClickExpand,
-    expanded = false
+    expanded = false,
+    ariaLabel
   } = _ref2;
   var draggableRef = (0, _react.useRef)(null);
   var rootRef = (0, _react.useRef)(null);
+  var showControls = draggable || expandable || checkbox;
+  var isSelectableWithoutCheckbox = !!(selectable && onClick && !checkbox);
   _react.default.useEffect(() => {
     if (draggableRef.current && focused) {
       draggableRef.current.focus();
@@ -74,157 +77,158 @@ var TableListItem = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
     dragDisabled,
     highlight: true
   });
-  var showControls = draggable || expandable || checkbox;
-  return /*#__PURE__*/_react.default.createElement(_context.WixDesignSystemContext.Consumer, {
+  function selectItem(e) {
+    if (e.key === 'Enter' && document.activeElement === (rootRef == null ? void 0 : rootRef.current)) {
+      onClick == null || onClick(e);
+    }
+  }
+  function interceptOnClickExpand(e) {
+    onClickExpand == null || onClickExpand(e);
+    e.stopPropagation();
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: rootRef,
+    "data-hook": dataHook,
+    className: (0, _TableListItemSt.st)(_TableListItemSt.classes.root, {
+      draggable: draggable && !dragDisabled,
+      dragDisabled,
+      dragging,
+      showDragHandleOnHover,
+      checked: (checkbox || selectable) && checked,
+      showDivider,
+      clickable: !!onClick,
+      selectable: isSelectableWithoutCheckbox,
+      verticalPadding,
+      horizontalPadding,
+      border,
+      showSelectionBorder,
+      dragHandleSize
+    }, className, draggableContainerClassName),
+    tabIndex: !isSelectableWithoutCheckbox ? -1 : 0,
+    "aria-label": !isSelectableWithoutCheckbox ? undefined : ariaLabel,
+    "aria-selected": !isSelectableWithoutCheckbox ? undefined : checked,
+    onKeyDown: !isSelectableWithoutCheckbox ? undefined : e => selectItem(e),
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    onClick: onClick,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 78,
+      lineNumber: 92,
       columnNumber: 7
     }
-  }, _ref3 => {
+  }, showControls && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _TableListItemSt.st)(_TableListItemSt.classes.controlsContainer, {
+      dragHandleSize
+    }),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 126,
+      columnNumber: 11
+    }
+  }, draggable && /*#__PURE__*/_react.default.createElement("div", {
+    className: _TableListItemSt.classes.handleContainer,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 128,
+      columnNumber: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(_DragHandle.DragHandle, (0, _extends2.default)({
+    tabIndex: onKeyUp ? 0 : undefined
+  }, dragHandleProps, {
+    domRef: (0, _forkRef.forkRef)(draggableRef, (dragHandleProps == null ? void 0 : dragHandleProps.domRef) || null),
+    onBlur: onBlur,
+    onKeyUp: onKeyUp,
+    dragging: dragging,
+    disabled: dragDisabled,
+    dataHook: _TableListItem.DATA_HOOKS.tableListItemDragHandle,
+    dragHandleSize: dragHandleSize,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 129,
+      columnNumber: 17
+    }
+  }))), expandable && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _TableListItemSt.st)(_TableListItemSt.classes.expandHandle, {
+      expandable: expandable && !expandDisabled
+    }),
+    onClick: expandDisabled ? undefined : interceptOnClickExpand,
+    "data-hook": _TableListItem.DATA_HOOKS.tableListItemExpandHandleContainer,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 146,
+      columnNumber: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(_system.CaretRight, {
+    className: (0, _TableListItemSt.st)(_TableListItemSt.classes.caretIcon, {
+      expanded
+    }),
+    "data-hook": _TableListItem.DATA_HOOKS.tableListItemExpandHandle,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 153,
+      columnNumber: 17
+    }
+  })), checkbox && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _TableListItemSt.st)(_TableListItemSt.classes.checkbox, {
+      checkboxDisabled
+    }),
+    "data-hook": _TableListItem.DATA_HOOKS.tableListItemCheckboxContainer,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 162,
+      columnNumber: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
+    checked: checked,
+    disabled: checkboxDisabled,
+    onChange: checkboxDisabled ? undefined : onCheckboxChange,
+    dataHook: _TableListItem.DATA_HOOKS.tableListItemCheckbox,
+    tooltipContent: checkboxTooltipContent,
+    tooltipProps: checkboxTooltipProps,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 166,
+      columnNumber: 17
+    }
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: _TableListItemSt.classes.optionsContainer,
+    style: {
+      gridTemplateColumns: getWidthStyle(options)
+    },
+    "data-hook": _TableListItem.DATA_HOOKS.tableListItemOptionsContainer,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 178,
+      columnNumber: 9
+    }
+  }, options.map((_ref3, index) => {
     var {
-      newColorsBranding
+      value,
+      align
     } = _ref3;
     return /*#__PURE__*/_react.default.createElement("div", {
-      ref: rootRef,
-      tabIndex: -1,
-      onClick: onClick,
-      onMouseEnter: onMouseEnter,
-      onMouseLeave: onMouseLeave,
-      className: (0, _TableListItemSt.st)(_TableListItemSt.classes.root, {
-        draggable: draggable && !dragDisabled,
-        dragDisabled,
-        dragging,
-        checked: checkbox && checked,
-        showDivider,
-        clickable: !!onClick,
-        verticalPadding,
-        horizontalPadding,
-        newColorsBranding,
-        border,
-        dragHandleSize
-      }, className, draggableContainerClassName),
-      "data-hook": dataHook,
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 80,
-        columnNumber: 11
-      }
-    }, showControls && /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _TableListItemSt.st)(_TableListItemSt.classes.controlsContainer, {
-        dragHandleSize
-      }),
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 107,
-        columnNumber: 15
-      }
-    }, draggable && /*#__PURE__*/_react.default.createElement("div", {
-      className: _TableListItemSt.classes.handleContainer,
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 111,
-        columnNumber: 19
-      }
-    }, /*#__PURE__*/_react.default.createElement(_DragHandle.DragHandle, (0, _extends2.default)({
-      tabIndex: onKeyUp ? 0 : undefined
-    }, dragHandleProps, {
-      domRef: (0, _forkRef.forkRef)(draggableRef, (dragHandleProps == null ? void 0 : dragHandleProps.domRef) || null),
-      onBlur: onBlur,
-      onKeyUp: onKeyUp,
-      dragging: dragging,
-      disabled: dragDisabled,
-      dataHook: _constants.dataHooks.tableListItemDragHandle,
-      dragHandleSize: dragHandleSize,
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 112,
-        columnNumber: 21
-      }
-    }))), expandable && /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _TableListItemSt.st)(_TableListItemSt.classes.expandHandle, {
-        expandable: expandable && !expandDisabled
-      }),
-      onClick: expandDisabled ? undefined : onClickExpand,
-      "data-hook": _constants.dataHooks.tableListItemExpandHandleContainer,
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 129,
-        columnNumber: 19
-      }
-    }, /*#__PURE__*/_react.default.createElement(_system.CaretRight, {
-      className: (0, _TableListItemSt.st)(_TableListItemSt.classes.caretIcon, {
-        expanded
-      }),
-      "data-hook": _constants.dataHooks.tableListItemExpandHandle,
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 136,
-        columnNumber: 21
-      }
-    })), checkbox && /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _TableListItemSt.st)(_TableListItemSt.classes.checkbox, {
-        checkboxDisabled
+      className: (0, _TableListItemSt.st)(_TableListItemSt.classes.align, {
+        position: align && _TableListItem.ALIGN[align]
       }),
-      "data-hook": _constants.dataHooks.tableListItemCheckboxContainer,
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 145,
-        columnNumber: 19
-      }
-    }, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
-      checked: checked,
-      disabled: checkboxDisabled,
-      onChange: checkboxDisabled ? undefined : onCheckboxChange,
-      dataHook: _constants.dataHooks.tableListItemCheckbox,
-      tooltipContent: checkboxTooltipContent,
-      tooltipProps: checkboxTooltipProps,
+      key: index,
+      "data-hook": _TableListItem.DATA_HOOKS.tableListItemValue,
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 149,
-        columnNumber: 21
-      }
-    }))), /*#__PURE__*/_react.default.createElement("div", {
-      className: _TableListItemSt.classes.optionsContainer,
-      style: {
-        gridTemplateColumns: getWidthStyle(options)
-      },
-      "data-hook": _constants.dataHooks.tableListItemOptionsContainer,
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 161,
+        lineNumber: 186,
         columnNumber: 13
       }
-    }, options.map((_ref4, index) => {
-      var {
-        value,
-        align
-      } = _ref4;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _TableListItemSt.st)(_TableListItemSt.classes.align, {
-          position: align && _constants.ALIGN[align]
-        }),
-        key: index,
-        "data-hook": _constants.dataHooks.tableListItemValue,
-        __self: void 0,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 169,
-          columnNumber: 17
-        }
-      }, value);
-    })));
-  });
+    }, value);
+  })));
 });
 TableListItem.displayName = 'TableListItem';
 TableListItem.propTypes = {
@@ -234,10 +238,10 @@ TableListItem.propTypes = {
   options: _propTypes.default.arrayOf(_propTypes.default.shape({
     value: _propTypes.default.node.isRequired,
     width: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-    align: _propTypes.default.oneOf([_constants.ALIGN.left, _constants.ALIGN.center, _constants.ALIGN.right])
+    align: _propTypes.default.oneOf([_TableListItem.ALIGN.left, _TableListItem.ALIGN.center, _TableListItem.ALIGN.right])
   }).isRequired).isRequired,
-  verticalPadding: _propTypes.default.oneOf([_constants.PADDING.large, _constants.PADDING.medium, _constants.PADDING.small, _constants.PADDING.tiny, _constants.PADDING.xTiny, _constants.PADDING.xxTiny]),
-  horizontalPadding: _propTypes.default.oneOf([_constants.PADDING.large, _constants.PADDING.medium, _constants.PADDING.small, _constants.PADDING.tiny, _constants.PADDING.xTiny, _constants.PADDING.xxTiny]),
+  verticalPadding: _propTypes.default.oneOf([_TableListItem.PADDING.large, _TableListItem.PADDING.medium, _TableListItem.PADDING.small, _TableListItem.PADDING.tiny, _TableListItem.PADDING.xTiny, _TableListItem.PADDING.xxTiny]),
+  horizontalPadding: _propTypes.default.oneOf([_TableListItem.PADDING.large, _TableListItem.PADDING.medium, _TableListItem.PADDING.small, _TableListItem.PADDING.tiny, _TableListItem.PADDING.xTiny, _TableListItem.PADDING.xxTiny]),
   dragging: _propTypes.default.bool,
   checkbox: _propTypes.default.bool,
   checkboxDisabled: _propTypes.default.bool,
@@ -245,6 +249,7 @@ TableListItem.propTypes = {
   onCheckboxChange: _propTypes.default.func,
   draggable: _propTypes.default.bool,
   dragDisabled: _propTypes.default.bool,
+  showDragHandleOnHover: _propTypes.default.bool,
   showDivider: _propTypes.default.bool,
   onBlur: _propTypes.default.func,
   onKeyUp: _propTypes.default.func,
@@ -256,11 +261,14 @@ TableListItem.propTypes = {
   checkboxTooltipContent: _propTypes.default.any,
   checkboxTooltipProps: _propTypes.default.object,
   border: _propTypes.default.bool,
+  showSelectionBorder: _propTypes.default.bool,
   dragHandleSize: _propTypes.default.oneOf(['small', 'large']),
   expandable: _propTypes.default.bool,
   expanded: _propTypes.default.bool,
   onClickExpand: _propTypes.default.func,
-  expandDisabled: _propTypes.default.bool
+  expandDisabled: _propTypes.default.bool,
+  selectable: _propTypes.default.bool,
+  ariaLabel: _propTypes.default.string
 };
 var _default = exports.default = TableListItem;
 //# sourceMappingURL=TableListItem.js.map

package/dist/cjs/TableListItem/TableListItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_constants","_TableListItemSt","_Checkbox","_context","_DragHandle","_forkRef","_useDraggableContainer","_system","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","getWidthStyle","options","reduce","acc","_ref","width","concat","TableListItem","forwardRef","_ref2","ref","verticalPadding","PADDING","small","horizontalPadding","large","checkbox","checkboxDisabled","checkboxTooltipContent","checkboxTooltipProps","checked","onCheckboxChange","draggable","focused","onBlur","dragDisabled","showDivider","onKeyUp","onClick","onMouseEnter","onMouseLeave","dragging","className","dataHook","dragHandleProps","border","dragHandleSize","expandable","expandDisabled","onClickExpand","expanded","draggableRef","useRef","rootRef","React","useEffect","current","focus","useImperativeHandle","draggableContainerClassName","useDraggableContainer","highlight","showControls","createElement","WixDesignSystemContext","Consumer","__self","__source","fileName","lineNumber","columnNumber","_ref3","newColorsBranding","tabIndex","st","classes","root","clickable","controlsContainer","handleContainer","DragHandle","_extends2","undefined","domRef","forkRef","disabled","dataHooks","tableListItemDragHandle","expandHandle","tableListItemExpandHandleContainer","CaretRight","caretIcon","tableListItemExpandHandle","tableListItemCheckboxContainer","onChange","tableListItemCheckbox","tooltipContent","tooltipProps","optionsContainer","style","gridTemplateColumns","tableListItemOptionsContainer","map","_ref4","index","value","align","position","ALIGN","key","tableListItemValue","displayName","propTypes","PropTypes","string","arrayOf","shape","node","isRequired","oneOfType","number","oneOf","left","center","right","medium","tiny","xTiny","xxTiny","bool","func","object","any","_default","exports"],"sources":["../../../src/TableListItem/TableListItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { dataHooks, ALIGN, PADDING } from './constants';\nimport { st, classes } from './TableListItem.st.css';\nimport Checkbox from '../Checkbox';\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\nimport { DragHandle } from '../DragHandle/DragHandle';\nimport { forkRef } from '../utils/forkRef';\nimport { useDraggableContainer } from '../DraggableContainer/useDraggableContainer';\nimport { CaretRight } from '@wix/wix-ui-icons-common/system';\nimport { TableListItemColumn, TableListItemProps } from './TableListItem.types';\n\nconst getWidthStyle = (options: TableListItemColumn[]) =>\n  options.reduce(\n    (acc, { width }) =>\n      `${acc} ${typeof width === 'number' ? width + 'px' : width || '1fr'}`,\n    '',\n  );\n\n/** TableListItem */\nconst TableListItem = forwardRef(\n  (\n    {\n      options,\n      verticalPadding = PADDING.small,\n      horizontalPadding = PADDING.large,\n      checkbox = false,\n      checkboxDisabled,\n      checkboxTooltipContent,\n      checkboxTooltipProps,\n      checked,\n      onCheckboxChange = () => {},\n      draggable = false,\n      focused,\n      onBlur,\n      dragDisabled,\n      showDivider = false,\n      onKeyUp,\n      onClick,\n      onMouseEnter,\n      onMouseLeave,\n      dragging,\n      className,\n      dataHook,\n      dragHandleProps,\n      border = false,\n      dragHandleSize = 'large',\n      expandable = false,\n      expandDisabled,\n      onClickExpand,\n      expanded = false,\n    }: TableListItemProps,\n    ref,\n  ) => {\n    const draggableRef = useRef<HTMLDivElement | null>(null);\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    React.useEffect(() => {\n      if (draggableRef.current && focused) {\n        draggableRef.current.focus();\n      }\n    }, [draggableRef, focused]);\n\n    React.useImperativeHandle(ref, () => ({\n      focus: () => rootRef.current && rootRef.current.focus(),\n    }));\n\n    const { className: draggableContainerClassName } = useDraggableContainer({\n      dragging,\n      draggable,\n      dragDisabled,\n      highlight: true,\n    });\n\n    const showControls = draggable || expandable || checkbox;\n\n    return (\n      <WixDesignSystemContext.Consumer>\n        {({ newColorsBranding }) => (\n          <div\n            ref={rootRef}\n            tabIndex={-1}\n            onClick={onClick}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n            className={st(\n              classes.root,\n              {\n                draggable: draggable && !dragDisabled,\n                dragDisabled,\n                dragging,\n                checked: checkbox && checked,\n                showDivider,\n                clickable: !!onClick,\n                verticalPadding,\n                horizontalPadding,\n                newColorsBranding,\n                border,\n                dragHandleSize,\n              },\n              className,\n              draggableContainerClassName,\n            )}\n            data-hook={dataHook}\n          >\n            {showControls && (\n              <div\n                className={st(classes.controlsContainer, { dragHandleSize })}\n              >\n                {draggable && (\n                  <div className={classes.handleContainer}>\n                    <DragHandle\n                      tabIndex={onKeyUp ? 0 : undefined}\n                      {...dragHandleProps}\n                      domRef={forkRef(\n                        draggableRef,\n                        dragHandleProps?.domRef || null,\n                      )}\n                      onBlur={onBlur}\n                      onKeyUp={onKeyUp}\n                      dragging={dragging}\n                      disabled={dragDisabled}\n                      dataHook={dataHooks.tableListItemDragHandle}\n                      dragHandleSize={dragHandleSize}\n                    />\n                  </div>\n                )}\n                {expandable && (\n                  <div\n                    className={st(classes.expandHandle, {\n                      expandable: expandable && !expandDisabled,\n                    })}\n                    onClick={expandDisabled ? undefined : onClickExpand}\n                    data-hook={dataHooks.tableListItemExpandHandleContainer}\n                  >\n                    <CaretRight\n                      className={st(classes.caretIcon, {\n                        expanded,\n                      })}\n                      data-hook={dataHooks.tableListItemExpandHandle}\n                    />\n                  </div>\n                )}\n                {checkbox && (\n                  <div\n                    className={st(classes.checkbox, { checkboxDisabled })}\n                    data-hook={dataHooks.tableListItemCheckboxContainer}\n                  >\n                    <Checkbox\n                      checked={checked}\n                      disabled={checkboxDisabled}\n                      onChange={checkboxDisabled ? undefined : onCheckboxChange}\n                      dataHook={dataHooks.tableListItemCheckbox}\n                      tooltipContent={checkboxTooltipContent}\n                      tooltipProps={checkboxTooltipProps}\n                    />\n                  </div>\n                )}\n              </div>\n            )}\n            <div\n              className={classes.optionsContainer}\n              style={{\n                gridTemplateColumns: getWidthStyle(options),\n              }}\n              data-hook={dataHooks.tableListItemOptionsContainer}\n            >\n              {options.map(({ value, align }, index) => (\n                <div\n                  className={st(classes.align, {\n                    position: align && ALIGN[align],\n                  })}\n                  key={index}\n                  data-hook={dataHooks.tableListItemValue}\n                >\n                  {value}\n                </div>\n              ))}\n            </div>\n          </div>\n        )}\n      </WixDesignSystemContext.Consumer>\n    );\n  },\n);\n\nTableListItem.displayName = 'TableListItem';\n\nTableListItem.propTypes = {\n  dataHook: PropTypes.string,\n  className: PropTypes.string,\n  // @ts-expect-error incompatibility https://github.com/DefinitelyTyped/DefinitelyTyped/issues/45094\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      value: PropTypes.node.isRequired,\n      width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      align: PropTypes.oneOf([ALIGN.left, ALIGN.center, ALIGN.right]),\n    }).isRequired,\n  ).isRequired,\n  verticalPadding: PropTypes.oneOf([\n    PADDING.large,\n    PADDING.medium,\n    PADDING.small,\n    PADDING.tiny,\n    PADDING.xTiny,\n    PADDING.xxTiny,\n  ]),\n  horizontalPadding: PropTypes.oneOf([\n    PADDING.large,\n    PADDING.medium,\n    PADDING.small,\n    PADDING.tiny,\n    PADDING.xTiny,\n    PADDING.xxTiny,\n  ]),\n  dragging: PropTypes.bool,\n  checkbox: PropTypes.bool,\n  checkboxDisabled: PropTypes.bool,\n  checked: PropTypes.bool,\n  onCheckboxChange: PropTypes.func,\n  draggable: PropTypes.bool,\n  dragDisabled: PropTypes.bool,\n  showDivider: PropTypes.bool,\n  onBlur: PropTypes.func,\n  onKeyUp: PropTypes.func,\n  focused: PropTypes.bool,\n  onClick: PropTypes.func,\n  onMouseEnter: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  dragHandleProps: PropTypes.object,\n  checkboxTooltipContent: PropTypes.any,\n  checkboxTooltipProps: PropTypes.object,\n  border: PropTypes.bool,\n  dragHandleSize: PropTypes.oneOf(['small', 'large']),\n  expandable: PropTypes.bool,\n  expanded: PropTypes.bool,\n  onClickExpand: PropTypes.func,\n  expandDisabled: PropTypes.bool,\n};\n\nexport default TableListItem;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_TableListItem","_TableListItemSt","_Checkbox","_DragHandle","_forkRef","_useDraggableContainer","_system","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","getWidthStyle","options","reduce","acc","_ref","width","concat","TableListItem","forwardRef","_ref2","ref","verticalPadding","PADDING","small","horizontalPadding","large","selectable","checkbox","checkboxDisabled","checkboxTooltipContent","checkboxTooltipProps","checked","onCheckboxChange","focused","onBlur","showDivider","onKeyUp","onClick","onMouseEnter","onMouseLeave","className","dataHook","draggable","dragging","dragDisabled","dragHandleProps","dragHandleSize","showDragHandleOnHover","border","showSelectionBorder","expandable","expandDisabled","onClickExpand","expanded","ariaLabel","draggableRef","useRef","rootRef","showControls","isSelectableWithoutCheckbox","React","useEffect","current","focus","useImperativeHandle","draggableContainerClassName","useDraggableContainer","highlight","selectItem","key","document","activeElement","interceptOnClickExpand","stopPropagation","createElement","st","classes","root","clickable","tabIndex","undefined","onKeyDown","__self","__source","fileName","lineNumber","columnNumber","controlsContainer","handleContainer","DragHandle","_extends2","domRef","forkRef","disabled","DATA_HOOKS","tableListItemDragHandle","expandHandle","tableListItemExpandHandleContainer","CaretRight","caretIcon","tableListItemExpandHandle","tableListItemCheckboxContainer","onChange","tableListItemCheckbox","tooltipContent","tooltipProps","optionsContainer","style","gridTemplateColumns","tableListItemOptionsContainer","map","_ref3","index","value","align","position","ALIGN","tableListItemValue","displayName","propTypes","PropTypes","string","arrayOf","shape","node","isRequired","oneOfType","number","oneOf","left","center","right","medium","tiny","xTiny","xxTiny","bool","func","object","any","_default","exports"],"sources":["../../../src/TableListItem/TableListItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { DATA_HOOKS, ALIGN, PADDING } from './TableListItem.constants';\nimport { st, classes } from './TableListItem.st.css';\nimport Checkbox from '../Checkbox';\nimport { DragHandle } from '../DragHandle/DragHandle';\nimport { forkRef } from '../utils/forkRef';\nimport { useDraggableContainer } from '../DraggableContainer/useDraggableContainer';\nimport { CaretRight } from '@wix/wix-ui-icons-common/system';\nimport { TableListItemColumn, TableListItemProps } from './TableListItem.types';\n\nconst getWidthStyle = (options: TableListItemColumn[]) =>\n  options.reduce(\n    (acc, { width }) =>\n      `${acc} ${typeof width === 'number' ? width + 'px' : width || '1fr'}`,\n    '',\n  );\n\nconst TableListItem = forwardRef(\n  (\n    {\n      options,\n      verticalPadding = PADDING.small,\n      horizontalPadding = PADDING.large,\n      selectable = false,\n      checkbox = false,\n      checkboxDisabled,\n      checkboxTooltipContent,\n      checkboxTooltipProps,\n      checked,\n      onCheckboxChange = () => {},\n      focused,\n      onBlur,\n      showDivider = false,\n      onKeyUp,\n      onClick,\n      onMouseEnter,\n      onMouseLeave,\n      className,\n      dataHook,\n      draggable = false,\n      dragging,\n      dragDisabled,\n      dragHandleProps,\n      dragHandleSize = 'large',\n      showDragHandleOnHover = false,\n      border = false,\n      showSelectionBorder = true,\n      expandable = false,\n      expandDisabled,\n      onClickExpand,\n      expanded = false,\n      ariaLabel,\n    }: TableListItemProps,\n    ref,\n  ) => {\n    const draggableRef = useRef<HTMLDivElement | null>(null);\n    const rootRef = useRef<HTMLDivElement | null>(null);\n\n    const showControls = draggable || expandable || checkbox;\n    const isSelectableWithoutCheckbox = !!(selectable && onClick && !checkbox);\n\n    React.useEffect(() => {\n      if (draggableRef.current && focused) {\n        draggableRef.current.focus();\n      }\n    }, [draggableRef, focused]);\n\n    React.useImperativeHandle(ref, () => ({\n      focus: () => rootRef.current && rootRef.current.focus(),\n    }));\n\n    const { className: draggableContainerClassName } = useDraggableContainer({\n      dragging,\n      draggable,\n      dragDisabled,\n      highlight: true,\n    });\n\n    function selectItem(e: React.KeyboardEvent<HTMLDivElement>) {\n      if (e.key === 'Enter' && document.activeElement === rootRef?.current) {\n        onClick?.(e);\n      }\n    }\n\n    function interceptOnClickExpand(e: React.MouseEvent<HTMLDivElement>) {\n      onClickExpand?.(e);\n      e.stopPropagation();\n    }\n\n    return (\n      <div\n        ref={rootRef}\n        data-hook={dataHook}\n        className={st(\n          classes.root,\n          {\n            draggable: draggable && !dragDisabled,\n            dragDisabled,\n            dragging,\n            showDragHandleOnHover,\n            checked: (checkbox || selectable) && checked,\n            showDivider,\n            clickable: !!onClick,\n            selectable: isSelectableWithoutCheckbox,\n            verticalPadding,\n            horizontalPadding,\n            border,\n            showSelectionBorder,\n            dragHandleSize,\n          },\n          className,\n          draggableContainerClassName,\n        )}\n        tabIndex={!isSelectableWithoutCheckbox ? -1 : 0}\n        aria-label={!isSelectableWithoutCheckbox ? undefined : ariaLabel}\n        aria-selected={!isSelectableWithoutCheckbox ? undefined : checked}\n        onKeyDown={\n          !isSelectableWithoutCheckbox ? undefined : e => selectItem(e)\n        }\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        onClick={onClick}\n      >\n        {showControls && (\n          <div className={st(classes.controlsContainer, { dragHandleSize })}>\n            {draggable && (\n              <div className={classes.handleContainer}>\n                <DragHandle\n                  tabIndex={onKeyUp ? 0 : undefined}\n                  {...dragHandleProps}\n                  domRef={forkRef(\n                    draggableRef,\n                    dragHandleProps?.domRef || null,\n                  )}\n                  onBlur={onBlur}\n                  onKeyUp={onKeyUp}\n                  dragging={dragging}\n                  disabled={dragDisabled}\n                  dataHook={DATA_HOOKS.tableListItemDragHandle}\n                  dragHandleSize={dragHandleSize}\n                />\n              </div>\n            )}\n            {expandable && (\n              <div\n                className={st(classes.expandHandle, {\n                  expandable: expandable && !expandDisabled,\n                })}\n                onClick={expandDisabled ? undefined : interceptOnClickExpand}\n                data-hook={DATA_HOOKS.tableListItemExpandHandleContainer}\n              >\n                <CaretRight\n                  className={st(classes.caretIcon, {\n                    expanded,\n                  })}\n                  data-hook={DATA_HOOKS.tableListItemExpandHandle}\n                />\n              </div>\n            )}\n            {checkbox && (\n              <div\n                className={st(classes.checkbox, { checkboxDisabled })}\n                data-hook={DATA_HOOKS.tableListItemCheckboxContainer}\n              >\n                <Checkbox\n                  checked={checked}\n                  disabled={checkboxDisabled}\n                  onChange={checkboxDisabled ? undefined : onCheckboxChange}\n                  dataHook={DATA_HOOKS.tableListItemCheckbox}\n                  tooltipContent={checkboxTooltipContent}\n                  tooltipProps={checkboxTooltipProps}\n                />\n              </div>\n            )}\n          </div>\n        )}\n        <div\n          className={classes.optionsContainer}\n          style={{\n            gridTemplateColumns: getWidthStyle(options),\n          }}\n          data-hook={DATA_HOOKS.tableListItemOptionsContainer}\n        >\n          {options.map(({ value, align }, index) => (\n            <div\n              className={st(classes.align, {\n                position: align && ALIGN[align],\n              })}\n              key={index}\n              data-hook={DATA_HOOKS.tableListItemValue}\n            >\n              {value}\n            </div>\n          ))}\n        </div>\n      </div>\n    );\n  },\n);\n\nTableListItem.displayName = 'TableListItem';\n\nTableListItem.propTypes = {\n  dataHook: PropTypes.string,\n  className: PropTypes.string,\n  // @ts-expect-error incompatibility https://github.com/DefinitelyTyped/DefinitelyTyped/issues/45094\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      value: PropTypes.node.isRequired,\n      width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      align: PropTypes.oneOf([ALIGN.left, ALIGN.center, ALIGN.right]),\n    }).isRequired,\n  ).isRequired,\n  verticalPadding: PropTypes.oneOf([\n    PADDING.large,\n    PADDING.medium,\n    PADDING.small,\n    PADDING.tiny,\n    PADDING.xTiny,\n    PADDING.xxTiny,\n  ]),\n  horizontalPadding: PropTypes.oneOf([\n    PADDING.large,\n    PADDING.medium,\n    PADDING.small,\n    PADDING.tiny,\n    PADDING.xTiny,\n    PADDING.xxTiny,\n  ]),\n  dragging: PropTypes.bool,\n  checkbox: PropTypes.bool,\n  checkboxDisabled: PropTypes.bool,\n  checked: PropTypes.bool,\n  onCheckboxChange: PropTypes.func,\n  draggable: PropTypes.bool,\n  dragDisabled: PropTypes.bool,\n  showDragHandleOnHover: PropTypes.bool,\n  showDivider: PropTypes.bool,\n  onBlur: PropTypes.func,\n  onKeyUp: PropTypes.func,\n  focused: PropTypes.bool,\n  onClick: PropTypes.func,\n  onMouseEnter: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  dragHandleProps: PropTypes.object,\n  checkboxTooltipContent: PropTypes.any,\n  checkboxTooltipProps: PropTypes.object,\n  border: PropTypes.bool,\n  showSelectionBorder: PropTypes.bool,\n  dragHandleSize: PropTypes.oneOf(['small', 'large']),\n  expandable: PropTypes.bool,\n  expanded: PropTypes.bool,\n  onClickExpand: PropTypes.func,\n  expandDisabled: PropTypes.bool,\n  selectable: PropTypes.bool,\n  ariaLabel: PropTypes.string,\n};\n\nexport default TableListItem;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/TableListItem/TableListItem.st.css.js

@@ -3,11 +3,12 @@ require("../Foundation/stylable/colors.st.css.js");
 require("../Foundation/stylable/spacing.st.css.js");
 require("../Foundation/stylable/border.st.css.js");
 require("../TableActionCell/TableActionCell.st.css.js");
+
 const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
 
 
 
-var _namespace_ = "wds_1_160_1_TableListItem";
+var _namespace_ = "wds_1_161_0_TableListItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,12 +16,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_160_1_TableListItem__root","onHover":"wds_1_160_1_TableActionCell__onHover","notOnHover":"wds_1_160_1_TableActionCell__notOnHover","controlsContainer":"wds_1_160_1_TableListItem__controlsContainer","handleContainer":"wds_1_160_1_TableListItem__handleContainer","checkbox":"wds_1_160_1_TableListItem__checkbox","expandHandle":"wds_1_160_1_TableListItem__expandHandle","caretIcon":"wds_1_160_1_TableListItem__caretIcon","optionsContainer":"wds_1_160_1_TableListItem__optionsContainer","align":"wds_1_160_1_TableListItem__align"};
+module.exports.classes = {"root":"wds_1_161_0_TableListItem__root","onHover":"wds_1_161_0_TableActionCell__onHover","notOnHover":"wds_1_161_0_TableActionCell__notOnHover","controlsContainer":"wds_1_161_0_TableListItem__controlsContainer","handleContainer":"wds_1_161_0_TableListItem__handleContainer","checkbox":"wds_1_161_0_TableListItem__checkbox","expandHandle":"wds_1_161_0_TableListItem__expandHandle","caretIcon":"wds_1_161_0_TableListItem__caretIcon","optionsContainer":"wds_1_161_0_TableListItem__optionsContainer","align":"wds_1_161_0_TableListItem__align"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"checkedBorderWidth":"2px","largePadding":"24px","mediumPadding":"18px","smallPadding":"15px","tinyPadding":"12px","xTinyPadding":"6px","xxTinyPadding":"3px"}; 
-module.exports.vars = {"padding-vertical":"--wds_1_160_1_TableListItem-padding-vertical","padding-horizontal":"--wds_1_160_1_TableListItem-padding-horizontal"}; 
+module.exports.vars = {"wds-color-fill-standard-tertiary-active":"--wds-color-fill-standard-tertiary-active","padding-vertical":"--wds_1_161_0_TableListItem-padding-vertical","padding-horizontal":"--wds_1_161_0_TableListItem-padding-horizontal"};