@wix/patterns 1.454.0 → 1.455.0

package/src/components/ImportButton/ImportStepUpload.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ImportStepUpload739697631";
+var _namespace_ = "ImportStepUpload4079824026";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ImportStepUpload739697631__root","fileUpload":"ImportStepUpload739697631__fileUpload"};
+export var classes = {"root":"ImportStepUpload4079824026__root","fileUpload":"ImportStepUpload4079824026__fileUpload"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/InputOverflow/InputOverflow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "InputOverflow348762498";
+var _namespace_ = "InputOverflow3748891380";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"InputOverflow348762498__root"};
+export var classes = {"root":"InputOverflow3748891380__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/LoadingRow/LoadingRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow1007375783";
+var _namespace_ = "LoadingRow1073025516";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"LoadingRow1007375783__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow1007375783__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow1073025516__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow1073025516__gradientSwoosh"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

package/src/components/MaxHeightText/MaxHeightText.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxHeightText2409169340";
+var _namespace_ = "MaxHeightText716070228";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MaxHeightText2409169340__root"};
+export var classes = {"root":"MaxHeightText716070228__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/MaxLines/MaxLines.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxLines3294220488";
+var _namespace_ = "MaxLines2426652755";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MaxLines3294220488__root"};
+export var classes = {"root":"MaxLines2426652755__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar1285148428";
+var _namespace_ = "MultiBulkActionToolbar3972161443";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MultiBulkActionToolbar1285148428__root","leftGroupWrapper":"MultiBulkActionToolbar1285148428__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1285148428__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1285148428__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar3972161443__root","leftGroupWrapper":"MultiBulkActionToolbar3972161443__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3972161443__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3972161443__selectedCountText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTablePlaceholderStatesRow3088686009";
+var _namespace_ = "NestedTablePlaceholderStatesRow2638073900";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTablePlaceholderStatesRow3088686009__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow2638073900__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTableRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableRow3247189450";
+var _namespace_ = "NestedTableRow1925904929";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTableRow3247189450__root","firstLevel":"NestedTableRow3247189450__firstLevel","placeholder":"NestedTableRow3247189450__placeholder","parentHovered":"NestedTableRow3247189450__parentHovered"};
+export var classes = {"root":"NestedTableRow1925904929__root","firstLevel":"NestedTableRow1925904929__firstLevel","placeholder":"NestedTableRow1925904929__placeholder","parentHovered":"NestedTableRow1925904929__parentHovered"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultipleDragOverlayEffect824365765";
+var _namespace_ = "MultipleDragOverlayEffect1460735402";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MultipleDragOverlayEffect824365765__root"};
+export var classes = {"root":"MultipleDragOverlayEffect1460735402__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableDragAndDropRow1181710227";
+var _namespace_ = "NestedTableDragAndDropRow2886594640";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTableDragAndDropRow1181710227__root"};
+export var classes = {"root":"NestedTableDragAndDropRow2886594640__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PageWrapper/PageWrapper.uni.driver.ts

@@ -4,6 +4,13 @@ import { baseUniDriverFactory } from '../../unidriver';
 export function PageWrapperUniDriver(base: UniDriver, _body: UniDriver) {
   return {
     getLang: async () => base.attr('lang'),
+    getPageWidth: async () => {
+      const page = (await base
+        .$('[data-hook="page-and-modals-root"]')
+        .getNative()) as HTMLElement;
+
+      return page.style.width;
+    },
     getDndKitLiveRegion: (count: number) =>
       base
         .$('[data-hook="modals-container"]')

package/src/components/PageWrapper/PageWrapperBase.tsx

@@ -4,7 +4,7 @@ import {
   PageContextProvider,
   useWixPatternsContainer,
 } from '@wix/bex-core/react';
-import { PageState, SidePanelWidth } from '@wix/bex-core';
+import { PageState } from '@wix/bex-core';
 import { runInAction } from 'mobx';
 import { WixDesignSystemProvider } from '@wix/design-system';
 import { version as cairoVersion } from '../../version';
@@ -18,20 +18,23 @@ export function PageWrapperBase(props: PageWrapperBaseProps) {
   const { pageState, children } = props;
 
   const [state] = useState(() => pageState ?? new PageState());
-  const { modalsContainerRef, stackingRootRef, _sidePanelOpen } = state;
-  const sidePanelOpen = useReactive(_sidePanelOpen);
+  const { modalsContainerRef, stackingRootRef, _sidePanelReservedWidth } =
+    state;
+  const sidePanelReservedWidth = useReactive(_sidePanelReservedWidth);
   const { environment, useRelativeSidePanel, isMobile } =
     useWixPatternsContainer();
 
   const pageAndModalsRootStyle = useMemo(
     () => ({
       position: 'relative' as const,
-      width: sidePanelOpen ? `calc(100% - ${SidePanelWidth}px)` : '100%',
+      width: sidePanelReservedWidth
+        ? `calc(100% - ${sidePanelReservedWidth}px)`
+        : '100%',
       height: '100%',
       transition: 'width 0.4s ease 0s',
       zIndex: 1,
     }),
-    [sidePanelOpen],
+    [sidePanelReservedWidth],
   );
 
   const rootStyle = useMemo(
@@ -63,7 +66,9 @@ export function PageWrapperBase(props: PageWrapperBaseProps) {
         }}
         lang={environment.language}
       >
-        <div style={pageAndModalsRootStyle}>{children}</div>
+        <div data-hook="page-and-modals-root" style={pageAndModalsRootStyle}>
+          {children}
+        </div>
         <div
           data-hook="modals-container"
           ref={(el) => {

package/src/components/PickerContent/PickerContent.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContent2517787932";
+var _namespace_ = "PickerContent1042923013";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"PickerContent2517787932__root"};
+export var classes = {"root":"PickerContent1042923013__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContentAdditionalStep1757242952";
+var _namespace_ = "PickerContentAdditionalStep562808201";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"PickerContentAdditionalStep1757242952__root","titles":"PickerContentAdditionalStep1757242952__titles","suffix":"PickerContentAdditionalStep1757242952__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep562808201__root","titles":"PickerContentAdditionalStep562808201__titles","suffix":"PickerContentAdditionalStep562808201__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerTableListItem/PickerTableListItem.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerTableListItem2909879809";
+var _namespace_ = "PickerTableListItem3697136871";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"PickerTableListItem2909879809__root"};
+export var classes = {"root":"PickerTableListItem3697136871__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ScrollableContent/ScrollableContent.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ScrollableContent1862169288";
+var _namespace_ = "ScrollableContent929363441";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ScrollableContent1862169288__root"};
+export var classes = {"root":"ScrollableContent929363441__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ScrollableContent/ScrollableContent.tsx

@@ -1,4 +1,5 @@
 import React, { forwardRef } from 'react';
+import { Box } from '@wix/design-system';
 import { classes, st } from './ScrollableContent.st.css.js';
 
 export interface ScrollableContentProps {
@@ -16,8 +17,9 @@ export const ScrollableContent = forwardRef<
   const { dataHook, overflowX, overflowY, smooth, children } = props;
 
   return (
-    <div
-      data-hook={dataHook}
+    <Box
+      display="block"
+      dataHook={dataHook}
       ref={ref}
       className={st(classes.root, {
         overflowX,
@@ -26,6 +28,6 @@ export const ScrollableContent = forwardRef<
       })}
     >
       {children}
-    </div>
+    </Box>
   );
 });

package/src/components/SetupWidget/SetupWidget.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SetupWidget870228798";
+var _namespace_ = "SetupWidget2182217761";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"SetupWidget870228798__root","row":"SetupWidget870228798__row","completedCta":"SetupWidget870228798__completedCta","secondaryCta":"SetupWidget870228798__secondaryCta","card":"SetupWidget870228798__card","stepIcon":"SetupWidget870228798__stepIcon","chevron":"SetupWidget870228798__chevron","chevronDisabled":"SetupWidget870228798__chevronDisabled","inProgressLabel":"SetupWidget870228798__inProgressLabel"};
+export var classes = {"root":"SetupWidget2182217761__root","row":"SetupWidget2182217761__row","completedCta":"SetupWidget2182217761__completedCta","secondaryCta":"SetupWidget2182217761__secondaryCta","card":"SetupWidget2182217761__card","stepIcon":"SetupWidget2182217761__stepIcon","chevron":"SetupWidget2182217761__chevron","chevronDisabled":"SetupWidget2182217761__chevronDisabled","inProgressLabel":"SetupWidget2182217761__inProgressLabel"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SidePanelModal/SidePanelModal.tsx

@@ -57,14 +57,13 @@ function _SidePanelModal(props: SidePanelModalProps) {
     [top, left, width, isPanelLayout, useRelativeSidePanel, inset],
   );
 
+  const reservedWidth = isOpen && !isPanelLayout ? SidePanelWidth + inset : 0;
+
   useEffect(() => {
-    return reaction(
-      () => sidePanel.isOpen,
-      (sidePanelOpen) => {
-        pageState.sidePanelOpen = sidePanelOpen;
-      },
-    );
-  }, []);
+    pageState.setSidePanelReservedWidth(state, reservedWidth);
+  }, [state, reservedWidth]);
+
+  useEffect(() => () => pageState.setSidePanelReservedWidth(state, 0), [state]);
 
   useEffect(() => {
     const onGlobalSidePanelOpenSub = onSidePanelOpen?.(() => {

package/src/components/SkeletonCard/SkeletonCard.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard2751193167";
+var _namespace_ = "SkeletonCard2420811157";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"SkeletonCard2751193167__root","headerLoading":"SkeletonCard2751193167__headerLoading"};
+export var classes = {"root":"SkeletonCard2420811157__root","headerLoading":"SkeletonCard2420811157__headerLoading"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SlidingModal/SlidingModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SlidingModal1609958439";
+var _namespace_ = "SlidingModal2306787096";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"SlidingModal1609958439__root"};
+export var classes = {"root":"SlidingModal2306787096__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Table/AddFieldColumnHeader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AddFieldColumnHeader3381691961";
+var _namespace_ = "AddFieldColumnHeader2018834474";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"AddFieldColumnHeader3381691961__root","title":"AddFieldColumnHeader3381691961__title","hoverBridge":"AddFieldColumnHeader3381691961__hoverBridge"};
+export var classes = {"root":"AddFieldColumnHeader2018834474__root","title":"AddFieldColumnHeader2018834474__title","hoverBridge":"AddFieldColumnHeader2018834474__hoverBridge"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/TabsFilter/TabsFilter.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter1619201132";
+var _namespace_ = "TabsFilter2386973154";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"TabsFilter1619201132__root","titleBox":"TabsFilter1619201132__titleBox"};
+export var classes = {"root":"TabsFilter2386973154__root","titleBox":"TabsFilter2386973154__titleBox"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "ManageTagsModal1213448534";
+var _namespace_ = "ManageTagsModal539199495";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ManageTagsModal1213448534__root"};
+export var classes = {"root":"ManageTagsModal539199495__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ToolbarItem/ToolbarItem.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItem4093817295";
+var _namespace_ = "ToolbarItem1220825352";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ToolbarItem4093817295__root"};
+export var classes = {"root":"ToolbarItem1220825352__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItemBox993114243";
+var _namespace_ = "ToolbarItemBox927628958";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ToolbarItemBox993114243__root"};
+export var classes = {"root":"ToolbarItemBox927628958__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/common.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "common312301349";
+var _namespace_ = "common2384995392";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"common312301349__root","column":"common312301349__column","fullHeight":"common312301349__fullHeight"};
+export var classes = {"root":"common2384995392__root","column":"common2384995392__column","fullHeight":"common2384995392__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/CollectionPage/CollectionPageHeader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPageHeader3083416505";
+var _namespace_ = "CollectionPageHeader3305940795";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CollectionPageHeader3083416505__root"};
+export var classes = {"root":"CollectionPageHeader3305940795__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/FormPage/FormPageHeader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "FormPageHeader3991938290";
+var _namespace_ = "FormPageHeader3390864268";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"FormPageHeader3991938290__root"};
+export var classes = {"root":"FormPageHeader3390864268__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};