@wix/patterns 1.344.0 → 1.345.0

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

@@ -38,7 +38,7 @@ function ActionButton(props) {
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: setRef,
     style: {
-      display: 'contents'
+      width: '100%'
     },
     __self: this,
     __source: {

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_DisabledTooltip","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ActionButton","props","actionItem","suffixIcon","size","priority","fullWidth","tooltip","prefixIcon","label","onClick","dataHook","disabled","ref","setRef","useCallback","element","buttonEl","querySelector","current","createElement","style","display","__self","__source","fileName","lineNumber","columnNumber","DisabledTooltip","content","Button","skin","ellipsis"],"sources":["../../../../src/components/ActionControl/ActionButton.tsx"],"sourcesContent":["import { Button, ButtonProps } from '@wix/design-system';\nimport React, { useCallback } from 'react';\nimport { DisabledTooltip } from '../DisabledTooltip';\nimport { ActionSubItemPrivate } from './ActionSubItemProps';\n\nexport interface ActionButtonProps {\n  actionItem: ActionSubItemPrivate;\n  suffixIcon?: ButtonProps['suffixIcon'];\n  size?: ButtonProps['size'];\n  priority?: ButtonProps['priority'];\n  fullWidth?: ButtonProps['fullWidth'];\n}\n\nexport function ActionButton(props: ActionButtonProps) {\n  const { actionItem, suffixIcon, size, priority, fullWidth } = props;\n  const { tooltip, prefixIcon, label, onClick, dataHook, disabled, ref } =\n    actionItem;\n\n  const setRef = useCallback(\n    (element: HTMLElement | null) => {\n      if (!element || !ref) {\n        return;\n      }\n\n      const buttonEl =\n        (element.querySelector('button') as HTMLButtonElement | null) ?? null;\n\n      if (typeof ref === 'function') {\n        ref(buttonEl);\n      } else {\n        (ref as React.MutableRefObject<HTMLButtonElement | null>).current =\n          buttonEl;\n      }\n    },\n    [ref],\n  );\n\n  return (\n    <div ref={setRef} style={{ display: 'contents' }}>\n      <DisabledTooltip content={tooltip} dataHook={`${dataHook}-tooltip`}>\n        <Button\n          skin=\"standard\"\n          priority={priority}\n          size={size}\n          prefixIcon={prefixIcon}\n          ellipsis\n          onClick={onClick}\n          dataHook={dataHook}\n          disabled={disabled}\n          suffixIcon={suffixIcon}\n          fullWidth={fullWidth}\n        >\n          {label}\n        </Button>\n      </DisabledTooltip>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_DisabledTooltip","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ActionButton","props","actionItem","suffixIcon","size","priority","fullWidth","tooltip","prefixIcon","label","onClick","dataHook","disabled","ref","setRef","useCallback","element","buttonEl","querySelector","current","createElement","style","width","__self","__source","fileName","lineNumber","columnNumber","DisabledTooltip","content","Button","skin","ellipsis"],"sources":["../../../../src/components/ActionControl/ActionButton.tsx"],"sourcesContent":["import { Button, ButtonProps } from '@wix/design-system';\nimport React, { useCallback } from 'react';\nimport { DisabledTooltip } from '../DisabledTooltip';\nimport { ActionSubItemPrivate } from './ActionSubItemProps';\n\nexport interface ActionButtonProps {\n  actionItem: ActionSubItemPrivate;\n  suffixIcon?: ButtonProps['suffixIcon'];\n  size?: ButtonProps['size'];\n  priority?: ButtonProps['priority'];\n  fullWidth?: ButtonProps['fullWidth'];\n}\n\nexport function ActionButton(props: ActionButtonProps) {\n  const { actionItem, suffixIcon, size, priority, fullWidth } = props;\n  const { tooltip, prefixIcon, label, onClick, dataHook, disabled, ref } =\n    actionItem;\n\n  const setRef = useCallback(\n    (element: HTMLElement | null) => {\n      if (!element || !ref) {\n        return;\n      }\n\n      const buttonEl =\n        (element.querySelector('button') as HTMLButtonElement | null) ?? null;\n\n      if (typeof ref === 'function') {\n        ref(buttonEl);\n      } else {\n        (ref as React.MutableRefObject<HTMLButtonElement | null>).current =\n          buttonEl;\n      }\n    },\n    [ref],\n  );\n\n  return (\n    <div ref={setRef} style={{ width: '100%' }}>\n      <DisabledTooltip content={tooltip} dataHook={`${dataHook}-tooltip`}>\n        <Button\n          skin=\"standard\"\n          priority={priority}\n          size={size}\n          prefixIcon={prefixIcon}\n          ellipsis\n          onClick={onClick}\n          dataHook={dataHook}\n          disabled={disabled}\n          suffixIcon={suffixIcon}\n          fullWidth={fullWidth}\n        >\n          {label}\n        </Button>\n      </DisabledTooltip>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CardContainer2287395251";
+var _namespace_ = "CardContainer2619349075";
 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": "CardContainer2287395251__root"
+  "root": "CardContainer2619349075__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

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

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Collapse2321758094";
+var _namespace_ = "Collapse4046538818";
 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": "Collapse2321758094__root",
-  "exit": "Collapse2321758094__exit"
+  "root": "Collapse4046538818__root",
+  "exit": "Collapse4046538818__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_ = \"Collapse2321758094\";\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\":\"Collapse2321758094__root\",\"exit\":\"Collapse2321758094__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_ = \"Collapse4046538818\";\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\":\"Collapse4046538818__root\",\"exit\":\"Collapse4046538818__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/CollectionPageNew/CollectionPage.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionPage3904469315";
+var _namespace_ = "CollectionPage766795655";
 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": "CollectionPage3904469315__root"
+  "root": "CollectionPage766795655__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionPageNew/CollectionPage.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPage3904469315\";\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\":\"CollectionPage3904469315__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\",\"wds-color-fill-surface-sunken\":\"--wds-color-fill-surface-sunken\",\"wds-space-300\":\"--wds-space-300\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,+BAA+B,EAAC,iCAAiC;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionPageNew/CollectionPage.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPage766795655\";\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\":\"CollectionPage766795655__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\",\"wds-color-fill-surface-sunken\":\"--wds-color-fill-surface-sunken\",\"wds-space-300\":\"--wds-space-300\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,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;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,+BAA+B,EAAC,iCAAiC;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeader.js

@@ -1,48 +1,118 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.CollectionSectionHeader = void 0;
 var _designSystem = require("@wix/design-system");
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+var _CollectionSectionHeaderStCss = require("./CollectionSectionHeader.st.css.js");
 var _CollectionSectionHeaderActionBar = require("./CollectionSectionHeaderActionBar");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeader.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const CollectionSectionHeader = ({
+  sectionId,
   section,
   skin,
   dataHook,
   biComponentType
 }) => {
-  var _section$badge;
+  const renderBadge = () => {
+    const {
+      badge
+    } = section;
+    if (!badge || !badge.visible) {
+      return null;
+    }
+    return /*#__PURE__*/_react.default.createElement(_designSystem.CounterBadge, {
+      truncate: false,
+      skin: badge.skin || 'light',
+      dataHook: "section-header-badge",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 41,
+        columnNumber: 7
+      }
+    }, section.count, section.hasMore ? '+' : '');
+  };
+  const renderSummary = () => {
+    const {
+      summary
+    } = section;
+    if (!summary || summary.length === 0) {
+      return null;
+    }
+    return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      gap: "SP2",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 60,
+        columnNumber: 7
+      }
+    }, summary.map((item, index) => {
+      var _item$icon$props;
+      return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+        key: index,
+        verticalAlign: "middle",
+        gap: "SP1",
+        dataHook: "section-header-summary-item",
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 62,
+          columnNumber: 11
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+        content: item.text,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 68,
+          columnNumber: 13
+        }
+      }, /*#__PURE__*/(0, _react.isValidElement)(item.icon) ? /*#__PURE__*/(0, _react.cloneElement)(item.icon, {
+        className: (0, _CollectionSectionHeaderStCss.st)(_CollectionSectionHeaderStCss.classes.summaryIcon, (_item$icon$props = item.icon.props) == null ? void 0 : _item$icon$props.className)
+      }) : item.icon), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+        size: "tiny",
+        weight: "normal",
+        skin: "standard",
+        secondary: true,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 78,
+          columnNumber: 13
+        }
+      }, item.count));
+    }));
+  };
   const title = /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     verticalAlign: "middle",
-    gap: "SP1",
+    gap: "SP2",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 25,
+      lineNumber: 88,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
-    size: "small",
-    weight: "normal",
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    gap: "SP1",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 26,
+      lineNumber: 89,
       columnNumber: 7
     }
-  }, section.title), ((_section$badge = section.badge) == null ? void 0 : _section$badge.visible) && /*#__PURE__*/_react.default.createElement(_designSystem.CounterBadge, {
-    truncate: false,
-    skin: section.badge.skin || 'light',
-    dataHook: "section-header-badge",
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    size: "small",
+    weight: "normal",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 30,
+      lineNumber: 90,
       columnNumber: 9
     }
-  }, section.count, section.hasMore ? '+' : ''));
+  }, section.title), renderBadge()), renderSummary());
   return /*#__PURE__*/_react.default.createElement(_designSystem.SectionHeader, {
     dataHook: dataHook,
     title: title,
@@ -50,19 +120,20 @@ const CollectionSectionHeader = ({
     divider: "none",
     size: "small",
     suffix: /*#__PURE__*/_react.default.createElement(_CollectionSectionHeaderActionBar.CollectionSectionHeaderActionBar, {
+      sectionId: sectionId,
       section: section,
       biComponentType: biComponentType,
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 50,
+        lineNumber: 107,
         columnNumber: 9
       }
     }),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 43,
+      lineNumber: 100,
       columnNumber: 5
     }
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_CollectionSectionHeaderActionBar","_jsxFileName","CollectionSectionHeader","section","skin","dataHook","biComponentType","_section$badge","title","default","createElement","Box","verticalAlign","gap","__self","__source","fileName","lineNumber","columnNumber","Text","size","weight","badge","visible","CounterBadge","truncate","count","hasMore","SectionHeader","divider","suffix","CollectionSectionHeaderActionBar","exports"],"sources":["../../../../src/components/CollectionSectionHeader/CollectionSectionHeader.tsx"],"sourcesContent":["import {\n  SectionHeader,\n  SectionHeaderProps,\n  Text,\n  CounterBadge,\n  Box,\n} from '@wix/design-system';\nimport React from 'react';\nimport { CollectionSectionHeaderActionBar } from './CollectionSectionHeaderActionBar';\nimport { Section } from './CollectionSectionHeader.types';\n\nexport interface CollectionSectionHeaderProps\n  extends Pick<SectionHeaderProps, 'skin' | 'dataHook'> {\n  section: Section & { count: number; hasMore?: boolean };\n  biComponentType: string;\n}\n\nexport const CollectionSectionHeader = ({\n  section,\n  skin,\n  dataHook,\n  biComponentType,\n}: CollectionSectionHeaderProps) => {\n  const title = (\n    <Box verticalAlign=\"middle\" gap=\"SP1\">\n      <Text size=\"small\" weight=\"normal\">\n        {section.title}\n      </Text>\n      {section.badge?.visible && (\n        <CounterBadge\n          truncate={false}\n          skin={section.badge.skin || 'light'}\n          dataHook=\"section-header-badge\"\n        >\n          {section.count}\n          {section.hasMore ? '+' : ''}\n        </CounterBadge>\n      )}\n    </Box>\n  );\n\n  return (\n    <SectionHeader\n      dataHook={dataHook}\n      title={title}\n      skin={skin}\n      divider=\"none\"\n      size=\"small\"\n      suffix={\n        <CollectionSectionHeaderActionBar\n          section={section}\n          biComponentType={biComponentType}\n        />\n      }\n    />\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAOA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,iCAAA,GAAAH,OAAA;AAAsF,IAAAI,YAAA;AAS/E,MAAMC,uBAAuB,GAAGA,CAAC;EACtCC,OAAO;EACPC,IAAI;EACJC,QAAQ;EACRC;AAC4B,CAAC,KAAK;EAAA,IAAAC,cAAA;EAClC,MAAMC,KAAK,gBACTV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;IAACC,aAAa,EAAC,QAAQ;IAACC,GAAG,EAAC,KAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACnCpB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAuB,IAAI;IAACC,IAAI,EAAC,OAAO;IAACC,MAAM,EAAC,QAAQ;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC/Bf,OAAO,CAACK,KACL,CAAC,EACN,EAAAD,cAAA,GAAAJ,OAAO,CAACmB,KAAK,qBAAbf,cAAA,CAAegB,OAAO,kBACrBzB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAA4B,YAAY;IACXC,QAAQ,EAAE,KAAM;IAChBrB,IAAI,EAAED,OAAO,CAACmB,KAAK,CAAClB,IAAI,IAAI,OAAQ;IACpCC,QAAQ,EAAC,sBAAsB;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE9Bf,OAAO,CAACuB,KAAK,EACbvB,OAAO,CAACwB,OAAO,GAAG,GAAG,GAAG,EACb,CAEb,CACN;EAED,oBACE7B,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAgC,aAAa;IACZvB,QAAQ,EAAEA,QAAS;IACnBG,KAAK,EAAEA,KAAM;IACbJ,IAAI,EAAEA,IAAK;IACXyB,OAAO,EAAC,MAAM;IACdT,IAAI,EAAC,OAAO;IACZU,MAAM,eACJhC,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACV,iCAAA,CAAA+B,gCAAgC;MAC/B5B,OAAO,EAAEA,OAAQ;MACjBG,eAAe,EAAEA,eAAgB;MAAAQ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAf,YAAA;QAAAgB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAClC,CACF;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CAAC;AAEN,CAAC;AAACc,OAAA,CAAA9B,uBAAA,GAAAA,uBAAA","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_CollectionSectionHeaderStCss","_CollectionSectionHeaderActionBar","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CollectionSectionHeader","sectionId","section","skin","dataHook","biComponentType","renderBadge","badge","visible","createElement","CounterBadge","truncate","__self","__source","fileName","lineNumber","columnNumber","count","hasMore","renderSummary","summary","length","Box","gap","map","item","index","_item$icon$props","key","verticalAlign","Tooltip","content","text","isValidElement","icon","cloneElement","className","st","classes","summaryIcon","props","Text","size","weight","secondary","title","SectionHeader","divider","suffix","CollectionSectionHeaderActionBar","exports"],"sources":["../../../../src/components/CollectionSectionHeader/CollectionSectionHeader.tsx"],"sourcesContent":["import {\n  SectionHeader,\n  SectionHeaderProps,\n  Text,\n  CounterBadge,\n  Box,\n  Tooltip,\n} from '@wix/design-system';\nimport React, {\n  cloneElement,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n} from 'react';\nimport { st, classes } from './CollectionSectionHeader.st.css.js';\nimport { CollectionSectionHeaderActionBar } from './CollectionSectionHeaderActionBar';\nimport { Section } from './CollectionSectionHeader.types';\n\nexport interface CollectionSectionHeaderProps<T = unknown>\n  extends Pick<SectionHeaderProps, 'skin' | 'dataHook'> {\n  sectionId: string;\n  section: Section & { count: number; hasMore?: boolean; items?: T[] };\n  biComponentType: string;\n}\n\nexport const CollectionSectionHeader = <T,>({\n  sectionId,\n  section,\n  skin,\n  dataHook,\n  biComponentType,\n}: CollectionSectionHeaderProps<T>) => {\n  const renderBadge = (): ReactNode => {\n    const { badge } = section;\n\n    if (!badge || !badge.visible) {\n      return null;\n    }\n\n    return (\n      <CounterBadge\n        truncate={false}\n        skin={badge.skin || 'light'}\n        dataHook=\"section-header-badge\"\n      >\n        {section.count}\n        {section.hasMore ? '+' : ''}\n      </CounterBadge>\n    );\n  };\n\n  const renderSummary = (): ReactNode => {\n    const { summary } = section;\n\n    if (!summary || summary.length === 0) {\n      return null;\n    }\n\n    return (\n      <Box gap=\"SP2\">\n        {summary.map((item, index) => (\n          <Box\n            key={index}\n            verticalAlign=\"middle\"\n            gap=\"SP1\"\n            dataHook=\"section-header-summary-item\"\n          >\n            <Tooltip content={item.text}>\n              {isValidElement(item.icon)\n                ? cloneElement(item.icon as ReactElement, {\n                    className: st(\n                      classes.summaryIcon,\n                      item.icon.props?.className,\n                    ),\n                  })\n                : item.icon}\n            </Tooltip>\n            <Text size=\"tiny\" weight=\"normal\" skin=\"standard\" secondary>\n              {item.count}\n            </Text>\n          </Box>\n        ))}\n      </Box>\n    );\n  };\n\n  const title = (\n    <Box verticalAlign=\"middle\" gap=\"SP2\">\n      <Box gap=\"SP1\">\n        <Text size=\"small\" weight=\"normal\">\n          {section.title}\n        </Text>\n        {renderBadge()}\n      </Box>\n      {renderSummary()}\n    </Box>\n  );\n\n  return (\n    <SectionHeader\n      dataHook={dataHook}\n      title={title}\n      skin={skin}\n      divider=\"none\"\n      size=\"small\"\n      suffix={\n        <CollectionSectionHeaderActionBar\n          sectionId={sectionId}\n          section={section}\n          biComponentType={biComponentType}\n        />\n      }\n    />\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/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/cjs/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js

@@ -0,0 +1,25 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "CollectionSectionHeader960793838";
+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": "CollectionSectionHeader960793838__root",
+  "summaryIcon": "CollectionSectionHeader960793838__summaryIcon"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {
+  "wds-color-text-standard-secondary": "--wds-color-text-standard-secondary"
+};
+//# sourceMappingURL=CollectionSectionHeader.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionSectionHeader/CollectionSectionHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionSectionHeader960793838\";\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\":\"CollectionSectionHeader960793838__root\",\"summaryIcon\":\"CollectionSectionHeader960793838__summaryIcon\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-secondary\":\"--wds-color-text-standard-secondary\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kCAAkC;AACpD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,wCAAwC;EAAC,aAAa,EAAC;AAA+C,CAAC;AAC7H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,mCAAmC,EAAC;AAAqC,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeader.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/components/CollectionSectionHeader/CollectionSectionHeader.types.ts"],"sourcesContent":["import { CtaBaseProps } from '../CtaProps';\n\nexport interface Section {\n  /**\n   * A unique identifier for the section.\n   * @external\n   */\n  id: string;\n  /**\n   * A title for the section.\n   * @external\n   */\n  title: string;\n  /**\n   * A primary call to action for the section.\n   * @overrideType [CtaBaseProps](./?path=/story/common-types--ctabaseprops)\n   * @external\n   */\n  primaryAction?: CtaBaseProps;\n  /**\n   * A badge for the section.\n   * @external\n   */\n  badge?: {\n    visible: boolean;\n    skin?: 'light' | 'danger' | 'neutralLight';\n  };\n}\nexport type RenderSection<T> = (item: T) => Section;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/components/CollectionSectionHeader/CollectionSectionHeader.types.ts"],"sourcesContent":["import { ReactNode } from 'react';\nimport { CtaBaseProps } from '../CtaProps';\n\ninterface SectionBadgeConfig {\n  visible: boolean;\n  skin?: 'light' | 'danger' | 'neutralLight';\n}\n\n/**\n * A summary item to display in the section header.\n * @external\n */\ninterface SectionSummaryItem {\n  /**\n   * An icon to display before the text.\n   * @external\n   */\n  icon: ReactNode;\n  /**\n   * A label for the summary item.\n   * @external\n   */\n  text: string;\n  /**\n   * A count value for the summary item.\n   * @external\n   */\n  count: number;\n}\n\nexport interface Section {\n  /**\n   * A title for the section.\n   * @external\n   */\n  title: string;\n  /**\n   * A primary call to action for the section.\n   * @overrideType [CtaBaseProps](./?path=/story/common-types--ctabaseprops)\n   * @external\n   */\n  primaryAction?: CtaBaseProps;\n  /**\n   * A badge for the section. Configuration object for showing item count.\n   * @external\n   */\n  badge?: SectionBadgeConfig;\n  /**\n   * Summary items to display in the section header.\n   * Each item can have an icon, text label, and count.\n   * @external\n   */\n  summary?: SectionSummaryItem[];\n}\n\n/**\n * A function that extracts the grouping key from an item.\n * @external\n */\nexport type GroupBy<T> = (item: T) => string;\n\n/**\n * A function that renders section configuration given the section ID and all items in the section.\n * @external\n */\nexport type RenderSection<T> = (sectionId: string, items: T[]) => Section;\n"],"mappings":"","ignoreList":[]}

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

@@ -9,6 +9,7 @@ var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _bi = require("@wix/bex-core/bi");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeaderActionBar.tsx";
 const CollectionSectionHeaderActionBar = ({
+  sectionId,
   section,
   biComponentType
 }) => {
@@ -20,7 +21,7 @@ const CollectionSectionHeaderActionBar = ({
   } = section;
   const handleClick = () => {
     toolbarBIReporter.reportBi((0, _bi.wixPatternsSectionHeaderPrimaryActionClicked)({
-      sectionId: section.id,
+      sectionId,
       cta: primaryAction == null ? void 0 : primaryAction.id,
       componentType: biComponentType
     }));
@@ -31,7 +32,7 @@ const CollectionSectionHeaderActionBar = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 32,
+      lineNumber: 34,
       columnNumber: 5
     }
   }, primaryAction && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -42,7 +43,7 @@ const CollectionSectionHeaderActionBar = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 34,
+      lineNumber: 36,
       columnNumber: 9
     }
   }, primaryAction.label));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_ToolbarCollectionContext","_bi","_jsxFileName","CollectionSectionHeaderActionBar","section","biComponentType","toolbarBIReporter","useToolbarCollectionContext","primaryAction","handleClick","reportBi","wixPatternsSectionHeaderPrimaryActionClicked","sectionId","id","cta","componentType","onClick","default","createElement","Box","direction","__self","__source","fileName","lineNumber","columnNumber","TextButton","prefixIcon","dataHook","size","label","exports"],"sources":["../../../../src/components/CollectionSectionHeader/CollectionSectionHeaderActionBar.tsx"],"sourcesContent":["import { Box, TextButton } from '@wix/design-system';\nimport React from 'react';\nimport { Section } from './CollectionSectionHeader.types';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { wixPatternsSectionHeaderPrimaryActionClicked } from '@wix/bex-core/bi';\n\nexport interface CollectionSectionHeaderActionBarProps {\n  section: Section;\n  biComponentType: string;\n}\n\nexport const CollectionSectionHeaderActionBar = ({\n  section,\n  biComponentType,\n}: CollectionSectionHeaderActionBarProps) => {\n  const { toolbarBIReporter } = useToolbarCollectionContext();\n  const { primaryAction } = section;\n\n  const handleClick = () => {\n    toolbarBIReporter.reportBi(\n      wixPatternsSectionHeaderPrimaryActionClicked({\n        sectionId: section.id,\n        cta: primaryAction?.id,\n        componentType: biComponentType,\n      }),\n    );\n\n    primaryAction?.onClick?.();\n  };\n\n  return (\n    <Box direction=\"horizontal\">\n      {primaryAction && (\n        <TextButton\n          prefixIcon={primaryAction.prefixIcon}\n          dataHook=\"collection-section-header-primary-action\"\n          onClick={handleClick}\n          size=\"small\"\n        >\n          {primaryAction.label}\n        </TextButton>\n      )}\n    </Box>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,GAAA,GAAAJ,OAAA;AAAgF,IAAAK,YAAA;AAOzE,MAAMC,gCAAgC,GAAGA,CAAC;EAC/CC,OAAO;EACPC;AACqC,CAAC,KAAK;EAC3C,MAAM;IAAEC;EAAkB,CAAC,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC3D,MAAM;IAAEC;EAAc,CAAC,GAAGJ,OAAO;EAEjC,MAAMK,WAAW,GAAGA,CAAA,KAAM;IACxBH,iBAAiB,CAACI,QAAQ,CACxB,IAAAC,gDAA4C,EAAC;MAC3CC,SAAS,EAAER,OAAO,CAACS,EAAE;MACrBC,GAAG,EAAEN,aAAa,oBAAbA,aAAa,CAAEK,EAAE;MACtBE,aAAa,EAAEV;IACjB,CAAC,CACH,CAAC;IAEDG,aAAa,YAAbA,aAAa,CAAEQ,OAAO,YAAtBR,aAAa,CAAEQ,OAAO,CAAG,CAAC;EAC5B,CAAC;EAED,oBACElB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAuB,GAAG;IAACC,SAAS,EAAC,YAAY;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACxBjB,aAAa,iBACZV,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAA8B,UAAU;IACTC,UAAU,EAAEnB,aAAa,CAACmB,UAAW;IACrCC,QAAQ,EAAC,0CAA0C;IACnDZ,OAAO,EAAEP,WAAY;IACrBoB,IAAI,EAAC,OAAO;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEXjB,aAAa,CAACsB,KACL,CAEX,CAAC;AAEV,CAAC;AAACC,OAAA,CAAA5B,gCAAA,GAAAA,gCAAA","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_ToolbarCollectionContext","_bi","_jsxFileName","CollectionSectionHeaderActionBar","sectionId","section","biComponentType","toolbarBIReporter","useToolbarCollectionContext","primaryAction","handleClick","reportBi","wixPatternsSectionHeaderPrimaryActionClicked","cta","id","componentType","onClick","default","createElement","Box","direction","__self","__source","fileName","lineNumber","columnNumber","TextButton","prefixIcon","dataHook","size","label","exports"],"sources":["../../../../src/components/CollectionSectionHeader/CollectionSectionHeaderActionBar.tsx"],"sourcesContent":["import { Box, TextButton } from '@wix/design-system';\nimport React from 'react';\nimport { Section } from './CollectionSectionHeader.types';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { wixPatternsSectionHeaderPrimaryActionClicked } from '@wix/bex-core/bi';\n\nexport interface CollectionSectionHeaderActionBarProps {\n  sectionId: string;\n  section: Section;\n  biComponentType: string;\n}\n\nexport const CollectionSectionHeaderActionBar = ({\n  sectionId,\n  section,\n  biComponentType,\n}: CollectionSectionHeaderActionBarProps) => {\n  const { toolbarBIReporter } = useToolbarCollectionContext();\n  const { primaryAction } = section;\n\n  const handleClick = () => {\n    toolbarBIReporter.reportBi(\n      wixPatternsSectionHeaderPrimaryActionClicked({\n        sectionId,\n        cta: primaryAction?.id,\n        componentType: biComponentType,\n      }),\n    );\n\n    primaryAction?.onClick?.();\n  };\n\n  return (\n    <Box direction=\"horizontal\">\n      {primaryAction && (\n        <TextButton\n          prefixIcon={primaryAction.prefixIcon}\n          dataHook=\"collection-section-header-primary-action\"\n          onClick={handleClick}\n          size=\"small\"\n        >\n          {primaryAction.label}\n        </TextButton>\n      )}\n    </Box>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,GAAA,GAAAJ,OAAA;AAAgF,IAAAK,YAAA;AAQzE,MAAMC,gCAAgC,GAAGA,CAAC;EAC/CC,SAAS;EACTC,OAAO;EACPC;AACqC,CAAC,KAAK;EAC3C,MAAM;IAAEC;EAAkB,CAAC,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC3D,MAAM;IAAEC;EAAc,CAAC,GAAGJ,OAAO;EAEjC,MAAMK,WAAW,GAAGA,CAAA,KAAM;IACxBH,iBAAiB,CAACI,QAAQ,CACxB,IAAAC,gDAA4C,EAAC;MAC3CR,SAAS;MACTS,GAAG,EAAEJ,aAAa,oBAAbA,aAAa,CAAEK,EAAE;MACtBC,aAAa,EAAET;IACjB,CAAC,CACH,CAAC;IAEDG,aAAa,YAAbA,aAAa,CAAEO,OAAO,YAAtBP,aAAa,CAAEO,OAAO,CAAG,CAAC;EAC5B,CAAC;EAED,oBACElB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAuB,GAAG;IAACC,SAAS,EAAC,YAAY;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACxBhB,aAAa,iBACZX,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAA8B,UAAU;IACTC,UAAU,EAAElB,aAAa,CAACkB,UAAW;IACrCC,QAAQ,EAAC,0CAA0C;IACnDZ,OAAO,EAAEN,WAAY;IACrBmB,IAAI,EAAC,OAAO;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEXhB,aAAa,CAACqB,KACL,CAEX,CAAC;AAEV,CAAC;AAACC,OAAA,CAAA5B,gCAAA,GAAAA,gCAAA","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionTable2112796536";
+var _namespace_ = "CollectionTable3114715534";
 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": "CollectionTable2112796536__root"
+  "root": "CollectionTable3114715534__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionTable/CollectionTable.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionTable2112796536\";\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\":\"CollectionTable2112796536__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionTable/CollectionTable.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionTable3114715534\";\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\":\"CollectionTable3114715534__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionToolbar4229978739";
+var _namespace_ = "CollectionToolbar3446473932";
 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": "CollectionToolbar4229978739__root",
-  "left": "CollectionToolbar4229978739__left",
-  "right": "CollectionToolbar4229978739__right",
-  "fullWidth": "CollectionToolbar4229978739__fullWidth"
+  "root": "CollectionToolbar3446473932__root",
+  "left": "CollectionToolbar3446473932__left",
+  "right": "CollectionToolbar3446473932__right",
+  "fullWidth": "CollectionToolbar3446473932__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_ = \"CollectionToolbar4229978739\";\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\":\"CollectionToolbar4229978739__root\",\"left\":\"CollectionToolbar4229978739__left\",\"right\":\"CollectionToolbar4229978739__right\",\"fullWidth\":\"CollectionToolbar4229978739__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_ = \"CollectionToolbar3446473932\";\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\":\"CollectionToolbar3446473932__root\",\"left\":\"CollectionToolbar3446473932__left\",\"right\":\"CollectionToolbar3446473932__right\",\"fullWidth\":\"CollectionToolbar3446473932__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,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SearchOrCustomFilter4086095729";
+var _namespace_ = "SearchOrCustomFilter1497284617";
 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": "SearchOrCustomFilter4086095729__root",
-  "search": "SearchOrCustomFilter4086095729__search",
-  "searchMobile": "SearchOrCustomFilter4086095729__searchMobile"
+  "root": "SearchOrCustomFilter1497284617__root",
+  "search": "SearchOrCustomFilter1497284617__search",
+  "searchMobile": "SearchOrCustomFilter1497284617__searchMobile"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter4086095729\";\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\":\"SearchOrCustomFilter4086095729__root\",\"search\":\"SearchOrCustomFilter4086095729__search\",\"searchMobile\":\"SearchOrCustomFilter4086095729__searchMobile\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,QAAQ,EAAC,wCAAwC;EAAC,cAAc,EAAC;AAA8C,CAAC;AAC7K,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter1497284617\";\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\":\"SearchOrCustomFilter1497284617__root\",\"search\":\"SearchOrCustomFilter1497284617__search\",\"searchMobile\":\"SearchOrCustomFilter1497284617__searchMobile\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,QAAQ,EAAC,wCAAwC;EAAC,cAAc,EAAC;AAA8C,CAAC;AAC7K,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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_ = "AutoCompleteReadonly1705263685";
+var _namespace_ = "AutoCompleteReadonly329712210";
 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": "AutoCompleteReadonly1705263685__root"
+  "root": "AutoCompleteReadonly329712210__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_ = \"AutoCompleteReadonly1705263685\";\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\":\"AutoCompleteReadonly1705263685__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_ = \"AutoCompleteReadonly329712210\";\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\":\"AutoCompleteReadonly329712210__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,+BAA+B;AACjD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAqC,CAAC;AAC5D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/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_ = "ViewsDropdown773082691";
+var _namespace_ = "ViewsDropdown433985166";
 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": "ViewsDropdown773082691__root"
+  "root": "ViewsDropdown433985166__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_ = \"ViewsDropdown773082691\";\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\":\"ViewsDropdown773082691__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":[]}
+{"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_ = \"ViewsDropdown433985166\";\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\":\"ViewsDropdown433985166__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":[]}