@wix/patterns 1.337.0 → 1.339.0

package/dist/esm/components/NestedTable/MainCellLayout.js

@@ -5,7 +5,7 @@ export function MainCellLayout(props) {
     return (React.createElement(Box, { direction: "horizontal", verticalAlign: "middle", dataHook: dataHook, minWidth: 0 },
         dragHandle,
         expandCollapseButton,
-        image && (React.createElement(Box, { height: "40px", paddingInlineEnd: "12px", dataHook: "image" }, image)),
+        image && (React.createElement(Box, { height: "40px", paddingInlineEnd: "12px", dataHook: "image", flexShrink: 0 }, image)),
         React.createElement(Box, { direction: "vertical", minWidth: 0, minHeight: 0 },
             React.createElement(Box, { direction: "horizontal", minWidth: 0 },
                 breadcrumbs,

package/dist/esm/components/NestedTable/MainCellLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"MainCellLayout.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/MainCellLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,KAAoB,MAAM,OAAO,CAAC;AAazC,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,MAAM,EACJ,QAAQ,EACR,KAAK,EACL,WAAW,EACX,UAAU,EACV,oBAAoB,EACpB,KAAK,EACL,QAAQ,EACR,aAAa,GACd,GAAG,KAAK,CAAC;IACV,OAAO,CACL,oBAAC,GAAG,IACF,SAAS,EAAC,YAAY,EACtB,aAAa,EAAC,QAAQ,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC;QAEV,UAAU;QACV,oBAAoB;QACpB,KAAK,IAAI,CACR,oBAAC,GAAG,IAAC,MAAM,EAAC,MAAM,EAAC,gBAAgB,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,IACxD,KAAK,CACF,CACP;QACD,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC;YACjD,oBAAC,GAAG,IAAC,SAAS,EAAC,YAAY,EAAC,QAAQ,EAAE,CAAC;gBACpC,WAAW;gBACZ,oBAAC,GAAG,IACF,UAAU,EAAE,aAAa,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EACjD,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,aAAa;oBAEvB,oBAAC,IAAI,IAAC,QAAQ,QAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAC,QAAQ,EAAC,OAAO,IACzD,KAAK,CACD,CACH,CACF;YAEL,QAAQ,IAAI,CACX,oBAAC,IAAI,IAAC,QAAQ,QAAC,IAAI,EAAC,MAAM,EAAC,SAAS,QAAC,KAAK,QAAC,QAAQ,EAAC,UAAU,IAC3D,QAAQ,CACJ,CACR,CACG,CACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"MainCellLayout.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/MainCellLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,KAAoB,MAAM,OAAO,CAAC;AAazC,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,MAAM,EACJ,QAAQ,EACR,KAAK,EACL,WAAW,EACX,UAAU,EACV,oBAAoB,EACpB,KAAK,EACL,QAAQ,EACR,aAAa,GACd,GAAG,KAAK,CAAC;IACV,OAAO,CACL,oBAAC,GAAG,IACF,SAAS,EAAC,YAAY,EACtB,aAAa,EAAC,QAAQ,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC;QAEV,UAAU;QACV,oBAAoB;QACpB,KAAK,IAAI,CACR,oBAAC,GAAG,IACF,MAAM,EAAC,MAAM,EACb,gBAAgB,EAAC,MAAM,EACvB,QAAQ,EAAC,OAAO,EAChB,UAAU,EAAE,CAAC,IAEZ,KAAK,CACF,CACP;QACD,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC;YACjD,oBAAC,GAAG,IAAC,SAAS,EAAC,YAAY,EAAC,QAAQ,EAAE,CAAC;gBACpC,WAAW;gBACZ,oBAAC,GAAG,IACF,UAAU,EAAE,aAAa,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EACjD,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,aAAa;oBAEvB,oBAAC,IAAI,IAAC,QAAQ,QAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAC,QAAQ,EAAC,OAAO,IACzD,KAAK,CACD,CACH,CACF;YAEL,QAAQ,IAAI,CACX,oBAAC,IAAI,IAAC,QAAQ,QAAC,IAAI,EAAC,MAAM,EAAC,SAAS,QAAC,KAAK,QAAC,QAAQ,EAAC,UAAU,IAC3D,QAAQ,CACJ,CACR,CACG,CACF,CACP,CAAC;AACJ,CAAC"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTablePlaceholderStatesRow2901976876";
+var _namespace_ = "NestedTablePlaceholderStatesRow3373505387";
 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": "NestedTablePlaceholderStatesRow2901976876__root" };
+export var classes = { "root": "NestedTablePlaceholderStatesRow3373505387__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "NestedTableRow4216831903";
+var _namespace_ = "NestedTableRow4266583698";
 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": "NestedTableRow4216831903__root", "firstLevel": "NestedTableRow4216831903__firstLevel", "placeholder": "NestedTableRow4216831903__placeholder", "parentHovered": "NestedTableRow4216831903__parentHovered" };
+export var classes = { "root": "NestedTableRow4266583698__root", "firstLevel": "NestedTableRow4266583698__firstLevel", "placeholder": "NestedTableRow4266583698__placeholder", "parentHovered": "NestedTableRow4266583698__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_ = "MultipleDragOverlayEffect2720149821";
+var _namespace_ = "MultipleDragOverlayEffect695384191";
 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": "MultipleDragOverlayEffect2720149821__root" };
+export var classes = { "root": "MultipleDragOverlayEffect695384191__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"MultipleDragOverlayEffect.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.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"}
+{"version":3,"file":"MultipleDragOverlayEffect.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.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"}

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_ = "NestedTableDragAndDropRow2752194378";
+var _namespace_ = "NestedTableDragAndDropRow2227072666";
 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": "NestedTableDragAndDropRow2752194378__root" };
+export var classes = { "root": "NestedTableDragAndDropRow2227072666__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "PickerContent123699860";
+var _namespace_ = "PickerContent1626301124";
 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": "PickerContent123699860__root" };
+export var classes = { "root": "PickerContent1626301124__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"PickerContent.st.css.js","sourceRoot":"","sources":["../../../../src/components/PickerContent/PickerContent.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,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,8BAA8B,EAAC,CAAC;AAC7D,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":"PickerContent.st.css.js","sourceRoot":"","sources":["../../../../src/components/PickerContent/PickerContent.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/PickerContent/PickerContentAdditionalStep.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerContentAdditionalStep23964712";
+var _namespace_ = "PickerContentAdditionalStep1762375108";
 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": "PickerContentAdditionalStep23964712__root", "titles": "PickerContentAdditionalStep23964712__titles", "suffix": "PickerContentAdditionalStep23964712__suffix" };
+export var classes = { "root": "PickerContentAdditionalStep1762375108__root", "titles": "PickerContentAdditionalStep1762375108__titles", "suffix": "PickerContentAdditionalStep1762375108__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,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,QAAQ,EAAC,6CAA6C,EAAC,QAAQ,EAAC,6CAA6C,EAAC,CAAC;AACxL,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,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"}

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_ = "PickerTableListItem3689164289";
+var _namespace_ = "PickerTableListItem2364026151";
 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": "PickerTableListItem3689164289__root" };
+export var classes = { "root": "PickerTableListItem2364026151__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,19 +1,20 @@
 import { Box, Button, IconButton, Tooltip, } from '@wix/design-system';
-import React from 'react';
+import React, { forwardRef } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
 import { usePatternsTheme } from '../../themes/PatternsThemeProvider';
-function _ResponsiveButton(props) {
+const _ResponsiveButton = forwardRef((props, ref) => {
     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 { responsiveDisabled } = responsive;
     const shouldShrink = responsiveDisabled
         ? shouldShrinkProp
-        : _nextToShrink._count >= state._count && state._shouldShrink;
+        : 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: sizes.small, priority: "secondary" }, icon)))) : (React.createElement(Button, { as: as, ...rest, dataHook: dataHook, size: sizes.small, priority: "secondary", prefixIcon: icon, suffixIcon: button.suffix }, children));
-}
+            React.createElement(IconButton, { ref: ref, ...rest, dataHook: dataHook, size: sizes.small, priority: "secondary" }, icon)))) : (React.createElement("div", { style: { display: 'contents' } },
+        React.createElement(Button, { ref: ref, 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;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"}
+{"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,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAE1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAStE,MAAM,iBAAiB,GAAG,UAAU,CAClC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,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,kBAAkB,EAAE,GAAG,UAAU,CAAC;IAE1C,MAAM,YAAY,GAAG,kBAAkB;QACrC,CAAC,CAAC,gBAAgB;QAClB,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC;IAExB,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,IACT,GAAG,EAAE,GAAG,KACJ,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,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;QACjC,oBAAC,MAAM,IACL,GAAG,EAAE,GAAG,EACR,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,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,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_ = "ScrollableContent1514627155";
+var _namespace_ = "ScrollableContent287701298";
 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": "ScrollableContent1514627155__root" };
+export var classes = { "root": "ScrollableContent287701298__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/SkeletonCard/SkeletonCard.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SkeletonCard4200077779";
+var _namespace_ = "SkeletonCard1509158132";
 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": "SkeletonCard4200077779__root", "headerLoading": "SkeletonCard4200077779__headerLoading" };
+export var classes = { "root": "SkeletonCard1509158132__root", "headerLoading": "SkeletonCard1509158132__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_ = "SlidingModal1143591618";
+var _namespace_ = "SlidingModal2058154665";
 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": "SlidingModal1143591618__root" };
+export var classes = { "root": "SlidingModal2058154665__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -74,17 +74,16 @@ function _TabsFilter(props) {
     useEffect(() => state.init({
         container: container.current,
         itemsCount: items.length,
-    }), []);
+    }), [container, state]);
     const selectedId = filter.isEmpty
         ? ALL_TAB_ITEM_ID
         : itemKey(filter.value[0]);
     return (React.createElement(FilterContextProvider, { value: filter },
-        React.createElement(Box, { dataHook: "collection-tabs-filter", className: st(classes.root), width: "100%", height: 60, direction: "vertical", verticalAlign: "middle", flexGrow: 1 },
-            React.createElement("div", { ref: (node) => {
-                    if (node) {
-                        container.current = node;
-                    }
-                } }, responsive.mode === 'tabs' ? (React.createElement(TabsDefault, { items: items, data: dataProp, filter: filter, selectedId: selectedId, state: state, onChange: onChange, type: type, all: all })) : (React.createElement(TabsDropdown, { filter: filter, data: dataProp, items: items, selectedId: selectedId, popoverProps: mobilePopoverProps }))))));
+        React.createElement(Box, { ref: (node) => {
+                if (node) {
+                    container.current = node;
+                }
+            }, dataHook: "collection-tabs-filter", className: st(classes.root), width: "100%", height: 60, direction: "vertical", verticalAlign: "middle", flexGrow: 1 }, responsive.mode === 'tabs' ? (React.createElement(TabsDefault, { items: items, data: dataProp, filter: filter, selectedId: selectedId, state: state, onChange: onChange, type: type, all: all })) : (React.createElement(TabsDropdown, { filter: filter, data: dataProp, items: items, selectedId: selectedId, popoverProps: mobilePopoverProps })))));
 }
 export const TabsFilter = observer(_TabsFilter);
 TabsFilter.displayName = 'TabsFilter';

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

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

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_ = "TabsFilter232326813";
+var _namespace_ = "TabsFilter1340887134";
 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": "TabsFilter232326813__root", "title": "TabsFilter232326813__title" };
+export var classes = { "root": "TabsFilter1340887134__root", "title": "TabsFilter1340887134__title" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"TabsFilter.st.css.js","sourceRoot":"","sources":["../../../../src/components/TabsFilter/TabsFilter.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qBAAqB,CAAC;AACxC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,2BAA2B,EAAC,OAAO,EAAC,4BAA4B,EAAC,CAAC;AAC/F,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":"TabsFilter.st.css.js","sourceRoot":"","sources":["../../../../src/components/TabsFilter/TabsFilter.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,4BAA4B,EAAC,OAAO,EAAC,6BAA6B,EAAC,CAAC;AACjG,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/TabsFilter/TabsResponsiveState.js

@@ -13,39 +13,26 @@ export class TabsResponsiveState {
         this.itemTextMinWidth = 48;
         this.itemBadgeMargin = 6;
         this.itemsMinWidths = [];
+        this._externalAvailableWidth = null;
         this._onResize = action(() => {
             const { container } = this;
+            const availableWidth = this._externalAvailableWidth ?? container?.clientWidth ?? 0;
             if (process.env.NODE_ENV === 'test') {
                 return;
             }
             if (!container) {
                 return;
             }
-            // Force dropdown mode on mobile
             if (this.isMobile) {
                 this.mode = 'dropdown';
                 return;
             }
             const nextPanelWidth = this.getPanelMinWidth();
-            // If the measurements show 0, this means that not all elements have loaded yet,
-            // so we skip such events.
             if (nextPanelWidth !== 0 && nextPanelWidth > this.panelMinWidth) {
                 this.itemsMinWidths = this.getItemsMinWidth();
                 this.panelMinWidth = nextPanelWidth;
             }
-            // The "container" is a node that wraps both Tabs and Dropdown components (but only
-            // one of them is rendered). It expands for as much space as all its elements
-            // inside need and shrinks down to the smallest possible state of the elements inside.
-            // Basically max-width and min-width with complications.
-            //
-            // Complications here are badges — they don't shrink, only tabs titles shrink.
-            //
-            // The state is switched when the certain container width (aka panelMinWidth) is reached.
-            // It is defined as: itemsCount * (itemMinWidth + itemPadding) + all badges widths.
-            // Tabs is shown when the container width is more or equal than panelMinWidth.
-            // Dropdown is shown when the container width is less than panelMinWidth.
-            if (this.panelMinWidth !== 0 &&
-                container.clientWidth < this.panelMinWidth) {
+            if (this.panelMinWidth !== 0 && availableWidth < this.panelMinWidth) {
                 this.mode = 'dropdown';
             }
             else {
@@ -78,6 +65,10 @@ export class TabsResponsiveState {
         const badgesWidth = this.getBadgesWidth();
         return itemsCount * itemMinWidth + badgesWidth;
     }
+    setAvailableWidth(width) {
+        this._externalAvailableWidth = width;
+        this._onResize();
+    }
     init({ container, itemsCount, }) {
         this.container = container;
         this.itemsCount = itemsCount;

package/dist/esm/components/TabsFilter/TabsResponsiveState.js.map

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

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_ = "ManageTagsModal3811406198";
+var _namespace_ = "ManageTagsModal2191591010";
 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": "ManageTagsModal3811406198__root" };
+export var classes = { "root": "ManageTagsModal2191591010__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_ = "ToolbarItem4209088188";
+var _namespace_ = "ToolbarItem679348093";
 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": "ToolbarItem4209088188__root" };
+export var classes = { "root": "ToolbarItem679348093__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"ToolbarItem.st.css.js","sourceRoot":"","sources":["../../../../src/components/ToolbarItem/ToolbarItem.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,uBAAuB,CAAC;AAC1C,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,6BAA6B,EAAC,CAAC;AAC5D,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":"ToolbarItem.st.css.js","sourceRoot":"","sources":["../../../../src/components/ToolbarItem/ToolbarItem.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,4BAA4B,EAAC,CAAC;AAC3D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ToolbarItemBox3824877352";
+var _namespace_ = "ToolbarItemBox4136043548";
 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": "ToolbarItemBox3824877352__root" };
+export var classes = { "root": "ToolbarItemBox4136043548__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
-var _namespace_ = "common2150455002";
+var _namespace_ = "common547183010";
 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": "common2150455002__root", "column": "common2150455002__column", "fullHeight": "common2150455002__fullHeight" };
+export var classes = { "root": "common547183010__root", "column": "common547183010__column", "fullHeight": "common547183010__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/state/CollectionPage/CollectionPageHeader.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionPageHeader3964412975";
+var _namespace_ = "CollectionPageHeader731162558";
 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": "CollectionPageHeader3964412975__root" };
+export var classes = { "root": "CollectionPageHeader731162558__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/FormPage/FormPageHeader.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "FormPageHeader3327977933";
+var _namespace_ = "FormPageHeader99460919";
 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": "FormPageHeader3327977933__root" };
+export var classes = { "root": "FormPageHeader99460919__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/state/FormPage/FormPageHeader.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormPageHeader.st.css.js","sourceRoot":"","sources":["../../../../src/state/FormPage/FormPageHeader.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":"FormPageHeader.st.css.js","sourceRoot":"","sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,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,8BAA8B,EAAC,CAAC;AAC7D,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/Toolbar/ToolbarLeftGroupState.js

@@ -0,0 +1,55 @@
+import { addResizeObserver } from '@wix/bex-core';
+export class ToolbarLeftGroupState {
+    constructor(params) {
+        this._element = null;
+        this._prevWidth = 0;
+        this.EXPANSION_THRESHOLD = 20;
+        this._handleResize = () => {
+            const element = this._element;
+            if (!element) {
+                return;
+            }
+            const width = element.clientWidth;
+            const prevWidth = this._prevWidth;
+            const isAtMinWidth = width <= this.minWidth + 2; // 2px tolerance
+            const isGrowing = width > prevWidth;
+            const hasSpaceToExpand = width > this.minWidth + this.EXPANSION_THRESHOLD;
+            if (isAtMinWidth) {
+                this._responsive.overflow._scrollWidth =
+                    this._responsive.overflow._clientWidth + 1;
+                this._responsive._nextToShrink._shrinkIfNeeded();
+            }
+            else if (isGrowing && hasSpaceToExpand) {
+                const availableSpace = width - this.minWidth;
+                this._responsive._nextToExpand._expandIfNeeded({
+                    preCalculatedAvailableSpace: availableSpace,
+                });
+            }
+            if (this.mode === 'tabs') {
+                const tabsState = this._getTabsState?.();
+                tabsState?.responsive.setAvailableWidth(width);
+            }
+            this._prevWidth = width;
+        };
+        this._responsive = params.responsive;
+        this.mode = params.mode;
+        this.minWidth = params.minWidth;
+        this._getTabsState = params.getTabsState;
+    }
+    init(element) {
+        this._element = null;
+        this._prevWidth = 0;
+        if (!element) {
+            return () => { };
+        }
+        this._element = element;
+        const disposer = addResizeObserver(element, this._handleResize);
+        this._handleResize();
+        return () => {
+            disposer?.();
+            this._element = null;
+            this._prevWidth = 0;
+        };
+    }
+}
+//# sourceMappingURL=ToolbarLeftGroupState.js.map

package/dist/esm/state/Toolbar/ToolbarLeftGroupState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarLeftGroupState.js","sourceRoot":"","sources":["../../../../src/state/Toolbar/ToolbarLeftGroupState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAalD,MAAM,OAAO,qBAAqB;IAehC,YAAY,MAAyC;QAR7C,aAAQ,GAAuB,IAAI,CAAC;QACpC,eAAU,GAAG,CAAC,CAAC;QAKN,wBAAmB,GAAG,EAAE,CAAC;QA4BlC,kBAAa,GAAG,GAAG,EAAE;YAC3B,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;YAC9B,IAAI,CAAC,OAAO,EAAE;gBACZ,OAAO;aACR;YAED,MAAM,KAAK,GAAG,OAAO,CAAC,WAAW,CAAC;YAClC,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC;YAClC,MAAM,YAAY,GAAG,KAAK,IAAI,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,gBAAgB;YACjE,MAAM,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;YACpC,MAAM,gBAAgB,GAAG,KAAK,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,mBAAmB,CAAC;YAE1E,IAAI,YAAY,EAAE;gBAChB,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,YAAY;oBACpC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,YAAY,GAAG,CAAC,CAAC;gBAC7C,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,eAAe,EAAE,CAAC;aAClD;iBAAM,IAAI,SAAS,IAAI,gBAAgB,EAAE;gBACxC,MAAM,cAAc,GAAG,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC;gBAE7C,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,eAAe,CAAC;oBAC7C,2BAA2B,EAAE,cAAc;iBAC5C,CAAC,CAAC;aACJ;YAED,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;gBACxB,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC;gBACzC,SAAS,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;aAChD;YAED,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QAC1B,CAAC,CAAC;QAvDA,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;QACrC,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;QACxB,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;QAChC,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,YAAY,CAAC;IAC3C,CAAC;IAED,IAAI,CAAC,OAAuC;QAC1C,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;QAEpB,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;SACjB;QAED,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,MAAM,QAAQ,GAAG,iBAAiB,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QAChE,IAAI,CAAC,aAAa,EAAE,CAAC;QAErB,OAAO,GAAG,EAAE;YACV,QAAQ,EAAE,EAAE,CAAC;YACb,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACrB,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;QACtB,CAAC,CAAC;IACJ,CAAC;CAiCF"}