@wix/patterns 1.471.0 → 1.472.0

package/src/components/EditableTable/cellTypes/email/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3877897170";
+var _namespace_ = "Edit3989222387";
 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":"Edit3877897170__root","emailInput":"Edit3877897170__emailInput"};
+export var classes = {"root":"Edit3989222387__root","emailInput":"Edit3989222387__emailInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/email/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View3623200197";
+var _namespace_ = "View1370576024";
 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":"View3623200197__root"};
+export var classes = {"root":"View1370576024__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/number/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2737142881";
+var _namespace_ = "Edit1679697914";
 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":"Edit2737142881__root","numberInput":"Edit2737142881__numberInput"};
+export var classes = {"root":"Edit1679697914__root","numberInput":"Edit1679697914__numberInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/number/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View3709211244";
+var _namespace_ = "View694280156";
 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":"View3709211244__root","textView":"View3709211244__textView"};
+export var classes = {"root":"View694280156__root","textView":"View694280156__textView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/object/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1314169425";
+var _namespace_ = "Edit1573037080";
 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":"Edit1314169425__root","jsonInput":"Edit1314169425__jsonInput"};
+export var classes = {"root":"Edit1573037080__root","jsonInput":"Edit1573037080__jsonInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/object/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View44913162";
+var _namespace_ = "View4141561779";
 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":"View44913162__root"};
+export var classes = {"root":"View4141561779__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/select/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3506239018";
+var _namespace_ = "Edit4191845178";
 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":"Edit3506239018__root","selectInput":"Edit3506239018__selectInput"};
+export var classes = {"root":"Edit4191845178__root","selectInput":"Edit4191845178__selectInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/text/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2922059484";
+var _namespace_ = "Edit1818052711";
 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":"Edit2922059484__root","editWrapper":"Edit2922059484__editWrapper","inputArea":"Edit2922059484__inputArea"};
+export var classes = {"root":"Edit1818052711__root","editWrapper":"Edit1818052711__editWrapper","inputArea":"Edit1818052711__inputArea"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/text/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View3961419243";
+var _namespace_ = "View1073797454";
 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":"View3961419243__root"};
+export var classes = {"root":"View1073797454__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/time/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2207402314";
+var _namespace_ = "Edit771623167";
 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":"Edit2207402314__root","wrapper":"Edit2207402314__wrapper","overlay":"Edit2207402314__overlay"};
+export var classes = {"root":"Edit771623167__root","wrapper":"Edit771623167__wrapper","overlay":"Edit771623167__overlay"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/url/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit782782177";
+var _namespace_ = "Edit513638349";
 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":"Edit782782177__root","urlInput":"Edit782782177__urlInput"};
+export var classes = {"root":"Edit513638349__root","urlInput":"Edit513638349__urlInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/url/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View245874533";
+var _namespace_ = "View1480974205";
 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":"View245874533__root","textView":"View245874533__textView","urlText":"View245874533__urlText","suffix":"View245874533__suffix"};
+export var classes = {"root":"View1480974205__root","textView":"View1480974205__textView","urlText":"View1480974205__urlText","suffix":"View1480974205__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EmptyState/EmptyStateBase.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EmptyStateBase1495646058";
+var _namespace_ = "EmptyStateBase1331254593";
 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":"EmptyStateBase1495646058__root"};
+export var classes = {"root":"EmptyStateBase1331254593__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EntityPage/EntityPagePlain.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain983726362";
+var _namespace_ = "EntityPagePlain4205162782";
 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":"EntityPagePlain983726362__root"};
+export var classes = {"root":"EntityPagePlain4205162782__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Fade2901023736";
+var _namespace_ = "Fade2606535352";
 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":"Fade2901023736__root"};
+export var classes = {"root":"Fade2606535352__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/FormPage/FormPageActionsBar.tsx

@@ -1,5 +1,5 @@
 import { Box, Button, Loader } from '@wix/design-system';
-import React, { ReactNode } from 'react';
+import React, { lazy, ReactNode, Suspense } from 'react';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { useFormPageContext } from '../../providers';
 import { observer } from 'mobx-react-lite';
@@ -7,6 +7,25 @@ import { MoreActionsElement } from '../MoreActions';
 import { ActionsBarConfig, ctaKeys } from '@wix/bex-core';
 import { useIsMobile } from '../../hooks/useIsMobile';
 import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
+import type { FormPageSaveSplitActionProps } from './FormPageSaveSplitAction';
+
+const FormPageSaveSplitActionFallback = ({
+  size,
+  label,
+  onSave,
+}: FormPageSaveSplitActionProps) => (
+  <Button size={size} dataHook="form-page-save-btn" onClick={onSave}>
+    {label}
+  </Button>
+);
+
+// Lazy loaded so the split action and its popover stay out of the EntityPage bundle for consumers that pass no secondary actions.
+// A rejected chunk would otherwise throw in render and take the whole page down, so it degrades to the plain save button instead.
+const FormPageSaveSplitAction = lazy(() =>
+  import('./FormPageSaveSplitAction')
+    .then((module) => ({ default: module.FormPageSaveSplitAction }))
+    .catch(() => ({ default: FormPageSaveSplitActionFallback })),
+);
 
 export interface FormPageActionsBarProps {
   deleteAction?: ReactNode;
@@ -32,6 +51,28 @@ export function _FormPageActionsBar({
     return null;
   }
 
+  const size = isBmHarmonyTheme || isMobile ? 'small' : 'medium';
+  // Not supported on mobile: WDS SplitAction takes no fullWidth, so it cannot match the full-width mobile save button.
+  const secondaryActions = isMobile
+    ? undefined
+    : actionsBarConfig?.saveCta?.secondaryActions;
+  const saveLabel = state.submitTask.status.isLoading ? (
+    <Loader size="tiny" />
+  ) : (
+    (actionsBarConfig?.saveCta?.consumerText ??
+      t(ctaKeys[actionsBarConfig?.saveCta?.text ?? 'SAVE']))
+  );
+  const saveButton = (
+    <Button
+      fullWidth={isMobile}
+      size={size}
+      dataHook="form-page-save-btn"
+      onClick={onSave}
+    >
+      {saveLabel}
+    </Button>
+  );
+
   return (
     <Box gap="SP2">
       {deleteAction}
@@ -39,24 +80,27 @@ export function _FormPageActionsBar({
       <Button
         priority="secondary"
         fullWidth={isMobile}
-        size={isBmHarmonyTheme || isMobile ? 'small' : 'medium'}
+        size={size}
         dataHook="form-page-cancel-btn"
         onClick={onCancel}
       >
         {t('cairo.entityPage.header.cancel.CTA')}
       </Button>
-      <Button
-        fullWidth={isMobile}
-        size={isBmHarmonyTheme || isMobile ? 'small' : 'medium'}
-        dataHook="form-page-save-btn"
-        onClick={onSave}
-      >
-        {state.submitTask.status.isLoading ? (
-          <Loader size="tiny" />
-        ) : (
-          t(ctaKeys[actionsBarConfig?.saveCta?.text ?? 'SAVE'])
-        )}
-      </Button>
+      {secondaryActions?.length ? (
+        // The plain button is the fallback, so saving stays available while the split action loads and only the chevron arrives a beat later.
+        <Suspense fallback={saveButton}>
+          <FormPageSaveSplitAction
+            size={size}
+            label={saveLabel}
+            toggleAriaLabel={t('cairo.moreActions')}
+            secondaryActions={secondaryActions}
+            isSaving={state.submitTask.status.isLoading}
+            onSave={onSave}
+          />
+        </Suspense>
+      ) : (
+        saveButton
+      )}
     </Box>
   );
 }

package/src/components/FormPage/FormPageSaveSplitAction.tsx

@@ -0,0 +1,59 @@
+import {
+  PopoverMenu,
+  SplitAction,
+  SplitActionButton,
+  SplitActionIconButton,
+} from '@wix/design-system';
+import { ChevronDown } from '@wix/wix-ui-icons-common/lazy';
+import React, { ReactNode } from 'react';
+import type { SaveCtaSecondaryAction } from '@wix/bex-core';
+
+export interface FormPageSaveSplitActionProps {
+  size: 'small' | 'medium';
+  label: ReactNode;
+  toggleAriaLabel: string;
+  secondaryActions: SaveCtaSecondaryAction[];
+  isSaving?: boolean;
+  onSave?: () => void;
+}
+
+export function FormPageSaveSplitAction({
+  size,
+  label,
+  toggleAriaLabel,
+  secondaryActions,
+  isSaving,
+  onSave,
+}: FormPageSaveSplitActionProps) {
+  return (
+    <SplitAction size={size} priority="primary" dataHook="form-page-save-split">
+      <SplitActionButton dataHook="form-page-save-btn" onClick={onSave}>
+        {label}
+      </SplitActionButton>
+      <PopoverMenu
+        placement="bottom-end"
+        dataHook="form-page-save-menu"
+        triggerElement={
+          <SplitActionIconButton
+            dataHook="form-page-save-menu-toggle"
+            ariaLabel={toggleAriaLabel}
+            disabled={isSaving}
+          >
+            <ChevronDown />
+          </SplitActionIconButton>
+        }
+      >
+        {secondaryActions.map((action, index) => (
+          <PopoverMenu.MenuItem
+            key={action.dataHook ?? index}
+            dataHook={action.dataHook}
+            text={action.consumerText}
+            prefixIcon={action.icon}
+            disabled={isSaving || action.disabled}
+            onClick={action.onClick}
+          />
+        ))}
+      </PopoverMenu>
+    </SplitAction>
+  );
+}

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

@@ -26,6 +26,43 @@ export const FormPageContentUniDriver = (base: UniDriver, body: UniDriver) => {
     saveButton: () =>
       ButtonUniDriver(base.$$(`[data-hook="form-page-save-btn"]`).get(0), body),
 
+    /** Returns the split save action driver, present only when the save CTA is given secondary actions */
+    saveSplitAction: () => {
+      const savePopoverDriver = PopoverMenuUniDriver(
+        base.$(`[data-hook="form-page-save-menu"]`),
+        body,
+      );
+
+      return {
+        exists: () => base.$(`[data-hook="form-page-save-split"]`).exists(),
+
+        /** Opens the secondary actions popover */
+        open: () =>
+          savePopoverDriver
+            .getTriggerElement('form-page-save-menu-toggle')
+            .click(),
+
+        /** Indicates whether the secondary actions popover is open */
+        isOpen: () => savePopoverDriver.isMenuOpen(),
+
+        /** The accessible name of the icon-only toggle */
+        toggleAriaLabel: () =>
+          savePopoverDriver
+            .getTriggerElement('form-page-save-menu-toggle')
+            .attr('aria-label'),
+
+        /** Whether the icon-only toggle is disabled - WDS marks it with aria-disabled, not the native attribute */
+        isToggleDisabled: async () =>
+          (await savePopoverDriver
+            .getTriggerElement('form-page-save-menu-toggle')
+            .attr('aria-disabled')) === 'true',
+
+        /** Clicks a secondary action by data-hook */
+        clickAtChildByDataHook: (childDataHook: string) =>
+          savePopoverDriver.clickAtChildByDataHook(childDataHook),
+      };
+    },
+
     getMoreActions: (dataHook: string) => ({
       exists: () => moreActionsPopoverDriver(dataHook).exists(),
 

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading235089955";
+var _namespace_ = "Heading1197569881";
 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":"Heading235089955__root"};
+export var classes = {"root":"Heading1197569881__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ImportStepUpload1828790217";
+var _namespace_ = "ImportStepUpload1135660915";
 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":"ImportStepUpload1828790217__root","fileUpload":"ImportStepUpload1828790217__fileUpload"};
+export var classes = {"root":"ImportStepUpload1135660915__root","fileUpload":"ImportStepUpload1135660915__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_ = "InputOverflow972137091";
+var _namespace_ = "InputOverflow611897362";
 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":"InputOverflow972137091__root"};
+export var classes = {"root":"InputOverflow611897362__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_ = "LoadingRow147365426";
+var _namespace_ = "LoadingRow962349192";
 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":"LoadingRow147365426__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow147365426__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow962349192__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow962349192__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_ = "MaxHeightText1988421594";
+var _namespace_ = "MaxHeightText2324355364";
 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":"MaxHeightText1988421594__root"};
+export var classes = {"root":"MaxHeightText2324355364__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_ = "MaxLines1449860919";
+var _namespace_ = "MaxLines121124317";
 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":"MaxLines1449860919__root"};
+export var classes = {"root":"MaxLines121124317__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_ = "MultiBulkActionToolbar1955755022";
+var _namespace_ = "MultiBulkActionToolbar156295308";
 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":"MultiBulkActionToolbar1955755022__root","leftGroupWrapper":"MultiBulkActionToolbar1955755022__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1955755022__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1955755022__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar156295308__root","leftGroupWrapper":"MultiBulkActionToolbar156295308__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar156295308__selectedCountItem","selectedCountText":"MultiBulkActionToolbar156295308__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_ = "NestedTablePlaceholderStatesRow4243392228";
+var _namespace_ = "NestedTablePlaceholderStatesRow27964105";
 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":"NestedTablePlaceholderStatesRow4243392228__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow27964105__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};