@wix/patterns 1.434.0 → 1.437.0

package/dist/esm/components/SetupWidget/SetupStepIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"SetupStepIcon.js","sourceRoot":"","sources":["../../../../src/components/SetupWidget/SetupStepIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EACL,YAAY,EACZ,sBAAsB,GACvB,MAAM,+BAA+B,CAAC;AAGvC;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,MAAM;AACN;;;;GAIG;AACH,SAAS,GAAG,KAAK,GAIlB,EAAE,EAAE;IACH,IAAI,MAAM,KAAK,WAAW,EAAE;QAC1B,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAE,SAAS;YACvB,oBAAC,YAAY,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,sBAAsB,GAAG,CACpE,CACP,CAAC;KACH;IAED,MAAM,KAAK,GACT,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,CAAC;IAE1E,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAE,SAAS;QACvB,oBAAC,sBAAsB,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,GAAI,CAC/D,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"SetupStepIcon.js","sourceRoot":"","sources":["../../../../src/components/SetupWidget/SetupStepIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAGvE;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,MAAM,GAGP,EAAE,EAAE;IACH,IAAI,MAAM,KAAK,WAAW,EAAE;QAC1B,OAAO,CACL,oBAAC,YAAY,IACX,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,sEAAsE,GAC5E,CACH,CAAC;KACH;IAED,MAAM,KAAK,GACT,MAAM,KAAK,UAAU;QACnB,CAAC,CAAC,gFAAgF;QAClF,CAAC,CAAC,8DAA8D,CAAC;IAErE,OAAO,oBAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC;AAC/D,CAAC,CAAC"}

package/dist/esm/components/SetupWidget/SetupStepRow.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Box, Text, Button, TextButton, Badge, Divider, Tooltip, } from '@wix/design-system';
+import { Box, Text, Button, TextButton, Badge, Divider, Tooltip, ClickableCard, } from '@wix/design-system';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { SetupStepIcon } from './SetupStepIcon';
 import { st, classes } from './SetupWidget.st.css.js';
@@ -8,10 +8,10 @@ import { st, classes } from './SetupWidget.st.css.js';
  * - completed → green check, struck-through title, optional completed CTA
  * - disabled → muted bullet + disabled CTA (permission-denied)
  * - in-progress → "In progress" badge next to the title
- * - focused → blue surface, bold title, primary CTA
- * - hoverable rows tint blue on hover (handled in Stylable)
+ * - focused → bolder border, bold title, primary CTA (+ background tint if
+ *   `focusedBackground` is on)
  */
-export const SetupStepRow = ({ step, isFocused, expanded, onActivate, renderStepContent, }) => {
+export const SetupStepRow = ({ step, isFocused, expanded, onActivate, renderStepContent, focusedBackground, }) => {
     const { translate: t } = useWixPatternsContainer();
     const isInProgress = step.status === 'in-progress';
     const isCompleted = step.status === 'completed';
@@ -21,48 +21,44 @@ export const SetupStepRow = ({ step, isFocused, expanded, onActivate, renderStep
     // Completed steps stay actionable when they carry a completed CTA (G2).
     const showCompletedCta = isCompleted && !!step.completedCtaLabel && !isDisabled;
     const clickable = (!isCompleted && !isDisabled) || showCompletedCta;
-    const hoverable = !isFocused && !isCompleted && !isDisabled;
     const handleClick = clickable ? onActivate : undefined;
     return (React.createElement("div", { "data-hook": `setup-step-${step.id}`, "data-focused": isFocused, className: st(classes.row, {
             focused: isFocused,
-            hoverable,
-            clickable,
-        }), onClick: handleClick, onKeyDown: clickable
-            ? (event) => {
-                if (event.key === 'Enter' || event.key === ' ') {
-                    event.preventDefault();
-                    onActivate();
-                }
-            }
-            : undefined, role: clickable ? 'button' : undefined, tabIndex: clickable ? 0 : undefined },
-        React.createElement(Box, { align: "space-between", verticalAlign: "middle", width: "100%", minHeight: "30px" },
-            React.createElement(Box, { minHeight: "24px", verticalAlign: "middle" },
-                React.createElement(SetupStepIcon, { status: step.status }),
-                React.createElement(Box, { paddingLeft: "SP2", paddingRight: "SP2", verticalAlign: "middle", gap: "SP1" },
-                    React.createElement(Text, { dataHook: `setup-step-title-${step.id}`, size: "small", skin: isDisabled ? 'disabled' : 'standard', weight: isFocused ? 'bold' : 'thin', secondary: isCompleted, light: isCompleted }, isCompleted ? React.createElement("del", null, step.title) : step.title),
-                    isInProgress && !isInlineExpanded && (React.createElement(Box, { marginTop: "2px" },
-                        React.createElement(Badge, { size: "tiny", skin: "urgent", type: "transparent" }, t('cairo.setupWidget.step.inProgress')))))),
-            showCta &&
-                (() => {
-                    const ctaNode = (React.createElement(Box, { verticalAlign: "middle" },
-                        React.createElement(Button, { dataHook: `setup-step-cta-${step.id}`, size: "small", priority: !isDisabled && !isFocused ? 'secondary' : 'primary', disabled: isDisabled, ellipsis: false, onClick: (event) => {
-                                event.stopPropagation();
-                                onActivate();
-                            } }, step.ctaLabel)));
-                    // Disabled steps explain why the CTA is disabled (G5).
-                    return isDisabled ? (React.createElement(Tooltip, { dataHook: `setup-step-disabled-tooltip-${step.id}`, content: step.disabledTooltip ??
-                            // Translation-key id stays `lockedTooltip` until the
-                            // Translation Center key is renamed (TC follow-up to T2).
-                            t('cairo.setupWidget.step.lockedTooltip') }, ctaNode)) : (ctaNode);
-                })(),
-            showCompletedCta && (React.createElement(Box, { verticalAlign: "middle", marginRight: "SP2", className: st(classes.completedCta) },
-                React.createElement(TextButton, { dataHook: `setup-step-cta-${step.id}`, size: "small", onClick: (event) => {
-                        event.stopPropagation();
-                        onActivate();
-                    } }, step.completedCtaLabel)))),
-        isInlineExpanded && (React.createElement(Box, { dataHook: `setup-step-content-${step.id}`, direction: "vertical", paddingLeft: "SP5", paddingRight: "SP1", paddingBottom: "SP1", marginTop: "SP2" },
-            React.createElement(Box, { marginBottom: "SP2" },
-                React.createElement(Divider, null)),
-            React.createElement("div", { onClick: (event) => event.stopPropagation(), onKeyDown: (event) => event.stopPropagation() }, renderStepContent?.(step))))));
+            withBackground: !!focusedBackground,
+        }) },
+        React.createElement(ClickableCard, { skin: "outline", hasPadding: false, disabled: isDisabled, onClick: handleClick },
+            React.createElement(Box, { direction: "vertical", padding: "6px" },
+                React.createElement(Box, { align: "space-between", verticalAlign: "middle", width: "100%", minHeight: "30px" },
+                    React.createElement(Box, { minHeight: "24px", verticalAlign: "middle" },
+                        React.createElement(SetupStepIcon, { status: step.status }),
+                        React.createElement(Box, { paddingLeft: "SP2", paddingRight: "SP2", verticalAlign: "middle", gap: "SP1" },
+                            React.createElement(Text, { dataHook: `setup-step-title-${step.id}`, size: "small", skin: isDisabled ? 'disabled' : 'standard', weight: isFocused ? 'bold' : 'thin', secondary: isCompleted, light: isCompleted }, isCompleted ? React.createElement("del", null, step.title) : step.title),
+                            isInProgress && !isInlineExpanded && (React.createElement(Box, { marginTop: "2px" },
+                                React.createElement(Badge, { size: "tiny", skin: "urgent", type: "transparent" }, t('cairo.setupWidget.step.inProgress')))))),
+                    showCta &&
+                        (() => {
+                            const ctaNode = (React.createElement(Box, { verticalAlign: "middle" },
+                                React.createElement(ClickableCard.Action, null,
+                                    React.createElement(Button, { dataHook: `setup-step-cta-${step.id}`, size: "small", priority: !isDisabled && !isFocused ? 'secondary' : 'primary', disabled: isDisabled, ellipsis: false, onClick: (event) => {
+                                            event.stopPropagation();
+                                            onActivate();
+                                        } }, step.ctaLabel))));
+                            // Disabled steps explain why the CTA is disabled (G5).
+                            return isDisabled ? (React.createElement(Tooltip, { dataHook: `setup-step-disabled-tooltip-${step.id}`, content: step.disabledTooltip ??
+                                    // Translation-key id stays `lockedTooltip` until the
+                                    // Translation Center key is renamed (TC follow-up to T2).
+                                    t('cairo.setupWidget.step.lockedTooltip') }, ctaNode)) : (ctaNode);
+                        })(),
+                    showCompletedCta && (React.createElement(Box, { verticalAlign: "middle", marginRight: "SP2", className: st(classes.completedCta) },
+                        React.createElement(ClickableCard.Action, null,
+                            React.createElement(TextButton, { dataHook: `setup-step-cta-${step.id}`, size: "small", onClick: (event) => {
+                                    event.stopPropagation();
+                                    onActivate();
+                                } }, step.completedCtaLabel))))),
+                isInlineExpanded && (React.createElement(Box, { dataHook: `setup-step-content-${step.id}`, direction: "vertical", paddingLeft: "SP5", paddingRight: "SP1", paddingBottom: "SP1", marginTop: "SP2" },
+                    React.createElement(Box, { marginBottom: "SP2" },
+                        React.createElement(Divider, null)),
+                    React.createElement(ClickableCard.Action, null,
+                        React.createElement("div", { "data-hook": `setup-step-content-action-${step.id}`, onClick: (event) => event.stopPropagation(), onKeyDown: (event) => event.stopPropagation() }, renderStepContent?.(step)))))))));
 };
 //# sourceMappingURL=SetupStepRow.js.map

package/dist/esm/components/SetupWidget/SetupStepRow.js.map

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

package/dist/esm/components/SetupWidget/SetupWidget.js

@@ -4,6 +4,7 @@ import { Box } from '@wix/design-system';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { CardContainer } from '../CardContainer';
 import { useIsMobile } from '../../hooks/useIsMobile';
+import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
 import { useIntersectionObserver } from '../../hooks/useIntersectionObserver';
 import { SetupWidgetHeader } from './SetupWidgetHeader';
 import { SetupStepRow } from './SetupStepRow';
@@ -21,6 +22,9 @@ const StepViewTracker = ({ stepId, onView, children, }) => {
 const _SetupWidget = ({ state, renderStepContent, onStepClick, onCompletedStepClick, onStepView, onAllCompleteClick, renderError, dataHook, }) => {
     const { translate: t } = useWixPatternsContainer();
     const isMobile = useIsMobile();
+    // Harmony drops the focused-row background tint per UX — the outline-skin
+    // ClickableCard the row is built on has no tint of its own.
+    const isHarmonyTheme = useBmHarmonyTheme();
     const { status } = state._loadTask.status;
     const activateStep = (step) => {
         // Completed steps fire their own action (never expand) — distinct from the
@@ -55,7 +59,7 @@ const _SetupWidget = ({ state, renderStepContent, onStepClick, onCompletedStepCl
         // one is open, otherwise the primary. (Highlighting `primary || expanded`
         // would mark two rows once the user opens a non-primary inline step.)
         const isFocused = !isChild && step.id === state._focusedStepId;
-        return isMobile ? (React.createElement(SetupStepCard, { key: step.id, step: step, isPrimary: isFocused, expanded: expanded, onActivate: onActivate, renderStepContent: renderStepContent })) : (React.createElement(SetupStepRow, { key: step.id, step: step, isFocused: isFocused, expanded: expanded, onActivate: onActivate, renderStepContent: renderStepContent }));
+        return isMobile ? (React.createElement(SetupStepCard, { key: step.id, step: step, isPrimary: isFocused, expanded: expanded, onActivate: onActivate, renderStepContent: renderStepContent })) : (React.createElement(SetupStepRow, { key: step.id, step: step, isFocused: isFocused, expanded: expanded, onActivate: onActivate, renderStepContent: renderStepContent, focusedBackground: !isHarmonyTheme }));
     };
     // All-complete is a distinct success surface with its own card.
     if (status === 'success' && state._isAllComplete) {
@@ -74,7 +78,7 @@ const _SetupWidget = ({ state, renderStepContent, onStepClick, onCompletedStepCl
         })));
     }
     const header = (React.createElement(SetupWidgetHeader, { title: state._title, completedCount: state._completedCount, totalCount: state._totalCount, progressPercentage: state._progressPercentage, isMobile: isMobile }));
-    const list = (React.createElement(Box, { direction: "vertical", gap: isMobile ? 'SP3' : 'SP1', width: "100%" }, state.steps.map((step) => {
+    const list = (React.createElement(Box, { direction: "vertical", gap: isMobile ? 'SP3' : 'SP2', width: "100%" }, state.steps.map((step) => {
         const node = step.steps?.length ? (React.createElement(SetupStepGroup, { step: step, isMobile: isMobile, expanded: state._expandedStepId === step.id, isPrimary: step.id === state._primaryStepId, onToggle: () => state._toggleStep(step.id), renderChild: (child) => renderLeaf(child, true) })) : (renderLeaf(step));
         return onStepView ? (React.createElement(StepViewTracker, { key: step.id, stepId: step.id, onView: () => onStepView(step) }, node)) : (React.createElement(React.Fragment, { key: step.id }, node));
     })));

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

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

package/dist/esm/components/SetupWidget/SetupWidget.st.css

@@ -1,12 +1,8 @@
 @property st-global(--wds-color-border-dark-secondary);
-@property st-global(--wds-color-border-standard-primary);
-@property st-global(--wds-color-border-standard-secondary);
 @property st-global(--wds-color-fill-standard-tertiary);
 @property st-global(--wds-color-fill-standard-tertiary-hover);
 @property st-global(--wsr-color-D60);
 @property st-global(--wsr-color-D80);
-@property st-global(--wsr-color-B30);
-@property st-global(--wsr-color-B40);
 @property st-global(--wsr-color-B60);
 @property st-global(--wds-color-text-standard-primary);
 @property st-global(--wds-color-text-disabled);
@@ -14,48 +10,43 @@
 @property st-global(--wsr-color-D10);
 @property st-global(--wsr-color-D10-30);
 @property st-global(--wsr-color-O10);
-@property st-global(--wds-space-100);
-@property st-global(--wds-border-radius-200);
 @property st-global(--wds-border-radius-400);
+@property st-global(--wds-clickable-card-outline-border-color);
+@property st-global(--wds-color-border-standard-primary-active);
+@property st-global(--wsr-color-B10);
+@property st-global(--wds-color-fill-surface-default);
 
 .root {}
 
 /* ---------------------------------------------------------------------------
- * Desktop step row — bordered card with hover/focus tinting. Hover only
- * applies to rows that are actually interactive (not focused / completed /
- * locked), gated by the `hoverable` state.
- *
- * Every var() carries the WDS fallback chain — semantic --wds token →
- * legacy --wsr token → hard-coded value — so the widget renders correctly
- * even when no theme stylesheet is loaded (same chains WDS ships itself).
+ * Desktop step row — border/background come from the nested WDS
+ * <ClickableCard skin="outline"> (SetupStepRow.tsx / SetupStepGroup.tsx); this
+ * class only handles this row's own layout and the focused-row border/
+ * background, which ClickableCard has no className/style prop to override
+ * directly. --wds-clickable-card-outline-border-color and --wds-color-fill-
+ * surface-default are the custom properties ClickableCard's own outline skin
+ * reads internally for border and background respectively — setting them
+ * here cascades down into it despite ClickableCard exposing no styling hook
+ * on its visible root element. The background tint (the `withBackground`
+ * state) is on unless the Harmony theme is active (`useBmHarmonyTheme`,
+ * SetupWidget.tsx) — it isn't part of the outline skin itself.
  * ------------------------------------------------------------------------- */
 .row {
-  -st-states: focused, hoverable, clickable;
+  -st-states: focused, withBackground;
 
   display: flex;
   flex-direction: column;
-  /* nearest default-theme token to the ~7-8px row padding; matches the SP1
-   * inner gaps for a consistent 6px rhythm */
-  padding: var(--wds-space-100, 6px);
-  border-radius: var(--wds-border-radius-200, 4px);
-  border: 1px solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB));
-  background-color: var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));
   /* clip (not hidden) keeps focus rings on the inner CTA from being cut off */
   overflow: clip;
+  --wds-clickable-card-outline-border-color: var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB));
 }
 
-.row:clickable {
-  cursor: pointer;
-}
-
-.row:hoverable:hover {
-  background-color: var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF));
-  border-color: var(--wds-color-border-standard-secondary, var(--wsr-color-B40, #D6E6FE));
+.row:focused {
+  --wds-clickable-card-outline-border-color: var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF));
 }
 
-.row:focused {
-  background-color: var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF));
-  border-color: var(--wds-color-border-standard-primary, var(--wsr-color-B30, #A8CAFF));
+.row:focused:withBackground {
+  --wds-color-fill-surface-default: var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF));
 }
 
 /* Completed step's CTA is revealed on row hover/focus (desktop), mirroring the

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

@@ -1,15 +1,15 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SetupWidget122544272";
+var _namespace_ = "SetupWidget4282571245";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SetupWidget122544272__root", "row": "SetupWidget122544272__row", "completedCta": "SetupWidget122544272__completedCta", "card": "SetupWidget122544272__card", "stepIcon": "SetupWidget122544272__stepIcon", "chevron": "SetupWidget122544272__chevron", "chevronDisabled": "SetupWidget122544272__chevronDisabled", "inProgressLabel": "SetupWidget122544272__inProgressLabel" };
+export var classes = { "root": "SetupWidget4282571245__root", "row": "SetupWidget4282571245__row", "completedCta": "SetupWidget4282571245__completedCta", "card": "SetupWidget4282571245__card", "stepIcon": "SetupWidget4282571245__stepIcon", "chevron": "SetupWidget4282571245__chevron", "chevronDisabled": "SetupWidget4282571245__chevronDisabled", "inProgressLabel": "SetupWidget4282571245__inProgressLabel" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};
 export var stVars = {};
-export var vars = { "wds-color-border-dark-secondary": "--wds-color-border-dark-secondary", "wds-color-border-standard-primary": "--wds-color-border-standard-primary", "wds-color-border-standard-secondary": "--wds-color-border-standard-secondary", "wds-color-fill-standard-tertiary": "--wds-color-fill-standard-tertiary", "wds-color-fill-standard-tertiary-hover": "--wds-color-fill-standard-tertiary-hover", "wsr-color-D60": "--wsr-color-D60", "wsr-color-D80": "--wsr-color-D80", "wsr-color-B30": "--wsr-color-B30", "wsr-color-B40": "--wsr-color-B40", "wsr-color-B60": "--wsr-color-B60", "wds-color-text-standard-primary": "--wds-color-text-standard-primary", "wds-color-text-disabled": "--wds-color-text-disabled", "wds-color-text-urgent": "--wds-color-text-urgent", "wsr-color-D10": "--wsr-color-D10", "wsr-color-D10-30": "--wsr-color-D10-30", "wsr-color-O10": "--wsr-color-O10", "wds-space-100": "--wds-space-100", "wds-border-radius-200": "--wds-border-radius-200", "wds-border-radius-400": "--wds-border-radius-400" };
+export var vars = { "wds-color-border-dark-secondary": "--wds-color-border-dark-secondary", "wds-color-fill-standard-tertiary": "--wds-color-fill-standard-tertiary", "wds-color-fill-standard-tertiary-hover": "--wds-color-fill-standard-tertiary-hover", "wsr-color-D60": "--wsr-color-D60", "wsr-color-D80": "--wsr-color-D80", "wsr-color-B60": "--wsr-color-B60", "wds-color-text-standard-primary": "--wds-color-text-standard-primary", "wds-color-text-disabled": "--wds-color-text-disabled", "wds-color-text-urgent": "--wds-color-text-urgent", "wsr-color-D10": "--wsr-color-D10", "wsr-color-D10-30": "--wsr-color-D10-30", "wsr-color-O10": "--wsr-color-O10", "wds-border-radius-400": "--wds-border-radius-400", "wds-clickable-card-outline-border-color": "--wds-clickable-card-outline-border-color", "wds-color-border-standard-primary-active": "--wds-color-border-standard-primary-active", "wsr-color-B10": "--wsr-color-B10", "wds-color-fill-surface-default": "--wds-color-fill-surface-default" };
 //# sourceMappingURL=SetupWidget.st.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SetupWidget.st.css.js","sourceRoot":"","sources":["../../../../src/components/SetupWidget/SetupWidget.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,4BAA4B,EAAC,KAAK,EAAC,2BAA2B,EAAC,cAAc,EAAC,oCAAoC,EAAC,MAAM,EAAC,4BAA4B,EAAC,UAAU,EAAC,gCAAgC,EAAC,SAAS,EAAC,+BAA+B,EAAC,iBAAiB,EAAC,uCAAuC,EAAC,iBAAiB,EAAC,uCAAuC,EAAC,CAAC;AAC/X,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,mCAAmC,EAAC,qCAAqC,EAAC,qCAAqC,EAAC,uCAAuC,EAAC,kCAAkC,EAAC,oCAAoC,EAAC,wCAAwC,EAAC,0CAA0C,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,yBAAyB,EAAC,2BAA2B,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,eAAe,EAAC,iBAAiB,EAAC,kBAAkB,EAAC,oBAAoB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,CAAC"}
+{"version":3,"file":"SetupWidget.st.css.js","sourceRoot":"","sources":["../../../../src/components/SetupWidget/SetupWidget.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,uBAAuB,CAAC;AAC1C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,6BAA6B,EAAC,KAAK,EAAC,4BAA4B,EAAC,cAAc,EAAC,qCAAqC,EAAC,MAAM,EAAC,6BAA6B,EAAC,UAAU,EAAC,iCAAiC,EAAC,SAAS,EAAC,gCAAgC,EAAC,iBAAiB,EAAC,wCAAwC,EAAC,iBAAiB,EAAC,wCAAwC,EAAC,CAAC;AACvY,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,kCAAkC,EAAC,oCAAoC,EAAC,wCAAwC,EAAC,0CAA0C,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,yBAAyB,EAAC,2BAA2B,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,eAAe,EAAC,iBAAiB,EAAC,kBAAkB,EAAC,oBAAoB,EAAC,eAAe,EAAC,iBAAiB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,yCAAyC,EAAC,2CAA2C,EAAC,0CAA0C,EAAC,4CAA4C,EAAC,eAAe,EAAC,iBAAiB,EAAC,gCAAgC,EAAC,kCAAkC,EAAC,CAAC"}

package/dist/esm/components/SetupWidget/SetupWidget.uni.driver.js

@@ -1,8 +1,9 @@
 import { baseUniDriverFactory } from '../../unidriver';
-import { ButtonUniDriver, TextButtonUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+import { ButtonUniDriver, ClickableCardUniDriver, TextButtonUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
 export default (base, body) => {
     const tryAgainButton = () => TextButtonUniDriver(base.$(`[data-hook="error-card-state-action-button"]`), body);
     const stepCta = (id) => ButtonUniDriver(base.$(`[data-hook="setup-step-cta-${id}"]`), body);
+    const stepCard = (id) => ClickableCardUniDriver(base.$(`[data-hook="setup-step-${id}"]`), body);
     return {
         /** Widget title text. */
         getTitle: () => base.$(`[data-hook="setup-widget-title"]`).text(),
@@ -12,8 +13,10 @@ export default (base, body) => {
         getStepTitles: () => base.$$(`[data-hook^="setup-step-title-"]`).map((el) => el.text()),
         /** Whether a given step row/card is rendered. */
         stepExists: (id) => base.$(`[data-hook="setup-step-${id}"]`).exists(),
-        /** Click a step's row/card (triggers inline toggle or navigate). */
+        /** Click a step's row/card. */
         clickStep: (id) => base.$(`[data-hook="setup-step-${id}"]`).click(),
+        /** Click a desktop step card's activation overlay. */
+        clickStepCard: (id) => stepCard(id).click(),
         /** Click a step's CTA button. */
         clickStepCta: (id) => stepCta(id).click(),
         /** Whether a step's CTA is rendered. */
@@ -22,6 +25,10 @@ export default (base, body) => {
         disabledTooltipExists: (id) => base.$(`[data-hook="setup-step-disabled-tooltip-${id}"]`).exists(),
         /** Whether a step's inline-expansion content is shown. */
         isStepExpanded: (id) => base.$(`[data-hook="setup-step-content-${id}"]`).exists(),
+        /** Inline content must be lifted over the card's activation overlay. */
+        getInlineContentActionStyle: (id) => base
+            .$(`[data-hook="setup-step-content-action-${id}"]`)
+            .attr('style'),
         /** Whether a step row/card is the single focused ("next") step. */
         isStepFocused: (id) => base
             .$(`[data-hook="setup-step-${id}"]`)

package/dist/esm/components/SetupWidget/SetupWidget.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"file":"SetupWidget.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/SetupWidget/SetupWidget.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EACL,eAAe,EACf,mBAAmB,GACpB,MAAM,2CAA2C,CAAC;AAEnD,eAAe,CAAC,IAAe,EAAE,IAAe,EAAE,EAAE;IAClD,MAAM,cAAc,GAAG,GAAG,EAAE,CAC1B,mBAAmB,CACjB,IAAI,CAAC,CAAC,CAAC,8CAA8C,CAAC,EACtD,IAAI,CACL,CAAC;IAEJ,MAAM,OAAO,GAAG,CAAC,EAAU,EAAE,EAAE,CAC7B,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,8BAA8B,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;IAEtE,OAAO;QACL,yBAAyB;QACzB,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,IAAI,EAAE;QACjE,2CAA2C;QAC3C,gBAAgB,EAAE,GAAG,EAAE,CACrB,IAAI,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAAC,IAAI,EAAE;QACtD,8CAA8C;QAC9C,aAAa,EAAE,GAAG,EAAE,CAClB,IAAI,CAAC,EAAE,CAAC,kCAAkC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC;QACpE,iDAAiD;QACjD,UAAU,EAAE,CAAC,EAAU,EAAE,EAAE,CACzB,IAAI,CAAC,CAAC,CAAC,0BAA0B,EAAE,IAAI,CAAC,CAAC,MAAM,EAAE;QACnD,oEAAoE;QACpE,SAAS,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,0BAA0B,EAAE,IAAI,CAAC,CAAC,KAAK,EAAE;QAC3E,iCAAiC;QACjC,YAAY,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE;QACjD,wCAAwC;QACxC,aAAa,EAAE,CAAC,EAAU,EAAE,EAAE,CAC5B,IAAI,CAAC,CAAC,CAAC,8BAA8B,EAAE,IAAI,CAAC,CAAC,MAAM,EAAE;QACvD,kEAAkE;QAClE,qBAAqB,EAAE,CAAC,EAAU,EAAE,EAAE,CACpC,IAAI,CAAC,CAAC,CAAC,2CAA2C,EAAE,IAAI,CAAC,CAAC,MAAM,EAAE;QACpE,0DAA0D;QAC1D,cAAc,EAAE,CAAC,EAAU,EAAE,EAAE,CAC7B,IAAI,CAAC,CAAC,CAAC,kCAAkC,EAAE,IAAI,CAAC,CAAC,MAAM,EAAE;QAC3D,mEAAmE;QACnE,aAAa,EAAE,CAAC,EAAU,EAAE,EAAE,CAC5B,IAAI;aACD,CAAC,CAAC,0BAA0B,EAAE,IAAI,CAAC;aACnC,IAAI,CAAC,cAAc,CAAC;aACpB,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,MAAM,CAAC;QACtC,wDAAwD;QACxD,eAAe,EAAE,CAAC,EAAU,EAAE,EAAE,CAC9B,IAAI,CAAC,CAAC,CAAC,mCAAmC,EAAE,IAAI,CAAC,CAAC,MAAM,EAAE;QAC5D,iEAAiE;QACjE,eAAe,EAAE,CAAC,QAAgB,EAAE,EAAE,CACpC,IAAI,CAAC,CAAC,CAAC,eAAe,QAAQ,IAAI,CAAC,CAAC,KAAK,EAAE;QAC7C,yDAAyD;QACzD,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,MAAM,EAAE;QACxE,6CAA6C;QAC7C,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAAC,MAAM,EAAE;QACvE,wCAAwC;QACxC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,MAAM,EAAE;QAChE,8DAA8D;QAC9D,aAAa,EAAE,GAAG,EAAE,CAAC,cAAc,EAAE,CAAC,KAAK,EAAE;QAC7C,GAAG,oBAAoB,CAAC,IAAI,CAAC;KAC9B,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"SetupWidget.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/SetupWidget/SetupWidget.uni.driver.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/SetupWidget/SetupWidgetSkeleton.js

@@ -32,7 +32,7 @@ export const SetupWidgetSkeleton = ({ isMobile, dataHook, }) => {
             React.createElement(Line, { width: "100%" }))));
     const body = (React.createElement(Box, { dataHook: "setup-widget-skeleton", direction: "vertical", width: "100%" },
         header,
-        React.createElement(Box, { direction: "vertical", gap: isMobile ? 'SP3' : 'SP1' }, Array.from({ length: SKELETON_ROW_COUNT }).map((_, index) => (React.createElement(Box, { key: index, width: "100%", padding: isMobile ? 'SP4' : 'SP1', minHeight: "30px", verticalAlign: "middle", border: "1px solid", borderColor: "D60", borderRadius: isMobile ? '8px' : '4px' },
+        React.createElement(Box, { direction: "vertical", gap: isMobile ? 'SP3' : 'SP1' }, Array.from({ length: SKELETON_ROW_COUNT }).map((_, index) => (React.createElement(Box, { key: index, width: "100%", padding: isMobile ? 'SP4' : 'SP1', minHeight: "30px", verticalAlign: "middle", border: "1px solid", borderColor: "var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB))", borderRadius: isMobile ? '8px' : '4px' },
             React.createElement(Line, { width: "40%" })))))));
     // Mobile renders bare (no outer card), matching the success layout.
     if (isMobile) {

package/dist/esm/components/SetupWidget/SetupWidgetSkeleton.js.map

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

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SkeletonCard2938728785";
+var _namespace_ = "SkeletonCard3264404199";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SkeletonCard2938728785__root", "headerLoading": "SkeletonCard2938728785__headerLoading" };
+export var classes = { "root": "SkeletonCard3264404199__root", "headerLoading": "SkeletonCard3264404199__headerLoading" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SlidingModal2563845956";
+var _namespace_ = "SlidingModal1088809015";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SlidingModal2563845956__root" };
+export var classes = { "root": "SlidingModal1088809015__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Table/AddFieldColumnHeader.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "AddFieldColumnHeader1409429537";
+var _namespace_ = "AddFieldColumnHeader3849828666";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "AddFieldColumnHeader1409429537__root", "title": "AddFieldColumnHeader1409429537__title", "hoverBridge": "AddFieldColumnHeader1409429537__hoverBridge" };
+export var classes = { "root": "AddFieldColumnHeader3849828666__root", "title": "AddFieldColumnHeader3849828666__title", "hoverBridge": "AddFieldColumnHeader3849828666__hoverBridge" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,10 +1,12 @@
 import { Box, Text } from '@wix/design-system';
 import React, { useEffect, useRef } from 'react';
 import { observer } from 'mobx-react-lite';
+import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
 import { classes, st } from './TabsFilter.st.css.js';
 function _TabTitle({ tabIndex, state, text, value, active, counterBadge, }) {
     const badge = counterBadge?.(value);
     const badgeRef = useRef();
+    const isBmHarmonyTheme = useBmHarmonyTheme();
     useEffect(() => {
         if (badgeRef.current) {
             state.badges.set(tabIndex, badgeRef.current);
@@ -15,7 +17,7 @@ function _TabTitle({ tabIndex, state, text, value, active, counterBadge, }) {
     }, [badgeRef.current]);
     return (React.createElement(Box, { className: st(classes.root, { selected: !!active }), dataHook: "tabs-filter-tab-title", verticalAlign: "middle", align: "center" },
         React.createElement(Box, { maxWidth: state.itemMaxWidth, flexShrink: 1, minWidth: 0 },
-            React.createElement(Text, { className: st(classes.title), dataHook: "title-text", ellipsis: true }, text)),
+            React.createElement(Text, { className: st(classes.title), dataHook: "title-text", ellipsis: true, size: isBmHarmonyTheme ? 'small' : undefined }, text)),
         badge && (React.createElement(Box, { dataHook: "title-badge", marginLeft: `${state.itemBadgeMargin}px` },
             React.createElement("div", { ref: (node) => {
                     if (node) {

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

@@ -1 +1 @@
-{"version":3,"file":"TabTitle.js","sourceRoot":"","sources":["../../../../src/components/TabsFilter/TabTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,KAAK,EAAE,EAAE,SAAS,EAAa,MAAM,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAWrD,SAAS,SAAS,CAAI,EACpB,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,KAAK,EACL,MAAM,EACN,YAAY,GACK;IACjB,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,MAAM,EAAmB,CAAC;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;SAC9C;QAED,OAAO,GAAG,EAAE;YACV,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAChC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,oBAAC,GAAG,IACF,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,EACnD,QAAQ,EAAC,uBAAuB,EAChC,aAAa,EAAC,QAAQ,EACtB,KAAK,EAAC,QAAQ;QAEd,oBAAC,GAAG,IAAC,QAAQ,EAAE,KAAK,CAAC,YAAY,EAAE,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC;YAC3D,oBAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAC,YAAY,EAAC,QAAQ,UAC/D,IAAI,CACA,CACH;QACL,KAAK,IAAI,CACR,oBAAC,GAAG,IAAC,QAAQ,EAAC,aAAa,EAAC,UAAU,EAAE,GAAG,KAAK,CAAC,eAAe,IAAI;YAClE,6BACE,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;oBACZ,IAAI,IAAI,EAAE;wBACR,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;qBACzB;gBACH,CAAC,IAEA,KAAK,CACF,CACF,CACP,CACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC"}
+{"version":3,"file":"TabTitle.js","sourceRoot":"","sources":["../../../../src/components/TabsFilter/TabTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,KAAK,EAAE,EAAE,SAAS,EAAa,MAAM,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAElE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAWrD,SAAS,SAAS,CAAI,EACpB,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,KAAK,EACL,MAAM,EACN,YAAY,GACK;IACjB,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,MAAM,EAAmB,CAAC;IAC3C,MAAM,gBAAgB,GAAG,iBAAiB,EAAE,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;SAC9C;QAED,OAAO,GAAG,EAAE;YACV,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAChC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,oBAAC,GAAG,IACF,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,EACnD,QAAQ,EAAC,uBAAuB,EAChC,aAAa,EAAC,QAAQ,EACtB,KAAK,EAAC,QAAQ;QAEd,oBAAC,GAAG,IAAC,QAAQ,EAAE,KAAK,CAAC,YAAY,EAAE,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC;YAC3D,oBAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC5B,QAAQ,EAAC,YAAY,EACrB,QAAQ,QACR,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,IAE3C,IAAI,CACA,CACH;QACL,KAAK,IAAI,CACR,oBAAC,GAAG,IAAC,QAAQ,EAAC,aAAa,EAAC,UAAU,EAAE,GAAG,KAAK,CAAC,eAAe,IAAI;YAClE,6BACE,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;oBACZ,IAAI,IAAI,EAAE;wBACR,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;qBACzB;gBACH,CAAC,IAEA,KAAK,CACF,CACF,CACP,CACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC"}

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

@@ -1,12 +1,8 @@
 @property st-global(--wds-color-text-standard-primary);
 @property st-global(--wds-tabs-label-fill);
 @property st-global(--wds-tabs-label-fill-active);
-@property st-global(--wds-tabs-label-font-size-medium);
-@property st-global(--wds-tabs-label-line-height-medium);
 @property st-global(--wsr-color-B10);
 @property st-global(--wsr-color-D10);
-@property st-global(--wsr-text-font-size-medium);
-@property st-global(--wsr-text-line-height-medium);
 
 .root {
   -st-states: selected;
@@ -14,8 +10,6 @@
 
 .root .title {
   color: var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)));
-  font-size: var(--wds-tabs-label-font-size-medium, var(--wsr-text-font-size-medium, 16px));
-  line-height: var(--wds-tabs-label-line-height-medium, var(--wsr-text-line-height-medium, 22px));
 }
 
 .root:selected .title,

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

@@ -1,15 +1,15 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "TabsFilter2813371047";
+var _namespace_ = "TabsFilter3586451056";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "TabsFilter2813371047__root", "title": "TabsFilter2813371047__title" };
+export var classes = { "root": "TabsFilter3586451056__root", "title": "TabsFilter3586451056__title" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};
 export var stVars = {};
-export var vars = { "wds-color-text-standard-primary": "--wds-color-text-standard-primary", "wds-tabs-label-fill": "--wds-tabs-label-fill", "wds-tabs-label-fill-active": "--wds-tabs-label-fill-active", "wds-tabs-label-font-size-medium": "--wds-tabs-label-font-size-medium", "wds-tabs-label-line-height-medium": "--wds-tabs-label-line-height-medium", "wsr-color-B10": "--wsr-color-B10", "wsr-color-D10": "--wsr-color-D10", "wsr-text-font-size-medium": "--wsr-text-font-size-medium", "wsr-text-line-height-medium": "--wsr-text-line-height-medium" };
+export var vars = { "wds-color-text-standard-primary": "--wds-color-text-standard-primary", "wds-tabs-label-fill": "--wds-tabs-label-fill", "wds-tabs-label-fill-active": "--wds-tabs-label-fill-active", "wsr-color-B10": "--wsr-color-B10", "wsr-color-D10": "--wsr-color-D10" };
 //# sourceMappingURL=TabsFilter.st.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TabsFilter.st.css.js","sourceRoot":"","sources":["../../../../src/components/TabsFilter/TabsFilter.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,4BAA4B,EAAC,OAAO,EAAC,6BAA6B,EAAC,CAAC;AACjG,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,4BAA4B,EAAC,8BAA8B,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,mCAAmC,EAAC,qCAAqC,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,2BAA2B,EAAC,6BAA6B,EAAC,6BAA6B,EAAC,+BAA+B,EAAC,CAAC"}
+{"version":3,"file":"TabsFilter.st.css.js","sourceRoot":"","sources":["../../../../src/components/TabsFilter/TabsFilter.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,4BAA4B,EAAC,OAAO,EAAC,6BAA6B,EAAC,CAAC;AACjG,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,4BAA4B,EAAC,8BAA8B,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}

package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "ManageTagsModal2370684890";
+var _namespace_ = "ManageTagsModal2897725672";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ManageTagsModal2370684890__root" };
+export var classes = { "root": "ManageTagsModal2897725672__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ToolbarItem2624997349";
+var _namespace_ = "ToolbarItem326594590";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ToolbarItem2624997349__root" };
+export var classes = { "root": "ToolbarItem326594590__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

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