@wix/patterns 1.344.0 → 1.345.0

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_ = \"common2235341608\";\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\":\"common2235341608__root\",\"column\":\"common2235341608__column\",\"fullHeight\":\"common2235341608__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_ = \"common1469325834\";\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\":\"common1469325834__root\",\"column\":\"common1469325834__column\",\"fullHeight\":\"common1469325834__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":[]}

package/dist/cjs/state/CollectionPage/CollectionPageHeader.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_ = "CollectionPageHeader4110351750";
+var _namespace_ = "CollectionPageHeader4096175137";
 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": "CollectionPageHeader4110351750__root"
+  "root": "CollectionPageHeader4096175137__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/CollectionPage/CollectionPageHeader.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/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader4110351750\";\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\":\"CollectionPageHeader4110351750__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,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;AAAsC,CAAC;AAC7D,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/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader4096175137\";\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\":\"CollectionPageHeader4096175137__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,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;AAAsC,CAAC;AAC7D,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/state/FormPage/FormPageHeader.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_ = "FormPageHeader2250195472";
+var _namespace_ = "FormPageHeader3199519027";
 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": "FormPageHeader2250195472__root"
+  "root": "FormPageHeader3199519027__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/FormPage/FormPageHeader.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/state/FormPage/FormPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"FormPageHeader2250195472\";\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\":\"FormPageHeader2250195472__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/state/FormPage/FormPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"FormPageHeader3199519027\";\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\":\"FormPageHeader3199519027__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":[]}

package/dist/cjs/styles.global.css

@@ -1 +1 @@
-.CardContainer2287395251__root.CardContainer2287395251--mobile{border-radius:0}.Collapse2321758094__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2321758094__exit{height:0}.CollectionPage3904469315__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3904469315__root.CollectionPage3904469315--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3904469315__root.CollectionPage3904469315--panel{overflow:hidden;position:relative}.CollectionTable2112796536__root td{vertical-align:middle}.CollectionTable2112796536__root.CollectionTable2112796536--mobile td:first-child{padding-left:18px}.CollectionTable2112796536__root.CollectionTable2112796536--mobile td:last-child{padding-right:18px}.CollectionToolbar4229978739__left{min-width:0}.CollectionToolbar4229978739__left.CollectionToolbar4229978739--expandable{flex:auto}.CollectionToolbar4229978739__left.CollectionToolbar4229978739--title>*{width:100%}.CollectionToolbar4229978739__root.CollectionToolbar4229978739---responsiveMode-5-title .CollectionToolbar4229978739__left{flex:1 100;min-width:50px}.CollectionToolbar4229978739__root.CollectionToolbar4229978739---responsiveMode-4-tabs .CollectionToolbar4229978739__left,.CollectionToolbar4229978739__root.CollectionToolbar4229978739---responsiveMode-4-tabs .CollectionToolbar4229978739__left.CollectionToolbar4229978739--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar4229978739__root.CollectionToolbar4229978739---responsiveMode-4-tabs .CollectionToolbar4229978739__left>*{flex-shrink:1;min-width:0}.CollectionToolbar4229978739__root .CollectionToolbar4229978739__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar4229978739__root.CollectionToolbar4229978739--views .CollectionToolbar4229978739__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar4229978739__root.CollectionToolbar4229978739---responsiveMode-4-tabs .CollectionToolbar4229978739__right,.CollectionToolbar4229978739__root.CollectionToolbar4229978739---responsiveMode-5-title .CollectionToolbar4229978739__right{flex:0 1 auto;min-width:0}.CollectionToolbar4229978739__root .CollectionToolbar4229978739__right.CollectionToolbar4229978739__fullWidth{margin-inline-start:0!important}.CollectionToolbar4229978739__root.CollectionToolbar4229978739--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter4086095729__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter4086095729__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter4086095729__searchMobile:not(.SearchOrCustomFilter4086095729--expandable){left:18px}.SearchOrCustomFilter4086095729__searchMobile.SearchOrCustomFilter4086095729--expandable.SearchOrCustomFilter4086095729--expanded{left:18px}.AutoCompleteReadonly1705263685__root.AutoCompleteReadonly1705263685--disableEditing{cursor:pointer}.AutoCompleteReadonly1705263685__root.AutoCompleteReadonly1705263685--disableEditing input{cursor:pointer}.ViewsDropdown773082691__root{width:200px}.DragHandle250638546__root{display:flex;align-items:center}.DragHandle250638546__root:not(.DragHandle250638546--disabled){cursor:grab;color:#a8caff}.DragHandle250638546__root.DragHandle250638546--disabled{color:#acafc4}.DragHandle250638546__root:focus-visible:not(.DragHandle250638546--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle250638546__root.DragHandle250638546--disabled{pointer-events:none}.DragHandle250638546__root.DragHandle250638546--dragging:not(.DragHandle250638546--disabled){cursor:grabbing}.EntityPagePlain3798985217__root.EntityPagePlain3798985217--mobile{--wds-page-header-padding-horizontal:0}.Fade1979305712__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1979305712__root.Fade1979305712--exit{opacity:0}.Heading1243663101__root{visibility:visible}.Heading1243663101__root.Heading1243663101--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow399246140__root.InputOverflow399246140--selected:not(.InputOverflow399246140--focused) input::placeholder{color:#000624}@keyframes LoadingRow2939954252__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow2939954252__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow2939954252__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2402092852__root{opacity:1}.MaxHeightText2402092852__root.MaxHeightText2402092852--height24{line-height:24px}.MaxLines1617512665__root{overflow:hidden}.MaxLines1617512665__root.MaxLines1617512665--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1646567933__root{min-width:0}.MultiBulkActionToolbar1646567933__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar1646567933__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar1646567933__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow744433108__root td{padding:0!important;width:100%}.NestedTableRow3049070847__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3049070847__root:hover{background-color:#e7f0ff!important}.NestedTableRow3049070847__root.NestedTableRow3049070847--expandable{cursor:pointer}.NestedTableRow3049070847__placeholder td{padding:0!important;width:100%}.NestedTableRow3049070847__root:hover td:first-of-type::before,.NestedTableRow3049070847__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3104788623__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow2589573243__root.NestedTableDragAndDropRow2589573243--draggingInto td{background-color:#e7f0ff!important}.PickerContent257041302__root{display:flex}.PickerContentAdditionalStep991532676__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep991532676__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2213498049__root{box-sizing:border-box}.ScrollableContent1308724911__root.ScrollableContent1308724911--overflowY{overflow-y:auto}.ScrollableContent1308724911__root.ScrollableContent1308724911--overflowX{overflow-x:auto}.ScrollableContent1308724911__root.ScrollableContent1308724911--smooth{scroll-behavior:smooth}.SkeletonCard1432605554__headerLoading{display:block!important}.SlidingModal115117005__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal115117005__root.SlidingModal115117005--overlay{transition:transform 0s ease 0s}.SlidingModal115117005__root.SlidingModal115117005---appendTo-6-parent{position:absolute}.SlidingModal115117005__root:not(.SlidingModal115117005--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter564460072__root .TabsFilter564460072__title{color:inherit!important}.ManageTagsModal3590317833__root{display:flex}.ToolbarItem2228036543__root{min-width:0}.ToolbarItemBox3414762621__root{min-width:0}.ToolbarItemBox3414762621__root.ToolbarItemBox3414762621--removeStartPadding{margin-left:-24px}.ToolbarItemBox3414762621__root.ToolbarItemBox3414762621--expandable{flex:1 0}.common2235341608__column{display:flex;flex-direction:column}.common2235341608__fullHeight{height:100%;min-height:0}.CollectionPageHeader4110351750__root.CollectionPageHeader4110351750--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader4110351750__root.CollectionPageHeader4110351750--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2250195472__root.FormPageHeader2250195472--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2250195472__root.FormPageHeader2250195472--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer2619349075__root.CardContainer2619349075--mobile{border-radius:0}.Collapse4046538818__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse4046538818__exit{height:0}.CollectionPage766795655__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage766795655__root.CollectionPage766795655--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage766795655__root.CollectionPage766795655--panel{overflow:hidden;position:relative}.CollectionSectionHeader960793838__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable3114715534__root td{vertical-align:middle}.CollectionTable3114715534__root.CollectionTable3114715534--mobile td:first-child{padding-left:18px}.CollectionTable3114715534__root.CollectionTable3114715534--mobile td:last-child{padding-right:18px}.CollectionToolbar3446473932__left{min-width:0}.CollectionToolbar3446473932__left.CollectionToolbar3446473932--expandable{flex:auto}.CollectionToolbar3446473932__left.CollectionToolbar3446473932--title>*{width:100%}.CollectionToolbar3446473932__root.CollectionToolbar3446473932---responsiveMode-5-title .CollectionToolbar3446473932__left{flex:1 100;min-width:50px}.CollectionToolbar3446473932__root.CollectionToolbar3446473932---responsiveMode-4-tabs .CollectionToolbar3446473932__left,.CollectionToolbar3446473932__root.CollectionToolbar3446473932---responsiveMode-4-tabs .CollectionToolbar3446473932__left.CollectionToolbar3446473932--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar3446473932__root.CollectionToolbar3446473932---responsiveMode-4-tabs .CollectionToolbar3446473932__left>*{flex-shrink:1;min-width:0}.CollectionToolbar3446473932__root .CollectionToolbar3446473932__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3446473932__root.CollectionToolbar3446473932--views .CollectionToolbar3446473932__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3446473932__root.CollectionToolbar3446473932---responsiveMode-4-tabs .CollectionToolbar3446473932__right,.CollectionToolbar3446473932__root.CollectionToolbar3446473932---responsiveMode-5-title .CollectionToolbar3446473932__right{flex:0 1 auto;min-width:0}.CollectionToolbar3446473932__root .CollectionToolbar3446473932__right.CollectionToolbar3446473932__fullWidth{margin-inline-start:0!important}.CollectionToolbar3446473932__root.CollectionToolbar3446473932--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1497284617__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1497284617__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1497284617__searchMobile:not(.SearchOrCustomFilter1497284617--expandable){left:18px}.SearchOrCustomFilter1497284617__searchMobile.SearchOrCustomFilter1497284617--expandable.SearchOrCustomFilter1497284617--expanded{left:18px}.AutoCompleteReadonly329712210__root.AutoCompleteReadonly329712210--disableEditing{cursor:pointer}.AutoCompleteReadonly329712210__root.AutoCompleteReadonly329712210--disableEditing input{cursor:pointer}.ViewsDropdown433985166__root{width:200px}.DragHandle3576246055__root{display:flex;align-items:center}.DragHandle3576246055__root:not(.DragHandle3576246055--disabled){cursor:grab;color:#a8caff}.DragHandle3576246055__root.DragHandle3576246055--disabled{color:#acafc4}.DragHandle3576246055__root:focus-visible:not(.DragHandle3576246055--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3576246055__root.DragHandle3576246055--disabled{pointer-events:none}.DragHandle3576246055__root.DragHandle3576246055--dragging:not(.DragHandle3576246055--disabled){cursor:grabbing}.EntityPagePlain3702248845__root.EntityPagePlain3702248845--mobile{--wds-page-header-padding-horizontal:0}.Fade1561794639__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1561794639__root.Fade1561794639--exit{opacity:0}.Heading3314958541__root{visibility:visible}.Heading3314958541__root.Heading3314958541--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow2152951428__root.InputOverflow2152951428--selected:not(.InputOverflow2152951428--focused) input::placeholder{color:#000624}@keyframes LoadingRow1153626324__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow1153626324__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow1153626324__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1357995327__root{opacity:1}.MaxHeightText1357995327__root.MaxHeightText1357995327--height24{line-height:24px}.MaxLines2318748090__root{overflow:hidden}.MaxLines2318748090__root.MaxLines2318748090--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2705869789__root{min-width:0}.MultiBulkActionToolbar2705869789__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2705869789__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2705869789__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3119102920__root td{padding:0!important;width:100%}.NestedTableRow208321339__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow208321339__root:hover{background-color:#e7f0ff!important}.NestedTableRow208321339__root.NestedTableRow208321339--expandable{cursor:pointer}.NestedTableRow208321339__placeholder td{padding:0!important;width:100%}.NestedTableRow208321339__root:hover td:first-of-type::before,.NestedTableRow208321339__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect47656884__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow3796496631__root.NestedTableDragAndDropRow3796496631--draggingInto td{background-color:#e7f0ff!important}.PickerContent677599157__root{display:flex}.PickerContentAdditionalStep80900325__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep80900325__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3286367647__root{box-sizing:border-box}.ScrollableContent1050821203__root.ScrollableContent1050821203--overflowY{overflow-y:auto}.ScrollableContent1050821203__root.ScrollableContent1050821203--overflowX{overflow-x:auto}.ScrollableContent1050821203__root.ScrollableContent1050821203--smooth{scroll-behavior:smooth}.SkeletonCard3326812551__headerLoading{display:block!important}.SlidingModal1578172764__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1578172764__root.SlidingModal1578172764--overlay{transition:transform 0s ease 0s}.SlidingModal1578172764__root.SlidingModal1578172764---appendTo-6-parent{position:absolute}.SlidingModal1578172764__root:not(.SlidingModal1578172764--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2081280494__root .TabsFilter2081280494__title{color:inherit!important}.ManageTagsModal4010282068__root{display:flex}.ToolbarItem1551718793__root{min-width:0}.ToolbarItemBox2456760311__root{min-width:0}.ToolbarItemBox2456760311__root.ToolbarItemBox2456760311--removeStartPadding{margin-left:-24px}.ToolbarItemBox2456760311__root.ToolbarItemBox2456760311--expandable{flex:1 0}.common1469325834__column{display:flex;flex-direction:column}.common1469325834__fullHeight{height:100%;min-height:0}.CollectionPageHeader4096175137__root.CollectionPageHeader4096175137--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader4096175137__root.CollectionPageHeader4096175137--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3199519027__root.FormPageHeader3199519027--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3199519027__root.FormPageHeader3199519027--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/dist/cjs/version.js

@@ -2,5 +2,5 @@
 
 exports.__esModule = true;
 exports.version = void 0;
-const version = exports.version = 'patterns@1.344.0';
+const version = exports.version = 'patterns@1.345.0';
 //# sourceMappingURL=version.js.map

package/dist/cjs/version.js.map

@@ -1 +1 @@
-{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.344.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.345.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}

package/dist/esm/components/ActionControl/ActionButton.js

@@ -17,7 +17,7 @@ export function ActionButton(props) {
                 buttonEl;
         }
     }, [ref]);
-    return (React.createElement("div", { ref: setRef, style: { display: 'contents' } },
+    return (React.createElement("div", { ref: setRef, style: { width: '100%' } },
         React.createElement(DisabledTooltip, { content: tooltip, dataHook: `${dataHook}-tooltip` },
             React.createElement(Button, { skin: "standard", priority: priority, size: size, prefixIcon: prefixIcon, ellipsis: true, onClick: onClick, dataHook: dataHook, disabled: disabled, suffixIcon: suffixIcon, fullWidth: fullWidth }, label))));
 }

package/dist/esm/components/ActionControl/ActionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../../../src/components/ActionControl/ActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAe,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAWrD,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACpE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,GACpE,UAAU,CAAC;IAEb,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,OAA2B,EAAE,EAAE;QAC9B,IAAI,CAAC,OAAO,IAAI,CAAC,GAAG,EAAE;YACpB,OAAO;SACR;QAED,MAAM,QAAQ,GACX,OAAO,CAAC,aAAa,CAAC,QAAQ,CAA8B,IAAI,IAAI,CAAC;QAExE,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;YAC7B,GAAG,CAAC,QAAQ,CAAC,CAAC;SACf;aAAM;YACJ,GAAwD,CAAC,OAAO;gBAC/D,QAAQ,CAAC;SACZ;IACH,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAC;IAEF,OAAO,CACL,6BAAK,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;QAC9C,oBAAC,eAAe,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,QAAQ,UAAU;YAChE,oBAAC,MAAM,IACL,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,QAAQ,QACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,IAEnB,KAAK,CACC,CACO,CACd,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../../../src/components/ActionControl/ActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAe,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAWrD,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACpE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,GACpE,UAAU,CAAC;IAEb,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,OAA2B,EAAE,EAAE;QAC9B,IAAI,CAAC,OAAO,IAAI,CAAC,GAAG,EAAE;YACpB,OAAO;SACR;QAED,MAAM,QAAQ,GACX,OAAO,CAAC,aAAa,CAAC,QAAQ,CAA8B,IAAI,IAAI,CAAC;QAExE,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;YAC7B,GAAG,CAAC,QAAQ,CAAC,CAAC;SACf;aAAM;YACJ,GAAwD,CAAC,OAAO;gBAC/D,QAAQ,CAAC;SACZ;IACH,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAC;IAEF,OAAO,CACL,6BAAK,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;QACxC,oBAAC,eAAe,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,QAAQ,UAAU;YAChE,oBAAC,MAAM,IACL,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,QAAQ,QACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,IAEnB,KAAK,CACC,CACO,CACd,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/CardContainer/CardContainer.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CardContainer2287395251";
+var _namespace_ = "CardContainer2619349075";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CardContainer2287395251__root" };
+export var classes = { "root": "CardContainer2619349075__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Collapse/Collapse.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Collapse2321758094";
+var _namespace_ = "Collapse4046538818";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Collapse2321758094__root", "exit": "Collapse2321758094__exit" };
+export var classes = { "root": "Collapse4046538818__root", "exit": "Collapse4046538818__exit" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionPageNew/CollectionPage.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionPage3904469315";
+var _namespace_ = "CollectionPage766795655";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionPage3904469315__root" };
+export var classes = { "root": "CollectionPage766795655__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionPageNew/CollectionPage.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionPage.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionPageNew/CollectionPage.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,0BAA0B,CAAC;AAC7C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,gCAAgC,EAAC,CAAC;AAC/D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,+BAA+B,EAAC,iCAAiC,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}
+{"version":3,"file":"CollectionPage.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionPageNew/CollectionPage.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,CAAC;AAC9D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,+BAA+B,EAAC,iCAAiC,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}

package/dist/esm/components/CollectionSectionHeader/CollectionSectionHeader.js

@@ -1,12 +1,35 @@
-import { SectionHeader, Text, CounterBadge, Box, } from '@wix/design-system';
-import React from 'react';
+import { SectionHeader, Text, CounterBadge, Box, Tooltip, } from '@wix/design-system';
+import React, { cloneElement, isValidElement, } from 'react';
+import { st, classes } from './CollectionSectionHeader.st.css.js';
 import { CollectionSectionHeaderActionBar } from './CollectionSectionHeaderActionBar';
-export const CollectionSectionHeader = ({ section, skin, dataHook, biComponentType, }) => {
-    const title = (React.createElement(Box, { verticalAlign: "middle", gap: "SP1" },
-        React.createElement(Text, { size: "small", weight: "normal" }, section.title),
-        section.badge?.visible && (React.createElement(CounterBadge, { truncate: false, skin: section.badge.skin || 'light', dataHook: "section-header-badge" },
+export const CollectionSectionHeader = ({ sectionId, section, skin, dataHook, biComponentType, }) => {
+    const renderBadge = () => {
+        const { badge } = section;
+        if (!badge || !badge.visible) {
+            return null;
+        }
+        return (React.createElement(CounterBadge, { truncate: false, skin: badge.skin || 'light', dataHook: "section-header-badge" },
             section.count,
-            section.hasMore ? '+' : ''))));
-    return (React.createElement(SectionHeader, { dataHook: dataHook, title: title, skin: skin, divider: "none", size: "small", suffix: React.createElement(CollectionSectionHeaderActionBar, { section: section, biComponentType: biComponentType }) }));
+            section.hasMore ? '+' : ''));
+    };
+    const renderSummary = () => {
+        const { summary } = section;
+        if (!summary || summary.length === 0) {
+            return null;
+        }
+        return (React.createElement(Box, { gap: "SP2" }, summary.map((item, index) => (React.createElement(Box, { key: index, verticalAlign: "middle", gap: "SP1", dataHook: "section-header-summary-item" },
+            React.createElement(Tooltip, { content: item.text }, isValidElement(item.icon)
+                ? cloneElement(item.icon, {
+                    className: st(classes.summaryIcon, item.icon.props?.className),
+                })
+                : item.icon),
+            React.createElement(Text, { size: "tiny", weight: "normal", skin: "standard", secondary: true }, item.count))))));
+    };
+    const title = (React.createElement(Box, { verticalAlign: "middle", gap: "SP2" },
+        React.createElement(Box, { gap: "SP1" },
+            React.createElement(Text, { size: "small", weight: "normal" }, section.title),
+            renderBadge()),
+        renderSummary()));
+    return (React.createElement(SectionHeader, { dataHook: dataHook, title: title, skin: skin, divider: "none", size: "small", suffix: React.createElement(CollectionSectionHeaderActionBar, { sectionId: sectionId, section: section, biComponentType: biComponentType }) }));
 };
 //# sourceMappingURL=CollectionSectionHeader.js.map

package/dist/esm/components/CollectionSectionHeader/CollectionSectionHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionSectionHeader.js","sourceRoot":"","sources":["../../../../src/components/CollectionSectionHeader/CollectionSectionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EAEb,IAAI,EACJ,YAAY,EACZ,GAAG,GACJ,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gCAAgC,EAAE,MAAM,oCAAoC,CAAC;AAStF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACtC,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,eAAe,GACc,EAAE,EAAE;IACjC,MAAM,KAAK,GAAG,CACZ,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,GAAG,EAAC,KAAK;QACnC,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,IAC/B,OAAO,CAAC,KAAK,CACT;QACN,OAAO,CAAC,KAAK,EAAE,OAAO,IAAI,CACzB,oBAAC,YAAY,IACX,QAAQ,EAAE,KAAK,EACf,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,OAAO,EACnC,QAAQ,EAAC,sBAAsB;YAE9B,OAAO,CAAC,KAAK;YACb,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CACd,CAChB,CACG,CACP,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,OAAO,EACZ,MAAM,EACJ,oBAAC,gCAAgC,IAC/B,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,GAChC,GAEJ,CACH,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"CollectionSectionHeader.js","sourceRoot":"","sources":["../../../../src/components/CollectionSectionHeader/CollectionSectionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EAEb,IAAI,EACJ,YAAY,EACZ,GAAG,EACH,OAAO,GACR,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,EACZ,YAAY,EACZ,cAAc,GAGf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EAAE,gCAAgC,EAAE,MAAM,oCAAoC,CAAC;AAUtF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAK,EAC1C,SAAS,EACT,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,eAAe,GACiB,EAAE,EAAE;IACpC,MAAM,WAAW,GAAG,GAAc,EAAE;QAClC,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;QAE1B,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YAC5B,OAAO,IAAI,CAAC;SACb;QAED,OAAO,CACL,oBAAC,YAAY,IACX,QAAQ,EAAE,KAAK,EACf,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,OAAO,EAC3B,QAAQ,EAAC,sBAAsB;YAE9B,OAAO,CAAC,KAAK;YACb,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CACd,CAChB,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAc,EAAE;QACpC,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;QAE5B,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;YACpC,OAAO,IAAI,CAAC;SACb;QAED,OAAO,CACL,oBAAC,GAAG,IAAC,GAAG,EAAC,KAAK,IACX,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,oBAAC,GAAG,IACF,GAAG,EAAE,KAAK,EACV,aAAa,EAAC,QAAQ,EACtB,GAAG,EAAC,KAAK,EACT,QAAQ,EAAC,6BAA6B;YAEtC,oBAAC,OAAO,IAAC,OAAO,EAAE,IAAI,CAAC,IAAI,IACxB,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;gBACxB,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,IAAoB,EAAE;oBACtC,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,WAAW,EACnB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,CAC3B;iBACF,CAAC;gBACJ,CAAC,CAAC,IAAI,CAAC,IAAI,CACL;YACV,oBAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,QAAQ,EAAC,IAAI,EAAC,UAAU,EAAC,SAAS,UACxD,IAAI,CAAC,KAAK,CACN,CACH,CACP,CAAC,CACE,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,CACZ,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,GAAG,EAAC,KAAK;QACnC,oBAAC,GAAG,IAAC,GAAG,EAAC,KAAK;YACZ,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,IAC/B,OAAO,CAAC,KAAK,CACT;YACN,WAAW,EAAE,CACV;QACL,aAAa,EAAE,CACZ,CACP,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,OAAO,EACZ,MAAM,EACJ,oBAAC,gCAAgC,IAC/B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,GAChC,GAEJ,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/CollectionSectionHeader/CollectionSectionHeader.st.css

@@ -0,0 +1,6 @@
+@property st-global(--wds-color-text-standard-secondary);
+
+.summaryIcon {
+  display: flex;
+  color: var(--wds-color-text-standard-secondary);
+}

package/dist/esm/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+var _namespace_ = "CollectionSectionHeader960793838";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = { "root": "CollectionSectionHeader960793838__root", "summaryIcon": "CollectionSectionHeader960793838__summaryIcon" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = { "wds-color-text-standard-secondary": "--wds-color-text-standard-secondary" };
+//# sourceMappingURL=CollectionSectionHeader.st.css.js.map

package/dist/esm/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionSectionHeader.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionSectionHeader/CollectionSectionHeader.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,kCAAkC,CAAC;AACrD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,wCAAwC,EAAC,aAAa,EAAC,+CAA+C,EAAC,CAAC;AACrI,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,mCAAmC,EAAC,qCAAqC,EAAC,CAAC"}

package/dist/esm/components/CollectionSectionHeader/CollectionSectionHeaderActionBar.js

@@ -2,12 +2,12 @@ import { Box, TextButton } from '@wix/design-system';
 import React from 'react';
 import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
 import { wixPatternsSectionHeaderPrimaryActionClicked } from '@wix/bex-core/bi';
-export const CollectionSectionHeaderActionBar = ({ section, biComponentType, }) => {
+export const CollectionSectionHeaderActionBar = ({ sectionId, section, biComponentType, }) => {
     const { toolbarBIReporter } = useToolbarCollectionContext();
     const { primaryAction } = section;
     const handleClick = () => {
         toolbarBIReporter.reportBi(wixPatternsSectionHeaderPrimaryActionClicked({
-            sectionId: section.id,
+            sectionId,
             cta: primaryAction?.id,
             componentType: biComponentType,
         }));

package/dist/esm/components/CollectionSectionHeader/CollectionSectionHeaderActionBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionSectionHeaderActionBar.js","sourceRoot":"","sources":["../../../../src/components/CollectionSectionHeader/CollectionSectionHeaderActionBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,4CAA4C,EAAE,MAAM,kBAAkB,CAAC;AAOhF,MAAM,CAAC,MAAM,gCAAgC,GAAG,CAAC,EAC/C,OAAO,EACP,eAAe,GACuB,EAAE,EAAE;IAC1C,MAAM,EAAE,iBAAiB,EAAE,GAAG,2BAA2B,EAAE,CAAC;IAC5D,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,CAAC;IAElC,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,iBAAiB,CAAC,QAAQ,CACxB,4CAA4C,CAAC;YAC3C,SAAS,EAAE,OAAO,CAAC,EAAE;YACrB,GAAG,EAAE,aAAa,EAAE,EAAE;YACtB,aAAa,EAAE,eAAe;SAC/B,CAAC,CACH,CAAC;QAEF,aAAa,EAAE,OAAO,EAAE,EAAE,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,YAAY,IACxB,aAAa,IAAI,CAChB,oBAAC,UAAU,IACT,UAAU,EAAE,aAAa,CAAC,UAAU,EACpC,QAAQ,EAAC,0CAA0C,EACnD,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,OAAO,IAEX,aAAa,CAAC,KAAK,CACT,CACd,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"CollectionSectionHeaderActionBar.js","sourceRoot":"","sources":["../../../../src/components/CollectionSectionHeader/CollectionSectionHeaderActionBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,4CAA4C,EAAE,MAAM,kBAAkB,CAAC;AAQhF,MAAM,CAAC,MAAM,gCAAgC,GAAG,CAAC,EAC/C,SAAS,EACT,OAAO,EACP,eAAe,GACuB,EAAE,EAAE;IAC1C,MAAM,EAAE,iBAAiB,EAAE,GAAG,2BAA2B,EAAE,CAAC;IAC5D,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,CAAC;IAElC,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,iBAAiB,CAAC,QAAQ,CACxB,4CAA4C,CAAC;YAC3C,SAAS;YACT,GAAG,EAAE,aAAa,EAAE,EAAE;YACtB,aAAa,EAAE,eAAe;SAC/B,CAAC,CACH,CAAC;QAEF,aAAa,EAAE,OAAO,EAAE,EAAE,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,YAAY,IACxB,aAAa,IAAI,CAChB,oBAAC,UAAU,IACT,UAAU,EAAE,aAAa,CAAC,UAAU,EACpC,QAAQ,EAAC,0CAA0C,EACnD,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,OAAO,IAEX,aAAa,CAAC,KAAK,CACT,CACd,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/CollectionTable/CollectionTable.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionTable2112796536";
+var _namespace_ = "CollectionTable3114715534";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionTable2112796536__root" };
+export var classes = { "root": "CollectionTable3114715534__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionToolbar4229978739";
+var _namespace_ = "CollectionToolbar3446473932";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionToolbar4229978739__root", "left": "CollectionToolbar4229978739__left", "right": "CollectionToolbar4229978739__right", "fullWidth": "CollectionToolbar4229978739__fullWidth" };
+export var classes = { "root": "CollectionToolbar3446473932__root", "left": "CollectionToolbar3446473932__left", "right": "CollectionToolbar3446473932__right", "fullWidth": "CollectionToolbar3446473932__fullWidth" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SearchOrCustomFilter4086095729";
+var _namespace_ = "SearchOrCustomFilter1497284617";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SearchOrCustomFilter4086095729__root", "search": "SearchOrCustomFilter4086095729__search", "searchMobile": "SearchOrCustomFilter4086095729__searchMobile" };
+export var classes = { "root": "SearchOrCustomFilter1497284617__root", "search": "SearchOrCustomFilter1497284617__search", "searchMobile": "SearchOrCustomFilter1497284617__searchMobile" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "AutoCompleteReadonly1705263685";
+var _namespace_ = "AutoCompleteReadonly329712210";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "AutoCompleteReadonly1705263685__root" };
+export var classes = { "root": "AutoCompleteReadonly329712210__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoCompleteReadonly.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,gCAAgC,CAAC;AACnD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sCAAsC,EAAC,CAAC;AACrE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"AutoCompleteReadonly.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,+BAA+B,CAAC;AAClD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qCAAqC,EAAC,CAAC;AACpE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ViewsDropdown773082691";
+var _namespace_ = "ViewsDropdown433985166";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ViewsDropdown773082691__root" };
+export var classes = { "root": "ViewsDropdown433985166__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/DragHandle/DragHandle.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "DragHandle250638546";
+var _namespace_ = "DragHandle3576246055";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "DragHandle250638546__root" };
+export var classes = { "root": "DragHandle3576246055__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/DragHandle/DragHandle.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragHandle.st.css.js","sourceRoot":"","sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qBAAqB,CAAC;AACxC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,2BAA2B,EAAC,CAAC;AAC1D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"DragHandle.st.css.js","sourceRoot":"","sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,4BAA4B,EAAC,CAAC;AAC3D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/EntityPage/EntityPagePlain.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "EntityPagePlain3798985217";
+var _namespace_ = "EntityPagePlain3702248845";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "EntityPagePlain3798985217__root" };
+export var classes = { "root": "EntityPagePlain3702248845__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/ExportButton/ExportButton.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { ModalState } from '@wix/bex-core';
-import { Box, Button, Drawer, Modal } from '@wix/design-system';
+import { Button, Drawer, Modal } from '@wix/design-system';
 import { UploadExport } from '@wix/wix-ui-icons-common';
 import { observer, Observer } from 'mobx-react-lite';
 import { ExportButtonModalLayout } from './ExportButtonModalLayout';
@@ -27,7 +27,7 @@ function _ExportButton(props) {
             table.featuredComponents.exportModal.set(null);
         };
     }, []);
-    return (React.createElement(Box, { dataHook: "export-container" }, toolbarType === 'default' ? (React.createElement(ResponsiveButton, { state: responsive.actions, dataHook: "export-button", onClick: state.open, icon: React.createElement(UploadExport, null) }, t('cairo.export.export'))) : (React.createElement(Button, { skin: "standard", priority: "secondary", size: "small", ellipsis: true, prefixIcon: React.createElement(UploadExport, null), dataHook: "export-button", onClick: state.open }, t('cairo.export.export')))));
+    return (React.createElement("div", { "data-hook": "export-container" }, toolbarType === 'default' ? (React.createElement(ResponsiveButton, { state: responsive.actions, dataHook: "export-button", onClick: state.open, icon: React.createElement(UploadExport, null) }, t('cairo.export.export'))) : (React.createElement(Button, { skin: "standard", priority: "secondary", size: "small", ellipsis: true, prefixIcon: React.createElement(UploadExport, null), dataHook: "export-button", onClick: state.open }, t('cairo.export.export')))));
 }
 export const ExportButton = observer(_ExportButton);
 //# sourceMappingURL=ExportButton.js.map

package/dist/esm/components/ExportButton/ExportButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExportButton.js","sourceRoot":"","sources":["../../../../src/components/ExportButton/ExportButton.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ExportButton.js","sourceRoot":"","sources":["../../../../src/components/ExportButton/ExportButton.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Fade/Fade.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Fade1979305712";
+var _namespace_ = "Fade1561794639";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Fade1979305712__root" };
+export var classes = { "root": "Fade1561794639__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Grid/Grid.js

@@ -26,7 +26,7 @@ function _Grid(props) {
     return (React.createElement(CollectionCard, { errorState: false, state: toolbar, dataHook: dataHook, ...cardProps },
         React.createElement(ToolbarCollection, { ...props, sticky: true, state: toolbar },
             React.createElement(GridPlaceholderStates, { state: state.toolbar, errorState: errorState, emptyState: emptyState, noResultsState: noResultsState },
-                React.createElement(ToolbarCollectionContentAutoSizer, null, sections ? (React.createElement(sections.GridSections, { ...props, renderSection: sections.renderSection, state: state })) : (React.createElement(GridSingleGridContent, { ...props, state: state }))))),
+                React.createElement(ToolbarCollectionContentAutoSizer, null, sections ? (React.createElement(sections.GridSections, { ...props, groupBy: sections.groupBy, renderSection: sections.renderSection, state: state })) : (React.createElement(GridSingleGridContent, { ...props, state: state }))))),
         exportModal ?? toolbar.featuredComponents.exportModal.value));
 }
 export const Grid = observer(_Grid);

package/dist/esm/components/Grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAE,wCAAwC,EAAE,MAAM,sDAAsD,CAAC;AAChH,OAAO,EAAE,iCAAiC,EAAE,MAAM,sCAAsC,CAAC;AAGzF,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EACL,iBAAiB,GAElB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,6BAA6B,EAAE,MAAM,oDAAoD,CAAC;AAGnG,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AA4DhE,SAAS,KAAK,CAAuC,KAAsB;IACzE,MAAM,EACJ,KAAK,EACL,WAAW,EACX,WAAW,EACX,UAAU,GAAG,WAAW;QACrB,CAAC,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CAC7B,WAAW,EAAE,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAGzB,EAClB,UAAU,EACV,cAAc,EACd,SAAS,EACT,QAAQ,EACR,WAAW,EACX,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1B,6BAA6B,CAAC;QAC5B,GAAG,KAAK;QACR,KAAK,EAAE,KAAK,CAAC,OAAO;QACpB,kBAAkB,EAAE,CAAC,CAAC,WAAW;QACjC,yBAAyB,EAAE,KAAK;QAChC,uBAAuB,EAAE,KAAK;QAC9B,cAAc,EAAE,KAAK;QACrB,0BAA0B,EAAE,KAAK;KAClC,CAAC,CAAC;IAEH,SAAS,CACP,GAAG,EAAE,CACH,KAAK,CAAC,IAAI,CAAC;QACT,oBAAoB,EAAE,wCAAwC,CAAC,KAAK,CAAC;KACtE,CAAC,EACJ,EAAE,CACH,CAAC;IAEF,OAAO,CACL,oBAAC,cAAc,IACb,UAAU,EAAE,KAAK,EACjB,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,QAAQ,KACd,SAAS;QAEb,oBAAC,iBAAiB,OAAK,KAAK,EAAE,MAAM,QAAC,KAAK,EAAE,OAAO;YACjD,oBAAC,qBAAqB,IACpB,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc;gBAE9B,oBAAC,iCAAiC,QAC/B,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,QAAQ,CAAC,YAAY,OAChB,KAAK,EACT,aAAa,EAAE,QAAQ,CAAC,aAAa,EACrC,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,qBAAqB,OAAK,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CACnD,CACiC,CACd,CACN;QACnB,WAAW,IAAI,OAAO,CAAC,kBAAkB,CAAC,WAAW,CAAC,KAAK,CAC7C,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC"}
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAE,wCAAwC,EAAE,MAAM,sDAAsD,CAAC;AAChH,OAAO,EAAE,iCAAiC,EAAE,MAAM,sCAAsC,CAAC;AAGzF,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EACL,iBAAiB,GAElB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,6BAA6B,EAAE,MAAM,oDAAoD,CAAC;AAGnG,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AA6DhE,SAAS,KAAK,CAAuC,KAAsB;IACzE,MAAM,EACJ,KAAK,EACL,WAAW,EACX,WAAW,EACX,UAAU,GAAG,WAAW;QACrB,CAAC,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CAC7B,WAAW,EAAE,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAGzB,EAClB,UAAU,EACV,cAAc,EACd,SAAS,EACT,QAAQ,EACR,WAAW,EACX,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1B,6BAA6B,CAAC;QAC5B,GAAG,KAAK;QACR,KAAK,EAAE,KAAK,CAAC,OAAO;QACpB,kBAAkB,EAAE,CAAC,CAAC,WAAW;QACjC,yBAAyB,EAAE,KAAK;QAChC,uBAAuB,EAAE,KAAK;QAC9B,cAAc,EAAE,KAAK;QACrB,0BAA0B,EAAE,KAAK;KAClC,CAAC,CAAC;IAEH,SAAS,CACP,GAAG,EAAE,CACH,KAAK,CAAC,IAAI,CAAC;QACT,oBAAoB,EAAE,wCAAwC,CAAC,KAAK,CAAC;KACtE,CAAC,EACJ,EAAE,CACH,CAAC;IAEF,OAAO,CACL,oBAAC,cAAc,IACb,UAAU,EAAE,KAAK,EACjB,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,QAAQ,KACd,SAAS;QAEb,oBAAC,iBAAiB,OAAK,KAAK,EAAE,MAAM,QAAC,KAAK,EAAE,OAAO;YACjD,oBAAC,qBAAqB,IACpB,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc;gBAE9B,oBAAC,iCAAiC,QAC/B,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,QAAQ,CAAC,YAAY,OAChB,KAAK,EACT,OAAO,EAAE,QAAQ,CAAC,OAAO,EACzB,aAAa,EAAE,QAAQ,CAAC,aAAa,EACrC,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,qBAAqB,OAAK,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CACnD,CACiC,CACd,CACN;QACnB,WAAW,IAAI,OAAO,CAAC,kBAAkB,CAAC,WAAW,CAAC,KAAK,CAC7C,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC"}

package/dist/esm/components/GridSections/GridSectionHeader.js

@@ -4,13 +4,13 @@ import { CollectionSectionHeader } from '../CollectionSectionHeader';
 function _GridSectionHeader(props) {
     const { sectionDescriptor, state } = props;
     const { gridBase: { layoutType }, } = state;
-    const { section, range } = sectionDescriptor;
+    const { sectionId, section, range } = sectionDescriptor;
     const sectionWithCount = {
         ...section,
         count: range.length,
         hasMore: state.isLast && !state.gridSections.collection.fetchedLastPage,
     };
-    return (React.createElement(CollectionSectionHeader, { dataHook: "grid-section-header", section: sectionWithCount, skin: layoutType === 'list' ? 'light' : 'neutral', biComponentType: "GridSections" }));
+    return (React.createElement(CollectionSectionHeader, { dataHook: "grid-section-header", sectionId: sectionId, section: sectionWithCount, skin: layoutType === 'list' ? 'light' : 'neutral', biComponentType: "GridSections" }));
 }
 export const GridSectionHeader = observer(_GridSectionHeader);
 //# sourceMappingURL=GridSectionHeader.js.map

package/dist/esm/components/GridSections/GridSectionHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridSectionHeader.js","sourceRoot":"","sources":["../../../../src/components/GridSections/GridSectionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAOrE,SAAS,kBAAkB,CACzB,KAAmC;IAEnC,MAAM,EAAE,iBAAiB,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAE3C,MAAM,EACJ,QAAQ,EAAE,EAAE,UAAU,EAAE,GACzB,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,iBAAiB,CAAC;IAE7C,MAAM,gBAAgB,GAAG;QACvB,GAAG,OAAO;QACV,KAAK,EAAE,KAAK,CAAC,MAAM;QACnB,OAAO,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,eAAe;KACxE,CAAC;IAEF,OAAO,CACL,oBAAC,uBAAuB,IACtB,QAAQ,EAAC,qBAAqB,EAC9B,OAAO,EAAE,gBAAgB,EACzB,IAAI,EAAE,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACjD,eAAe,EAAC,cAAc,GAC9B,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC"}
+{"version":3,"file":"GridSectionHeader.js","sourceRoot":"","sources":["../../../../src/components/GridSections/GridSectionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAOrE,SAAS,kBAAkB,CACzB,KAAmC;IAEnC,MAAM,EAAE,iBAAiB,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAE3C,MAAM,EACJ,QAAQ,EAAE,EAAE,UAAU,EAAE,GACzB,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,iBAAiB,CAAC;IAExD,MAAM,gBAAgB,GAAG;QACvB,GAAG,OAAO;QACV,KAAK,EAAE,KAAK,CAAC,MAAM;QACnB,OAAO,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,eAAe;KACxE,CAAC;IAEF,OAAO,CACL,oBAAC,uBAAuB,IACtB,QAAQ,EAAC,qBAAqB,EAC9B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,gBAAgB,EACzB,IAAI,EAAE,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACjD,eAAe,EAAC,cAAc,GAC9B,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC"}

package/dist/esm/components/GridSections/GridSectionsContent.js

@@ -6,29 +6,31 @@ import { runInAction } from 'mobx';
 import { Box } from '@wix/design-system';
 import { GridSectionsSingleSkeletonGrid } from './GridSectionsSingleSkeletonGrid';
 function _GridSectionsContent(props) {
-    const { state: grid, renderSection, layoutType } = props;
+    const { state: grid, groupBy, renderSection, layoutType } = props;
     const { toolbar } = grid;
     const { showInitialLoader, multi: { showRefreshLoader }, } = toolbar;
     const [state] = useState(() => (grid._sections ??= new GridSectionsState({
         toolbar: grid.toolbar,
         collection: grid.collection,
+        groupBy,
         renderSection,
         parentState: grid,
     })));
     const { sections } = state;
     useEffect(() => {
         runInAction(() => {
+            state.groupBy = groupBy;
             if (renderSection) {
                 state.renderSection = renderSection;
             }
         });
-    }, [renderSection]);
+    }, [groupBy, renderSection]);
     let child;
     if (!sections.length || showInitialLoader || showRefreshLoader) {
         child = (React.createElement(GridSectionsSingleSkeletonGrid, { ...props, state: state.parentState }));
     }
     else {
-        child = (React.createElement(React.Fragment, null, sections.map((sectionDescriptor) => (React.createElement(GridSectionAndRepeater, { ...props, key: sectionDescriptor.section.id, sectionDescriptor: sectionDescriptor, state: state })))));
+        child = (React.createElement(React.Fragment, null, sections.map((sectionDescriptor) => (React.createElement(GridSectionAndRepeater, { ...props, key: sectionDescriptor.sectionId, sectionDescriptor: sectionDescriptor, state: state })))));
     }
     return (React.createElement(Box, { direction: "vertical", width: "100%", paddingTop: layoutType === 'list' ? 'SP2' : undefined, paddingBottom: layoutType === 'list' ? 'SP2' : undefined }, child));
 }