@wix/patterns 1.263.0 → 1.264.0

package/dist/esm/components/NestedTable/NestedTableRow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTableRow2222993695";
+var _namespace_ = "NestedTableRow1862023425";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "NestedTableRow2222993695__root", "firstLevel": "NestedTableRow2222993695__firstLevel", "placeholder": "NestedTableRow2222993695__placeholder", "parentHovered": "NestedTableRow2222993695__parentHovered" };
+export var classes = { "root": "NestedTableRow1862023425__root", "firstLevel": "NestedTableRow1862023425__firstLevel", "placeholder": "NestedTableRow1862023425__placeholder", "parentHovered": "NestedTableRow1862023425__parentHovered" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js

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

package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js

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

package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"NestedTableDragAndDropRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oCAAoC,CAAC;AACvD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,0CAA0C,EAAC,CAAC;AACzE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"NestedTableDragAndDropRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qCAAqC,CAAC;AACxD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,2CAA2C,EAAC,CAAC;AAC1E,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

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

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

package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerContentAdditionalStep3791920242";
+var _namespace_ = "PickerContentAdditionalStep919761103";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "PickerContentAdditionalStep3791920242__root", "titles": "PickerContentAdditionalStep3791920242__titles", "suffix": "PickerContentAdditionalStep3791920242__suffix" };
+export var classes = { "root": "PickerContentAdditionalStep919761103__root", "titles": "PickerContentAdditionalStep919761103__titles", "suffix": "PickerContentAdditionalStep919761103__suffix" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"PickerContentAdditionalStep.st.css.js","sourceRoot":"","sources":["../../../../src/components/PickerContent/PickerContentAdditionalStep.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,uCAAuC,CAAC;AAC1D,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,6CAA6C,EAAC,QAAQ,EAAC,+CAA+C,EAAC,QAAQ,EAAC,+CAA+C,EAAC,CAAC;AAC9L,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"PickerContentAdditionalStep.st.css.js","sourceRoot":"","sources":["../../../../src/components/PickerContent/PickerContentAdditionalStep.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sCAAsC,CAAC;AACzD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,4CAA4C,EAAC,QAAQ,EAAC,8CAA8C,EAAC,QAAQ,EAAC,8CAA8C,EAAC,CAAC;AAC3L,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

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

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

package/dist/esm/components/RadioGroupFilter/RadioGroupFilter.js

@@ -2,11 +2,13 @@ import React, { useEffect, useMemo } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useDropdownSelectFilterState } from '../../hooks';
 import { Box, RadioGroup } from '@wix/design-system';
+import { usePatternsTheme } from '../../themes/PatternsThemeProvider';
 function _RadioGroupFilter(props) {
     const { filter, data = [], renderItem } = props;
     const { dropdownSelect, init } = useDropdownSelectFilterState({
         filter,
     });
+    const { radioGroup: { spacing }, } = usePatternsTheme();
     const { select: { selectedValues }, container: { translate: t }, } = dropdownSelect;
     const defaultValue = { id: 'all', name: t('cairo.filtersPanel.default.All') };
     useEffect(() => {
@@ -24,7 +26,7 @@ function _RadioGroupFilter(props) {
         };
     }), [data]);
     return (React.createElement(Box, { direction: "vertical", gap: "SP2", dataHook: `radio-group-filter-${filter.name}` },
-        React.createElement(RadioGroup, { dataHook: "radio-group-filter-group", value: selectedValues[0]?.key || defaultValue.id, onChange: (v) => {
+        React.createElement(RadioGroup, { dataHook: "radio-group-filter-group", value: selectedValues[0]?.key || defaultValue.id, spacing: spacing, onChange: (v) => {
                 if (v?.toString() === defaultValue.id) {
                     dropdownSelect.clear();
                 }

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

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

package/dist/esm/components/ResponsiveButton/ResponsiveButton.js

@@ -2,8 +2,10 @@ import { Box, Button, IconButton, Tooltip, } from '@wix/design-system';
 import React from 'react';
 import { observer } from 'mobx-react-lite';
 import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
+import { usePatternsTheme } from '../../themes/PatternsThemeProvider';
 function _ResponsiveButton(props) {
     const { dataHook, as, icon, children, state, shouldShrink: shouldShrinkProp = true, ...rest } = props;
+    const { sizes, toolbar: { button }, } = usePatternsTheme();
     const { toolbar: { responsive }, } = useToolbarCollectionContext();
     const { _nextToShrink, responsiveDisabled } = responsive;
     const shouldShrink = responsiveDisabled
@@ -11,7 +13,7 @@ function _ResponsiveButton(props) {
         : _nextToShrink._count >= state._count && state._shouldShrink;
     return shouldShrink ? (React.createElement(Tooltip, { content: children, dataHook: dataHook ? `${dataHook}-tooltip` : undefined },
         React.createElement(Box, { direction: "vertical", minWidth: "30px" },
-            React.createElement(IconButton, { ...rest, dataHook: dataHook, size: "small", priority: "secondary" }, icon)))) : (React.createElement(Button, { as: as, ...rest, dataHook: dataHook, size: "small", priority: "secondary", prefixIcon: icon }, children));
+            React.createElement(IconButton, { ...rest, dataHook: dataHook, size: sizes.small, priority: "secondary" }, icon)))) : (React.createElement(Button, { as: as, ...rest, dataHook: dataHook, size: sizes.small, priority: "secondary", prefixIcon: icon, suffixIcon: button.suffix }, children));
 }
 export const ResponsiveButton = observer(_ResponsiveButton);
 //# sourceMappingURL=ResponsiveButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ResponsiveButton.js","sourceRoot":"","sources":["../../../../src/components/ResponsiveButton/ResponsiveButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EACH,MAAM,EAEN,UAAU,EAEV,OAAO,GACR,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAU1E,SAAS,iBAAiB,CAAC,KAA4B;IACrD,MAAM,EACJ,QAAQ,EACR,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,YAAY,EAAE,gBAAgB,GAAG,IAAI,EACrC,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,EACJ,OAAO,EAAE,EAAE,UAAU,EAAE,GACxB,GAAG,2BAA2B,EAAE,CAAC;IAElC,MAAM,EAAE,aAAa,EAAE,kBAAkB,EAAE,GAAG,UAAU,CAAC;IAEzD,MAAM,YAAY,GAAG,kBAAkB;QACrC,CAAC,CAAC,gBAAgB;QAClB,CAAC,CAAC,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,aAAa,CAAC;IAEhE,OAAO,YAAY,CAAC,CAAC,CAAC,CACpB,oBAAC,OAAO,IACN,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,UAAU,CAAC,CAAC,CAAC,SAAS;QAEtD,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,QAAQ,EAAC,MAAM;YACvC,oBAAC,UAAU,OACL,IAAI,EACR,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,WAAW,IAEnB,IAAI,CACM,CACT,CACE,CACX,CAAC,CAAC,CAAC,CACF,oBAAC,MAAM,IACL,EAAE,EAAE,EAAE,KACF,IAAI,EACR,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,WAAW,EACpB,UAAU,EAAE,IAAI,IAEf,QAAQ,CACF,CACV,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC"}
+{"version":3,"file":"ResponsiveButton.js","sourceRoot":"","sources":["../../../../src/components/ResponsiveButton/ResponsiveButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EACH,MAAM,EAEN,UAAU,EAEV,OAAO,GACR,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAE1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAStE,SAAS,iBAAiB,CAAC,KAA4B;IACrD,MAAM,EACJ,QAAQ,EACR,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,YAAY,EAAE,gBAAgB,GAAG,IAAI,EACrC,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,EACJ,KAAK,EACL,OAAO,EAAE,EAAE,MAAM,EAAE,GACpB,GAAG,gBAAgB,EAAE,CAAC;IAEvB,MAAM,EACJ,OAAO,EAAE,EAAE,UAAU,EAAE,GACxB,GAAG,2BAA2B,EAAE,CAAC;IAElC,MAAM,EAAE,aAAa,EAAE,kBAAkB,EAAE,GAAG,UAAU,CAAC;IAEzD,MAAM,YAAY,GAAG,kBAAkB;QACrC,CAAC,CAAC,gBAAgB;QAClB,CAAC,CAAC,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,aAAa,CAAC;IAEhE,OAAO,YAAY,CAAC,CAAC,CAAC,CACpB,oBAAC,OAAO,IACN,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,UAAU,CAAC,CAAC,CAAC,SAAS;QAEtD,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,QAAQ,EAAC,MAAM;YACvC,oBAAC,UAAU,OACL,IAAI,EACR,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,KAAK,CAAC,KAAK,EACjB,QAAQ,EAAC,WAAW,IAEnB,IAAI,CACM,CACT,CACE,CACX,CAAC,CAAC,CAAC,CACF,oBAAC,MAAM,IACL,EAAE,EAAE,EAAE,KACF,IAAI,EACR,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,KAAK,CAAC,KAAK,EACjB,QAAQ,EAAC,WAAW,EACpB,UAAU,EAAE,IAAI,EAChB,UAAU,EAAE,MAAM,CAAC,MAAM,IAExB,QAAQ,CACF,CACV,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollableContent.st.css.js","sourceRoot":"","sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,6BAA6B,CAAC;AAChD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,mCAAmC,EAAC,CAAC;AAClE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"ScrollableContent.st.css.js","sourceRoot":"","sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,4BAA4B,CAAC;AAC/C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,kCAAkC,EAAC,CAAC;AACjE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/SidePanel/PatternsSidePanel.js

@@ -0,0 +1,11 @@
+import { SidePanel } from '@wix/design-system';
+import React from 'react';
+import { useSidePanelProps } from '../../hooks/layout/useSidePanelProps';
+export function PatternsSidePanel(props) {
+    const { onClose, ...rest } = props;
+    const sidePanelProps = useSidePanelProps({
+        onClose,
+    });
+    return React.createElement(SidePanel, { ...sidePanelProps, ...rest });
+}
+//# sourceMappingURL=PatternsSidePanel.js.map

package/dist/esm/components/SidePanel/PatternsSidePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PatternsSidePanel.js","sourceRoot":"","sources":["../../../../src/components/SidePanel/PatternsSidePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAkB,MAAM,oBAAoB,CAAC;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAazE,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACnC,MAAM,cAAc,GAAG,iBAAiB,CAAC;QACvC,OAAO;KACR,CAAC,CAAC;IACH,OAAO,oBAAC,SAAS,OAAK,cAAc,KAAM,IAAI,GAAI,CAAC;AACrD,CAAC"}

package/dist/esm/components/SidePanelModal/SidePanelModal.js

@@ -7,14 +7,14 @@ import { reaction } from 'mobx';
 import { SidePanelModalItem } from './SidePanelModalItem';
 function _SidePanelModal(props) {
     const { top, left, state } = props;
-    const { onSidePanelOpen, closeSidePanel, containerLayoutType } = useWixPatternsContainer();
+    const { onSidePanelOpen, closeSidePanel, isPanelLayout } = useWixPatternsContainer();
     const pageState = usePageContext();
     const { sidePanel, sidePanelComponents } = state;
     const { isOpen } = sidePanel;
-    const width = useMemo(() => (containerLayoutType === 'panel' ? '100%' : SidePanelWidth), [containerLayoutType]);
+    const width = useMemo(() => (isPanelLayout ? '100%' : SidePanelWidth), [isPanelLayout]);
     const style = useMemo(() => ({
         top,
-        left: containerLayoutType === 'panel'
+        left: isPanelLayout
             ? 0
             : left != null
                 ? left - SidePanelWidth
@@ -44,7 +44,7 @@ function _SidePanelModal(props) {
             disposers.forEach((d) => d?.());
         };
     }, []);
-    return (React.createElement(SlidingModal, { dataHook: "cairo-side-panel-modal", transitionStatus: sidePanel.transition.status, style: style, appendTo: containerLayoutType === 'panel' ? 'parent' : undefined, contentRef: (el) => {
+    return (React.createElement(SlidingModal, { dataHook: "cairo-side-panel-modal", transitionStatus: sidePanel.transition.status, style: style, appendTo: isPanelLayout ? 'parent' : undefined, contentRef: (el) => {
             sidePanel.focus.modalElement = el;
         }, onExited: () => {
             sidePanel.transition.setStatus('exited');

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

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

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SkeletonCard2427498728";
+var _namespace_ = "SkeletonCard1949124427";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SkeletonCard2427498728__root", "headerLoading": "SkeletonCard2427498728__headerLoading" };
+export var classes = { "root": "SkeletonCard1949124427__root", "headerLoading": "SkeletonCard1949124427__headerLoading" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

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

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "TabsFilter2458939024";
+var _namespace_ = "TabsFilter4153273067";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "TabsFilter2458939024__root", "title": "TabsFilter2458939024__title" };
+export var classes = { "root": "TabsFilter4153273067__root", "title": "TabsFilter4153273067__title" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js

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

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

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

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

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

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

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

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
-var _namespace_ = "common2813459454";
+var _namespace_ = "common351681796";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "common2813459454__root", "column": "common2813459454__column", "fullHeight": "common2813459454__fullHeight" };
+export var classes = { "root": "common351681796__root", "column": "common351681796__column", "fullHeight": "common351681796__fullHeight" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"common.st.css.js","sourceRoot":"","sources":["../../../src/components/common.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAI3E,IAAI,WAAW,GAAG,kBAAkB,CAAC;AACrC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,wBAAwB,EAAC,QAAQ,EAAC,0BAA0B,EAAC,YAAY,EAAC,8BAA8B,EAAC,CAAC;AACvI,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"common.st.css.js","sourceRoot":"","sources":["../../../src/components/common.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAI3E,IAAI,WAAW,GAAG,iBAAiB,CAAC;AACpC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,uBAAuB,EAAC,QAAQ,EAAC,yBAAyB,EAAC,YAAY,EAAC,6BAA6B,EAAC,CAAC;AACpI,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/hooks/layout/useSidePanelProps.js

@@ -0,0 +1,17 @@
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+export function useSidePanelProps({ onClose, }) {
+    const { isPanelLayout } = useWixPatternsContainer();
+    if (isPanelLayout) {
+        return {
+            backButtonProps: {
+                onClick: onClose,
+            },
+        };
+    }
+    return {
+        closeButtonProps: {
+            onClick: onClose,
+        },
+    };
+}
+//# sourceMappingURL=useSidePanelProps.js.map

package/dist/esm/hooks/layout/useSidePanelProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSidePanelProps.js","sourceRoot":"","sources":["../../../../src/hooks/layout/useSidePanelProps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAE9D,MAAM,UAAU,iBAAiB,CAAC,EAChC,OAAO,GAGR;IACC,MAAM,EAAE,aAAa,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAEpD,IAAI,aAAa,EAAE;QACjB,OAAO;YACL,eAAe,EAAE;gBACf,OAAO,EAAE,OAAO;aACjB;SACF,CAAC;KACH;IAED,OAAO;QACL,gBAAgB,EAAE;YAChB,OAAO,EAAE,OAAO;SACjB;KACF,CAAC;AACJ,CAAC"}

package/dist/esm/hooks/useCollectionPageChild/useCollectionPageChild.js

@@ -1,6 +1,7 @@
 import React, { isValidElement, Children } from 'react';
 import { CollectionPageHeader, } from '../../components/CollectionPageHeaderNew';
 import { CollectionPageContent, } from '../../components/CollectionPageContent';
+import { CollectionPageFooter, } from '../../components/CollectionPageFooter';
 export function useCollectionPageChild(children) {
     // Mapping to raw WDS components since original Page filtering none expected components: https://github.com/wix-private/wix-design-systems/blob/master/packages/wix-style-react/src/Page/Page.js#L626
     return Children.toArray(children)
@@ -16,6 +17,10 @@ export function useCollectionPageChild(children) {
                     const content = child;
                     newChild = content.type.useCollectionPageContent(content);
                     break;
+                case CollectionPageFooter:
+                    const footer = child;
+                    newChild = footer.type.useCollectionPageFooter(footer);
+                    break;
                 default:
                     // WIP: Eventually once we will support all child types this will return null
                     newChild = child;

package/dist/esm/hooks/useCollectionPageChild/useCollectionPageChild.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCollectionPageChild.js","sourceRoot":"","sources":["../../../../src/hooks/useCollectionPageChild/useCollectionPageChild.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAC;AACnE,OAAO,EACL,oBAAoB,GAErB,MAAM,0CAA0C,CAAC;AAClD,OAAO,EACL,qBAAqB,GAEtB,MAAM,wCAAwC,CAAC;AAEhD,MAAM,UAAU,sBAAsB,CAAC,QAAmB;IACxD,qMAAqM;IACrM,OAAO,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;SAC9B,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QACpB,IAAI,QAAQ,GAAG,IAAI,CAAC;QACpB,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE;YACzB,QAAQ,KAAK,CAAC,IAAI,EAAE;gBAClB,KAAK,oBAAoB;oBACvB,MAAM,MAAM,GAAG,KAAoC,CAAC;oBACpD,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC;oBACvD,MAAM;gBACR,KAAK,qBAAqB;oBACxB,MAAM,OAAO,GAAG,KAAqC,CAAC;oBACtD,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC;oBAC1D,MAAM;gBACR;oBACE,6EAA6E;oBAC7E,QAAQ,GAAG,KAAK,CAAC;aACpB;SACF;QAED,IAAI,QAAQ,KAAK,IAAI,EAAE;YACrB,OAAO,IAAI,CAAC;SACb;QACD,OAAO,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC;IACtD,CAAC,CAAC;SACD,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;AACtB,CAAC"}
+{"version":3,"file":"useCollectionPageChild.js","sourceRoot":"","sources":["../../../../src/hooks/useCollectionPageChild/useCollectionPageChild.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAC;AACnE,OAAO,EACL,oBAAoB,GAErB,MAAM,0CAA0C,CAAC;AAClD,OAAO,EACL,qBAAqB,GAEtB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACL,oBAAoB,GAErB,MAAM,uCAAuC,CAAC;AAE/C,MAAM,UAAU,sBAAsB,CAAC,QAAmB;IACxD,qMAAqM;IACrM,OAAO,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;SAC9B,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QACpB,IAAI,QAAQ,GAAG,IAAI,CAAC;QACpB,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE;YACzB,QAAQ,KAAK,CAAC,IAAI,EAAE;gBAClB,KAAK,oBAAoB;oBACvB,MAAM,MAAM,GAAG,KAAoC,CAAC;oBACpD,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC;oBACvD,MAAM;gBACR,KAAK,qBAAqB;oBACxB,MAAM,OAAO,GAAG,KAAqC,CAAC;oBACtD,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC;oBAC1D,MAAM;gBACR,KAAK,oBAAoB;oBACvB,MAAM,MAAM,GAAG,KAAoC,CAAC;oBACpD,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC;oBACvD,MAAM;gBACR;oBACE,6EAA6E;oBAC7E,QAAQ,GAAG,KAAK,CAAC;aACpB;SACF;QAED,IAAI,QAAQ,KAAK,IAAI,EAAE;YACrB,OAAO,IAAI,CAAC;SACb;QACD,OAAO,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC;IACtD,CAAC,CAAC;SACD,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;AACtB,CAAC"}

package/dist/esm/providers/CairoProvider.js

@@ -6,13 +6,15 @@ import '@wix/design-system/styles.global.css';
 import '../styles.global.css';
 import * as wixDesignSystemVersion from '../wix-design-system-version';
 import { minimalRequiredWdsRuntimeCheck } from '../minimalRequiredWdsRuntimeCheck';
+import { PatternsThemeProvider } from '../themes/PatternsThemeProvider';
+import { panelTheme } from '../themes/panel-theme';
 configure();
 if (process.env.NODE_ENV !== 'production') {
     minimalRequiredWdsRuntimeCheck({
         required: wixDesignSystemVersion.required,
     });
 }
-export function CairoProvider({ value: valueProp, children, ...rest }) {
+export function CairoProvider({ value: valueProp, children, layoutType, ...rest }) {
     const [value] = useState(() => ({
         ...valueProp,
         environment: {
@@ -20,6 +22,10 @@ export function CairoProvider({ value: valueProp, children, ...rest }) {
             uiLibVersion: cairoVersion,
         },
     }));
-    return (React.createElement(CairoProviderBase, { ...rest, value: value }, children));
+    let child = children;
+    if (layoutType === 'panel') {
+        child = (React.createElement(PatternsThemeProvider, { value: panelTheme }, children));
+    }
+    return (React.createElement(CairoProviderBase, { ...rest, value: value, layoutType: layoutType }, child));
 }
 //# sourceMappingURL=CairoProvider.js.map

package/dist/esm/providers/CairoProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"CairoProvider.js","sourceRoot":"","sources":["../../../src/providers/CairoProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,IAAI,iBAAiB,GAEnC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,YAAY,CAAC;AAErD,OAAO,sCAAsC,CAAC;AAC9C,OAAO,sBAAsB,CAAC;AAE9B,OAAO,KAAK,sBAAsB,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,8BAA8B,EAAE,MAAM,mCAAmC,CAAC;AAEnF,SAAS,EAAE,CAAC;AAEZ,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,8BAA8B,CAAC;QAC7B,QAAQ,EAAE,sBAAsB,CAAC,QAAQ;KAC1C,CAAC,CAAC;CACJ;AAID,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EAAE,SAAS,EAChB,QAAQ,EACR,GAAG,IAAI,EACY;IACnB,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;QAC9B,GAAG,SAAS;QACZ,WAAW,EAAE;YACX,GAAG,SAAS,CAAC,WAAW;YACxB,YAAY,EAAE,YAAY;SAC3B;KACF,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,oBAAC,iBAAiB,OAAK,IAAI,EAAE,KAAK,EAAE,KAAK,IACtC,QAAQ,CACS,CACrB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"CairoProvider.js","sourceRoot":"","sources":["../../../src/providers/CairoProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,IAAI,iBAAiB,GAEnC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,YAAY,CAAC;AAErD,OAAO,sCAAsC,CAAC;AAC9C,OAAO,sBAAsB,CAAC;AAE9B,OAAO,KAAK,sBAAsB,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,8BAA8B,EAAE,MAAM,mCAAmC,CAAC;AACnF,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,SAAS,EAAE,CAAC;AAEZ,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,8BAA8B,CAAC;QAC7B,QAAQ,EAAE,sBAAsB,CAAC,QAAQ;KAC1C,CAAC,CAAC;CACJ;AAID,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EAAE,SAAS,EAChB,QAAQ,EACR,UAAU,EACV,GAAG,IAAI,EACY;IACnB,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;QAC9B,GAAG,SAAS;QACZ,WAAW,EAAE;YACX,GAAG,SAAS,CAAC,WAAW;YACxB,YAAY,EAAE,YAAY;SAC3B;KACF,CAAC,CAAC,CAAC;IAEJ,IAAI,KAAK,GAAG,QAAQ,CAAC;IAErB,IAAI,UAAU,KAAK,OAAO,EAAE;QAC1B,KAAK,GAAG,CACN,oBAAC,qBAAqB,IAAC,KAAK,EAAE,UAAU,IACrC,QAAQ,CACa,CACzB,CAAC;KACH;IACD,OAAO,CACL,oBAAC,iBAAiB,OAAK,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,IAC9D,KAAK,CACY,CACrB,CAAC;AACJ,CAAC"}

package/dist/esm/state/CollectionPage/CollectionPageHeader.st.css.js

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

package/dist/esm/state/CollectionPage/CollectionPageHeader.st.css.js.map

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

package/dist/esm/state/CollectionPage/index.js

@@ -1,3 +1,4 @@
 export * from './useCollectionPageHeader';
 export * from './useCollectionPageContent';
+export * from './useCollectionPageFooter';
 //# sourceMappingURL=index.js.map

package/dist/esm/state/CollectionPage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/state/CollectionPage/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/state/CollectionPage/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC"}

package/dist/esm/state/CollectionPage/useCollectionPageContent.js

@@ -1,6 +1,11 @@
 import React from 'react';
-import { Page } from '@wix/design-system';
+import { Page, SidePanel } from '@wix/design-system';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
 export function useCollectionPageContent(child) {
+    const { isPanelLayout } = useWixPatternsContainer();
+    if (isPanelLayout) {
+        return React.createElement(SidePanel.Content, { ...child.props, noPadding: true, stretchVertically: true });
+    }
     return React.createElement(Page.Content, { ...child.props });
 }
 //# sourceMappingURL=useCollectionPageContent.js.map

package/dist/esm/state/CollectionPage/useCollectionPageContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCollectionPageContent.js","sourceRoot":"","sources":["../../../../src/state/CollectionPage/useCollectionPageContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAG1C,MAAM,UAAU,wBAAwB,CAAC,KAAmC;IAC1E,OAAO,oBAAC,IAAI,CAAC,OAAO,OAAK,KAAK,CAAC,KAAK,GAAI,CAAC;AAC3C,CAAC"}
+{"version":3,"file":"useCollectionPageContent.js","sourceRoot":"","sources":["../../../../src/state/CollectionPage/useCollectionPageContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAE9D,MAAM,UAAU,wBAAwB,CAAC,KAAmC;IAC1E,MAAM,EAAE,aAAa,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACpD,IAAI,aAAa,EAAE;QACjB,OAAO,oBAAC,SAAS,CAAC,OAAO,OAAK,KAAK,CAAC,KAAK,EAAE,SAAS,QAAC,iBAAiB,SAAG,CAAC;KAC3E;IACD,OAAO,oBAAC,IAAI,CAAC,OAAO,OAAK,KAAK,CAAC,KAAK,GAAI,CAAC;AAC3C,CAAC"}

package/dist/esm/state/CollectionPage/useCollectionPageFooter.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Page, SidePanel } from '@wix/design-system';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+export function useCollectionPageFooter(child) {
+    const { isPanelLayout } = useWixPatternsContainer();
+    if (isPanelLayout) {
+        return React.createElement(SidePanel.Footer, { ...child.props });
+    }
+    return React.createElement(Page.Footer, { ...child.props });
+}
+//# sourceMappingURL=useCollectionPageFooter.js.map

package/dist/esm/state/CollectionPage/useCollectionPageFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCollectionPageFooter.js","sourceRoot":"","sources":["../../../../src/state/CollectionPage/useCollectionPageFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAG9D,MAAM,UAAU,uBAAuB,CAAC,KAAkC;IACxE,MAAM,EAAE,aAAa,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACpD,IAAI,aAAa,EAAE;QACjB,OAAO,oBAAC,SAAS,CAAC,MAAM,OAAK,KAAK,CAAC,KAAK,GAAI,CAAC;KAC9C;IACD,OAAO,oBAAC,IAAI,CAAC,MAAM,OAAK,KAAK,CAAC,KAAK,GAAI,CAAC;AAC1C,CAAC"}

package/dist/esm/state/CollectionPage/useCollectionPageHeader.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Box, Heading, Page } from '@wix/design-system';
+import { Box, Heading, Page, SidePanel } from '@wix/design-system';
 import { useCollectionPageContext } from '../../providers';
 import { observer } from 'mobx-react-lite';
 import { PageSubTitle } from '../../components/PageSubTitle';
@@ -8,6 +8,7 @@ import { useIsMobile } from '../../hooks/useIsMobile';
 import { classes, st } from './CollectionPageHeader.st.css.js';
 import { pushFactoryIfNotExistsOrAddToTopOfGroup } from './pushFactoryIfNotExistsOrAddToTopOfGroup';
 import { MoreActions } from '../../components/MoreActions';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
 const MoreActionsBySecondaryAction = observer(({ child }) => {
     const pageState = useCollectionPageContext();
     const { primaryToolbar } = pageState;
@@ -31,6 +32,10 @@ const MoreActionsBySecondaryAction = observer(({ child }) => {
 });
 export function useCollectionPageHeader(child) {
     const isMobile = useIsMobile();
+    const { isPanelLayout } = useWixPatternsContainer();
+    if (isPanelLayout) {
+        return React.createElement(SidePanel.Header, { title: child.props.title.text });
+    }
     return (React.createElement(Page.Header, { key: child.key, className: st(classes.root, { mobile: isMobile }), dataHook: "collection-page-header", title: (minimized) => React.createElement(CollectionPageHeaderTitle, { minimized: minimized }), subtitle: child.props.subtitle ? (React.createElement(PageSubTitle, { ...child.props.subtitle })) : undefined, actionsBar: React.createElement(Box, { gap: "SP2" },
             !isMobile && React.createElement(MoreActionsBySecondaryAction, { child: child }),
             !isMobile && child.props.secondaryActions,