@wix/patterns 1.460.0 → 1.461.0

package/src/components/EditableTable/cellTypes/mediaGallery/index.tsx

@@ -8,7 +8,10 @@ import { MediaGalleryView } from './View';
 const mediaGalleryEditFactory = () =>
   import(/* webpackChunkName: "EditableTableMediaGalleryEdit" */ './Edit');
 
-if (typeof process !== 'undefined' && process.env.STORYBOOK_VISUAL_E2E !== 'true') {
+if (
+  typeof process !== 'undefined' &&
+  process.env.STORYBOOK_VISUAL_E2E !== 'true'
+) {
   mediaGalleryEditFactory();
 }
 
@@ -27,7 +30,8 @@ export const mediaGalleryCellType = defineCellType<WixCodeGalleryItem[] | null>(
     type: 'mediaGallery',
     ViewComponent: MediaGalleryView,
     EditComponent: MediaGalleryEdit,
-    serialize: (value) => (value ?? []).map((item) => item.src).join(', '),
+    serialize: (value) =>
+      (Array.isArray(value) ? value : []).map((item) => item.src).join(', '),
     clearable: true,
     showEditWhenFocused: true,
     // Returning undefined blocks all key presses from starting type-to-edit, but

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit420742396";
+var _namespace_ = "Edit1473858831";
 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":"Edit420742396__root","numberInput":"Edit420742396__numberInput"};
+export var classes = {"root":"Edit1473858831__root","numberInput":"Edit1473858831__numberInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View1354555102";
+var _namespace_ = "View1557573447";
 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":"View1354555102__root","textView":"View1354555102__textView"};
+export var classes = {"root":"View1557573447__root","textView":"View1557573447__textView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1339096967";
+var _namespace_ = "Edit591042281";
 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":"Edit1339096967__root","jsonInput":"Edit1339096967__jsonInput"};
+export var classes = {"root":"Edit591042281__root","jsonInput":"Edit591042281__jsonInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

package/src/components/EditableTable/cellTypes/richContent/index.tsx

@@ -49,7 +49,7 @@ export const richContentCellType = defineCellType<unknown>({
   deserialize: (raw) => (raw ? fromPlainText(raw) : null),
 
   editable: true,
-  clearable: false,
+  clearable: true,
 
   onTypeToEdit: () => ({}),
 });

package/src/components/EditableTable/cellTypes/richText/index.tsx

@@ -34,7 +34,7 @@ export const richTextCellType = defineCellType<string>({
   deserialize: (raw) => (raw ? `<p>${raw}</p>` : ''),
 
   editable: true,
-  clearable: false,
+  clearable: true,
 
   onTypeToEdit: () => ({}),
 });

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3206971985";
+var _namespace_ = "Edit2583059106";
 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":"Edit3206971985__root","selectInput":"Edit3206971985__selectInput"};
+export var classes = {"root":"Edit2583059106__root","selectInput":"Edit2583059106__selectInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1236013885";
+var _namespace_ = "Edit1994557381";
 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":"Edit1236013885__root","editWrapper":"Edit1236013885__editWrapper","inputArea":"Edit1236013885__inputArea"};
+export var classes = {"root":"Edit1994557381__root","editWrapper":"Edit1994557381__editWrapper","inputArea":"Edit1994557381__inputArea"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3312516677";
+var _namespace_ = "Edit3976434641";
 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":"Edit3312516677__root","wrapper":"Edit3312516677__wrapper","overlay":"Edit3312516677__overlay"};
+export var classes = {"root":"Edit3976434641__root","wrapper":"Edit3976434641__wrapper","overlay":"Edit3976434641__overlay"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit907570650";
+var _namespace_ = "Edit4029121885";
 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":"Edit907570650__root","urlInput":"Edit907570650__urlInput"};
+export var classes = {"root":"Edit4029121885__root","urlInput":"Edit4029121885__urlInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View1602919579";
+var _namespace_ = "View385205916";
 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":"View1602919579__root","textView":"View1602919579__textView","urlText":"View1602919579__urlText","suffix":"View1602919579__suffix"};
+export var classes = {"root":"View385205916__root","textView":"View385205916__textView","urlText":"View385205916__urlText","suffix":"View385205916__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/useClipboardHandler.ts

@@ -57,10 +57,6 @@ export function useClipboardHandler<T, F extends FiltersMap>(
 
       e.preventDefault();
       const rawData = e.clipboardData?.getData('text/plain') ?? '';
-      if (!rawData) {
-        return;
-      }
-
       clipboard.paste(rawData);
     },
     [cellInteraction, clipboard, state],

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

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

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

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

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

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

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ImportStepUpload1969927437";
+var _namespace_ = "ImportStepUpload3247705764";
 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":"ImportStepUpload1969927437__root","fileUpload":"ImportStepUpload1969927437__fileUpload"};
+export var classes = {"root":"ImportStepUpload3247705764__root","fileUpload":"ImportStepUpload3247705764__fileUpload"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow96673417";
+var _namespace_ = "LoadingRow477909419";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"LoadingRow96673417__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow96673417__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow477909419__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow477909419__gradientSwoosh"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

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

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

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar3253052524";
+var _namespace_ = "MultiBulkActionToolbar2649094695";
 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":"MultiBulkActionToolbar3253052524__root","leftGroupWrapper":"MultiBulkActionToolbar3253052524__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3253052524__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3253052524__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar2649094695__root","leftGroupWrapper":"MultiBulkActionToolbar2649094695__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar2649094695__selectedCountItem","selectedCountText":"MultiBulkActionToolbar2649094695__selectedCountText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableRow1180789050";
+var _namespace_ = "NestedTableRow774112669";
 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":"NestedTableRow1180789050__root","firstLevel":"NestedTableRow1180789050__firstLevel","placeholder":"NestedTableRow1180789050__placeholder","parentHovered":"NestedTableRow1180789050__parentHovered"};
+export var classes = {"root":"NestedTableRow774112669__root","firstLevel":"NestedTableRow774112669__firstLevel","placeholder":"NestedTableRow774112669__placeholder","parentHovered":"NestedTableRow774112669__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_ = "MultipleDragOverlayEffect3656926460";
+var _namespace_ = "MultipleDragOverlayEffect788284026";
 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":"MultipleDragOverlayEffect3656926460__root"};
+export var classes = {"root":"MultipleDragOverlayEffect788284026__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_ = "NestedTableDragAndDropRow3015241783";
+var _namespace_ = "NestedTableDragAndDropRow2432249017";
 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":"NestedTableDragAndDropRow3015241783__root"};
+export var classes = {"root":"NestedTableDragAndDropRow2432249017__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_ = "PickerContent2485467371";
+var _namespace_ = "PickerContent2368873188";
 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":"PickerContent2485467371__root"};
+export var classes = {"root":"PickerContent2368873188__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_ = "PickerContentAdditionalStep2592055544";
+var _namespace_ = "PickerContentAdditionalStep1074001824";
 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":"PickerContentAdditionalStep2592055544__root","titles":"PickerContentAdditionalStep2592055544__titles","suffix":"PickerContentAdditionalStep2592055544__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep1074001824__root","titles":"PickerContentAdditionalStep1074001824__titles","suffix":"PickerContentAdditionalStep1074001824__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_ = "PickerTableListItem3977218348";
+var _namespace_ = "PickerTableListItem3679162544";
 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":"PickerTableListItem3977218348__root"};
+export var classes = {"root":"PickerTableListItem3679162544__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_ = "ScrollableContent2756177241";
+var _namespace_ = "ScrollableContent513350404";
 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":"ScrollableContent2756177241__root"};
+export var classes = {"root":"ScrollableContent513350404__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_ = "SetupWidget3317736394";
+var _namespace_ = "SetupWidget396087111";
 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":"SetupWidget3317736394__root","row":"SetupWidget3317736394__row","completedCta":"SetupWidget3317736394__completedCta","secondaryCta":"SetupWidget3317736394__secondaryCta","card":"SetupWidget3317736394__card","stepIcon":"SetupWidget3317736394__stepIcon","chevron":"SetupWidget3317736394__chevron","chevronDisabled":"SetupWidget3317736394__chevronDisabled","inProgressLabel":"SetupWidget3317736394__inProgressLabel"};
+export var classes = {"root":"SetupWidget396087111__root","row":"SetupWidget396087111__row","completedCta":"SetupWidget396087111__completedCta","secondaryCta":"SetupWidget396087111__secondaryCta","card":"SetupWidget396087111__card","stepIcon":"SetupWidget396087111__stepIcon","chevron":"SetupWidget396087111__chevron","chevronDisabled":"SetupWidget396087111__chevronDisabled","inProgressLabel":"SetupWidget396087111__inProgressLabel"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard2783720785";
+var _namespace_ = "SkeletonCard577227391";
 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":"SkeletonCard2783720785__root","headerLoading":"SkeletonCard2783720785__headerLoading"};
+export var classes = {"root":"SkeletonCard577227391__root","headerLoading":"SkeletonCard577227391__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_ = "SlidingModal3852966151";
+var _namespace_ = "SlidingModal235468513";
 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":"SlidingModal3852966151__root"};
+export var classes = {"root":"SlidingModal235468513__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};