@wix/patterns 1.5.0 → 1.7.0

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_ = "Collapse2967880412";
+var _namespace_ = "Collapse2826484068";
 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": "Collapse2967880412__root",
-  "exit": "Collapse2967880412__exit"
+  "root": "Collapse2826484068__root",
+  "exit": "Collapse2826484068__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_ = \"Collapse2967880412\";\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\":\"Collapse2967880412__root\",\"exit\":\"Collapse2967880412__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_ = \"Collapse2826484068\";\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\":\"Collapse2826484068__root\",\"exit\":\"Collapse2826484068__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":[]}

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_ = "CollectionToolbar2575297221";
+var _namespace_ = "CollectionToolbar2542849894";
 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": "CollectionToolbar2575297221__root",
-  "left": "CollectionToolbar2575297221__left",
-  "right": "CollectionToolbar2575297221__right",
-  "fullWidth": "CollectionToolbar2575297221__fullWidth"
+  "root": "CollectionToolbar2542849894__root",
+  "left": "CollectionToolbar2542849894__left",
+  "right": "CollectionToolbar2542849894__right",
+  "fullWidth": "CollectionToolbar2542849894__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_ = \"CollectionToolbar2575297221\";\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\":\"CollectionToolbar2575297221__root\",\"left\":\"CollectionToolbar2575297221__left\",\"right\":\"CollectionToolbar2575297221__right\",\"fullWidth\":\"CollectionToolbar2575297221__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_ = \"CollectionToolbar2542849894\";\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\":\"CollectionToolbar2542849894__root\",\"left\":\"CollectionToolbar2542849894__left\",\"right\":\"CollectionToolbar2542849894__right\",\"fullWidth\":\"CollectionToolbar2542849894__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":[]}

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.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_ = "SearchOrCustomFilter4241947339";
+var _namespace_ = "SearchOrCustomFilter1242276543";
 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": "SearchOrCustomFilter4241947339__root",
-  "search": "SearchOrCustomFilter4241947339__search"
+  "root": "SearchOrCustomFilter1242276543__root",
+  "search": "SearchOrCustomFilter1242276543__search"
 };
 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_ = \"SearchOrCustomFilter4241947339\";\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\":\"SearchOrCustomFilter4241947339__root\",\"search\":\"SearchOrCustomFilter4241947339__search\"};\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;AAAwC,CAAC;AAC/G,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_ = \"SearchOrCustomFilter1242276543\";\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\":\"SearchOrCustomFilter1242276543__root\",\"search\":\"SearchOrCustomFilter1242276543__search\"};\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;AAAwC,CAAC;AAC/G,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/CollectionToolbarFilters/CollectionToolbarFilters.js

@@ -122,7 +122,7 @@ function _CollectionToolbarFilters(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 182,
+          lineNumber: 177,
           columnNumber: 60
         }
       }));
@@ -150,7 +150,7 @@ function _CollectionToolbarFilters(props) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 211,
+            lineNumber: 206,
             columnNumber: 11
           }
         })
@@ -170,7 +170,7 @@ function _CollectionToolbarFilters(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 228,
+        lineNumber: 223,
         columnNumber: 5
       }
     }, childrenArr.slice(0, totalInlineFilters).map((element, index) => {
@@ -186,7 +186,7 @@ function _CollectionToolbarFilters(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 233,
+          lineNumber: 228,
           columnNumber: 11
         }
       }, filterProps.filter ? /*#__PURE__*/_react.default.createElement(_CollectionFilter.CollectionFilter, {
@@ -195,7 +195,7 @@ function _CollectionToolbarFilters(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 240,
+          lineNumber: 235,
           columnNumber: 15
         }
       }, element) : element);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_useFiltersLayout","_ToolbarCollectionContext","_AppliedFiltersTagList","_mobxReactLite","_ToolbarItemBox","_AppliedFiltersTagListState","_CollectionToolbarFiltersState","_CollectionFilter","_FiltersPanelSidePanelEntry","_MoreFiltersCTA","_react2","_useFiltersSyncProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CollectionToolbarFilters","props","children","inline","maxInlineFilters","maxInlineLabels","panelTitle","onPanelClearButtonClicked","onSearchAppliedFilterTagRemove","onSubToolbarClearButtonClicked","hideAppliedFiltersTagList","useNewFilters","showFilterTagsWithLabelsAndAggregated","childrenArr","useFiltersSyncProps","state","useToolbarCollectionContext","toolbarFiltersState","useState","CollectionToolbarFiltersState","toolbar","setToolbarFiltersStateInitialized","useEffect","panels","registerSidePanel","FiltersPanelSidePanelEntry","onClearButtonClicked","forceShowSidePanel","useMemo","find","filter","type","displayName","includes","viewsProps","collection","customInlineElements","showFiltersPanelButton","totalInlineFilters","showLabels","useFiltersLayout","filters","length","totalFilters","filterElements","container","useWixPatternsContainer","filtersProps","map","filterChildProps","onAppliedFilterTagRemove","renderToolbarTag","accordionItemProps","renderPresetToolbarTag","search","setFilterTagsPropsIfChanged","featuredComponents","moreFiltersButton","createElement","MoreFiltersCTA","__self","__source","fileName","lineNumber","columnNumber","tagListState","AppliedFiltersTagListState","table","disposers","init","appliedFiltersTagList","component","AppliedFiltersTagList","forEach","d","Fragment","key","slice","element","index","_filterProps$toolbarI","filterProps","ToolbarItemBox","layout","dataHook","label","toolbarItemProps","CollectionFilter","CollectionToolbarFilters","exports","observer"],"sources":["../../../../src/components/CollectionToolbarFilters/CollectionToolbarFilters.tsx"],"sourcesContent":["import React, {\n  Fragment,\n  ReactNode,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { FilterElement } from './filterElement';\nimport { useFiltersLayout } from './useFiltersLayout';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { AppliedFiltersTagList } from '../AppliedFiltersTagList';\nimport { observer } from 'mobx-react-lite';\nimport { ToolbarItemBox } from '../ToolbarItemBox';\nimport { AppliedFiltersTagListState } from '../AppliedFiltersTagList/AppliedFiltersTagListState';\nimport { CollectionToolbarFiltersState } from './CollectionToolbarFiltersState';\nimport { CollectionFilter } from '../CollectionFilter';\nimport { FiltersPanelSidePanelEntry } from './FiltersPanelSidePanelEntry';\nimport { MoreFiltersCTA } from '../MoreFiltersCTA';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useFiltersSyncProps } from './useFiltersSyncProps';\n\nexport interface CollectionToolbarFiltersProps {\n  /**\n   * @deprecated\n   * Number of filter controls to be rendered inside the table toolbar\n   * Cairo changes the filters layout logic.\n   * The \"inline\" property of the \"CollectionToolbarFilters\" component is now deprecated, meaning that soon Cairo will automatically\n   * decide how to distribute filters between the toolbar and the filters panel.\n   * To enable the new logic, add the \"useNewFilters\" flag to \"CollectionToolbarFilters\" component.\n   */\n  inline?: 0 | 1 | 2 | 3;\n  /**\n   * A flag that indicates whether Cairo should use a new filters layout our not.\n   */\n  useNewFilters?: true;\n  maxInlineFilters?: number;\n  maxInlineLabels?: number;\n  /**\n   * Title of the filters panel\n   * @external\n   */\n  panelTitle?: string | ReactNode;\n  /**\n   * `React` children elements, that must accept [FilterProps](./?path=/story/common-filters--filterprops), such as:\n   * - [MultiSelectCheckboxFilter](./?path=/story/common-filters--multiselectcheckboxfilter)\n   * - [Custom Filters](./?path=/story/common-factories--customfilter)\n   * @external\n   */\n  children:\n    | (FilterElement | undefined | boolean)\n    | (FilterElement | undefined | boolean)[];\n  onPanelClearButtonClicked?: () => unknown;\n  onSearchAppliedFilterTagRemove?: (item: string) => unknown;\n  onSubToolbarClearButtonClicked?: () => unknown;\n  hideAppliedFiltersTagList?: boolean;\n  /**\n   * Display the tags with a label and aggregate them based on the filter.\n   * @default false\n   */\n  showFilterTagsWithLabelsAndAggregated?: boolean;\n}\n\nfunction _CollectionToolbarFilters(props: CollectionToolbarFiltersProps) {\n  const {\n    children,\n    inline,\n    maxInlineFilters,\n    maxInlineLabels,\n    panelTitle,\n    onPanelClearButtonClicked,\n    onSearchAppliedFilterTagRemove,\n    onSubToolbarClearButtonClicked,\n    hideAppliedFiltersTagList,\n    useNewFilters,\n    showFilterTagsWithLabelsAndAggregated,\n  } = props;\n\n  const childrenArr = useFiltersSyncProps(children);\n\n  const state = useToolbarCollectionContext();\n\n  const [toolbarFiltersState] = useState(() => {\n    state.toolbarFiltersState ??= new CollectionToolbarFiltersState({\n      toolbar: state,\n    });\n    state.setToolbarFiltersStateInitialized(true);\n    return state.toolbarFiltersState;\n  });\n\n  useEffect(() => {\n    state.panels.registerSidePanel('filters', FiltersPanelSidePanelEntry);\n  }, []);\n\n  useEffect(() => {\n    toolbarFiltersState.onClearButtonClicked = onPanelClearButtonClicked;\n  }, [onPanelClearButtonClicked]);\n\n  const forceShowSidePanel = useMemo(\n    () =>\n      !!childrenArr.find((filter) => {\n        return (\n          filter.type.displayName &&\n          ['DateRangeFilter', 'MultiSelectCollectionFilter'].includes(\n            filter.type.displayName,\n          )\n        );\n      }),\n    [childrenArr],\n  );\n\n  const { viewsProps, collection } = state;\n\n  const customInlineElements = viewsProps ? 1 : 0;\n\n  const { showFiltersPanelButton, totalInlineFilters, showLabels } =\n    useFiltersLayout({\n      useNewFilters,\n      filters: childrenArr.length,\n      totalFilters: childrenArr.length + customInlineElements,\n      inline,\n      maxInlineFilters,\n      maxInlineLabels,\n      customInlineElements,\n      forceShowSidePanel,\n    });\n\n  useEffect(() => {\n    toolbarFiltersState.panelTitle.set(panelTitle);\n  }, [panelTitle]);\n\n  useEffect(() => {\n    toolbarFiltersState.totalInlineFilters.set(totalInlineFilters);\n  }, [totalInlineFilters]);\n\n  useEffect(() => {\n    toolbarFiltersState.filterElements.set(childrenArr);\n  }, [childrenArr]);\n\n  const container = useWixPatternsContainer();\n  const { filters } = collection;\n\n  const filtersProps = useMemo(\n    () => {\n      // share essential filter props globally\n      return [\n        ...childrenArr.map(({ props: filterChildProps, type }) => {\n          const {\n            filter,\n            onAppliedFilterTagRemove,\n            renderToolbarTag,\n            accordionItemProps,\n          } = filterChildProps;\n\n          return {\n            filter,\n            onAppliedFilterTagRemove,\n            accordionItemProps,\n            renderToolbarTag:\n              renderToolbarTag ?? type.renderPresetToolbarTag?.(container),\n            showFilterTagsWithLabelsAndAggregated,\n          };\n        }),\n        {\n          filter: filters.search,\n          onAppliedFilterTagRemove: onSearchAppliedFilterTagRemove,\n        },\n      ];\n    },\n    childrenArr.map(({ props: { filter } }) => filter),\n  );\n\n  useEffect(() => {\n    state.setFilterTagsPropsIfChanged(filtersProps);\n\n    return () => {\n      state.setFilterTagsPropsIfChanged(null);\n    };\n  }, [filtersProps]);\n\n  useEffect(() => {\n    if (showFiltersPanelButton) {\n      state.featuredComponents.moreFiltersButton.set(() => <MoreFiltersCTA />);\n\n      return () => {\n        state.featuredComponents.moreFiltersButton.set(null);\n      };\n    }\n\n    state.featuredComponents.moreFiltersButton.set(null);\n\n    return;\n  }, [showFiltersPanelButton]);\n\n  const [tagListState] = useState(\n    () =>\n      new AppliedFiltersTagListState({\n        table: state,\n        showFilterTagsWithLabelsAndAggregated,\n      }),\n  );\n\n  useEffect(() => {\n    const disposers = [tagListState.init()];\n\n    if (hideAppliedFiltersTagList) {\n      state.featuredComponents.appliedFiltersTagList.set(null);\n    } else {\n      state.featuredComponents.appliedFiltersTagList.set({\n        state: tagListState,\n        component: () => (\n          <AppliedFiltersTagList\n            state={tagListState}\n            onClearButtonClicked={onSubToolbarClearButtonClicked}\n          />\n        ),\n      });\n    }\n\n    return () => {\n      disposers.forEach((d) => d());\n      state.featuredComponents.appliedFiltersTagList.set(null);\n    };\n  }, [hideAppliedFiltersTagList]);\n\n  return (\n    // workaround to support bad enzyme version not detecting this as a valid fragment component\n    // https://wix.slack.com/archives/C02K83200PL/p1671962461443749\n    <Fragment key=\"toolbar-items\">\n      {childrenArr.slice(0, totalInlineFilters).map((element, index) => {\n        const { props: filterProps } = element;\n\n        return (\n          <ToolbarItemBox\n            key={index}\n            layout={filterProps.layout}\n            dataHook={`toolbar-item-filter-${index}`}\n            label={showLabels && filterProps.toolbarItemProps?.label}\n          >\n            {filterProps.filter ? (\n              <CollectionFilter\n                filter={filterProps.filter}\n                state={toolbarFiltersState}\n              >\n                {element}\n              </CollectionFilter>\n            ) : (\n              element\n            )}\n          </ToolbarItemBox>\n        );\n      })}\n    </Fragment>\n  );\n}\n\nexport const CollectionToolbarFilters = observer(_CollectionToolbarFilters);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_useFiltersLayout","_ToolbarCollectionContext","_AppliedFiltersTagList","_mobxReactLite","_ToolbarItemBox","_AppliedFiltersTagListState","_CollectionToolbarFiltersState","_CollectionFilter","_FiltersPanelSidePanelEntry","_MoreFiltersCTA","_react2","_useFiltersSyncProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CollectionToolbarFilters","props","children","inline","maxInlineFilters","maxInlineLabels","panelTitle","onPanelClearButtonClicked","onSearchAppliedFilterTagRemove","onSubToolbarClearButtonClicked","hideAppliedFiltersTagList","useNewFilters","showFilterTagsWithLabelsAndAggregated","childrenArr","useFiltersSyncProps","state","useToolbarCollectionContext","toolbarFiltersState","useState","CollectionToolbarFiltersState","toolbar","setToolbarFiltersStateInitialized","useEffect","panels","registerSidePanel","FiltersPanelSidePanelEntry","onClearButtonClicked","forceShowSidePanel","useMemo","find","filter","type","displayName","includes","viewsProps","collection","customInlineElements","showFiltersPanelButton","totalInlineFilters","showLabels","useFiltersLayout","filters","length","totalFilters","filterElements","container","useWixPatternsContainer","filtersProps","map","filterChildProps","onAppliedFilterTagRemove","renderToolbarTag","accordionItemProps","renderPresetToolbarTag","search","setFilterTagsPropsIfChanged","featuredComponents","moreFiltersButton","createElement","MoreFiltersCTA","__self","__source","fileName","lineNumber","columnNumber","tagListState","AppliedFiltersTagListState","table","disposers","init","appliedFiltersTagList","component","AppliedFiltersTagList","forEach","d","Fragment","key","slice","element","index","_filterProps$toolbarI","filterProps","ToolbarItemBox","layout","dataHook","label","toolbarItemProps","CollectionFilter","CollectionToolbarFilters","exports","observer"],"sources":["../../../../src/components/CollectionToolbarFilters/CollectionToolbarFilters.tsx"],"sourcesContent":["import React, {\n  Fragment,\n  ReactNode,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { FilterElement } from './filterElement';\nimport { useFiltersLayout } from './useFiltersLayout';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { AppliedFiltersTagList } from '../AppliedFiltersTagList';\nimport { observer } from 'mobx-react-lite';\nimport { ToolbarItemBox } from '../ToolbarItemBox';\nimport { AppliedFiltersTagListState } from '../AppliedFiltersTagList/AppliedFiltersTagListState';\nimport { CollectionToolbarFiltersState } from './CollectionToolbarFiltersState';\nimport { CollectionFilter } from '../CollectionFilter';\nimport { FiltersPanelSidePanelEntry } from './FiltersPanelSidePanelEntry';\nimport { MoreFiltersCTA } from '../MoreFiltersCTA';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useFiltersSyncProps } from './useFiltersSyncProps';\n\nexport interface CollectionToolbarFiltersProps {\n  /**\n   * Number of filter controls to be rendered inside the table toolbar\n   */\n  inline?: 0 | 1 | 2 | 3;\n  /**\n   * A flag that indicates whether Patterns should use a new filters layout our not.\n   */\n  useNewFilters?: true;\n  maxInlineFilters?: number;\n  maxInlineLabels?: number;\n  /**\n   * Title of the filters panel\n   * @external\n   */\n  panelTitle?: string | ReactNode;\n  /**\n   * `React` children elements, that must accept [FilterProps](./?path=/story/common-filters--filterprops), such as:\n   * - [MultiSelectCheckboxFilter](./?path=/story/common-filters--multiselectcheckboxfilter)\n   * - [Custom Filters](./?path=/story/common-factories--customfilter)\n   * @external\n   */\n  children:\n    | (FilterElement | undefined | boolean)\n    | (FilterElement | undefined | boolean)[];\n  onPanelClearButtonClicked?: () => unknown;\n  onSearchAppliedFilterTagRemove?: (item: string) => unknown;\n  onSubToolbarClearButtonClicked?: () => unknown;\n  hideAppliedFiltersTagList?: boolean;\n  /**\n   * Display the tags with a label and aggregate them based on the filter.\n   * @default false\n   */\n  showFilterTagsWithLabelsAndAggregated?: boolean;\n}\n\nfunction _CollectionToolbarFilters(props: CollectionToolbarFiltersProps) {\n  const {\n    children,\n    inline,\n    maxInlineFilters,\n    maxInlineLabels,\n    panelTitle,\n    onPanelClearButtonClicked,\n    onSearchAppliedFilterTagRemove,\n    onSubToolbarClearButtonClicked,\n    hideAppliedFiltersTagList,\n    useNewFilters,\n    showFilterTagsWithLabelsAndAggregated,\n  } = props;\n\n  const childrenArr = useFiltersSyncProps(children);\n\n  const state = useToolbarCollectionContext();\n\n  const [toolbarFiltersState] = useState(() => {\n    state.toolbarFiltersState ??= new CollectionToolbarFiltersState({\n      toolbar: state,\n    });\n    state.setToolbarFiltersStateInitialized(true);\n    return state.toolbarFiltersState;\n  });\n\n  useEffect(() => {\n    state.panels.registerSidePanel('filters', FiltersPanelSidePanelEntry);\n  }, []);\n\n  useEffect(() => {\n    toolbarFiltersState.onClearButtonClicked = onPanelClearButtonClicked;\n  }, [onPanelClearButtonClicked]);\n\n  const forceShowSidePanel = useMemo(\n    () =>\n      !!childrenArr.find((filter) => {\n        return (\n          filter.type.displayName &&\n          ['DateRangeFilter', 'MultiSelectCollectionFilter'].includes(\n            filter.type.displayName,\n          )\n        );\n      }),\n    [childrenArr],\n  );\n\n  const { viewsProps, collection } = state;\n\n  const customInlineElements = viewsProps ? 1 : 0;\n\n  const { showFiltersPanelButton, totalInlineFilters, showLabels } =\n    useFiltersLayout({\n      useNewFilters,\n      filters: childrenArr.length,\n      totalFilters: childrenArr.length + customInlineElements,\n      inline,\n      maxInlineFilters,\n      maxInlineLabels,\n      customInlineElements,\n      forceShowSidePanel,\n    });\n\n  useEffect(() => {\n    toolbarFiltersState.panelTitle.set(panelTitle);\n  }, [panelTitle]);\n\n  useEffect(() => {\n    toolbarFiltersState.totalInlineFilters.set(totalInlineFilters);\n  }, [totalInlineFilters]);\n\n  useEffect(() => {\n    toolbarFiltersState.filterElements.set(childrenArr);\n  }, [childrenArr]);\n\n  const container = useWixPatternsContainer();\n  const { filters } = collection;\n\n  const filtersProps = useMemo(\n    () => {\n      // share essential filter props globally\n      return [\n        ...childrenArr.map(({ props: filterChildProps, type }) => {\n          const {\n            filter,\n            onAppliedFilterTagRemove,\n            renderToolbarTag,\n            accordionItemProps,\n          } = filterChildProps;\n\n          return {\n            filter,\n            onAppliedFilterTagRemove,\n            accordionItemProps,\n            renderToolbarTag:\n              renderToolbarTag ?? type.renderPresetToolbarTag?.(container),\n            showFilterTagsWithLabelsAndAggregated,\n          };\n        }),\n        {\n          filter: filters.search,\n          onAppliedFilterTagRemove: onSearchAppliedFilterTagRemove,\n        },\n      ];\n    },\n    childrenArr.map(({ props: { filter } }) => filter),\n  );\n\n  useEffect(() => {\n    state.setFilterTagsPropsIfChanged(filtersProps);\n\n    return () => {\n      state.setFilterTagsPropsIfChanged(null);\n    };\n  }, [filtersProps]);\n\n  useEffect(() => {\n    if (showFiltersPanelButton) {\n      state.featuredComponents.moreFiltersButton.set(() => <MoreFiltersCTA />);\n\n      return () => {\n        state.featuredComponents.moreFiltersButton.set(null);\n      };\n    }\n\n    state.featuredComponents.moreFiltersButton.set(null);\n\n    return;\n  }, [showFiltersPanelButton]);\n\n  const [tagListState] = useState(\n    () =>\n      new AppliedFiltersTagListState({\n        table: state,\n        showFilterTagsWithLabelsAndAggregated,\n      }),\n  );\n\n  useEffect(() => {\n    const disposers = [tagListState.init()];\n\n    if (hideAppliedFiltersTagList) {\n      state.featuredComponents.appliedFiltersTagList.set(null);\n    } else {\n      state.featuredComponents.appliedFiltersTagList.set({\n        state: tagListState,\n        component: () => (\n          <AppliedFiltersTagList\n            state={tagListState}\n            onClearButtonClicked={onSubToolbarClearButtonClicked}\n          />\n        ),\n      });\n    }\n\n    return () => {\n      disposers.forEach((d) => d());\n      state.featuredComponents.appliedFiltersTagList.set(null);\n    };\n  }, [hideAppliedFiltersTagList]);\n\n  return (\n    // workaround to support bad enzyme version not detecting this as a valid fragment component\n    // https://wix.slack.com/archives/C02K83200PL/p1671962461443749\n    <Fragment key=\"toolbar-items\">\n      {childrenArr.slice(0, totalInlineFilters).map((element, index) => {\n        const { props: filterProps } = element;\n\n        return (\n          <ToolbarItemBox\n            key={index}\n            layout={filterProps.layout}\n            dataHook={`toolbar-item-filter-${index}`}\n            label={showLabels && filterProps.toolbarItemProps?.label}\n          >\n            {filterProps.filter ? (\n              <CollectionFilter\n                filter={filterProps.filter}\n                state={toolbarFiltersState}\n              >\n                {element}\n              </CollectionFilter>\n            ) : (\n              element\n            )}\n          </ToolbarItemBox>\n        );\n      })}\n    </Fragment>\n  );\n}\n\nexport const CollectionToolbarFilters = observer(_CollectionToolbarFilters);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.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_ = "AutoCompleteReadonly2383485746";
+var _namespace_ = "AutoCompleteReadonly3687002231";
 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": "AutoCompleteReadonly2383485746__root"
+  "root": "AutoCompleteReadonly3687002231__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.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/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly2383485746\";\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\":\"AutoCompleteReadonly2383485746__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/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly3687002231\";\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\":\"AutoCompleteReadonly3687002231__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/components/CollectionViewsDropdown/ViewsDropdown.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_ = "ViewsDropdown2295550168";
+var _namespace_ = "ViewsDropdown1854189129";
 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": "ViewsDropdown2295550168__root"
+  "root": "ViewsDropdown1854189129__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.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/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown2295550168\";\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\":\"ViewsDropdown2295550168__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/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown1854189129\";\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\":\"ViewsDropdown1854189129__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/CustomFieldsWidget/CustomFieldsViewWidgetSection.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_ = "CustomFieldsViewWidgetSection1915813555";
+var _namespace_ = "CustomFieldsViewWidgetSection2629719098";
 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": "CustomFieldsViewWidgetSection1915813555__root",
-  "breakWord": "CustomFieldsViewWidgetSection1915813555__breakWord"
+  "root": "CustomFieldsViewWidgetSection2629719098__root",
+  "breakWord": "CustomFieldsViewWidgetSection2629719098__breakWord"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.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/CustomFieldsWidget/CustomFieldsViewWidgetSection.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CustomFieldsViewWidgetSection1915813555\";\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\":\"CustomFieldsViewWidgetSection1915813555__root\",\"breakWord\":\"CustomFieldsViewWidgetSection1915813555__breakWord\"};\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,yCAAyC;AAC3D,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,+CAA+C;EAAC,WAAW,EAAC;AAAoD,CAAC;AACvI,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/CustomFieldsWidget/CustomFieldsViewWidgetSection.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CustomFieldsViewWidgetSection2629719098\";\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\":\"CustomFieldsViewWidgetSection2629719098__root\",\"breakWord\":\"CustomFieldsViewWidgetSection2629719098__breakWord\"};\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,yCAAyC;AAC3D,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,+CAA+C;EAAC,WAAW,EAAC;AAAoD,CAAC;AACvI,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/DragHandle/DragHandle.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_ = "DragHandle3528660115";
+var _namespace_ = "DragHandle2265779515";
 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": "DragHandle3528660115__root"
+  "root": "DragHandle2265779515__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/DragHandle/DragHandle.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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle3528660115\";\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\":\"DragHandle3528660115__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,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle2265779515\";\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\":\"DragHandle2265779515__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,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,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/Fade/Fade.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_ = "Fade1277226412";
+var _namespace_ = "Fade3125959834";
 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": "Fade1277226412__root"
+  "root": "Fade3125959834__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Fade/Fade.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/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade1277226412\";\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\":\"Fade1277226412__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,gBAAgB;AAClC,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;AAAsB,CAAC;AAC7C,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/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade3125959834\";\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\":\"Fade3125959834__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,gBAAgB;AAClC,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;AAAsB,CAAC;AAC7C,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/Grid/GridContent.js

@@ -67,7 +67,7 @@ function _GridContent(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 108,
+      lineNumber: 113,
       columnNumber: 15
     }
   });
@@ -83,7 +83,7 @@ function _GridContent(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 114,
+        lineNumber: 119,
         columnNumber: 7
       }
     }, child, /*#__PURE__*/_react.default.createElement(DraggableCardOverlay, {
@@ -92,7 +92,7 @@ function _GridContent(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 120,
+        lineNumber: 125,
         columnNumber: 9
       }
     }));
@@ -104,7 +104,7 @@ function _GridContent(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 127,
+        lineNumber: 132,
         columnNumber: 7
       }
     });
@@ -116,11 +116,14 @@ function _GridContent(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 139,
+        lineNumber: 144,
         columnNumber: 11
       }
     }));
   }
+  (0, _react.useLayoutEffect)(() => {
+    grid._containerRectState._syncThrottled();
+  }, []);
   (0, _react.useEffect)(() => grid._containerRectState.init(), []);
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
@@ -130,7 +133,7 @@ function _GridContent(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 152,
+      lineNumber: 161,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -140,7 +143,7 @@ function _GridContent(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 158,
+      lineNumber: 167,
       columnNumber: 7
     }
   }, child));

package/dist/cjs/components/Grid/GridContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_state","_InitialSkeletonLoader","_PageGridInfiniteScrollLoader","_designSystem","_useGridBaseSyncProps","_useRenderItem","_VirtualGridRepeater","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridContent","props","state","range","withInfiniteScrollLoader","dragAndDrop","dragAndDropSubmit","dragAndDropCancel","imagePlacement","toolbar","contentPaddingPx","showInitialLoader","multi","showRefreshLoader","grid","useState","GridBaseState","container","collection","sizePreset","gridSizePresets","topGridSizePreset","useEffect","_subGrids","push","indexOf","splice","useGridBaseSyncProps","renderItem","useRenderItem","child","createElement","VirtualGridRepeater","gridState","__self","__source","fileName","lineNumber","columnNumber","DraggableCardOverlay","SortableContext","onSubmit","onCancel","InitialSkeletonLoader","dataHook","Fragment","PageGridInfiniteScrollLoader","scrollMoreAlways","_containerRectState","init","Box","direction","paddingTop","paddingRight","paddingLeft","ref","el","element","GridContent","exports","observer"],"sources":["../../../../src/components/Grid/GridContent.tsx"],"sourcesContent":["import React, { ReactElement, useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport {\n  GridBaseState,\n  gridSizePresets,\n  ToolbarCollectionState,\n  topGridSizePreset,\n} from '../../state';\nimport { InitialSkeletonLoader } from '../InitialLoader/InitialSkeletonLoader';\nimport { PageGridInfiniteScrollLoader } from '../PageGridInfiniteScrollLoader';\nimport { AddItemProps, Box } from '@wix/design-system';\nimport { useGridBaseSyncProps } from './useGridBaseSyncProps';\nimport { useRenderItem } from './useRenderItem';\nimport { VirtualGridRepeater } from '../VirtualGridRepeater/VirtualGridRepeater';\nimport { SupportedCardGalleryItemProps } from './SupportedCardGalleryItemProps';\nimport {\n  DragAndDrop,\n  DragAndDropCancel,\n  DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { ActionCell } from '../ActionCell';\n\nexport interface GridContentBaseProps<T, F extends FiltersMap> {\n  preset?: 'full' | 'title' | 'empty';\n  imagePlacement?: 'side' | 'top';\n  renderItem?: (\n    item: T,\n    index: number,\n  ) => Partial<SupportedCardGalleryItemProps>;\n  actionCell?: ActionCell<T, F>;\n  renderAddItem?: () => ReactElement<AddItemProps>;\n  dragAndDrop?: DragAndDrop;\n  dragAndDropSubmit?: DragAndDropSubmit<T, F>;\n  dragAndDropCancel?: DragAndDropCancel<T, F>;\n}\n\nexport interface GridContentProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  state: {\n    toolbar: ToolbarCollectionState<T, F>;\n    collection: CollectionState<T, F>;\n    _subGrids?: GridBaseState<T, F>[];\n  };\n  range?: { start: number; length: number };\n  withInfiniteScrollLoader?: boolean;\n}\n\nfunction _GridContent<T, F extends FiltersMap = FiltersMap>(\n  props: GridContentProps<T, F>,\n) {\n  const {\n    state,\n    range,\n    withInfiniteScrollLoader,\n    dragAndDrop,\n    dragAndDropSubmit,\n    dragAndDropCancel,\n    imagePlacement,\n  } = props;\n\n  const {\n    toolbar: {\n      contentPaddingPx,\n      showInitialLoader,\n      multi: { showRefreshLoader },\n    },\n  } = state;\n\n  const [grid] = useState(\n    () =>\n      new GridBaseState({\n        container: state.toolbar.container,\n        toolbar: state.toolbar as ToolbarCollectionState<unknown, Partial<F>>,\n        collection: state.collection,\n        sizePreset: imagePlacement\n          ? gridSizePresets[imagePlacement]\n          : topGridSizePreset,\n        range,\n      }),\n  );\n\n  useEffect(() => {\n    const { _subGrids } = state;\n\n    if (!_subGrids) {\n      return;\n    }\n\n    _subGrids.push(grid);\n\n    return () => {\n      const i = _subGrids.indexOf(grid);\n      i !== -1 && _subGrids.splice(i, 1);\n    };\n  }, []);\n\n  useGridBaseSyncProps({\n    ...props,\n    state: grid,\n  });\n\n  const renderItem = useRenderItem({\n    ...props,\n    state: grid,\n  });\n\n  let child = <VirtualGridRepeater renderItem={renderItem} gridState={grid} />;\n\n  if (dragAndDrop) {\n    const { DraggableCardOverlay, SortableContext } = dragAndDrop;\n\n    child = (\n      <SortableContext\n        state={grid}\n        onSubmit={dragAndDropSubmit}\n        onCancel={dragAndDropCancel}\n      >\n        {child}\n        <DraggableCardOverlay state={grid} renderItem={renderItem} />\n      </SortableContext>\n    );\n  }\n\n  if (showRefreshLoader || showInitialLoader) {\n    child = (\n      <InitialSkeletonLoader\n        dataHook={\n          showInitialLoader ? 'grid-initial-loader' : 'grid-refresh-loader'\n        }\n        state={grid}\n      />\n    );\n  } else {\n    child = (\n      <>\n        {child}\n        {withInfiniteScrollLoader && (\n          <PageGridInfiniteScrollLoader\n            dataHook=\"infinite-scroll-loader\"\n            state={grid}\n            scrollMoreAlways\n          />\n        )}\n      </>\n    );\n  }\n\n  useEffect(() => grid._containerRectState.init(), []);\n\n  return (\n    <Box\n      direction=\"vertical\"\n      paddingTop={contentPaddingPx}\n      paddingRight={contentPaddingPx}\n      paddingLeft={contentPaddingPx}\n    >\n      <div\n        ref={(el) => {\n          grid._containerRectState.element = el;\n        }}\n      >\n        {child}\n      </div>\n    </Box>\n  );\n}\n\nexport const GridContent = observer(_GridContent);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_state","_InitialSkeletonLoader","_PageGridInfiniteScrollLoader","_designSystem","_useGridBaseSyncProps","_useRenderItem","_VirtualGridRepeater","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridContent","props","state","range","withInfiniteScrollLoader","dragAndDrop","dragAndDropSubmit","dragAndDropCancel","imagePlacement","toolbar","contentPaddingPx","showInitialLoader","multi","showRefreshLoader","grid","useState","GridBaseState","container","collection","sizePreset","gridSizePresets","topGridSizePreset","useEffect","_subGrids","push","indexOf","splice","useGridBaseSyncProps","renderItem","useRenderItem","child","createElement","VirtualGridRepeater","gridState","__self","__source","fileName","lineNumber","columnNumber","DraggableCardOverlay","SortableContext","onSubmit","onCancel","InitialSkeletonLoader","dataHook","Fragment","PageGridInfiniteScrollLoader","scrollMoreAlways","useLayoutEffect","_containerRectState","_syncThrottled","init","Box","direction","paddingTop","paddingRight","paddingLeft","ref","el","element","GridContent","exports","observer"],"sources":["../../../../src/components/Grid/GridContent.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useEffect,\n  useLayoutEffect,\n  useState,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport {\n  GridBaseState,\n  gridSizePresets,\n  ToolbarCollectionState,\n  topGridSizePreset,\n} from '../../state';\nimport { InitialSkeletonLoader } from '../InitialLoader/InitialSkeletonLoader';\nimport { PageGridInfiniteScrollLoader } from '../PageGridInfiniteScrollLoader';\nimport { AddItemProps, Box } from '@wix/design-system';\nimport { useGridBaseSyncProps } from './useGridBaseSyncProps';\nimport { useRenderItem } from './useRenderItem';\nimport { VirtualGridRepeater } from '../VirtualGridRepeater/VirtualGridRepeater';\nimport { SupportedCardGalleryItemProps } from './SupportedCardGalleryItemProps';\nimport {\n  DragAndDrop,\n  DragAndDropCancel,\n  DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { ActionCell } from '../ActionCell';\n\nexport interface GridContentBaseProps<T, F extends FiltersMap> {\n  preset?: 'full' | 'title' | 'empty';\n  imagePlacement?: 'side' | 'top';\n  renderItem?: (\n    item: T,\n    index: number,\n  ) => Partial<SupportedCardGalleryItemProps>;\n  actionCell?: ActionCell<T, F>;\n  renderAddItem?: () => ReactElement<AddItemProps>;\n  dragAndDrop?: DragAndDrop;\n  dragAndDropSubmit?: DragAndDropSubmit<T, F>;\n  dragAndDropCancel?: DragAndDropCancel<T, F>;\n}\n\nexport interface GridContentProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  state: {\n    toolbar: ToolbarCollectionState<T, F>;\n    collection: CollectionState<T, F>;\n    _subGrids?: GridBaseState<T, F>[];\n  };\n  range?: { start: number; length: number };\n  withInfiniteScrollLoader?: boolean;\n}\n\nfunction _GridContent<T, F extends FiltersMap = FiltersMap>(\n  props: GridContentProps<T, F>,\n) {\n  const {\n    state,\n    range,\n    withInfiniteScrollLoader,\n    dragAndDrop,\n    dragAndDropSubmit,\n    dragAndDropCancel,\n    imagePlacement,\n  } = props;\n\n  const {\n    toolbar: {\n      contentPaddingPx,\n      showInitialLoader,\n      multi: { showRefreshLoader },\n    },\n  } = state;\n\n  const [grid] = useState(\n    () =>\n      new GridBaseState({\n        container: state.toolbar.container,\n        toolbar: state.toolbar as ToolbarCollectionState<unknown, Partial<F>>,\n        collection: state.collection,\n        sizePreset: imagePlacement\n          ? gridSizePresets[imagePlacement]\n          : topGridSizePreset,\n        range,\n      }),\n  );\n\n  useEffect(() => {\n    const { _subGrids } = state;\n\n    if (!_subGrids) {\n      return;\n    }\n\n    _subGrids.push(grid);\n\n    return () => {\n      const i = _subGrids.indexOf(grid);\n      i !== -1 && _subGrids.splice(i, 1);\n    };\n  }, []);\n\n  useGridBaseSyncProps({\n    ...props,\n    state: grid,\n  });\n\n  const renderItem = useRenderItem({\n    ...props,\n    state: grid,\n  });\n\n  let child = <VirtualGridRepeater renderItem={renderItem} gridState={grid} />;\n\n  if (dragAndDrop) {\n    const { DraggableCardOverlay, SortableContext } = dragAndDrop;\n\n    child = (\n      <SortableContext\n        state={grid}\n        onSubmit={dragAndDropSubmit}\n        onCancel={dragAndDropCancel}\n      >\n        {child}\n        <DraggableCardOverlay state={grid} renderItem={renderItem} />\n      </SortableContext>\n    );\n  }\n\n  if (showRefreshLoader || showInitialLoader) {\n    child = (\n      <InitialSkeletonLoader\n        dataHook={\n          showInitialLoader ? 'grid-initial-loader' : 'grid-refresh-loader'\n        }\n        state={grid}\n      />\n    );\n  } else {\n    child = (\n      <>\n        {child}\n        {withInfiniteScrollLoader && (\n          <PageGridInfiniteScrollLoader\n            dataHook=\"infinite-scroll-loader\"\n            state={grid}\n            scrollMoreAlways\n          />\n        )}\n      </>\n    );\n  }\n\n  useLayoutEffect(() => {\n    grid._containerRectState._syncThrottled();\n  }, []);\n\n  useEffect(() => grid._containerRectState.init(), []);\n\n  return (\n    <Box\n      direction=\"vertical\"\n      paddingTop={contentPaddingPx}\n      paddingRight={contentPaddingPx}\n      paddingLeft={contentPaddingPx}\n    >\n      <div\n        ref={(el) => {\n          grid._containerRectState.element = el;\n        }}\n      >\n        {child}\n      </div>\n    </Box>\n  );\n}\n\nexport const GridContent = observer(_GridContent);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Heading/Heading.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_ = "Heading1110286094";
+var _namespace_ = "Heading2019793782";
 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": "Heading1110286094__root"
+  "root": "Heading2019793782__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Heading/Heading.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/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading1110286094\";\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\":\"Heading1110286094__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,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;AAAyB,CAAC;AAChD,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/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading2019793782\";\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\":\"Heading2019793782__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,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;AAAyB,CAAC;AAChD,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/InputOverflow/InputOverflow.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_ = "InputOverflow2126110468";
+var _namespace_ = "InputOverflow730133619";
 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": "InputOverflow2126110468__root"
+  "root": "InputOverflow730133619__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/InputOverflow/InputOverflow.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/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow2126110468\";\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\":\"InputOverflow2126110468__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/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow730133619\";\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\":\"InputOverflow730133619__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,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA8B,CAAC;AACrD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/MaxHeightText/MaxHeightText.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_ = "MaxHeightText3736082594";
+var _namespace_ = "MaxHeightText2660191181";
 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": "MaxHeightText3736082594__root"
+  "root": "MaxHeightText2660191181__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MaxHeightText/MaxHeightText.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/MaxHeightText/MaxHeightText.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxHeightText3736082594\";\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\":\"MaxHeightText3736082594__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/MaxHeightText/MaxHeightText.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxHeightText2660191181\";\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\":\"MaxHeightText2660191181__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":[]}