@wix/patterns 1.440.0 → 1.442.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContent3613761685";
+var _namespace_ = "PickerContent3287791488";
 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":"PickerContent3613761685__root"};
+export var classes = {"root":"PickerContent3287791488__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_ = "PickerContentAdditionalStep3281418787";
+var _namespace_ = "PickerContentAdditionalStep3630625947";
 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":"PickerContentAdditionalStep3281418787__root","titles":"PickerContentAdditionalStep3281418787__titles","suffix":"PickerContentAdditionalStep3281418787__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep3630625947__root","titles":"PickerContentAdditionalStep3630625947__titles","suffix":"PickerContentAdditionalStep3630625947__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_ = "PickerTableListItem1515785971";
+var _namespace_ = "PickerTableListItem3439189397";
 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":"PickerTableListItem1515785971__root"};
+export var classes = {"root":"PickerTableListItem3439189397__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SchemaSource/schemaFieldManagement.ts

@@ -16,13 +16,20 @@ import { standardFieldTypeLabels } from './standardFieldTypeLabels';
 export const schemaFieldManagement = (
   sourceState: SourceState<any>,
 ): FieldManagement => {
-  const draftToField = (draft: FieldDraft): NonReferenceField => ({
-    id: draft.key,
-    displayName: draft.name,
-    type: (draft.type ?? 'SHORT_TEXT') as NonReferenceField['type'],
-    isPii: draft.containsPii,
-    validation: { required: false },
-  });
+  const draftToField = (draft: FieldDraft): NonReferenceField => {
+    const definition = sourceState.source.fieldTypes?.find(
+      (def) => def.type === draft.type,
+    );
+    return {
+      id: draft.key,
+      displayName: draft.name,
+      ...(definition
+        ? { type: 'CUSTOM' as const, customType: definition.type }
+        : { type: (draft.type ?? 'SHORT_TEXT') as NonReferenceField['type'] }),
+      isPii: draft.containsPii,
+      validation: { required: false },
+    };
+  };
 
   return {
     get canAddFields() {
@@ -66,29 +73,49 @@ export const schemaFieldManagement = (
           addTitle: t('cairo.customFields.addCustomField.modal.title'),
           editTitle: t('cairo.customFields.editCustomField.modal.title'),
         },
-        types: fieldModal.types.map((ft) => {
-          // The standard pair applies only when the source didn't custom-label
-          // the entry — a custom label with the standard placeholder would show
-          // contradictory copy (the modal falls back to its generic placeholder).
-          const standard =
-            ft.label == null
-              ? standardFieldTypeLabels[ft.patternsType]
-              : undefined;
-          return {
-            id: ft.patternsType,
-            label:
-              ft.label ?? (standard ? t(standard.labelKey) : ft.patternsType),
-            namePlaceholder:
-              ft.namePlaceholder ??
-              (standard ? t(standard.namePlaceholderKey) : undefined),
-            subtitle: ft.subtitle,
-            group: ft.group,
-            supportsPii: ft.supportsPii,
-            piiWarning: ft.piiWarning,
-            settingsSection: ft.settingsSection,
-            patternsType: ft.patternsType,
-          };
-        }),
+        types: [
+          ...fieldModal.types.map((ft) => {
+            // The standard pair applies only when the source didn't custom-label
+            // the entry — a custom label with the standard placeholder would show
+            // contradictory copy (the modal falls back to its generic placeholder).
+            const standard =
+              ft.label == null
+                ? standardFieldTypeLabels[ft.patternsType]
+                : undefined;
+            return {
+              id: ft.patternsType,
+              label:
+                ft.label ?? (standard ? t(standard.labelKey) : ft.patternsType),
+              namePlaceholder:
+                ft.namePlaceholder ??
+                (standard ? t(standard.namePlaceholderKey) : undefined),
+              subtitle: ft.subtitle,
+              group: ft.group,
+              supportsPii: ft.supportsPii,
+              piiWarning: ft.piiWarning,
+              settingsSection: ft.settingsSection,
+              patternsType: ft.patternsType,
+            };
+          }),
+          ...(sourceState.source.fieldTypes ?? []).flatMap((def) =>
+            def.fieldModal?.creatable
+              ? [
+                  {
+                    id: def.type,
+                    label: def.display.label,
+                    namePlaceholder: def.fieldModal.namePlaceholder,
+                    subtitle: def.fieldModal.subtitle,
+                    group: def.fieldModal.group,
+                    supportsPii: def.fieldModal.supportsPii,
+                    piiWarning: def.fieldModal.piiWarning,
+                    settingsSection: def.fieldModal.settingsSection,
+                    patternsType: 'CUSTOM' as const,
+                    icons: def.display.icons,
+                  },
+                ]
+              : [],
+          ),
+        ],
         permissions: sourceState.source.fieldPermissions,
         supportsPii: sourceState.source.supportsPii,
       };
@@ -124,7 +151,8 @@ export const schemaFieldManagement = (
       return {
         key: field.id,
         name: field.displayName,
-        type: field.type,
+        // A CUSTOM field's picker option is keyed by its customType.
+        type: field.type === 'CUSTOM' ? field.customType : field.type,
         readApps: false,
         readUsers: false,
         writeApps: false,

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

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

package/src/components/SetupWidget/SetupStepGroup.tsx

@@ -4,6 +4,7 @@ import { ChevronDown, ChevronUp } from '@wix/wix-ui-icons-common/lazy';
 import { SetupWidgetStep } from '@wix/bex-core';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { SetupStepIcon } from './SetupStepIcon';
+import { SetupStepSecondaryCta } from './SetupStepSecondaryCta';
 import { st, classes } from './SetupWidget.st.css.js';
 
 export interface SetupStepGroupProps {
@@ -14,6 +15,8 @@ export interface SetupStepGroupProps {
   /** The recommended/focused row. */
   isPrimary: boolean;
   onToggle: () => void;
+  /** Fires when the group's `secondaryCta` icon button is clicked. */
+  onSecondaryActivate?: () => void;
   /** Renders a single child step (the parent supplies the row/card). */
   renderChild: (child: SetupWidgetStep) => React.ReactNode;
 }
@@ -31,6 +34,7 @@ export const SetupStepGroup = ({
   expanded,
   isPrimary,
   onToggle,
+  onSecondaryActivate,
   renderChild,
 }: SetupStepGroupProps) => {
   const { translate: t } = useWixPatternsContainer();
@@ -43,6 +47,17 @@ export const SetupStepGroup = ({
   const isFocused = expanded || isPrimary;
   const Chevron = expanded ? ChevronUp : ChevronDown;
 
+  // Mobile cards have no per-step action area, so the group's secondary action
+  // is desktop-only — and a finished group drops it, like a completed leaf does.
+  const secondaryCtaNode =
+    step.secondaryCta && onSecondaryActivate && !isMobile && !allCompleted ? (
+      <SetupStepSecondaryCta
+        stepId={step.id}
+        cta={step.secondaryCta}
+        onActivate={onSecondaryActivate}
+      />
+    ) : null;
+
   const headerContent = (
     <Box
       align="space-between"
@@ -97,6 +112,7 @@ export const SetupStepGroup = ({
         </Box>
       </Box>
       <Box verticalAlign="middle" gap="SP1">
+        {secondaryCtaNode}
         <Tag
           id={`setup-step-counter-${step.id}`}
           skin="neutral"

package/src/components/SetupWidget/SetupStepRow.tsx

@@ -12,6 +12,7 @@ import {
 import { SetupWidgetStep } from '@wix/bex-core';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { SetupStepIcon } from './SetupStepIcon';
+import { SetupStepSecondaryCta } from './SetupStepSecondaryCta';
 import { st, classes } from './SetupWidget.st.css.js';
 
 export interface SetupStepRowProps {
@@ -21,6 +22,8 @@ export interface SetupStepRowProps {
   /** Inline content is shown below the row. */
   expanded: boolean;
   onActivate: () => void;
+  /** Fires when the step's `secondaryCta` icon button is clicked. */
+  onSecondaryActivate?: () => void;
   /** Supplies the inline-expansion content (render prop on the widget). */
   renderStepContent?: (step: SetupWidgetStep) => React.ReactNode;
   /** Tints the row's background when it's focused (off under the Harmony theme, see `useBmHarmonyTheme`). */
@@ -40,6 +43,7 @@ export const SetupStepRow = ({
   isFocused,
   expanded,
   onActivate,
+  onSecondaryActivate,
   renderStepContent,
   focusedBackground,
 }: SetupStepRowProps) => {
@@ -52,11 +56,46 @@ export const SetupStepRow = ({
 
   const showCta = !isCompleted && !!step.ctaLabel && !isInlineExpanded;
   // Completed steps stay actionable when they carry a completed CTA (G2).
-  const showCompletedCta = isCompleted && !!step.completedCtaLabel && !isDisabled;
+  const showCompletedCta =
+    isCompleted && !!step.completedCtaLabel && !isDisabled;
   const clickable = (!isCompleted && !isDisabled) || showCompletedCta;
 
   const handleClick = clickable ? onActivate : undefined;
 
+  const ctaNode = showCta && (
+    <ClickableCard.Action>
+      <Button
+        dataHook={`setup-step-cta-${step.id}`}
+        size="small"
+        priority={!isDisabled && !isFocused ? 'secondary' : 'primary'}
+        disabled={isDisabled}
+        ellipsis={false}
+        onClick={(event: React.MouseEvent) => {
+          event.stopPropagation();
+          onActivate();
+        }}
+      >
+        {step.ctaLabel}
+      </Button>
+    </ClickableCard.Action>
+  );
+
+  // The step's extra icon-only action. Dropped on completed steps (their CTA is
+  // gone too) and while the step is inline-expanded, so the row keeps a single
+  // trailing action.
+  const secondaryCtaNode =
+    step.secondaryCta &&
+    onSecondaryActivate &&
+    !isCompleted &&
+    !isInlineExpanded ? (
+      <SetupStepSecondaryCta
+        stepId={step.id}
+        cta={step.secondaryCta}
+        disabled={isDisabled}
+        onActivate={onSecondaryActivate}
+      />
+    ) : null;
+
   return (
     <div
       data-hook={`setup-step-${step.id}`}
@@ -109,32 +148,11 @@ export const SetupStepRow = ({
                 )}
               </Box>
             </Box>
-            {showCta &&
-              (() => {
-                const ctaNode = (
-                  <Box verticalAlign="middle">
-                    <ClickableCard.Action>
-                      <Button
-                        dataHook={`setup-step-cta-${step.id}`}
-                        size="small"
-                        priority={
-                          !isDisabled && !isFocused ? 'secondary' : 'primary'
-                        }
-                        disabled={isDisabled}
-                        ellipsis={false}
-                        onClick={(event: React.MouseEvent) => {
-                          event.stopPropagation();
-                          onActivate();
-                        }}
-                      >
-                        {step.ctaLabel}
-                      </Button>
-                    </ClickableCard.Action>
-                  </Box>
-                );
-
-                // Disabled steps explain why the CTA is disabled (G5).
-                return isDisabled ? (
+            {(secondaryCtaNode || showCta) && (
+              <Box verticalAlign="middle" gap="SP1">
+                {secondaryCtaNode}
+                {/* Disabled steps explain why the CTA is disabled (G5). */}
+                {showCta && isDisabled ? (
                   <Tooltip
                     dataHook={`setup-step-disabled-tooltip-${step.id}`}
                     content={
@@ -144,12 +162,13 @@ export const SetupStepRow = ({
                       t('cairo.setupWidget.step.lockedTooltip')
                     }
                   >
-                    {ctaNode}
+                    <Box verticalAlign="middle">{ctaNode}</Box>
                   </Tooltip>
                 ) : (
                   ctaNode
-                );
-              })()}
+                )}
+              </Box>
+            )}
             {showCompletedCta && (
               <Box
                 verticalAlign="middle"

package/src/components/SetupWidget/SetupStepSecondaryCta.tsx

@@ -0,0 +1,58 @@
+import React from 'react';
+import { Box, IconButton, Tooltip, ClickableCard } from '@wix/design-system';
+import { SetupWidgetStepSecondaryCta as SecondaryCta } from '@wix/bex-core';
+
+export interface SetupStepSecondaryCtaProps {
+  stepId: string;
+  cta: SecondaryCta;
+  disabled?: boolean;
+  onActivate: () => void;
+}
+
+/**
+ * A step's extra icon-only action, rendered before its CTA. Shared by leaf rows
+ * and aggregated group rows.
+ */
+export const SetupStepSecondaryCta = ({
+  stepId,
+  cta,
+  disabled,
+  onActivate,
+}: SetupStepSecondaryCtaProps) => {
+  const button = (
+    <IconButton
+      dataHook={`setup-step-secondary-cta-${stepId}`}
+      size="small"
+      // No `skin` — the Harmony theme's IconButton default (`dark`) has to win
+      // here, the same way the CTA next to it picks up its own default.
+      priority="tertiary"
+      disabled={disabled}
+      ariaLabel={cta.ariaLabel}
+      onClick={(event: React.MouseEvent) => {
+        event.stopPropagation();
+        onActivate();
+      }}
+    >
+      {cta.icon}
+    </IconButton>
+  );
+
+  // The Tooltip goes inside ClickableCard.Action so it clones the button
+  // itself — that's what carries its focus handlers and aria wiring.
+  return (
+    <ClickableCard.Action>
+      <Box verticalAlign="middle">
+        {cta.tooltip ? (
+          <Tooltip
+            dataHook={`setup-step-secondary-cta-tooltip-${stepId}`}
+            content={cta.tooltip}
+          >
+            {button}
+          </Tooltip>
+        ) : (
+          button
+        )}
+      </Box>
+    </ClickableCard.Action>
+  );
+};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SetupWidget2854282825";
+var _namespace_ = "SetupWidget2305872505";
 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":"SetupWidget2854282825__root","row":"SetupWidget2854282825__row","completedCta":"SetupWidget2854282825__completedCta","card":"SetupWidget2854282825__card","stepIcon":"SetupWidget2854282825__stepIcon","chevron":"SetupWidget2854282825__chevron","chevronDisabled":"SetupWidget2854282825__chevronDisabled","inProgressLabel":"SetupWidget2854282825__inProgressLabel"};
+export var classes = {"root":"SetupWidget2305872505__root","row":"SetupWidget2305872505__row","completedCta":"SetupWidget2305872505__completedCta","card":"SetupWidget2305872505__card","stepIcon":"SetupWidget2305872505__stepIcon","chevron":"SetupWidget2305872505__chevron","chevronDisabled":"SetupWidget2305872505__chevronDisabled","inProgressLabel":"SetupWidget2305872505__inProgressLabel"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SetupWidget/SetupWidget.tsx

@@ -34,6 +34,12 @@ export interface SetupWidgetProps {
    * which targets the step's separate `completedCta`).
    */
   onCompletedStepClick?: (step: SetupWidgetStep) => void;
+  /**
+   * Fired when a step's `secondaryCta` icon button is clicked (desktop rows —
+   * leaf steps, group rows and their children). The button only renders while
+   * the step is still actionable, so this never fires for a completed step.
+   */
+  onStepSecondaryClick?: (step: SetupWidgetStep) => void;
   /**
    * Fired once when a step (or group) scrolls into view — for the consumer to
    * report view telemetry (BI/dealer). The widget itself stays
@@ -84,6 +90,7 @@ const _SetupWidget = ({
   renderStepContent,
   onStepClick,
   onCompletedStepClick,
+  onStepSecondaryClick,
   onStepView,
   onAllCompleteClick,
   renderError,
@@ -149,6 +156,9 @@ const _SetupWidget = ({
         isFocused={isFocused}
         expanded={expanded}
         onActivate={onActivate}
+        onSecondaryActivate={
+          onStepSecondaryClick ? () => onStepSecondaryClick(step) : undefined
+        }
         renderStepContent={renderStepContent}
         focusedBackground={!isHarmonyTheme}
       />
@@ -200,6 +210,11 @@ const _SetupWidget = ({
             expanded={state._expandedStepId === step.id}
             isPrimary={step.id === state._primaryStepId}
             onToggle={() => state._toggleStep(step.id)}
+            onSecondaryActivate={
+              onStepSecondaryClick
+                ? () => onStepSecondaryClick(step)
+                : undefined
+            }
             renderChild={(child) => renderLeaf(child, true)}
           />
         ) : (

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

@@ -3,6 +3,7 @@ import { baseUniDriverFactory } from '../../unidriver';
 import {
   ButtonUniDriver,
   ClickableCardUniDriver,
+  IconButtonUniDriver,
   TextButtonUniDriver,
 } from '@wix/design-system/dist/testkit/unidriver';
 
@@ -16,6 +17,12 @@ export default (base: UniDriver, body: UniDriver) => {
   const stepCta = (id: string) =>
     ButtonUniDriver(base.$(`[data-hook="setup-step-cta-${id}"]`), body);
 
+  const stepSecondaryCta = (id: string) =>
+    IconButtonUniDriver(
+      base.$(`[data-hook="setup-step-secondary-cta-${id}"]`),
+      body,
+    );
+
   const stepCard = (id: string) =>
     ClickableCardUniDriver(base.$(`[data-hook="setup-step-${id}"]`), body);
 
@@ -40,6 +47,17 @@ export default (base: UniDriver, body: UniDriver) => {
     /** Whether a step's CTA is rendered. */
     stepCtaExists: (id: string) =>
       base.$(`[data-hook="setup-step-cta-${id}"]`).exists(),
+    /** Click a step's secondary (icon) action. */
+    clickStepSecondaryCta: (id: string) => stepSecondaryCta(id).click(),
+    /** Whether a step's secondary (icon) action is rendered. */
+    stepSecondaryCtaExists: (id: string) =>
+      base.$(`[data-hook="setup-step-secondary-cta-${id}"]`).exists(),
+    /** Whether a step's secondary action is disabled. */
+    isStepSecondaryCtaDisabled: (id: string) =>
+      stepSecondaryCta(id).isButtonDisabled(),
+    /** Whether a tooltip wraps a step's secondary action. */
+    stepSecondaryCtaTooltipExists: (id: string) =>
+      base.$(`[data-hook="setup-step-secondary-cta-tooltip-${id}"]`).exists(),
     /** Whether a disabled step's permission tooltip wraps its CTA. */
     disabledTooltipExists: (id: string) =>
       base.$(`[data-hook="setup-step-disabled-tooltip-${id}"]`).exists(),

package/src/components/SetupWidget/index.ts

@@ -5,5 +5,6 @@ export type {
   SetupWidgetData,
   SetupWidgetStep,
   SetupWidgetStepStatus,
+  SetupWidgetStepSecondaryCta,
   SetupWidgetConfig,
 } from '@wix/bex-core';

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard3534628905";
+var _namespace_ = "SkeletonCard2280372685";
 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":"SkeletonCard3534628905__root","headerLoading":"SkeletonCard3534628905__headerLoading"};
+export var classes = {"root":"SkeletonCard2280372685__root","headerLoading":"SkeletonCard2280372685__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_ = "SlidingModal1013344398";
+var _namespace_ = "SlidingModal2275766921";
 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":"SlidingModal1013344398__root"};
+export var classes = {"root":"SlidingModal2275766921__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_ = "AddFieldColumnHeader2398341878";
+var _namespace_ = "AddFieldColumnHeader3837372143";
 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":"AddFieldColumnHeader2398341878__root","title":"AddFieldColumnHeader2398341878__title","hoverBridge":"AddFieldColumnHeader2398341878__hoverBridge"};
+export var classes = {"root":"AddFieldColumnHeader3837372143__root","title":"AddFieldColumnHeader3837372143__title","hoverBridge":"AddFieldColumnHeader3837372143__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_ = "TabsFilter2276337463";
+var _namespace_ = "TabsFilter4070174655";
 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":"TabsFilter2276337463__root","title":"TabsFilter2276337463__title"};
+export var classes = {"root":"TabsFilter4070174655__root","title":"TabsFilter4070174655__title"};
 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_ = "ManageTagsModal1689364407";
+var _namespace_ = "ManageTagsModal3698406852";
 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":"ManageTagsModal1689364407__root"};
+export var classes = {"root":"ManageTagsModal3698406852__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_ = "ToolbarItem188890920";
+var _namespace_ = "ToolbarItem1700851956";
 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":"ToolbarItem188890920__root"};
+export var classes = {"root":"ToolbarItem1700851956__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_ = "ToolbarItemBox706728447";
+var _namespace_ = "ToolbarItemBox4201143137";
 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":"ToolbarItemBox706728447__root"};
+export var classes = {"root":"ToolbarItemBox4201143137__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};