@wix/patterns 1.442.0 → 1.444.0

package/dist/cjs/components/SlidingModal/SlidingModal.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_ = "SlidingModal2275766921";
+var _namespace_ = "SlidingModal3173682474";
 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": "SlidingModal2275766921__root"
+  "root": "SlidingModal3173682474__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SlidingModal/SlidingModal.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/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal2275766921\";\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\":\"SlidingModal2275766921__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-side-panel-standard-corner-radius\":\"--wds-side-panel-standard-corner-radius\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,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;AAA8B,CAAC;AACrD,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,uCAAuC,EAAC;AAAyC,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/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal3173682474\";\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\":\"SlidingModal3173682474__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-side-panel-standard-corner-radius\":\"--wds-side-panel-standard-corner-radius\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,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;AAA8B,CAAC;AACrD,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,uCAAuC,EAAC;AAAyC,CAAC","ignoreList":[]}

package/dist/cjs/components/Table/AddFieldColumnHeader.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_ = "AddFieldColumnHeader3837372143";
+var _namespace_ = "AddFieldColumnHeader1843435099";
 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": "AddFieldColumnHeader3837372143__root",
-  "title": "AddFieldColumnHeader3837372143__title",
-  "hoverBridge": "AddFieldColumnHeader3837372143__hoverBridge"
+  "root": "AddFieldColumnHeader1843435099__root",
+  "title": "AddFieldColumnHeader1843435099__title",
+  "hoverBridge": "AddFieldColumnHeader1843435099__hoverBridge"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Table/AddFieldColumnHeader.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/Table/AddFieldColumnHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AddFieldColumnHeader3837372143\";\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\":\"AddFieldColumnHeader3837372143__root\",\"title\":\"AddFieldColumnHeader3837372143__title\",\"hoverBridge\":\"AddFieldColumnHeader3837372143__hoverBridge\"};\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,gCAAgC;AAClD,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,sCAAsC;EAAC,OAAO,EAAC,uCAAuC;EAAC,aAAa,EAAC;AAA6C,CAAC;AACzK,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/Table/AddFieldColumnHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AddFieldColumnHeader1843435099\";\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\":\"AddFieldColumnHeader1843435099__root\",\"title\":\"AddFieldColumnHeader1843435099__title\",\"hoverBridge\":\"AddFieldColumnHeader1843435099__hoverBridge\"};\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,gCAAgC;AAClD,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,sCAAsC;EAAC,OAAO,EAAC,uCAAuC;EAAC,aAAa,EAAC;AAA6C,CAAC;AACzK,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/TableSections/TableSectionRow.js

@@ -7,6 +7,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _CollectionSectionHeader = require("../CollectionSectionHeader");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/TableSections/TableSectionRow.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const _TableSectionRow = /*#__PURE__*/(0, _react.forwardRef)(({
@@ -15,6 +16,7 @@ const _TableSectionRow = /*#__PURE__*/(0, _react.forwardRef)(({
   rowData,
   ...props
 }, ref) => {
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const {
     children,
     className,
@@ -40,7 +42,7 @@ const _TableSectionRow = /*#__PURE__*/(0, _react.forwardRef)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 40,
+        lineNumber: 42,
         columnNumber: 7
       }
     }));
@@ -52,7 +54,7 @@ const _TableSectionRow = /*#__PURE__*/(0, _react.forwardRef)(({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 56,
+          lineNumber: 58,
           columnNumber: 14
         }
       }));
@@ -75,7 +77,7 @@ const _TableSectionRow = /*#__PURE__*/(0, _react.forwardRef)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 62,
+        lineNumber: 64,
         columnNumber: 7
       }
     }), /*#__PURE__*/_react.default.createElement("th", {
@@ -87,7 +89,7 @@ const _TableSectionRow = /*#__PURE__*/(0, _react.forwardRef)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 73,
+        lineNumber: 75,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -99,7 +101,7 @@ const _TableSectionRow = /*#__PURE__*/(0, _react.forwardRef)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 78,
+        lineNumber: 80,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_CollectionSectionHeader.CollectionSectionHeader, {
@@ -107,14 +109,14 @@ const _TableSectionRow = /*#__PURE__*/(0, _react.forwardRef)(({
       sectionIndex: sectionIndex,
       section: section,
       biComponentType: "TableSections",
-      skin: "neutral",
+      skin: isBmHarmonyTheme ? 'standard' : 'neutral',
       dataHook: "table-section-header",
       collapsible: collapsible,
       onToggleCollapse: state.toggleSection,
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 85,
+        lineNumber: 87,
         columnNumber: 13
       }
     }))));
@@ -123,7 +125,7 @@ const _TableSectionRow = /*#__PURE__*/(0, _react.forwardRef)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 101,
+      lineNumber: 103,
       columnNumber: 10
     }
   }));

package/dist/cjs/components/TableSections/TableSectionRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CollectionSectionHeader","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableSectionRow","forwardRef","state","RegularTrElement","rowData","props","ref","children","className","style","isSectionRow","contentWidth","table","toolbar","itemsContentRect","rect","width","sectionContentWidth","regularTrElementProps","isInvisibleRow","createElement","_extends2","visibility","__self","__source","fileName","lineNumber","columnNumber","Array","isArray","length","result","getSectionWithCount","sectionId","sectionIndex","section","collapsible","position","cursor","colSpan","scope","padding","left","CollectionSectionHeader","biComponentType","skin","dataHook","onToggleCollapse","toggleSection","TableSectionRow","exports","observer"],"sources":["../../../../src/components/TableSections/TableSectionRow.tsx"],"sourcesContent":["import React, {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  ReactElement,\n  forwardRef,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { TableSectionsState } from './TableSectionsState';\nimport { CollectionSectionHeader } from '../CollectionSectionHeader';\n\nexport interface TableSectionRowProps<T, F extends FiltersMap>\n  extends HTMLAttributes<HTMLTableRowElement> {\n  rowData: KeyedItem<T>;\n  state: TableSectionsState<T, F>;\n  RegularTrElement: ForwardRefExoticComponent<{\n    children: ReactElement[];\n    rowData: { id: string };\n    className: string;\n  }>;\n}\n\nconst _TableSectionRow = forwardRef<\n  HTMLTableRowElement,\n  TableSectionRowProps<any, any>\n>(({ state, RegularTrElement, rowData, ...props }, ref) => {\n  const { children, className, style } = props;\n  const isSectionRow = state.isSectionRow(rowData);\n  const contentWidth = state.table.toolbar.itemsContentRect.rect.width;\n  const sectionContentWidth = contentWidth ? `${contentWidth}px` : '100%';\n  const regularTrElementProps = {\n    ...props,\n    rowData,\n    className: className || '',\n    children: (children as ReactElement[]) || [],\n  };\n\n  if (state.isInvisibleRow(rowData)) {\n    return (\n      <tr\n        {...props}\n        ref={ref}\n        className={className}\n        style={{\n          ...style,\n          visibility: 'collapse',\n        }}\n      />\n    );\n  }\n\n  if (isSectionRow && Array.isArray(children) && children.length > 0) {\n    const result = state.getSectionWithCount(rowData);\n\n    if (!result) {\n      return <RegularTrElement {...regularTrElementProps} />;\n    }\n\n    const { sectionId, sectionIndex, section, collapsible } = result;\n\n    return (\n      <tr\n        {...props}\n        ref={ref}\n        className={className}\n        style={{\n          ...style,\n          position: 'relative',\n          cursor: 'default',\n        }}\n        data-hook=\"table-section-header-row\"\n      >\n        <th\n          colSpan={children.length}\n          scope=\"rowgroup\"\n          style={{ padding: '0px' }}\n        >\n          <div\n            style={{\n              position: 'sticky',\n              left: 0,\n              width: sectionContentWidth,\n            }}\n          >\n            <CollectionSectionHeader\n              sectionId={sectionId}\n              sectionIndex={sectionIndex}\n              section={section}\n              biComponentType=\"TableSections\"\n              skin=\"neutral\"\n              dataHook=\"table-section-header\"\n              collapsible={collapsible}\n              onToggleCollapse={state.toggleSection}\n            />\n          </div>\n        </th>\n      </tr>\n    );\n  }\n\n  return <RegularTrElement {...regularTrElementProps} />;\n});\n\nexport const TableSectionRow = observer(_TableSectionRow);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CollectionSectionHeader","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableSectionRow","forwardRef","state","RegularTrElement","rowData","props","ref","isBmHarmonyTheme","useBmHarmonyTheme","children","className","style","isSectionRow","contentWidth","table","toolbar","itemsContentRect","rect","width","sectionContentWidth","regularTrElementProps","isInvisibleRow","createElement","_extends2","visibility","__self","__source","fileName","lineNumber","columnNumber","Array","isArray","length","result","getSectionWithCount","sectionId","sectionIndex","section","collapsible","position","cursor","colSpan","scope","padding","left","CollectionSectionHeader","biComponentType","skin","dataHook","onToggleCollapse","toggleSection","TableSectionRow","exports","observer"],"sources":["../../../../src/components/TableSections/TableSectionRow.tsx"],"sourcesContent":["import React, {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  ReactElement,\n  forwardRef,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { TableSectionsState } from './TableSectionsState';\nimport { CollectionSectionHeader } from '../CollectionSectionHeader';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface TableSectionRowProps<T, F extends FiltersMap>\n  extends HTMLAttributes<HTMLTableRowElement> {\n  rowData: KeyedItem<T>;\n  state: TableSectionsState<T, F>;\n  RegularTrElement: ForwardRefExoticComponent<{\n    children: ReactElement[];\n    rowData: { id: string };\n    className: string;\n  }>;\n}\n\nconst _TableSectionRow = forwardRef<\n  HTMLTableRowElement,\n  TableSectionRowProps<any, any>\n>(({ state, RegularTrElement, rowData, ...props }, ref) => {\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n  const { children, className, style } = props;\n  const isSectionRow = state.isSectionRow(rowData);\n  const contentWidth = state.table.toolbar.itemsContentRect.rect.width;\n  const sectionContentWidth = contentWidth ? `${contentWidth}px` : '100%';\n  const regularTrElementProps = {\n    ...props,\n    rowData,\n    className: className || '',\n    children: (children as ReactElement[]) || [],\n  };\n\n  if (state.isInvisibleRow(rowData)) {\n    return (\n      <tr\n        {...props}\n        ref={ref}\n        className={className}\n        style={{\n          ...style,\n          visibility: 'collapse',\n        }}\n      />\n    );\n  }\n\n  if (isSectionRow && Array.isArray(children) && children.length > 0) {\n    const result = state.getSectionWithCount(rowData);\n\n    if (!result) {\n      return <RegularTrElement {...regularTrElementProps} />;\n    }\n\n    const { sectionId, sectionIndex, section, collapsible } = result;\n\n    return (\n      <tr\n        {...props}\n        ref={ref}\n        className={className}\n        style={{\n          ...style,\n          position: 'relative',\n          cursor: 'default',\n        }}\n        data-hook=\"table-section-header-row\"\n      >\n        <th\n          colSpan={children.length}\n          scope=\"rowgroup\"\n          style={{ padding: '0px' }}\n        >\n          <div\n            style={{\n              position: 'sticky',\n              left: 0,\n              width: sectionContentWidth,\n            }}\n          >\n            <CollectionSectionHeader\n              sectionId={sectionId}\n              sectionIndex={sectionIndex}\n              section={section}\n              biComponentType=\"TableSections\"\n              skin={isBmHarmonyTheme ? 'standard' : 'neutral'}\n              dataHook=\"table-section-header\"\n              collapsible={collapsible}\n              onToggleCollapse={state.toggleSection}\n            />\n          </div>\n        </th>\n      </tr>\n    );\n  }\n\n  return <RegularTrElement {...regularTrElementProps} />;\n});\n\nexport const TableSectionRow = observer(_TableSectionRow);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TableSkeleton/TableSkeleton.js

@@ -9,9 +9,11 @@ var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _state = require("../../state");
 var _mobxReactLite = require("mobx-react-lite");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/TableSkeleton/TableSkeleton.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _TableSkeleton(props) {
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const {
     state,
     dataHook,
@@ -45,14 +47,14 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 53,
+        lineNumber: 55,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonGroup, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 54,
+        lineNumber: 56,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
@@ -62,7 +64,7 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 55,
+        lineNumber: 57,
         columnNumber: 15
       }
     })))
@@ -79,7 +81,7 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 73,
+        lineNumber: 75,
         columnNumber: 16
       }
     }));
@@ -96,11 +98,11 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 82,
+        lineNumber: 84,
         columnNumber: 5
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Table, (0, _extends2.default)({
-      skin: "neutral",
+      skin: isBmHarmonyTheme ? 'standard' : 'neutral',
       data: data,
       columns: columns,
       withWrapper: false,
@@ -109,7 +111,7 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 83,
+        lineNumber: 85,
         columnNumber: 7
       }
     }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -120,7 +122,7 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 91,
+        lineNumber: 93,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Table.Content, {
@@ -128,7 +130,7 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 97,
+        lineNumber: 99,
         columnNumber: 11
       }
     }))))

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_state","_mobxReactLite","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableSkeleton","props","state","dataHook","rowsCount","showTitleBar","rest","columnCount","minItemWidth","itemsContentWidth","useState","ResponsiveColumnsState","gridState","gap","rectState","toolbarRect","containerPadding","data","useMemo","Array","fill","map","_","id","columns","title","key","render","createElement","Box","direction","width","minWidth","__self","__source","fileName","lineNumber","columnNumber","SkeletonGroup","SkeletonLine","marginTop","marginBottom","TrElementType","forwardRef","rowData","_rowData","trProps","ref","_extends2","undefined","process","env","NODE_ENV","Table","skin","withWrapper","backgroundColor","borderRadius","overflow","Content","titleBarVisible","collection","showInitialLoader","TableSkeleton","exports","observer"],"sources":["../../../../src/components/TableSkeleton/TableSkeleton.tsx"],"sourcesContent":["import React, { forwardRef, MutableRefObject, useMemo, useState } from 'react';\nimport {\n  Box,\n  SkeletonGroup,\n  SkeletonLine,\n  Table,\n  TableProps,\n} from '@wix/design-system';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ResponsiveColumnsState, ToolbarCollectionState } from '../../state';\nimport { observer } from 'mobx-react-lite';\n\nexport interface TableSkeletonProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n  dataHook?: string;\n  rowsCount?: number;\n  showTitleBar?: boolean;\n  rowVerticalPadding?: TableProps['rowVerticalPadding'];\n}\n\nexport function _TableSkeleton<T, F extends FiltersMap>(\n  props: TableSkeletonProps<T, F>,\n) {\n  const { state, dataHook, rowsCount = 7, showTitleBar, ...rest } = props;\n\n  const [{ columnCount, minItemWidth, itemsContentWidth }] = useState(\n    () =>\n      new ResponsiveColumnsState({\n        gridState: {\n          gap: 24,\n        },\n        minItemWidth: 192,\n        rectState: state.toolbarRect,\n        containerPadding: 48,\n      }),\n  );\n\n  const data = useMemo(\n    () =>\n      new Array(rowsCount)\n        .fill(null)\n        .map((_, i) => ({ id: `skeleton-row-${i}` })),\n    [rowsCount],\n  );\n\n  const columns = useMemo(\n    () =>\n      new Array(columnCount).fill(null).map((_, i) => ({\n        title: '',\n        key: `skeleton-column-${i}`,\n        dataHook: `skeleton-column-${i}`,\n        render: () => (\n          <Box direction=\"vertical\" width=\"100%\" minWidth={`${minItemWidth}px`}>\n            <SkeletonGroup>\n              <SkeletonLine width=\"100%\" marginTop=\"SP1\" marginBottom=\"SP1\" />\n            </SkeletonGroup>\n          </Box>\n        ),\n      })),\n    [columnCount],\n  );\n\n  const [TrElementType] = useState(() =>\n    forwardRef(\n      (\n        { rowData: _rowData, ...trProps }: { rowData?: unknown },\n        ref:\n          | ((instance: HTMLTableRowElement | null) => void)\n          | MutableRefObject<HTMLTableRowElement | null>\n          | null,\n      ) => {\n        // <TableSkeleton/> is rendered inside the main <Table/> component, so we need to remove the data-table-row attribute from the <tr/> element to make testkit not to consider skeleton rows as real rows\n        return <tr ref={ref} {...trProps} data-table-row={undefined} />;\n      },\n    ),\n  );\n  if (!itemsContentWidth && process.env.NODE_ENV !== 'test') {\n    return null;\n  }\n  return (\n    // <Box/> wrapper always aligns the skeleton to the top of the table\n    <Box marginBottom=\"auto\" dataHook={dataHook}>\n      <Table\n        skin=\"neutral\"\n        data={data}\n        columns={columns}\n        withWrapper={false}\n        {...{ TrElementType }}\n        {...rest}\n      >\n        <Box\n          direction=\"vertical\"\n          backgroundColor=\"D80\"\n          borderRadius=\"0px 0px 8px 8px\"\n          overflow=\"hidden\"\n        >\n          <Table.Content\n            titleBarVisible={showTitleBar && state.collection.showInitialLoader}\n          />\n        </Box>\n      </Table>\n    </Box>\n  );\n}\n\nexport const TableSkeleton = observer(_TableSkeleton);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_state","_mobxReactLite","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableSkeleton","props","isBmHarmonyTheme","useBmHarmonyTheme","state","dataHook","rowsCount","showTitleBar","rest","columnCount","minItemWidth","itemsContentWidth","useState","ResponsiveColumnsState","gridState","gap","rectState","toolbarRect","containerPadding","data","useMemo","Array","fill","map","_","id","columns","title","key","render","createElement","Box","direction","width","minWidth","__self","__source","fileName","lineNumber","columnNumber","SkeletonGroup","SkeletonLine","marginTop","marginBottom","TrElementType","forwardRef","rowData","_rowData","trProps","ref","_extends2","undefined","process","env","NODE_ENV","Table","skin","withWrapper","backgroundColor","borderRadius","overflow","Content","titleBarVisible","collection","showInitialLoader","TableSkeleton","exports","observer"],"sources":["../../../../src/components/TableSkeleton/TableSkeleton.tsx"],"sourcesContent":["import React, { forwardRef, MutableRefObject, useMemo, useState } from 'react';\nimport {\n  Box,\n  SkeletonGroup,\n  SkeletonLine,\n  Table,\n  TableProps,\n} from '@wix/design-system';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ResponsiveColumnsState, ToolbarCollectionState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface TableSkeletonProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n  dataHook?: string;\n  rowsCount?: number;\n  showTitleBar?: boolean;\n  rowVerticalPadding?: TableProps['rowVerticalPadding'];\n}\n\nexport function _TableSkeleton<T, F extends FiltersMap>(\n  props: TableSkeletonProps<T, F>,\n) {\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n  const { state, dataHook, rowsCount = 7, showTitleBar, ...rest } = props;\n\n  const [{ columnCount, minItemWidth, itemsContentWidth }] = useState(\n    () =>\n      new ResponsiveColumnsState({\n        gridState: {\n          gap: 24,\n        },\n        minItemWidth: 192,\n        rectState: state.toolbarRect,\n        containerPadding: 48,\n      }),\n  );\n\n  const data = useMemo(\n    () =>\n      new Array(rowsCount)\n        .fill(null)\n        .map((_, i) => ({ id: `skeleton-row-${i}` })),\n    [rowsCount],\n  );\n\n  const columns = useMemo(\n    () =>\n      new Array(columnCount).fill(null).map((_, i) => ({\n        title: '',\n        key: `skeleton-column-${i}`,\n        dataHook: `skeleton-column-${i}`,\n        render: () => (\n          <Box direction=\"vertical\" width=\"100%\" minWidth={`${minItemWidth}px`}>\n            <SkeletonGroup>\n              <SkeletonLine width=\"100%\" marginTop=\"SP1\" marginBottom=\"SP1\" />\n            </SkeletonGroup>\n          </Box>\n        ),\n      })),\n    [columnCount],\n  );\n\n  const [TrElementType] = useState(() =>\n    forwardRef(\n      (\n        { rowData: _rowData, ...trProps }: { rowData?: unknown },\n        ref:\n          | ((instance: HTMLTableRowElement | null) => void)\n          | MutableRefObject<HTMLTableRowElement | null>\n          | null,\n      ) => {\n        // <TableSkeleton/> is rendered inside the main <Table/> component, so we need to remove the data-table-row attribute from the <tr/> element to make testkit not to consider skeleton rows as real rows\n        return <tr ref={ref} {...trProps} data-table-row={undefined} />;\n      },\n    ),\n  );\n  if (!itemsContentWidth && process.env.NODE_ENV !== 'test') {\n    return null;\n  }\n  return (\n    // <Box/> wrapper always aligns the skeleton to the top of the table\n    <Box marginBottom=\"auto\" dataHook={dataHook}>\n      <Table\n        skin={isBmHarmonyTheme ? 'standard' : 'neutral'}\n        data={data}\n        columns={columns}\n        withWrapper={false}\n        {...{ TrElementType }}\n        {...rest}\n      >\n        <Box\n          direction=\"vertical\"\n          backgroundColor=\"D80\"\n          borderRadius=\"0px 0px 8px 8px\"\n          overflow=\"hidden\"\n        >\n          <Table.Content\n            titleBarVisible={showTitleBar && state.collection.showInitialLoader}\n          />\n        </Box>\n      </Table>\n    </Box>\n  );\n}\n\nexport const TableSkeleton = observer(_TableSkeleton);\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "TabsFilter4070174655";
+var _namespace_ = "TabsFilter1304651662";
 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": "TabsFilter4070174655__root",
-  "title": "TabsFilter4070174655__title"
+  "root": "TabsFilter1304651662__root",
+  "title": "TabsFilter1304651662__title"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/TabsFilter/TabsFilter.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/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter4070174655\";\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\":\"TabsFilter4070174655__root\",\"title\":\"TabsFilter4070174655__title\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-tabs-label-fill\":\"--wds-tabs-label-fill\",\"wds-tabs-label-fill-active\":\"--wds-tabs-label-fill-active\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-D10\":\"--wsr-color-D10\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,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,4BAA4B;EAAC,OAAO,EAAC;AAA6B,CAAC;AACzF,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,iCAAiC,EAAC,mCAAmC;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,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/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter1304651662\";\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\":\"TabsFilter1304651662__root\",\"title\":\"TabsFilter1304651662__title\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-tabs-label-fill\":\"--wds-tabs-label-fill\",\"wds-tabs-label-fill-active\":\"--wds-tabs-label-fill-active\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-D10\":\"--wsr-color-D10\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,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,4BAA4B;EAAC,OAAO,EAAC;AAA6B,CAAC;AACzF,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,iCAAiC,EAAC,mCAAmC;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.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_ = "ManageTagsModal3698406852";
+var _namespace_ = "ManageTagsModal2997455488";
 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": "ManageTagsModal3698406852__root"
+  "root": "ManageTagsModal2997455488__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.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/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal3698406852\";\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\":\"ManageTagsModal3698406852__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,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,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/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal2997455488\";\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\":\"ManageTagsModal2997455488__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,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,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/ToolbarItem/ToolbarItem.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_ = "ToolbarItem1700851956";
+var _namespace_ = "ToolbarItem1286156115";
 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": "ToolbarItem1700851956__root"
+  "root": "ToolbarItem1286156115__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItem/ToolbarItem.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/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem1700851956\";\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\":\"ToolbarItem1700851956__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,uBAAuB;AACzC,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;AAA6B,CAAC;AACpD,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/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem1286156115\";\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\":\"ToolbarItem1286156115__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,uBAAuB;AACzC,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;AAA6B,CAAC;AACpD,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/ToolbarItemBox/ToolbarItemBox.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_ = "ToolbarItemBox4201143137";
+var _namespace_ = "ToolbarItemBox803056766";
 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": "ToolbarItemBox4201143137__root"
+  "root": "ToolbarItemBox803056766__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.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/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox4201143137\";\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\":\"ToolbarItemBox4201143137__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,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;AAAgC,CAAC;AACvD,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/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox803056766\";\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\":\"ToolbarItemBox803056766__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/common.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_ = "common2868247412";
+var _namespace_ = "common782348121";
 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": "common2868247412__root",
-  "column": "common2868247412__column",
-  "fullHeight": "common2868247412__fullHeight"
+  "root": "common782348121__root",
+  "column": "common782348121__column",
+  "fullHeight": "common782348121__fullHeight"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/common.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/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common2868247412\";\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\":\"common2868247412__root\",\"column\":\"common2868247412__column\",\"fullHeight\":\"common2868247412__fullHeight\"};\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,kBAAkB;AACpC,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,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,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/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common782348121\";\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\":\"common782348121__root\",\"column\":\"common782348121__column\",\"fullHeight\":\"common782348121__fullHeight\"};\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,iBAAiB;AACnC,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,uBAAuB;EAAC,QAAQ,EAAC,yBAAyB;EAAC,YAAY,EAAC;AAA6B,CAAC;AAC5H,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/hooks/useEntityPage.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_state","_react2","_WixPatternsRouterProvider","useEntityPage","props","container","useWixPatternsContainer","routerState","useWixPatternsRouter","state","useState","EntityPageState"],"sources":["../../../src/hooks/useEntityPage.ts"],"sourcesContent":["import { useState } from 'react';\nimport { EntityPageState, EntityPageStateParams } from '../state';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { FieldValues } from 'react-hook-form';\nimport { useWixPatternsRouter } from '../providers/WixPatternsRouterProvider';\n\nexport type UseEntityPageParams<T, V extends FieldValues = FieldValues> = Pick<\n  EntityPageStateParams<T, V>,\n  | 'fetch'\n  | 'onSave'\n  | 'saveSuccessToast'\n  | 'saveErrorToast'\n  | 'form'\n  | 'parentPageId'\n  | 'parentPath'\n  | 'schemaSource'\n>;\n\nexport function useEntityPage<T, V extends FieldValues = FieldValues>(\n  props: UseEntityPageParams<T, V>,\n): EntityPageState<T, V> {\n  const container = useWixPatternsContainer();\n  const routerState = useWixPatternsRouter();\n  const [state] = useState(() => {\n    return new EntityPageState({ container, routerState, ...props });\n  });\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAAG,0BAAA,GAAAH,OAAA;AAcO,SAASI,aAAaA,CAC3BC,KAAgC,EACT;EACvB,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAMC,WAAW,GAAG,IAAAC,+CAAoB,EAAC,CAAC;EAC1C,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM;IAC7B,OAAO,IAAIC,sBAAe,CAAC;MAAEN,SAAS;MAAEE,WAAW;MAAE,GAAGH;IAAM,CAAC,CAAC;EAClE,CAAC,CAAC;EAEF,OAAOK,KAAK;AACd","ignoreList":[]}
+{"version":3,"names":["_react","require","_state","_react2","_WixPatternsRouterProvider","useEntityPage","props","container","useWixPatternsContainer","routerState","useWixPatternsRouter","state","useState","EntityPageState"],"sources":["../../../src/hooks/useEntityPage.ts"],"sourcesContent":["import { useState } from 'react';\nimport { EntityPageState, EntityPageStateParams } from '../state';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { FieldValues } from 'react-hook-form';\nimport { useWixPatternsRouter } from '../providers/WixPatternsRouterProvider';\n\nexport type UseEntityPageParams<T, V extends FieldValues = FieldValues> = Pick<\n  EntityPageStateParams<T, V>,\n  | 'fetch'\n  | 'onSave'\n  | 'saveSuccessToast'\n  | 'saveErrorToast'\n  | 'form'\n  | 'parentPageId'\n  | 'parentPath'\n  | 'parentReferrer'\n  | 'schemaSource'\n>;\n\nexport function useEntityPage<T, V extends FieldValues = FieldValues>(\n  props: UseEntityPageParams<T, V>,\n): EntityPageState<T, V> {\n  const container = useWixPatternsContainer();\n  const routerState = useWixPatternsRouter();\n  const [state] = useState(() => {\n    return new EntityPageState({ container, routerState, ...props });\n  });\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAAG,0BAAA,GAAAH,OAAA;AAeO,SAASI,aAAaA,CAC3BC,KAAgC,EACT;EACvB,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAMC,WAAW,GAAG,IAAAC,+CAAoB,EAAC,CAAC;EAC1C,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM;IAC7B,OAAO,IAAIC,sBAAe,CAAC;MAAEN,SAAS;MAAEE,WAAW;MAAE,GAAGH;IAAM,CAAC,CAAC;EAClE,CAAC,CAAC;EAEF,OAAOK,KAAK;AACd","ignoreList":[]}

package/dist/cjs/state/CollectionFieldsSourceState.js

@@ -106,12 +106,12 @@ class CollectionFieldsSourceState {
     }));
   }
   buildFilters() {
-    return (0, _buildFieldFilters.buildFieldFilters)(this.toolbar, this.fieldsSource, this.filterConfig);
+    return (0, _buildFieldFilters.buildFieldFilters)(this.toolbar, this.fieldsSource, this.filterConfig, this.components.ReferenceFieldFilter);
   }
 
   /** Registers a filter state per filterable field on the collection query. */
   registerFilters() {
-    (0, _buildFieldFilters.registerFieldFilters)(this.toolbar, this.fieldsSource, this.filterConfig);
+    (0, _buildFieldFilters.registerFieldFilters)(this.toolbar, this.fieldsSource, this.filterConfig, this.components.ReferenceFieldFilter);
   }
 
   /**