@wix/patterns 1.446.0 → 1.448.0

package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "MultiBulkActionToolbar402961466";
+var _namespace_ = "MultiBulkActionToolbar2726287797";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "MultiBulkActionToolbar402961466__root",
-  "leftGroupWrapper": "MultiBulkActionToolbar402961466__leftGroupWrapper",
-  "selectedCountItem": "MultiBulkActionToolbar402961466__selectedCountItem",
-  "selectedCountText": "MultiBulkActionToolbar402961466__selectedCountText"
+  "root": "MultiBulkActionToolbar2726287797__root",
+  "leftGroupWrapper": "MultiBulkActionToolbar2726287797__leftGroupWrapper",
+  "selectedCountItem": "MultiBulkActionToolbar2726287797__selectedCountItem",
+  "selectedCountText": "MultiBulkActionToolbar2726287797__selectedCountText"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultiBulkActionToolbar402961466\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MultiBulkActionToolbar402961466__root\",\"leftGroupWrapper\":\"MultiBulkActionToolbar402961466__leftGroupWrapper\",\"selectedCountItem\":\"MultiBulkActionToolbar402961466__selectedCountItem\",\"selectedCountText\":\"MultiBulkActionToolbar402961466__selectedCountText\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,iCAAiC;AACnD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,uCAAuC;EAAC,kBAAkB,EAAC,mDAAmD;EAAC,mBAAmB,EAAC,oDAAoD;EAAC,mBAAmB,EAAC;AAAoD,CAAC;AACvR,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultiBulkActionToolbar2726287797\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MultiBulkActionToolbar2726287797__root\",\"leftGroupWrapper\":\"MultiBulkActionToolbar2726287797__leftGroupWrapper\",\"selectedCountItem\":\"MultiBulkActionToolbar2726287797__selectedCountItem\",\"selectedCountText\":\"MultiBulkActionToolbar2726287797__selectedCountText\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kCAAkC;AACpD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,wCAAwC;EAAC,kBAAkB,EAAC,oDAAoD;EAAC,mBAAmB,EAAC,qDAAqD;EAAC,mBAAmB,EAAC;AAAqD,CAAC;AAC3R,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "NestedTablePlaceholderStatesRow2094836156";
+var _namespace_ = "NestedTablePlaceholderStatesRow1317184787";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "NestedTablePlaceholderStatesRow2094836156__root"
+  "root": "NestedTablePlaceholderStatesRow1317184787__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTablePlaceholderStatesRow2094836156\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"NestedTablePlaceholderStatesRow2094836156__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2CAA2C;AAC7D,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiD,CAAC;AACxE,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTablePlaceholderStatesRow1317184787\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"NestedTablePlaceholderStatesRow1317184787__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2CAA2C;AAC7D,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiD,CAAC;AACxE,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/NestedTable/NestedTableRow.js

@@ -45,7 +45,7 @@ const _NestedTableRow = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     className: (0, _NestedTableRowStCss.st)(_NestedTableRowStCss.classes.root, {
       expandable
     }, isRowHighlight ? dataTableRowClasses.dataTableHighlight : undefined, item.state.showHoverHighlight ? _NestedTableRowStCss.classes.parentHovered : undefined, item.state.childrenDepth === 0 && !isSameEntityAsOtherLevels ? _NestedTableRowStCss.classes.firstLevel : undefined, dataTableRowSt(dataTableRowClasses.root, {
-      skin: item.state.childrenDepth === 0 && !isSameEntityAsOtherLevels ? 'neutral' : 'light'
+      skin: 'light'
     }), className),
     onMouseEnter: () => {
       itemState == null || itemState._changeHover(true);
@@ -78,7 +78,7 @@ const _NestedTableRow = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 106,
+        lineNumber: 103,
         columnNumber: 9
       }
     }, child);

package/dist/cjs/components/NestedTable/NestedTableRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_NestedTableRowStCss","_designSystem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_NestedTableRow","forwardRef","props","ref","_item$state$parent","children","item","className","rowData","dragAndDrop","rest","itemState","useState","state","createNode","parent","originalKeyedItem","useEffect","init","st","dataTableRowSt","classes","dataTableRowClasses","Table","dataTableRowStyle","expandable","_isNotExpandableWhenEmpty","_isExpandableActionDisabled","isRowHighlight","levelDescriptor","isSameEntityAsOtherLevels","child","createElement","_extends2","process","env","NODE_ENV","key","indexWithinPage","collection","result","size","childrenDepth","nestedTable","_indentationWidth","root","dataTableHighlight","undefined","showHoverHighlight","parentHovered","firstLevel","skin","onMouseEnter","_changeHover","onMouseLeave","onClick","ev","_toggleExpand","bi","reportExpandCollapse","__self","__source","fileName","lineNumber","columnNumber","NestedTableDragAndDropRow","forwardedRef","NestedTableRow","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTableRow.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React, {\n  forwardRef,\n  HTMLAttributes,\n  MutableRefObject,\n  useEffect,\n  useState,\n} from 'react';\nimport { classes, st } from './NestedTableRow.st.css.js';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Table } from '@wix/design-system';\nimport type { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\nimport { NestedTableDataItem } from '../../state/NestedTableState/NestedTableNodeState';\n\nexport interface NestedTableRowProps<C extends string, T, F extends FiltersMap>\n  extends HTMLAttributes<HTMLTableRowElement> {\n  item: NestedTableDataItem<C, T, F>;\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n}\n\nconst _NestedTableRow = forwardRef(\n  <C extends string, T, F extends FiltersMap>(\n    props: NestedTableRowProps<C, T, F> & { rowData: unknown },\n    ref:\n      | ((instance: HTMLTableRowElement | null) => void)\n      | MutableRefObject<HTMLTableRowElement | null>\n      | null,\n  ) => {\n    const { children, item, className, rowData, dragAndDrop, ...rest } = props;\n\n    const [itemState] = useState(() => {\n      return item.state.createNode({\n        parent: item.originalKeyedItem,\n      });\n    });\n\n    useEffect(() => itemState?.init(), []);\n\n    const { st: dataTableRowSt, classes: dataTableRowClasses } =\n      Table.dataTableRowStyle;\n\n    const expandable =\n      itemState != null &&\n      !itemState._isNotExpandableWhenEmpty &&\n      !item.state._isExpandableActionDisabled(item.originalKeyedItem.item);\n\n    const isRowHighlight = item.state.levelDescriptor.isRowHighlight?.(\n      item.originalKeyedItem.item,\n    );\n\n    const isSameEntityAsOtherLevels =\n      itemState?.levelDescriptor.isSameEntityAsOtherLevels;\n    let child = (\n      <tr\n        {...(process.env.NODE_ENV !== 'production' && {\n          'data-parent-key': item.state.parent?.key,\n          'data-index-in-parent': item.originalKeyedItem.indexWithinPage,\n        })}\n        {...(process.env.NODE_ENV === 'test' && {\n          'data-virtual-direct-children-count':\n            item.state.collection.result.size,\n          'data-level': item.state.childrenDepth,\n          'data-indentation-width': item.state.nestedTable._indentationWidth,\n        })}\n        ref={ref}\n        className={st(\n          classes.root,\n          {\n            expandable,\n          },\n          isRowHighlight ? dataTableRowClasses.dataTableHighlight : undefined,\n          item.state.showHoverHighlight ? classes.parentHovered : undefined,\n          item.state.childrenDepth === 0 && !isSameEntityAsOtherLevels\n            ? classes.firstLevel\n            : undefined,\n          dataTableRowSt(dataTableRowClasses.root, {\n            skin:\n              item.state.childrenDepth === 0 && !isSameEntityAsOtherLevels\n                ? 'neutral'\n                : 'light',\n          }),\n          className,\n        )}\n        onMouseEnter={() => {\n          itemState?._changeHover(true);\n        }}\n        onMouseLeave={() => {\n          itemState?._changeHover(false);\n        }}\n        {...rest}\n        onClick={(ev) => {\n          rest?.onClick?.(ev);\n          if (expandable) {\n            itemState._toggleExpand();\n            itemState.bi.reportExpandCollapse();\n          }\n        }}\n      >\n        {children}\n      </tr>\n    );\n\n    if (dragAndDrop) {\n      const { NestedTableDragAndDropRow } = dragAndDrop;\n      child = (\n        <NestedTableDragAndDropRow item={item} forwardedRef={ref}>\n          {child}\n        </NestedTableDragAndDropRow>\n      );\n    }\n\n    return child;\n  },\n);\n\nexport const NestedTableRow = observer(_NestedTableRow);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_NestedTableRowStCss","_designSystem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_NestedTableRow","forwardRef","props","ref","_item$state$parent","children","item","className","rowData","dragAndDrop","rest","itemState","useState","state","createNode","parent","originalKeyedItem","useEffect","init","st","dataTableRowSt","classes","dataTableRowClasses","Table","dataTableRowStyle","expandable","_isNotExpandableWhenEmpty","_isExpandableActionDisabled","isRowHighlight","levelDescriptor","isSameEntityAsOtherLevels","child","createElement","_extends2","process","env","NODE_ENV","key","indexWithinPage","collection","result","size","childrenDepth","nestedTable","_indentationWidth","root","dataTableHighlight","undefined","showHoverHighlight","parentHovered","firstLevel","skin","onMouseEnter","_changeHover","onMouseLeave","onClick","ev","_toggleExpand","bi","reportExpandCollapse","__self","__source","fileName","lineNumber","columnNumber","NestedTableDragAndDropRow","forwardedRef","NestedTableRow","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTableRow.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React, {\n  forwardRef,\n  HTMLAttributes,\n  MutableRefObject,\n  useEffect,\n  useState,\n} from 'react';\nimport { classes, st } from './NestedTableRow.st.css.js';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Table } from '@wix/design-system';\nimport type { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\nimport { NestedTableDataItem } from '../../state/NestedTableState/NestedTableNodeState';\n\nexport interface NestedTableRowProps<C extends string, T, F extends FiltersMap>\n  extends HTMLAttributes<HTMLTableRowElement> {\n  item: NestedTableDataItem<C, T, F>;\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n}\n\nconst _NestedTableRow = forwardRef(\n  <C extends string, T, F extends FiltersMap>(\n    props: NestedTableRowProps<C, T, F> & { rowData: unknown },\n    ref:\n      | ((instance: HTMLTableRowElement | null) => void)\n      | MutableRefObject<HTMLTableRowElement | null>\n      | null,\n  ) => {\n    const { children, item, className, rowData, dragAndDrop, ...rest } = props;\n\n    const [itemState] = useState(() => {\n      return item.state.createNode({\n        parent: item.originalKeyedItem,\n      });\n    });\n\n    useEffect(() => itemState?.init(), []);\n\n    const { st: dataTableRowSt, classes: dataTableRowClasses } =\n      Table.dataTableRowStyle;\n\n    const expandable =\n      itemState != null &&\n      !itemState._isNotExpandableWhenEmpty &&\n      !item.state._isExpandableActionDisabled(item.originalKeyedItem.item);\n\n    const isRowHighlight = item.state.levelDescriptor.isRowHighlight?.(\n      item.originalKeyedItem.item,\n    );\n\n    const isSameEntityAsOtherLevels =\n      itemState?.levelDescriptor.isSameEntityAsOtherLevels;\n    let child = (\n      <tr\n        {...(process.env.NODE_ENV !== 'production' && {\n          'data-parent-key': item.state.parent?.key,\n          'data-index-in-parent': item.originalKeyedItem.indexWithinPage,\n        })}\n        {...(process.env.NODE_ENV === 'test' && {\n          'data-virtual-direct-children-count':\n            item.state.collection.result.size,\n          'data-level': item.state.childrenDepth,\n          'data-indentation-width': item.state.nestedTable._indentationWidth,\n        })}\n        ref={ref}\n        className={st(\n          classes.root,\n          {\n            expandable,\n          },\n          isRowHighlight ? dataTableRowClasses.dataTableHighlight : undefined,\n          item.state.showHoverHighlight ? classes.parentHovered : undefined,\n          item.state.childrenDepth === 0 && !isSameEntityAsOtherLevels\n            ? classes.firstLevel\n            : undefined,\n          dataTableRowSt(dataTableRowClasses.root, {\n            skin: 'light',\n          }),\n          className,\n        )}\n        onMouseEnter={() => {\n          itemState?._changeHover(true);\n        }}\n        onMouseLeave={() => {\n          itemState?._changeHover(false);\n        }}\n        {...rest}\n        onClick={(ev) => {\n          rest?.onClick?.(ev);\n          if (expandable) {\n            itemState._toggleExpand();\n            itemState.bi.reportExpandCollapse();\n          }\n        }}\n      >\n        {children}\n      </tr>\n    );\n\n    if (dragAndDrop) {\n      const { NestedTableDragAndDropRow } = dragAndDrop;\n      child = (\n        <NestedTableDragAndDropRow item={item} forwardedRef={ref}>\n          {child}\n        </NestedTableDragAndDropRow>\n      );\n    }\n\n    return child;\n  },\n);\n\nexport const NestedTableRow = observer(_NestedTableRow);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/NestedTable/NestedTableRow.st.css

@@ -1,7 +1,13 @@
+@property st-global(--wds-space-300);
+@property st-global(--wds-table-list-item-fill-hover);
+@property st-global(--wds-color-border-standard-primary-active);
+@property st-global(--wsr-color-B50);
+@property st-global(--wsr-color-B10);
+
 .firstLevel td {
   /* important! until moving NestedTableRow.st.css to WSR */
-  padding-top: 18px !important;
-  padding-bottom: 18px !important;
+  padding-top: var(--wds-space-300, 18px) !important;
+  padding-bottom: var(--wds-space-300, 18px) !important;
 }
 
 .root {
@@ -9,7 +15,10 @@
 }
 
 .root:hover {
-  background-color: #E7F0FF !important;
+  background-color: var(
+    --wds-table-list-item-fill-hover,
+    var(--wsr-color-B50, #e7f0ff)
+  ) !important;
 }
 
 .root:expandable {
@@ -21,6 +30,7 @@
   width: 100%;
 }
 
+/* prettier-ignore */
 .root:hover td:first-of-type::before,
 .parentHovered td:first-of-type::before {
   content: '';
@@ -29,5 +39,5 @@
   bottom: 0;
   left: 0;
   width: 2px;
-  background-color: #5999FF;
+  background-color: var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF));
 }

package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js

@@ -5,21 +5,27 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "NestedTableRow822259815";
+var _namespace_ = "NestedTableRow3387766753";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "NestedTableRow822259815__root",
-  "firstLevel": "NestedTableRow822259815__firstLevel",
-  "placeholder": "NestedTableRow822259815__placeholder",
-  "parentHovered": "NestedTableRow822259815__parentHovered"
+  "root": "NestedTableRow3387766753__root",
+  "firstLevel": "NestedTableRow3387766753__firstLevel",
+  "placeholder": "NestedTableRow3387766753__placeholder",
+  "parentHovered": "NestedTableRow3387766753__parentHovered"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};
 var containers = exports.containers = {};
 var stVars = exports.stVars = {};
-var vars = exports.vars = {};
+var vars = exports.vars = {
+  "wds-space-300": "--wds-space-300",
+  "wds-table-list-item-fill-hover": "--wds-table-list-item-fill-hover",
+  "wds-color-border-standard-primary-active": "--wds-color-border-standard-primary-active",
+  "wsr-color-B50": "--wsr-color-B50",
+  "wsr-color-B10": "--wsr-color-B10"
+};
 //# sourceMappingURL=NestedTableRow.st.css.js.map

package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/NestedTable/NestedTableRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableRow822259815\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"NestedTableRow822259815__root\",\"firstLevel\":\"NestedTableRow822259815__firstLevel\",\"placeholder\":\"NestedTableRow822259815__placeholder\",\"parentHovered\":\"NestedTableRow822259815__parentHovered\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,+BAA+B;EAAC,YAAY,EAAC,qCAAqC;EAAC,aAAa,EAAC,sCAAsC;EAAC,eAAe,EAAC;AAAwC,CAAC;AACvN,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/NestedTable/NestedTableRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableRow3387766753\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"NestedTableRow3387766753__root\",\"firstLevel\":\"NestedTableRow3387766753__firstLevel\",\"placeholder\":\"NestedTableRow3387766753__placeholder\",\"parentHovered\":\"NestedTableRow3387766753__parentHovered\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-space-300\":\"--wds-space-300\",\"wds-table-list-item-fill-hover\":\"--wds-table-list-item-fill-hover\",\"wds-color-border-standard-primary-active\":\"--wds-color-border-standard-primary-active\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wsr-color-B10\":\"--wsr-color-B10\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,gCAAgC;EAAC,YAAY,EAAC,sCAAsC;EAAC,aAAa,EAAC,uCAAuC;EAAC,eAAe,EAAC;AAAyC,CAAC;AAC3N,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,eAAe,EAAC,iBAAiB;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,0CAA0C,EAAC,4CAA4C;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css

@@ -1,12 +1,21 @@
-/*@st-import [shadow20] from "@wix/wix-design-system/src/Foundation/stylable/shadows.st.css";*/
-/*@st-import [D80] from "@wix/wix-design-system/src/Foundation/stylable/colors.st.css";*/
+@property st-global(--wds-color-fill-surface-overlay);
+@property st-global(--wds-shadow-surface-overlay);
+@property st-global(--wsr-color-D80);
+@property st-global(--wsr-shadow20);
 
 .root {
   position: absolute;
   transform: translate(6px, 6px);
-  /*background-color: value(D80);*/
-  background-color: #ffffff;
-  /*box-shadow: value(shadow20);*/
-  box-shadow: 0 2px 4px 0 rgba(0, 6, 36, 0.12),
-    0 0 6px 0 rgba(0, 6, 36, 0.12);
+  background-color: var(
+    --wds-color-fill-surface-overlay,
+    var(--wsr-color-D80, #ffffff)
+  );
+  box-shadow: var(
+    --wds-shadow-surface-overlay,
+    var(
+      --wsr-shadow20,
+      0 2px 4px 0 rgba(22, 45, 61, 0.12),
+      0 0 6px 0 rgba(22, 45, 61, 0.12)
+    )
+  );
 }

package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js

@@ -5,18 +5,23 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "MultipleDragOverlayEffect2886295854";
+var _namespace_ = "MultipleDragOverlayEffect4030766872";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "MultipleDragOverlayEffect2886295854__root"
+  "root": "MultipleDragOverlayEffect4030766872__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};
 var containers = exports.containers = {};
 var stVars = exports.stVars = {};
-var vars = exports.vars = {};
+var vars = exports.vars = {
+  "wds-color-fill-surface-overlay": "--wds-color-fill-surface-overlay",
+  "wds-shadow-surface-overlay": "--wds-shadow-surface-overlay",
+  "wsr-color-D80": "--wsr-color-D80",
+  "wsr-shadow20": "--wsr-shadow20"
+};
 //# sourceMappingURL=MultipleDragOverlayEffect.st.css.js.map

package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultipleDragOverlayEffect2886295854\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MultipleDragOverlayEffect2886295854__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,qCAAqC;AACvD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA2C,CAAC;AAClE,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultipleDragOverlayEffect4030766872\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MultipleDragOverlayEffect4030766872__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-surface-overlay\":\"--wds-color-fill-surface-overlay\",\"wds-shadow-surface-overlay\":\"--wds-shadow-surface-overlay\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-shadow20\":\"--wsr-shadow20\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,qCAAqC;AACvD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA2C,CAAC;AAClE,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,eAAe,EAAC,iBAAiB;EAAC,cAAc,EAAC;AAAgB,CAAC","ignoreList":[]}

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css

@@ -1,7 +1,11 @@
+@property st-global(--wds-table-list-item-fill-hover);
+@property st-global(--wsr-color-B50);
+
 .root {
   -st-states: draggingInto;
 }
 
+/* prettier-ignore */
 .root:draggingInto td {
-  background-color: #E7F0FF !important;
+  background-color: var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF)) !important;
 }

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js

@@ -5,18 +5,21 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "NestedTableDragAndDropRow4086293915";
+var _namespace_ = "NestedTableDragAndDropRow1938450215";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "NestedTableDragAndDropRow4086293915__root"
+  "root": "NestedTableDragAndDropRow1938450215__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};
 var containers = exports.containers = {};
 var stVars = exports.stVars = {};
-var vars = exports.vars = {};
+var vars = exports.vars = {
+  "wds-table-list-item-fill-hover": "--wds-table-list-item-fill-hover",
+  "wsr-color-B50": "--wsr-color-B50"
+};
 //# sourceMappingURL=NestedTableDragAndDropRow.st.css.js.map

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableDragAndDropRow4086293915\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"NestedTableDragAndDropRow4086293915__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,qCAAqC;AACvD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA2C,CAAC;AAClE,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableDragAndDropRow1938450215\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"NestedTableDragAndDropRow1938450215__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-table-list-item-fill-hover\":\"--wds-table-list-item-fill-hover\",\"wsr-color-B50\":\"--wsr-color-B50\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,qCAAqC;AACvD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA2C,CAAC;AAClE,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragHandle.js

@@ -15,9 +15,12 @@ function NestedTableDragHandle(props) {
     originalKeyedItem
   } = item;
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    direction: "vertical",
-    paddingInlineStart: "6px",
-    paddingInlineEnd: "6px",
+    direction: "vertical"
+    // physical props instead of paddingInline*: Box resolves SP tokens only
+    // for these, and RTL is irrelevant with equal padding on both sides
+    ,
+    paddingLeft: "SP1",
+    paddingRight: "SP1",
     dataHook: "drag-handle",
     __self: this,
     __source: {
@@ -30,7 +33,7 @@ function NestedTableDragHandle(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 29,
+      lineNumber: 31,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragHandle.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_dragAndDrop","_react","_interopRequireDefault","_jsxFileName","NestedTableDragHandle","props","item","originalKeyedItem","default","createElement","Box","direction","paddingInlineStart","paddingInlineEnd","dataHook","__self","__source","fileName","lineNumber","columnNumber","DragHandle","id","key"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragHandle.tsx"],"sourcesContent":["import { Box } from '@wix/design-system';\nimport { DragHandle } from '@wix/wix-style-react-incubator/drag-and-drop';\nimport React from 'react';\nimport { NestedTableDataItem } from '../../state/NestedTableState/NestedTableNodeState';\nimport { FiltersMap } from '@wix/bex-core';\n\nexport interface NestedTableDragHandleProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> {\n  item: NestedTableDataItem<C, T, F>;\n}\n\nexport function NestedTableDragHandle<\n  C extends string,\n  T,\n  F extends FiltersMap,\n>(props: NestedTableDragHandleProps<C, T, F>) {\n  const { item } = props;\n  const { originalKeyedItem } = item;\n  return (\n    <Box\n      direction=\"vertical\"\n      paddingInlineStart=\"6px\"\n      paddingInlineEnd=\"6px\"\n      dataHook=\"drag-handle\"\n    >\n      <DragHandle id={originalKeyedItem.key} />\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA0B,IAAAI,YAAA;AAYnB,SAASC,qBAAqBA,CAInCC,KAA0C,EAAE;EAC5C,MAAM;IAAEC;EAAK,CAAC,GAAGD,KAAK;EACtB,MAAM;IAAEE;EAAkB,CAAC,GAAGD,IAAI;EAClC,oBACEL,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAY,GAAG;IACFC,SAAS,EAAC,UAAU;IACpBC,kBAAkB,EAAC,KAAK;IACxBC,gBAAgB,EAAC,KAAK;IACtBC,QAAQ,EAAC,aAAa;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEtBlB,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACT,YAAA,CAAAoB,UAAU;IAACC,EAAE,EAAEd,iBAAiB,CAACe,GAAI;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACrC,CAAC;AAEV","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_dragAndDrop","_react","_interopRequireDefault","_jsxFileName","NestedTableDragHandle","props","item","originalKeyedItem","default","createElement","Box","direction","paddingLeft","paddingRight","dataHook","__self","__source","fileName","lineNumber","columnNumber","DragHandle","id","key"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragHandle.tsx"],"sourcesContent":["import { Box } from '@wix/design-system';\nimport { DragHandle } from '@wix/wix-style-react-incubator/drag-and-drop';\nimport React from 'react';\nimport { NestedTableDataItem } from '../../state/NestedTableState/NestedTableNodeState';\nimport { FiltersMap } from '@wix/bex-core';\n\nexport interface NestedTableDragHandleProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> {\n  item: NestedTableDataItem<C, T, F>;\n}\n\nexport function NestedTableDragHandle<\n  C extends string,\n  T,\n  F extends FiltersMap,\n>(props: NestedTableDragHandleProps<C, T, F>) {\n  const { item } = props;\n  const { originalKeyedItem } = item;\n  return (\n    <Box\n      direction=\"vertical\"\n      // physical props instead of paddingInline*: Box resolves SP tokens only\n      // for these, and RTL is irrelevant with equal padding on both sides\n      paddingLeft=\"SP1\"\n      paddingRight=\"SP1\"\n      dataHook=\"drag-handle\"\n    >\n      <DragHandle id={originalKeyedItem.key} />\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA0B,IAAAI,YAAA;AAYnB,SAASC,qBAAqBA,CAInCC,KAA0C,EAAE;EAC5C,MAAM;IAAEC;EAAK,CAAC,GAAGD,KAAK;EACtB,MAAM;IAAEE;EAAkB,CAAC,GAAGD,IAAI;EAClC,oBACEL,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAY,GAAG;IACFC,SAAS,EAAC;IACV;IACA;IAAA;IACAC,WAAW,EAAC,KAAK;IACjBC,YAAY,EAAC,KAAK;IAClBC,QAAQ,EAAC,aAAa;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEtBlB,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACT,YAAA,CAAAoB,UAAU;IAACC,EAAE,EAAEd,iBAAiB,CAACe,GAAI;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACrC,CAAC;AAEV","ignoreList":[]}

package/dist/cjs/components/PickerContent/PickerContent.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "PickerContent3531268449";
+var _namespace_ = "PickerContent1207852199";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "PickerContent3531268449__root"
+  "root": "PickerContent1207852199__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContent.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/PickerContent/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContent3531268449\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"PickerContent3531268449__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/PickerContent/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContent1207852199\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"PickerContent1207852199__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "PickerContentAdditionalStep3632670883";
+var _namespace_ = "PickerContentAdditionalStep3295160460";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "PickerContentAdditionalStep3632670883__root",
-  "titles": "PickerContentAdditionalStep3632670883__titles",
-  "suffix": "PickerContentAdditionalStep3632670883__suffix"
+  "root": "PickerContentAdditionalStep3295160460__root",
+  "titles": "PickerContentAdditionalStep3295160460__titles",
+  "suffix": "PickerContentAdditionalStep3295160460__suffix"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep3632670883\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"PickerContentAdditionalStep3632670883__root\",\"titles\":\"PickerContentAdditionalStep3632670883__titles\",\"suffix\":\"PickerContentAdditionalStep3632670883__suffix\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uCAAuC;AACzD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep3295160460\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"PickerContentAdditionalStep3295160460__root\",\"titles\":\"PickerContentAdditionalStep3295160460__titles\",\"suffix\":\"PickerContentAdditionalStep3295160460__suffix\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uCAAuC;AACzD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "PickerTableListItem3728010085";
+var _namespace_ = "PickerTableListItem2371250403";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "PickerTableListItem3728010085__root"
+  "root": "PickerTableListItem2371250403__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem3728010085\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"PickerTableListItem3728010085__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,+BAA+B;AACjD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAqC,CAAC;AAC5D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem2371250403\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"PickerTableListItem2371250403__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,+BAA+B;AACjD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAqC,CAAC;AAC5D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/QuerySearch.js

@@ -8,6 +8,7 @@ var _mobxReactLite = require("mobx-react-lite");
 var _designSystem = require("@wix/design-system");
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@wix/bex-core/react");
+var _useBmHarmonyTheme = require("../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/QuerySearch.tsx";
 const QuerySearch = exports.QuerySearch = (0, _mobxReactLite.observer)(function QuerySearch({
   state,
@@ -17,8 +18,10 @@ const QuerySearch = exports.QuerySearch = (0, _mobxReactLite.observer)(function
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   return /*#__PURE__*/_react.default.createElement(_designSystem.Search, (0, _extends2.default)({
     dataHook: "collection-search",
+    border: isBmHarmonyTheme ? 'standard' : undefined,
     debounceMs: 300,
     onChange: e => {
       const value = e.target.value;
@@ -33,7 +36,7 @@ const QuerySearch = exports.QuerySearch = (0, _mobxReactLite.observer)(function
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 20,
+      lineNumber: 22,
       columnNumber: 5
     }
   }));

package/dist/cjs/components/QuerySearch.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireDefault","_react2","_jsxFileName","QuerySearch","exports","observer","state","visibility","rest","translate","t","useWixPatternsContainer","default","createElement","Search","_extends2","dataHook","debounceMs","onChange","e","value","target","changeValue","onClear","placeholder","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../src/components/QuerySearch.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { Search, SearchProps } from '@wix/design-system';\nimport React, { CSSProperties } from 'react';\nimport { Filter } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface QuerySearchProps extends Partial<SearchProps> {\n  visibility?: CSSProperties['visibility'];\n  state: Filter<string>;\n}\n\nexport const QuerySearch = observer(function QuerySearch({\n  state,\n  visibility,\n  ...rest\n}: QuerySearchProps) {\n  const { translate: t } = useWixPatternsContainer();\n\n  return (\n    <Search\n      dataHook=\"collection-search\"\n      debounceMs={300}\n      onChange={(e) => {\n        const value = e.target.value;\n        state.changeValue(value);\n      }}\n      value={state.value}\n      onClear={() => {\n        state.changeValue('');\n      }}\n      placeholder={t('cairo.searchPlaceholder')}\n      {...rest}\n    />\n  );\n});\n"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAA8D,IAAAK,YAAA;AAOvD,MAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,uBAAQ,EAAC,SAASF,WAAWA,CAAC;EACvDG,KAAK;EACLC,UAAU;EACV,GAAGC;AACa,CAAC,EAAE;EACnB,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAElD,oBACEZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,MAAM,MAAAC,SAAA,CAAAH,OAAA;IACLI,QAAQ,EAAC,mBAAmB;IAC5BC,UAAU,EAAE,GAAI;IAChBC,QAAQ,EAAGC,CAAC,IAAK;MACf,MAAMC,KAAK,GAAGD,CAAC,CAACE,MAAM,CAACD,KAAK;MAC5Bd,KAAK,CAACgB,WAAW,CAACF,KAAK,CAAC;IAC1B,CAAE;IACFA,KAAK,EAAEd,KAAK,CAACc,KAAM;IACnBG,OAAO,EAAEA,CAAA,KAAM;MACbjB,KAAK,CAACgB,WAAW,CAAC,EAAE,CAAC;IACvB,CAAE;IACFE,WAAW,EAAEd,CAAC,CAAC,yBAAyB;EAAE,GACtCF,IAAI;IAAAiB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CAAC;AAEN,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireDefault","_react2","_useBmHarmonyTheme","_jsxFileName","QuerySearch","exports","observer","state","visibility","rest","translate","t","useWixPatternsContainer","isBmHarmonyTheme","useBmHarmonyTheme","default","createElement","Search","_extends2","dataHook","border","undefined","debounceMs","onChange","e","value","target","changeValue","onClear","placeholder","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../src/components/QuerySearch.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { Search, SearchProps } from '@wix/design-system';\nimport React, { CSSProperties } from 'react';\nimport { Filter } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useBmHarmonyTheme } from '../hooks/useBmHarmonyTheme';\n\nexport interface QuerySearchProps extends Partial<SearchProps> {\n  visibility?: CSSProperties['visibility'];\n  state: Filter<string>;\n}\n\nexport const QuerySearch = observer(function QuerySearch({\n  state,\n  visibility,\n  ...rest\n}: QuerySearchProps) {\n  const { translate: t } = useWixPatternsContainer();\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  return (\n    <Search\n      dataHook=\"collection-search\"\n      border={isBmHarmonyTheme ? 'standard' : undefined}\n      debounceMs={300}\n      onChange={(e) => {\n        const value = e.target.value;\n        state.changeValue(value);\n      }}\n      value={state.value}\n      onClear={() => {\n        state.changeValue('');\n      }}\n      placeholder={t('cairo.searchPlaceholder')}\n      {...rest}\n    />\n  );\n});\n"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AAA+D,IAAAM,YAAA;AAOxD,MAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,uBAAQ,EAAC,SAASF,WAAWA,CAAC;EACvDG,KAAK;EACLC,UAAU;EACV,GAAGC;AACa,CAAC,EAAE;EACnB,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,MAAMC,gBAAgB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAE5C,oBACEf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAmB,MAAM,MAAAC,SAAA,CAAAH,OAAA;IACLI,QAAQ,EAAC,mBAAmB;IAC5BC,MAAM,EAAEP,gBAAgB,GAAG,UAAU,GAAGQ,SAAU;IAClDC,UAAU,EAAE,GAAI;IAChBC,QAAQ,EAAGC,CAAC,IAAK;MACf,MAAMC,KAAK,GAAGD,CAAC,CAACE,MAAM,CAACD,KAAK;MAC5BlB,KAAK,CAACoB,WAAW,CAACF,KAAK,CAAC;IAC1B,CAAE;IACFA,KAAK,EAAElB,KAAK,CAACkB,KAAM;IACnBG,OAAO,EAAEA,CAAA,KAAM;MACbrB,KAAK,CAACoB,WAAW,CAAC,EAAE,CAAC;IACvB,CAAE;IACFE,WAAW,EAAElB,CAAC,CAAC,yBAAyB;EAAE,GACtCF,IAAI;IAAAqB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7B,YAAA;MAAA8B,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CAAC;AAEN,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ScrollableContent1373143193";
+var _namespace_ = "ScrollableContent4182818010";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ScrollableContent1373143193__root"
+  "root": "ScrollableContent4182818010__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent1373143193\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ScrollableContent1373143193__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAmC,CAAC;AAC1D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent4182818010\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ScrollableContent4182818010__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAmC,CAAC;AAC1D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/SetupWidget/SetupWidget.st.css.js

@@ -5,22 +5,22 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SetupWidget3665684925";
+var _namespace_ = "SetupWidget799516824";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "SetupWidget3665684925__root",
-  "row": "SetupWidget3665684925__row",
-  "completedCta": "SetupWidget3665684925__completedCta",
-  "secondaryCta": "SetupWidget3665684925__secondaryCta",
-  "card": "SetupWidget3665684925__card",
-  "stepIcon": "SetupWidget3665684925__stepIcon",
-  "chevron": "SetupWidget3665684925__chevron",
-  "chevronDisabled": "SetupWidget3665684925__chevronDisabled",
-  "inProgressLabel": "SetupWidget3665684925__inProgressLabel"
+  "root": "SetupWidget799516824__root",
+  "row": "SetupWidget799516824__row",
+  "completedCta": "SetupWidget799516824__completedCta",
+  "secondaryCta": "SetupWidget799516824__secondaryCta",
+  "card": "SetupWidget799516824__card",
+  "stepIcon": "SetupWidget799516824__stepIcon",
+  "chevron": "SetupWidget799516824__chevron",
+  "chevronDisabled": "SetupWidget799516824__chevronDisabled",
+  "inProgressLabel": "SetupWidget799516824__inProgressLabel"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};