@wix/patterns 1.356.0 → 1.357.0

package/dist/cjs/components/CardContainer/CardContainer.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_ = "CardContainer3428059756";
+var _namespace_ = "CardContainer3159177067";
 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": "CardContainer3428059756__root"
+  "root": "CardContainer3159177067__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CardContainer/CardContainer.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/CardContainer/CardContainer.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CardContainer3428059756\";\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\":\"CardContainer3428059756__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/CardContainer/CardContainer.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CardContainer3159177067\";\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\":\"CardContainer3159177067__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/Collapse/Collapse.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_ = "Collapse2409255273";
+var _namespace_ = "Collapse349658766";
 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": "Collapse2409255273__root",
-  "exit": "Collapse2409255273__exit"
+  "root": "Collapse349658766__root",
+  "exit": "Collapse349658766__exit"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Collapse/Collapse.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/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Collapse2409255273\";\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\":\"Collapse2409255273__root\",\"exit\":\"Collapse2409255273__exit\"};\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,oBAAoB;AACtC,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,0BAA0B;EAAC,MAAM,EAAC;AAA0B,CAAC;AACnF,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/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Collapse349658766\";\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\":\"Collapse349658766__root\",\"exit\":\"Collapse349658766__exit\"};\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,mBAAmB;AACrC,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,yBAAyB;EAAC,MAAM,EAAC;AAAyB,CAAC;AACjF,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/CollectionPageNew/CollectionPage.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_ = "CollectionPage2964530824";
+var _namespace_ = "CollectionPage2970541410";
 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": "CollectionPage2964530824__root"
+  "root": "CollectionPage2970541410__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionPageNew/CollectionPage.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/CollectionPageNew/CollectionPage.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPage2964530824\";\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\":\"CollectionPage2964530824__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\",\"wds-page-header-padding-horizontal-small\":\"--wds-page-header-padding-horizontal-small\",\"wds-color-fill-surface-sunken\":\"--wds-color-fill-surface-sunken\",\"wds-space-300\":\"--wds-space-300\"}; \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;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,0CAA0C,EAAC,4CAA4C;EAAC,+BAA+B,EAAC,iCAAiC;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/CollectionPageNew/CollectionPage.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPage2970541410\";\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\":\"CollectionPage2970541410__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\",\"wds-page-header-padding-horizontal-small\":\"--wds-page-header-padding-horizontal-small\",\"wds-color-fill-surface-sunken\":\"--wds-color-fill-surface-sunken\",\"wds-space-300\":\"--wds-space-300\"}; \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;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,0CAA0C,EAAC,4CAA4C;EAAC,+BAA+B,EAAC,iCAAiC;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeader.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_ = "CollectionSectionHeader2296962899";
+var _namespace_ = "CollectionSectionHeader2855512574";
 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": "CollectionSectionHeader2296962899__root",
-  "summaryIcon": "CollectionSectionHeader2296962899__summaryIcon"
+  "root": "CollectionSectionHeader2855512574__root",
+  "summaryIcon": "CollectionSectionHeader2855512574__summaryIcon"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeader.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/CollectionSectionHeader/CollectionSectionHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionSectionHeader2296962899\";\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\":\"CollectionSectionHeader2296962899__root\",\"summaryIcon\":\"CollectionSectionHeader2296962899__summaryIcon\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-secondary\":\"--wds-color-text-standard-secondary\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mCAAmC;AACrD,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,yCAAyC;EAAC,aAAa,EAAC;AAAgD,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;EAAC,mCAAmC,EAAC;AAAqC,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/CollectionSectionHeader/CollectionSectionHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionSectionHeader2855512574\";\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\":\"CollectionSectionHeader2855512574__root\",\"summaryIcon\":\"CollectionSectionHeader2855512574__summaryIcon\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-secondary\":\"--wds-color-text-standard-secondary\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mCAAmC;AACrD,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,yCAAyC;EAAC,aAAa,EAAC;AAAgD,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;EAAC,mCAAmC,EAAC;AAAqC,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionTable/CollectionTable.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_ = "CollectionTable2155725631";
+var _namespace_ = "CollectionTable1473924420";
 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": "CollectionTable2155725631__root"
+  "root": "CollectionTable1473924420__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionTable/CollectionTable.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/CollectionTable/CollectionTable.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionTable2155725631\";\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\":\"CollectionTable2155725631__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/CollectionTable/CollectionTable.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionTable1473924420\";\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\":\"CollectionTable1473924420__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/CollectionToolbar/CollectionToolbar.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_ = "CollectionToolbar2528422971";
+var _namespace_ = "CollectionToolbar269385832";
 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": "CollectionToolbar2528422971__root",
-  "left": "CollectionToolbar2528422971__left",
-  "right": "CollectionToolbar2528422971__right",
-  "fullWidth": "CollectionToolbar2528422971__fullWidth"
+  "root": "CollectionToolbar269385832__root",
+  "left": "CollectionToolbar269385832__left",
+  "right": "CollectionToolbar269385832__right",
+  "fullWidth": "CollectionToolbar269385832__fullWidth"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/CollectionToolbar.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/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar2528422971\";\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\":\"CollectionToolbar2528422971__root\",\"left\":\"CollectionToolbar2528422971__left\",\"right\":\"CollectionToolbar2528422971__right\",\"fullWidth\":\"CollectionToolbar2528422971__fullWidth\"};\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,mCAAmC;EAAC,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,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/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar269385832\";\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\":\"CollectionToolbar269385832__root\",\"left\":\"CollectionToolbar269385832__left\",\"right\":\"CollectionToolbar269385832__right\",\"fullWidth\":\"CollectionToolbar269385832__fullWidth\"};\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,4BAA4B;AAC9C,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,kCAAkC;EAAC,MAAM,EAAC,kCAAkC;EAAC,OAAO,EAAC,mCAAmC;EAAC,WAAW,EAAC;AAAuC,CAAC;AACnM,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/CollectionToolbar/CollectionToolbarActionsGroupResponsiveLayout.js

@@ -3,9 +3,8 @@
 exports.__esModule = true;
 exports.CollectionToolbarActionsGroupResponsiveLayout = CollectionToolbarActionsGroupResponsiveLayout;
 var _react = _interopRequireWildcard(require("react"));
-var _HorizontalAvailableSpaceBox = require("../Responsive/HorizontalAvailableSpaceBox");
+var _designSystem = require("@wix/design-system");
 var _ToolbarItem = require("../ToolbarItem/ToolbarItem");
-var _HorizontalOverflowBox = require("../Responsive/HorizontalOverflowBox");
 var _ToolbarGroupScrollWidthBox = require("./ToolbarGroupScrollWidthBox");
 var _SearchOrCustomFilter = require("./SearchOrCustomFilter");
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
@@ -36,7 +35,7 @@ function CollectionToolbarActionsGroupResponsiveLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 34,
+      lineNumber: 33,
       columnNumber: 5
     }
   }, left ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, viewsToolbarItem && /*#__PURE__*/_react.default.createElement(_InitialLoadingConditional.InitialLoadingConditional, {
@@ -47,14 +46,14 @@ function CollectionToolbarActionsGroupResponsiveLayout(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 41,
+        lineNumber: 40,
         columnNumber: 17
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 38,
+      lineNumber: 37,
       columnNumber: 13
     }
   }, viewsToolbarItem), filtersElement) : viewsToolbarItem ? filtersElement : undefined, MoreFiltersButton && /*#__PURE__*/_react.default.createElement(_ToolbarGroupScrollWidthBox.ToolbarGroupScrollWidthBox, {
@@ -63,14 +62,14 @@ function CollectionToolbarActionsGroupResponsiveLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 57,
+      lineNumber: 56,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(MoreFiltersButton, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 58,
+      lineNumber: 57,
       columnNumber: 11
     }
   })), /*#__PURE__*/_react.default.createElement(_ToolbarGroupScrollWidthBox.ToolbarGroupScrollWidthBox, {
@@ -79,7 +78,7 @@ function CollectionToolbarActionsGroupResponsiveLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 62,
+      lineNumber: 61,
       columnNumber: 7
     }
   }, customColumns && showCustomColumnsOnTheLeft && customColumns, multiLevelSorting, exportButton && /*#__PURE__*/(0, _react.cloneElement)(exportButton, {
@@ -90,17 +89,22 @@ function CollectionToolbarActionsGroupResponsiveLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 72,
+      lineNumber: 71,
       columnNumber: 18
     }
   }));
-  child = /*#__PURE__*/_react.default.createElement(_HorizontalOverflowBox.HorizontalOverflowBox, {
-    state: responsive.overflow,
+  child = /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    ref: element => {
+      responsive._contentElement = element;
+    },
+    dataHook: "horizontal-overflow-box",
+    minWidth: 0,
+    direction: "horizontal",
     gap: "SP2",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 77,
+      lineNumber: 76,
       columnNumber: 5
     }
   }, child);
@@ -108,16 +112,22 @@ function CollectionToolbarActionsGroupResponsiveLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 82,
+      lineNumber: 89,
       columnNumber: 11
     }
   }, child);
-  child = /*#__PURE__*/_react.default.createElement(_HorizontalAvailableSpaceBox.HorizontalAvailableSpaceBox, {
-    state: responsive.actionsAvailableSpace,
+  child = /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    ref: element => {
+      responsive._measurementElement = element;
+    },
+    minWidth: 0,
+    flex: 1,
+    align: "right",
+    direction: "horizontal",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 85,
+      lineNumber: 92,
       columnNumber: 5
     }
   }, child);

package/dist/cjs/components/CollectionToolbar/CollectionToolbarActionsGroupResponsiveLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_HorizontalAvailableSpaceBox","_ToolbarItem","_HorizontalOverflowBox","_ToolbarGroupScrollWidthBox","_SearchOrCustomFilter","_ToolbarCollectionContext","_InitialLoadingConditional","_CollectionToolbarSkeletonItem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CollectionToolbarActionsGroupResponsiveLayout","props","state","left","viewsToolbarItem","filtersElement","MoreFiltersButton","multiLevelSorting","customColumns","exportButton","search","showCustomColumnsOnTheLeft","toolbarState","useToolbarCollectionContext","toolbar","responsive","child","createElement","Fragment","__self","__source","fileName","lineNumber","columnNumber","InitialLoadingConditional","loadingElement","CollectionToolbarSkeletonItem","dataHook","width","undefined","ToolbarGroupScrollWidthBox","filters","gap","actions","cloneElement","toolbarType","SearchOrCustomFilter","HorizontalOverflowBox","overflow","ToolbarItem","HorizontalAvailableSpaceBox","actionsAvailableSpace"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbarActionsGroupResponsiveLayout.tsx"],"sourcesContent":["import React, { cloneElement, Fragment } from 'react';\nimport { HorizontalAvailableSpaceBox } from '../Responsive/HorizontalAvailableSpaceBox';\nimport { ToolbarItem } from '../ToolbarItem/ToolbarItem';\nimport { HorizontalOverflowBox } from '../Responsive/HorizontalOverflowBox';\nimport { ToolbarGroupScrollWidthBox } from './ToolbarGroupScrollWidthBox';\nimport { SearchOrCustomFilter } from './SearchOrCustomFilter';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { CollectionToolbarActionsGroupProps } from './CollectionToolbarActionsGroupProps';\nimport { InitialLoadingConditional } from '../InitialLoadingConditional';\nimport { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';\n\nexport function CollectionToolbarActionsGroupResponsiveLayout(\n  props: CollectionToolbarActionsGroupProps,\n) {\n  const {\n    state,\n    left,\n    viewsToolbarItem,\n    filtersElement,\n    MoreFiltersButton,\n    multiLevelSorting,\n    customColumns,\n    exportButton,\n    search,\n    showCustomColumnsOnTheLeft,\n  } = props;\n\n  const toolbarState = useToolbarCollectionContext();\n  const {\n    toolbar: { responsive },\n  } = toolbarState;\n\n  let child = (\n    <Fragment>\n      {left ? (\n        <>\n          {viewsToolbarItem && (\n            <InitialLoadingConditional\n              state={toolbarState}\n              loadingElement={\n                <CollectionToolbarSkeletonItem\n                  dataHook=\"toolbar-views-skeleton\"\n                  width=\"100px\"\n                />\n              }\n            >\n              {viewsToolbarItem}\n            </InitialLoadingConditional>\n          )}\n          {filtersElement}\n        </>\n      ) : viewsToolbarItem ? (\n        filtersElement\n      ) : undefined}\n\n      {MoreFiltersButton && (\n        <ToolbarGroupScrollWidthBox state={responsive.filters} gap=\"SP2\">\n          <MoreFiltersButton />\n        </ToolbarGroupScrollWidthBox>\n      )}\n\n      <ToolbarGroupScrollWidthBox state={responsive.actions} gap=\"SP2\">\n        {customColumns && showCustomColumnsOnTheLeft && customColumns}\n        {multiLevelSorting}\n        {exportButton &&\n          cloneElement(exportButton, {\n            toolbarType: 'default',\n          })}\n        {customColumns && !showCustomColumnsOnTheLeft && customColumns}\n      </ToolbarGroupScrollWidthBox>\n\n      {search && <SearchOrCustomFilter state={state} search={search} />}\n    </Fragment>\n  );\n\n  child = (\n    <HorizontalOverflowBox state={responsive.overflow} gap=\"SP2\">\n      {child}\n    </HorizontalOverflowBox>\n  );\n\n  child = <ToolbarItem>{child}</ToolbarItem>;\n\n  child = (\n    <HorizontalAvailableSpaceBox state={responsive.actionsAvailableSpace}>\n      {child}\n    </HorizontalAvailableSpaceBox>\n  );\n\n  return child;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_ToolbarItem","_ToolbarGroupScrollWidthBox","_SearchOrCustomFilter","_ToolbarCollectionContext","_InitialLoadingConditional","_CollectionToolbarSkeletonItem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CollectionToolbarActionsGroupResponsiveLayout","props","state","left","viewsToolbarItem","filtersElement","MoreFiltersButton","multiLevelSorting","customColumns","exportButton","search","showCustomColumnsOnTheLeft","toolbarState","useToolbarCollectionContext","toolbar","responsive","child","createElement","Fragment","__self","__source","fileName","lineNumber","columnNumber","InitialLoadingConditional","loadingElement","CollectionToolbarSkeletonItem","dataHook","width","undefined","ToolbarGroupScrollWidthBox","filters","gap","actions","cloneElement","toolbarType","SearchOrCustomFilter","Box","ref","element","_contentElement","minWidth","direction","ToolbarItem","_measurementElement","flex","align"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbarActionsGroupResponsiveLayout.tsx"],"sourcesContent":["import React, { cloneElement, Fragment } from 'react';\nimport { Box } from '@wix/design-system';\nimport { ToolbarItem } from '../ToolbarItem/ToolbarItem';\nimport { ToolbarGroupScrollWidthBox } from './ToolbarGroupScrollWidthBox';\nimport { SearchOrCustomFilter } from './SearchOrCustomFilter';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { CollectionToolbarActionsGroupProps } from './CollectionToolbarActionsGroupProps';\nimport { InitialLoadingConditional } from '../InitialLoadingConditional';\nimport { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';\n\nexport function CollectionToolbarActionsGroupResponsiveLayout(\n  props: CollectionToolbarActionsGroupProps,\n) {\n  const {\n    state,\n    left,\n    viewsToolbarItem,\n    filtersElement,\n    MoreFiltersButton,\n    multiLevelSorting,\n    customColumns,\n    exportButton,\n    search,\n    showCustomColumnsOnTheLeft,\n  } = props;\n\n  const toolbarState = useToolbarCollectionContext();\n  const {\n    toolbar: { responsive },\n  } = toolbarState;\n\n  let child = (\n    <Fragment>\n      {left ? (\n        <>\n          {viewsToolbarItem && (\n            <InitialLoadingConditional\n              state={toolbarState}\n              loadingElement={\n                <CollectionToolbarSkeletonItem\n                  dataHook=\"toolbar-views-skeleton\"\n                  width=\"100px\"\n                />\n              }\n            >\n              {viewsToolbarItem}\n            </InitialLoadingConditional>\n          )}\n          {filtersElement}\n        </>\n      ) : viewsToolbarItem ? (\n        filtersElement\n      ) : undefined}\n\n      {MoreFiltersButton && (\n        <ToolbarGroupScrollWidthBox state={responsive.filters} gap=\"SP2\">\n          <MoreFiltersButton />\n        </ToolbarGroupScrollWidthBox>\n      )}\n\n      <ToolbarGroupScrollWidthBox state={responsive.actions} gap=\"SP2\">\n        {customColumns && showCustomColumnsOnTheLeft && customColumns}\n        {multiLevelSorting}\n        {exportButton &&\n          cloneElement(exportButton, {\n            toolbarType: 'default',\n          })}\n        {customColumns && !showCustomColumnsOnTheLeft && customColumns}\n      </ToolbarGroupScrollWidthBox>\n\n      {search && <SearchOrCustomFilter state={state} search={search} />}\n    </Fragment>\n  );\n\n  child = (\n    <Box\n      ref={(element) => {\n        responsive._contentElement = element;\n      }}\n      dataHook=\"horizontal-overflow-box\"\n      minWidth={0}\n      direction=\"horizontal\"\n      gap=\"SP2\"\n    >\n      {child}\n    </Box>\n  );\n\n  child = <ToolbarItem>{child}</ToolbarItem>;\n\n  child = (\n    <Box\n      ref={(element) => {\n        responsive._measurementElement = element;\n      }}\n      minWidth={0}\n      flex={1}\n      align=\"right\"\n      direction=\"horizontal\"\n    >\n      {child}\n    </Box>\n  );\n\n  return child;\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionToolbar/CollectionToolbarLeftGroup.js

@@ -24,6 +24,7 @@ function _CollectionToolbarLeftGroup(props) {
     }
   } = state;
   const isLeftElementMode = mode === 'tabs' || mode === 'title';
+  const shouldMeasure = isLeftElementMode && !responsive.responsiveDisabled;
   const container = (0, _react.useRef)(null);
   const [leftGroupState] = (0, _react.useState)(() => new _ToolbarLeftGroupState.ToolbarLeftGroupState({
     responsive,
@@ -33,8 +34,16 @@ function _CollectionToolbarLeftGroup(props) {
   }));
   (0, _react.useEffect)(() => {
     var _container$current;
-    return leftGroupState.init((_container$current = container.current) == null ? void 0 : _container$current.parentElement);
-  }, []);
+    if (!shouldMeasure) {
+      return;
+    }
+    responsive.leftGroupState = leftGroupState;
+    const dispose = leftGroupState.init((_container$current = container.current) == null ? void 0 : _container$current.parentElement);
+    return () => {
+      dispose();
+      responsive.leftGroupState = null;
+    };
+  }, [shouldMeasure]);
   const content = left ?? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, viewsToolbarItem && /*#__PURE__*/_react.default.createElement(_InitialLoadingConditional.InitialLoadingConditional, {
     state: state,
     loadingElement: /*#__PURE__*/_react.default.createElement(_CollectionToolbarSkeletonItem.CollectionToolbarSkeletonItem, {
@@ -43,14 +52,14 @@ function _CollectionToolbarLeftGroup(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 49,
+        lineNumber: 60,
         columnNumber: 13
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 46,
+      lineNumber: 57,
       columnNumber: 9
     }
   }, viewsToolbarItem), !viewsToolbarItem ? filtersElement : undefined);
@@ -60,7 +69,7 @@ function _CollectionToolbarLeftGroup(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 64,
+        lineNumber: 75,
         columnNumber: 7
       }
     }, content);

package/dist/cjs/components/CollectionToolbar/CollectionToolbarLeftGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_InitialLoadingConditional","_CollectionToolbarSkeletonItem","_ToolbarLeftGroupState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionToolbarLeftGroup","props","state","left","viewsToolbarItem","filtersElement","mode","toolbar","responsive","isLeftElementMode","container","useRef","leftGroupState","useState","ToolbarLeftGroupState","minWidth","getTabsState","tabs","useEffect","_container$current","init","current","parentElement","content","createElement","Fragment","InitialLoadingConditional","loadingElement","CollectionToolbarSkeletonItem","dataHook","width","__self","__source","fileName","lineNumber","columnNumber","undefined","responsiveDisabled","Box","ref","element","CollectionToolbarLeftGroup","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbarLeftGroup.tsx"],"sourcesContent":["import React, { ReactElement, useEffect, useRef, useState } from 'react';\nimport { Box } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport { InitialLoadingConditional } from '../InitialLoadingConditional';\nimport { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';\nimport { ToolbarLeftGroupState } from '../../state/Toolbar/ToolbarLeftGroupState';\nimport { ToolbarMode } from './toolbarModeUtils';\n\nexport interface CollectionToolbarLeftGroupProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n  left?: ReactElement;\n  viewsToolbarItem?: ReactElement;\n  filtersElement?: ReactElement;\n  mode: ToolbarMode;\n}\n\nfunction _CollectionToolbarLeftGroup<T, F extends FiltersMap>(\n  props: CollectionToolbarLeftGroupProps<T, F>,\n) {\n  const { state, left, viewsToolbarItem, filtersElement, mode } = props;\n\n  const {\n    toolbar: { responsive },\n  } = state;\n\n  const isLeftElementMode = mode === 'tabs' || mode === 'title';\n  const container = useRef<HTMLDivElement | null>(null);\n\n  const [leftGroupState] = useState(\n    () =>\n      new ToolbarLeftGroupState({\n        responsive,\n        mode,\n        minWidth: mode === 'title' ? 50 : 140,\n        getTabsState: () => state.tabs,\n      }),\n  );\n\n  useEffect(() => leftGroupState.init(container.current?.parentElement), []);\n\n  const content = left ?? (\n    <>\n      {viewsToolbarItem && (\n        <InitialLoadingConditional\n          state={state}\n          loadingElement={\n            <CollectionToolbarSkeletonItem\n              dataHook=\"toolbar-views-skeleton\"\n              width=\"100px\"\n            />\n          }\n        >\n          {viewsToolbarItem}\n        </InitialLoadingConditional>\n      )}\n      {!viewsToolbarItem ? filtersElement : undefined}\n    </>\n  );\n\n  if (isLeftElementMode && !responsive.responsiveDisabled) {\n    return (\n      <Box ref={(element) => (container.current = element)}>{content}</Box>\n    );\n  }\n\n  return <>{content}</>;\n}\n\nexport const CollectionToolbarLeftGroup = observer(_CollectionToolbarLeftGroup);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_InitialLoadingConditional","_CollectionToolbarSkeletonItem","_ToolbarLeftGroupState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionToolbarLeftGroup","props","state","left","viewsToolbarItem","filtersElement","mode","toolbar","responsive","isLeftElementMode","shouldMeasure","responsiveDisabled","container","useRef","leftGroupState","useState","ToolbarLeftGroupState","minWidth","getTabsState","tabs","useEffect","_container$current","dispose","init","current","parentElement","content","createElement","Fragment","InitialLoadingConditional","loadingElement","CollectionToolbarSkeletonItem","dataHook","width","__self","__source","fileName","lineNumber","columnNumber","undefined","Box","ref","element","CollectionToolbarLeftGroup","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbarLeftGroup.tsx"],"sourcesContent":["import React, { ReactElement, useEffect, useRef, useState } from 'react';\nimport { Box } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport { InitialLoadingConditional } from '../InitialLoadingConditional';\nimport { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';\nimport { ToolbarLeftGroupState } from '../../state/Toolbar/ToolbarLeftGroupState';\nimport { ToolbarMode } from './toolbarModeUtils';\n\nexport interface CollectionToolbarLeftGroupProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n  left?: ReactElement;\n  viewsToolbarItem?: ReactElement;\n  filtersElement?: ReactElement;\n  mode: ToolbarMode;\n}\n\nfunction _CollectionToolbarLeftGroup<T, F extends FiltersMap>(\n  props: CollectionToolbarLeftGroupProps<T, F>,\n) {\n  const { state, left, viewsToolbarItem, filtersElement, mode } = props;\n\n  const {\n    toolbar: { responsive },\n  } = state;\n\n  const isLeftElementMode = mode === 'tabs' || mode === 'title';\n  const shouldMeasure = isLeftElementMode && !responsive.responsiveDisabled;\n  const container = useRef<HTMLDivElement | null>(null);\n\n  const [leftGroupState] = useState(\n    () =>\n      new ToolbarLeftGroupState({\n        responsive,\n        mode,\n        minWidth: mode === 'title' ? 50 : 140,\n        getTabsState: () => state.tabs,\n      }),\n  );\n\n  useEffect(() => {\n    if (!shouldMeasure) {\n      return;\n    }\n    responsive.leftGroupState = leftGroupState;\n    const dispose = leftGroupState.init(container.current?.parentElement);\n    return () => {\n      dispose();\n      responsive.leftGroupState = null;\n    };\n  }, [shouldMeasure]);\n\n  const content = left ?? (\n    <>\n      {viewsToolbarItem && (\n        <InitialLoadingConditional\n          state={state}\n          loadingElement={\n            <CollectionToolbarSkeletonItem\n              dataHook=\"toolbar-views-skeleton\"\n              width=\"100px\"\n            />\n          }\n        >\n          {viewsToolbarItem}\n        </InitialLoadingConditional>\n      )}\n      {!viewsToolbarItem ? filtersElement : undefined}\n    </>\n  );\n\n  if (isLeftElementMode && !responsive.responsiveDisabled) {\n    return (\n      <Box ref={(element) => (container.current = element)}>{content}</Box>\n    );\n  }\n\n  return <>{content}</>;\n}\n\nexport const CollectionToolbarLeftGroup = observer(_CollectionToolbarLeftGroup);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.js

@@ -9,6 +9,7 @@ var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _mobxReactLite = require("mobx-react-lite");
 var _useIsMobile = require("../../hooks/useIsMobile");
 var _mobx = require("mobx");
+var _toolbarResponsiveConstants = require("../../state/Toolbar/toolbarResponsiveConstants");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.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 _SearchOrCustomFilter(props) {
@@ -65,7 +66,7 @@ function _SearchOrCustomFilter(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 64,
+          lineNumber: 68,
           columnNumber: 9
         }
       }, isMobile && /*#__PURE__*/(0, _react.isValidElement)(_search) && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -73,7 +74,7 @@ function _SearchOrCustomFilter(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 66,
+          lineNumber: 70,
           columnNumber: 13
         }
       }, /*#__PURE__*/(0, _react.cloneElement)(_search, {
@@ -89,7 +90,7 @@ function _SearchOrCustomFilter(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 76,
+          lineNumber: 80,
           columnNumber: 11
         }
       }, search));
@@ -99,27 +100,28 @@ function _SearchOrCustomFilter(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 89,
+        lineNumber: 93,
         columnNumber: 7
       }
     }, child);
   }
   const shouldShrink = searchResponsive._shouldShrink;
+  const width = shouldShrink ? _toolbarResponsiveConstants.SEARCH_COLLAPSED_WIDTH : _toolbarResponsiveConstants.SEARCH_EXPANDED_WIDTH;
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "horizontal",
-    width: shouldShrink ? '140px' : '240px',
+    width: `${width}px`,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 98,
+      lineNumber: 104,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    width: shouldShrink ? '140px' : '240px',
+    width: `${width}px`,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 99,
+      lineNumber: 105,
       columnNumber: 7
     }
   }, search));

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_SearchOrCustomFilterStCss","_ToolbarCollectionContext","_mobxReactLite","_useIsMobile","_mobx","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_SearchOrCustomFilter","props","search","_search","state","toolbar","responsive","useToolbarCollectionContext","searchResponsive","responsiveDisabled","isMobile","useIsMobile","isSearchExpanded","_searchExpanded","isExpandable","useMemo","isValidElement","element","cloneElement","onExpandTransitionStart","collapsed","runInAction","onExpandTransitionEnd","expandable","child","createElement","Fragment","__self","__source","fileName","lineNumber","columnNumber","Box","visibility","dataHook","value","onChange","className","st","classes","searchMobile","expanded","TableToolbar","Item","undefined","shouldShrink","_shouldShrink","direction","width","SearchOrCustomFilter","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.tsx"],"sourcesContent":["import { Box, TableToolbar } from '@wix/design-system';\nimport React, { cloneElement, Fragment, isValidElement, useMemo } from 'react';\nimport { classes, st } from './SearchOrCustomFilter.st.css.js';\nimport { ToolbarBaseProps } from '../ToolbarCollection';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { observer } from 'mobx-react-lite';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { CollectionSearchElement } from '../assertComponentType.js';\nimport { runInAction } from 'mobx';\n\nexport interface SearchOrCustomFilterProps {\n  search: ToolbarBaseProps['search'];\n  state: {\n    _searchExpanded: boolean;\n  };\n}\n\nfunction _SearchOrCustomFilter(props: SearchOrCustomFilterProps) {\n  const { search: _search, state } = props;\n\n  const {\n    toolbar: { responsive },\n  } = useToolbarCollectionContext();\n  const { search: searchResponsive, responsiveDisabled } = responsive;\n\n  const isMobile = useIsMobile();\n\n  const isSearchExpanded = state._searchExpanded;\n\n  const { search, isExpandable } = useMemo(() => {\n    if (!isValidElement(_search)) {\n      return {\n        search: _search,\n        isExpandable: false,\n      };\n    }\n    const element = cloneElement(_search as CollectionSearchElement, {\n      onExpandTransitionStart: (collapsed?: boolean) => {\n        runInAction(() => {\n          if (!collapsed) {\n            state._searchExpanded = true;\n          }\n        });\n      },\n      onExpandTransitionEnd: (collapsed?: boolean) => {\n        runInAction(() => {\n          if (collapsed) {\n            state._searchExpanded = false;\n          }\n        });\n      },\n    });\n    return {\n      search: element,\n      isExpandable: element.props.expandable,\n    };\n  }, [_search]);\n\n  if (responsiveDisabled || isMobile) {\n    let child = search;\n\n    if (isMobile) {\n      child = (\n        <Fragment>\n          {isMobile && isValidElement(_search) && (\n            <Box visibility=\"hidden\">\n              {/* render extra hidden search for measurement as the actual search is positioned absolutely */}\n              {cloneElement(_search as CollectionSearchElement, {\n                dataHook: `collection-search-mobile-measurement`,\n                // bypass stateful behavior on mobile for measurement\n                value: '',\n                onChange: () => {},\n              })}\n            </Box>\n          )}\n          <Box\n            className={st(classes.searchMobile, {\n              expandable: isExpandable,\n              expanded: isSearchExpanded,\n            })}\n          >\n            {search}\n          </Box>\n        </Fragment>\n      );\n    }\n\n    return (\n      <TableToolbar.Item className={st(isMobile ? undefined : classes.search)}>\n        {child}\n      </TableToolbar.Item>\n    );\n  }\n\n  const shouldShrink = searchResponsive._shouldShrink;\n\n  return (\n    <Box direction=\"horizontal\" width={shouldShrink ? '140px' : '240px'}>\n      <Box width={shouldShrink ? '140px' : '240px'}>{search}</Box>\n    </Box>\n  );\n}\n\nexport const SearchOrCustomFilter = observer(_SearchOrCustomFilter);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_SearchOrCustomFilterStCss","_ToolbarCollectionContext","_mobxReactLite","_useIsMobile","_mobx","_toolbarResponsiveConstants","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_SearchOrCustomFilter","props","search","_search","state","toolbar","responsive","useToolbarCollectionContext","searchResponsive","responsiveDisabled","isMobile","useIsMobile","isSearchExpanded","_searchExpanded","isExpandable","useMemo","isValidElement","element","cloneElement","onExpandTransitionStart","collapsed","runInAction","onExpandTransitionEnd","expandable","child","createElement","Fragment","__self","__source","fileName","lineNumber","columnNumber","Box","visibility","dataHook","value","onChange","className","st","classes","searchMobile","expanded","TableToolbar","Item","undefined","shouldShrink","_shouldShrink","width","SEARCH_COLLAPSED_WIDTH","SEARCH_EXPANDED_WIDTH","direction","SearchOrCustomFilter","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.tsx"],"sourcesContent":["import { Box, TableToolbar } from '@wix/design-system';\nimport React, { cloneElement, Fragment, isValidElement, useMemo } from 'react';\nimport { classes, st } from './SearchOrCustomFilter.st.css.js';\nimport { ToolbarBaseProps } from '../ToolbarCollection';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { observer } from 'mobx-react-lite';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { CollectionSearchElement } from '../assertComponentType.js';\nimport { runInAction } from 'mobx';\nimport {\n  SEARCH_COLLAPSED_WIDTH,\n  SEARCH_EXPANDED_WIDTH,\n} from '../../state/Toolbar/toolbarResponsiveConstants';\n\nexport interface SearchOrCustomFilterProps {\n  search: ToolbarBaseProps['search'];\n  state: {\n    _searchExpanded: boolean;\n  };\n}\n\nfunction _SearchOrCustomFilter(props: SearchOrCustomFilterProps) {\n  const { search: _search, state } = props;\n\n  const {\n    toolbar: { responsive },\n  } = useToolbarCollectionContext();\n  const { search: searchResponsive, responsiveDisabled } = responsive;\n\n  const isMobile = useIsMobile();\n\n  const isSearchExpanded = state._searchExpanded;\n\n  const { search, isExpandable } = useMemo(() => {\n    if (!isValidElement(_search)) {\n      return {\n        search: _search,\n        isExpandable: false,\n      };\n    }\n    const element = cloneElement(_search as CollectionSearchElement, {\n      onExpandTransitionStart: (collapsed?: boolean) => {\n        runInAction(() => {\n          if (!collapsed) {\n            state._searchExpanded = true;\n          }\n        });\n      },\n      onExpandTransitionEnd: (collapsed?: boolean) => {\n        runInAction(() => {\n          if (collapsed) {\n            state._searchExpanded = false;\n          }\n        });\n      },\n    });\n    return {\n      search: element,\n      isExpandable: element.props.expandable,\n    };\n  }, [_search]);\n\n  if (responsiveDisabled || isMobile) {\n    let child = search;\n\n    if (isMobile) {\n      child = (\n        <Fragment>\n          {isMobile && isValidElement(_search) && (\n            <Box visibility=\"hidden\">\n              {/* render extra hidden search for measurement as the actual search is positioned absolutely */}\n              {cloneElement(_search as CollectionSearchElement, {\n                dataHook: `collection-search-mobile-measurement`,\n                // bypass stateful behavior on mobile for measurement\n                value: '',\n                onChange: () => {},\n              })}\n            </Box>\n          )}\n          <Box\n            className={st(classes.searchMobile, {\n              expandable: isExpandable,\n              expanded: isSearchExpanded,\n            })}\n          >\n            {search}\n          </Box>\n        </Fragment>\n      );\n    }\n\n    return (\n      <TableToolbar.Item className={st(isMobile ? undefined : classes.search)}>\n        {child}\n      </TableToolbar.Item>\n    );\n  }\n\n  const shouldShrink = searchResponsive._shouldShrink;\n\n  const width = shouldShrink ? SEARCH_COLLAPSED_WIDTH : SEARCH_EXPANDED_WIDTH;\n\n  return (\n    <Box direction=\"horizontal\" width={`${width}px`}>\n      <Box width={`${width}px`}>{search}</Box>\n    </Box>\n  );\n}\n\nexport const SearchOrCustomFilter = observer(_SearchOrCustomFilter);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.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_ = "SearchOrCustomFilter2160477628";
+var _namespace_ = "SearchOrCustomFilter2632176424";
 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": "SearchOrCustomFilter2160477628__root",
-  "search": "SearchOrCustomFilter2160477628__search",
-  "searchMobile": "SearchOrCustomFilter2160477628__searchMobile"
+  "root": "SearchOrCustomFilter2632176424__root",
+  "search": "SearchOrCustomFilter2632176424__search",
+  "searchMobile": "SearchOrCustomFilter2632176424__searchMobile"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.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/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter2160477628\";\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\":\"SearchOrCustomFilter2160477628__root\",\"search\":\"SearchOrCustomFilter2160477628__search\",\"searchMobile\":\"SearchOrCustomFilter2160477628__searchMobile\"};\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,QAAQ,EAAC,wCAAwC;EAAC,cAAc,EAAC;AAA8C,CAAC;AAC7K,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/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter2632176424\";\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\":\"SearchOrCustomFilter2632176424__root\",\"search\":\"SearchOrCustomFilter2632176424__search\",\"searchMobile\":\"SearchOrCustomFilter2632176424__searchMobile\"};\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,QAAQ,EAAC,wCAAwC;EAAC,cAAc,EAAC;AAA8C,CAAC;AAC7K,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":[]}