@wix/patterns 1.484.0 → 1.486.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableRow3425049257";
+var _namespace_ = "NestedTableRow4069778159";
 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":"NestedTableRow3425049257__root","firstLevel":"NestedTableRow3425049257__firstLevel","placeholder":"NestedTableRow3425049257__placeholder","parentHovered":"NestedTableRow3425049257__parentHovered"};
+export var classes = {"root":"NestedTableRow4069778159__root","firstLevel":"NestedTableRow4069778159__firstLevel","placeholder":"NestedTableRow4069778159__placeholder","parentHovered":"NestedTableRow4069778159__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_ = "MultipleDragOverlayEffect550870475";
+var _namespace_ = "MultipleDragOverlayEffect146707045";
 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":"MultipleDragOverlayEffect550870475__root"};
+export var classes = {"root":"MultipleDragOverlayEffect146707045__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_ = "NestedTableDragAndDropRow4153463136";
+var _namespace_ = "NestedTableDragAndDropRow1618432068";
 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":"NestedTableDragAndDropRow4153463136__root"};
+export var classes = {"root":"NestedTableDragAndDropRow1618432068__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContent838892898";
+var _namespace_ = "PickerContent385890022";
 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":"PickerContent838892898__root"};
+export var classes = {"root":"PickerContent385890022__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_ = "PickerContentAdditionalStep441451923";
+var _namespace_ = "PickerContentAdditionalStep157258724";
 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":"PickerContentAdditionalStep441451923__root","titles":"PickerContentAdditionalStep441451923__titles","suffix":"PickerContentAdditionalStep441451923__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep157258724__root","titles":"PickerContentAdditionalStep157258724__titles","suffix":"PickerContentAdditionalStep157258724__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_ = "PickerTableListItem3571329334";
+var _namespace_ = "PickerTableListItem1943810643";
 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":"PickerTableListItem3571329334__root"};
+export var classes = {"root":"PickerTableListItem1943810643__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_ = "ScrollableContent3436350903";
+var _namespace_ = "ScrollableContent2397378544";
 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":"ScrollableContent3436350903__root"};
+export var classes = {"root":"ScrollableContent2397378544__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SetupWidget1988895407";
+var _namespace_ = "SetupWidget1852209377";
 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":"SetupWidget1988895407__root","row":"SetupWidget1988895407__row","completedCta":"SetupWidget1988895407__completedCta","secondaryCta":"SetupWidget1988895407__secondaryCta","card":"SetupWidget1988895407__card","stepIcon":"SetupWidget1988895407__stepIcon","chevron":"SetupWidget1988895407__chevron","chevronDisabled":"SetupWidget1988895407__chevronDisabled","inProgressLabel":"SetupWidget1988895407__inProgressLabel"};
+export var classes = {"root":"SetupWidget1852209377__root","row":"SetupWidget1852209377__row","completedCta":"SetupWidget1852209377__completedCta","secondaryCta":"SetupWidget1852209377__secondaryCta","card":"SetupWidget1852209377__card","stepIcon":"SetupWidget1852209377__stepIcon","chevron":"SetupWidget1852209377__chevron","chevronDisabled":"SetupWidget1852209377__chevronDisabled","inProgressLabel":"SetupWidget1852209377__inProgressLabel"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SetupWidget/SetupWidget.tsx

@@ -13,6 +13,15 @@ import { SetupStepGroup } from './SetupStepGroup';
 import { AllCompleteState } from './AllCompleteState';
 import { SetupWidgetSkeleton } from './SetupWidgetSkeleton';
 
+export interface SetupWidgetStepClickDetails {
+  /**
+   * Set only when the click toggled an inline step: whether the step is now
+   * expanded. Absent for steps that navigate, including inline children of an
+   * aggregated group (they never toggle).
+   */
+  expanded?: boolean;
+}
+
 export interface SetupWidgetProps {
   /**
    * A Setup widget state instance created with `useSetupWidget`. The widget
@@ -25,8 +34,15 @@ export interface SetupWidgetProps {
    * not carry it). Returned for the currently-expanded inline step.
    */
   renderStepContent?: (step: SetupWidgetStep) => React.ReactNode;
-  /** Fired when a `navigate` step (or its CTA) is activated. */
-  onStepClick?: (step: SetupWidgetStep) => void;
+  /**
+   * Fired when a step (or its CTA) is activated. For an inline step the widget
+   * first toggles its expansion and reports the new state in
+   * `details.expanded`; skip your navigate flow when it is set.
+   */
+  onStepClick?: (
+    step: SetupWidgetStep,
+    details: SetupWidgetStepClickDetails,
+  ) => void;
   /**
    * Fired when a *completed* step's CTA (or row) is activated — a distinct
    * action from `onStepClick` (mirrors `onCompletedCtaClick` in dashboard-setup,
@@ -54,6 +70,12 @@ export interface SetupWidgetProps {
    * not while loading, on error, or on the all-complete surface.
    */
   footer?: React.ReactNode;
+  /**
+   * Content rendered next to the widget title, separated from it by a vertical
+   * divider (e.g. a "Give feedback" row). Like `footer`, shown only with the
+   * list — not while loading, on error, or on the all-complete surface.
+   */
+  titleSuffix?: React.ReactNode;
   /**
    * Replaces the default error UI when the initial load fails. Receives a
    * `retry` callback (re-runs the load) and the thrown `error`. When omitted, a
@@ -99,6 +121,7 @@ const _SetupWidget = ({
   onStepView,
   onAllCompleteClick,
   footer,
+  titleSuffix,
   renderError,
   dataHook,
 }: SetupWidgetProps) => {
@@ -115,8 +138,9 @@ const _SetupWidget = ({
     }
     if (step.expansionMode === 'inline') {
       state._toggleStep(step.id);
+      onStepClick?.(step, { expanded: state._expandedStepId === step.id });
     } else {
-      onStepClick?.(step);
+      onStepClick?.(step, {});
     }
   };
 
@@ -126,7 +150,7 @@ const _SetupWidget = ({
     if (child.status === 'completed') {
       onCompletedStepClick?.(child);
     } else {
-      onStepClick?.(child);
+      onStepClick?.(child, {});
     }
   };
 
@@ -192,6 +216,13 @@ const _SetupWidget = ({
     );
   }
 
+  // Same rules as the footer below: `false` counts as absent, and the error
+  // card (which still renders the header) gets no suffix.
+  const hasTitleSuffix =
+    titleSuffix != null &&
+    typeof titleSuffix !== 'boolean' &&
+    status === 'success';
+
   const header = (
     <SetupWidgetHeader
       title={state._title}
@@ -199,6 +230,7 @@ const _SetupWidget = ({
       totalCount={state._totalCount}
       progressPercentage={state._progressPercentage}
       isMobile={isMobile}
+      titleSuffix={hasTitleSuffix ? titleSuffix : undefined}
     />
   );
 

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

@@ -81,6 +81,9 @@ export default (base: UniDriver, body: UniDriver) => {
       base.$(`[data-hook="${dataHook}"]`).click(),
     /** Whether the consumer-supplied footer slot is rendered. */
     footerExists: () => base.$(`[data-hook="setup-widget-footer"]`).exists(),
+    /** Whether the consumer-supplied title suffix slot is rendered. */
+    titleSuffixExists: () =>
+      base.$(`[data-hook="setup-widget-title-suffix"]`).exists(),
     /** Whether the all-complete success surface is shown. */
     isAllComplete: () => base.$(`[data-hook="setup-all-complete"]`).exists(),
     /** Whether the loading skeleton is shown. */

package/src/components/SetupWidget/SetupWidgetHeader.tsx

@@ -1,5 +1,11 @@
 import React from 'react';
-import { Box, Heading, Text, LinearProgressBar } from '@wix/design-system';
+import {
+  Box,
+  Divider,
+  Heading,
+  Text,
+  LinearProgressBar,
+} from '@wix/design-system';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 
 export interface SetupWidgetHeaderProps {
@@ -9,6 +15,11 @@ export interface SetupWidgetHeaderProps {
   totalCount: number;
   progressPercentage: number;
   isMobile: boolean;
+  /**
+   * Content shown after the title, separated from it by a vertical divider.
+   * The parent passes `undefined` when there is nothing to show.
+   */
+  titleSuffix?: React.ReactNode;
 }
 
 /**
@@ -22,6 +33,7 @@ export const SetupWidgetHeader = ({
   totalCount,
   progressPercentage,
   isMobile,
+  titleSuffix,
 }: SetupWidgetHeaderProps) => {
   const { translate: t } = useWixPatternsContainer();
   const resolvedTitle = title ?? t('cairo.setupWidget.title');
@@ -30,6 +42,20 @@ export const SetupWidgetHeader = ({
     total: totalCount,
   });
 
+  const renderTitle = (heading: React.ReactNode) =>
+    titleSuffix !== undefined ? (
+      <Box gap="SP2" verticalAlign="middle">
+        {heading}
+        {/* Per the Figma spec the 12px divider sits 2px below the row's center. */}
+        <Box height="12px" marginTop="4px">
+          <Divider direction="vertical" />
+        </Box>
+        <div data-hook="setup-widget-title-suffix">{titleSuffix}</div>
+      </Box>
+    ) : (
+      heading
+    );
+
   if (isMobile) {
     // Mobile (per Figma): the "X/Y" ratio sits inline to the left of the bar
     // (no "completed" word) to save vertical space. The ratio is just numbers,
@@ -37,9 +63,11 @@ export const SetupWidgetHeader = ({
     const ratio = `${completedCount}/${totalCount}`;
     return (
       <Box direction="vertical" gap="SP3" width="100%">
-        <Heading dataHook="setup-widget-title" size="large">
-          {resolvedTitle}
-        </Heading>
+        {renderTitle(
+          <Heading dataHook="setup-widget-title" size="large">
+            {resolvedTitle}
+          </Heading>,
+        )}
         <Box width="100%" verticalAlign="middle" gap="SP2">
           <Text dataHook="setup-widget-progress" size="small" secondary>
             {ratio}
@@ -54,9 +82,11 @@ export const SetupWidgetHeader = ({
 
   return (
     <Box align="space-between" verticalAlign="middle" marginBottom="SP4">
-      <Heading dataHook="setup-widget-title" size="medium">
-        {resolvedTitle}
-      </Heading>
+      {renderTitle(
+        <Heading dataHook="setup-widget-title" size="medium">
+          {resolvedTitle}
+        </Heading>,
+      )}
       <Box gap="SP1" verticalAlign="middle">
         <Text dataHook="setup-widget-progress" size="tiny" weight="thin">
           {ratioLabel}

package/src/components/SetupWidget/index.ts

@@ -1,5 +1,8 @@
 export { SetupWidget } from './SetupWidget';
-export type { SetupWidgetProps } from './SetupWidget';
+export type {
+  SetupWidgetProps,
+  SetupWidgetStepClickDetails,
+} from './SetupWidget';
 export type {
   SetupWidgetState,
   SetupWidgetData,

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard1588969825";
+var _namespace_ = "SkeletonCard3056681256";
 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":"SkeletonCard1588969825__root","headerLoading":"SkeletonCard1588969825__headerLoading"};
+export var classes = {"root":"SkeletonCard3056681256__root","headerLoading":"SkeletonCard3056681256__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_ = "SlidingModal2082550088";
+var _namespace_ = "SlidingModal4226078037";
 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":"SlidingModal2082550088__root"};
+export var classes = {"root":"SlidingModal4226078037__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_ = "AddFieldColumnHeader767226450";
+var _namespace_ = "AddFieldColumnHeader3703986941";
 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":"AddFieldColumnHeader767226450__root","anchorLayer":"AddFieldColumnHeader767226450__anchorLayer","popover":"AddFieldColumnHeader767226450__popover","title":"AddFieldColumnHeader767226450__title","hoverBridge":"AddFieldColumnHeader767226450__hoverBridge"};
+export var classes = {"root":"AddFieldColumnHeader3703986941__root","anchorLayer":"AddFieldColumnHeader3703986941__anchorLayer","popover":"AddFieldColumnHeader3703986941__popover","title":"AddFieldColumnHeader3703986941__title","hoverBridge":"AddFieldColumnHeader3703986941__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_ = "TabsFilter3625412169";
+var _namespace_ = "TabsFilter2938286757";
 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":"TabsFilter3625412169__root","titleBox":"TabsFilter3625412169__titleBox"};
+export var classes = {"root":"TabsFilter2938286757__root","titleBox":"TabsFilter2938286757__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_ = "ManageTagsModal889503900";
+var _namespace_ = "ManageTagsModal204116307";
 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":"ManageTagsModal889503900__root"};
+export var classes = {"root":"ManageTagsModal204116307__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_ = "ToolbarItem379220318";
+var _namespace_ = "ToolbarItem3485294043";
 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":"ToolbarItem379220318__root"};
+export var classes = {"root":"ToolbarItem3485294043__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_ = "ToolbarItemBox1471752225";
+var _namespace_ = "ToolbarItemBox3120620215";
 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":"ToolbarItemBox1471752225__root"};
+export var classes = {"root":"ToolbarItemBox3120620215__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_ = "common730749746";
+var _namespace_ = "common218497536";
 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":"common730749746__root","column":"common730749746__column","fullHeight":"common730749746__fullHeight"};
+export var classes = {"root":"common218497536__root","column":"common218497536__column","fullHeight":"common218497536__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_ = "CollectionPageHeader4043934910";
+var _namespace_ = "CollectionPageHeader2584917838";
 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":"CollectionPageHeader4043934910__root","mobileMoreActions":"CollectionPageHeader4043934910__mobileMoreActions"};
+export var classes = {"root":"CollectionPageHeader2584917838__root","mobileMoreActions":"CollectionPageHeader2584917838__mobileMoreActions"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TitleBadges2019777006";
+var _namespace_ = "TitleBadges230197350";
 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":"TitleBadges2019777006__root","tooltip":"TitleBadges2019777006__tooltip","tooltipTrigger":"TitleBadges2019777006__tooltipTrigger"};
+export var classes = {"root":"TitleBadges230197350__root","tooltip":"TitleBadges230197350__tooltip","tooltipTrigger":"TitleBadges230197350__tooltipTrigger"};
 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_ = "FormPageHeader2813308965";
+var _namespace_ = "FormPageHeader1159685835";
 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":"FormPageHeader2813308965__root"};
+export var classes = {"root":"FormPageHeader1159685835__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};