@wix/patterns 1.381.0 → 1.383.0

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

@@ -0,0 +1,39 @@
+import React from 'react';
+
+import { CellRichTextInput } from '@wix/patterns-fields';
+
+import type { RichTextCellTypeConfig } from '../../../../state/EditableTable/types';
+import type { CellEditProps } from '../../types';
+import { RichTextView } from './View';
+
+export const RichTextEdit: React.FC<CellEditProps<string>> = ({
+  value,
+  onChange,
+  onCommit,
+  editTrigger,
+  typeConfig,
+}) => {
+  const initialTypedKey =
+    editTrigger &&
+    typeof editTrigger === 'object' &&
+    editTrigger.kind === 'type'
+      ? editTrigger.key
+      : undefined;
+
+  const { textStyle } =
+    (typeConfig as RichTextCellTypeConfig | undefined) ?? {};
+
+  return (
+    <>
+      {/* Show plain-text view underneath while the popover is open */}
+      <RichTextView value={value} />
+      <CellRichTextInput
+        value={value}
+        onChange={onChange}
+        initialTypedKey={initialTypedKey}
+        onCommit={onCommit}
+        textStyle={textStyle}
+      />
+    </>
+  );
+};

package/src/components/EditableTable/cellTypes/richText/Edit.uni.driver.ts

@@ -0,0 +1,10 @@
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+
+export function RichTextEditUniDriver(base: UniDriver, _body: UniDriver) {
+  return {
+    ...baseUniDriverFactory(base),
+    /** Returns true when the rich text editor popover is present in the DOM */
+    isPopoverOpen: () => base.$('[data-hook="rich-text"]').exists(),
+  };
+}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+
+import { CellRichTextView } from '@wix/patterns-fields';
+
+import type { CellViewProps } from '../../types';
+import { CellViewLayout } from '../CellViewLayout';
+
+export const RichTextView: React.FC<CellViewProps<string>> = ({ value }) => (
+  <CellViewLayout>
+    <CellRichTextView value={value} />
+  </CellViewLayout>
+);

package/src/components/EditableTable/cellTypes/richText/View.uni.driver.ts

@@ -0,0 +1,10 @@
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+
+export function RichTextViewUniDriver(base: UniDriver, _body: UniDriver) {
+  return {
+    ...baseUniDriverFactory(base),
+    /** Returns the plain-text content shown in the cell */
+    getValue: () => base.text(),
+  };
+}

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

@@ -0,0 +1,40 @@
+import React from 'react';
+import { Loader } from '@wix/design-system';
+
+import { HTMLToText } from '@wix/patterns-fields';
+
+import type { CellEditProps } from '../../types';
+import { defineCellType } from '../../types';
+import { RichTextView } from './View';
+
+const LazyRichTextEdit = React.lazy(() =>
+  import(/* webpackChunkName: "EditableTableRichTextEdit" */ './Edit').then(
+    (m) => ({ default: m.RichTextEdit }),
+  ),
+);
+
+const RichTextEdit = (props: CellEditProps<string>) => (
+  <React.Suspense fallback={<Loader size="tiny" />}>
+    <LazyRichTextEdit {...props} />
+  </React.Suspense>
+);
+
+export const richTextCellType = defineCellType<string>({
+  type: 'richText',
+  ViewComponent: RichTextView,
+  EditComponent: RichTextEdit,
+
+  /** Serialize to single-line plain text for TSV clipboard. */
+  serialize: (value) => {
+    if (!value) return '';
+    return HTMLToText(value, { singleLine: true }).trim();
+  },
+
+  /** Deserialize a pasted plain-text string back to a minimal HTML paragraph. */
+  deserialize: (raw) => (raw ? `<p>${raw}</p>` : ''),
+
+  editable: true,
+  clearable: false,
+
+  onTypeToEdit: () => ({}),
+});

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2187970819";
+var _namespace_ = "Edit418146851";
 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":"Edit2187970819__root","selectInput":"Edit2187970819__selectInput"};
+export var classes = {"root":"Edit418146851__root","selectInput":"Edit418146851__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_ = "Edit1413525660";
+var _namespace_ = "Edit1604167401";
 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":"Edit1413525660__root","editWrapper":"Edit1413525660__editWrapper","inputArea":"Edit1413525660__inputArea"};
+export var classes = {"root":"Edit1604167401__root","editWrapper":"Edit1604167401__editWrapper","inputArea":"Edit1604167401__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_ = "View3635888428";
+var _namespace_ = "View1834934438";
 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":"View3635888428__root"};
+export var classes = {"root":"View1834934438__root"};
 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_ = "Edit3375197161";
+var _namespace_ = "Edit909677896";
 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":"Edit3375197161__root","urlInput":"Edit3375197161__urlInput"};
+export var classes = {"root":"Edit909677896__root","urlInput":"Edit909677896__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_ = "View2866048905";
+var _namespace_ = "View2739012257";
 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":"View2866048905__root","textView":"View2866048905__textView","urlText":"View2866048905__urlText","suffix":"View2866048905__suffix"};
+export var classes = {"root":"View2739012257__root","textView":"View2739012257__textView","urlText":"View2739012257__urlText","suffix":"View2739012257__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/video/Edit.tsx

@@ -0,0 +1,35 @@
+import React, { useCallback, useRef } from 'react';
+import { CellVideoEdit } from '@wix/patterns-fields';
+import type { CellEditProps } from '../../types';
+
+export const VideoEdit: React.FC<CellEditProps<string | null>> = ({
+  value,
+  onChange,
+  onCommit,
+  onCancel,
+  onStartEdit,
+  inputRef,
+}) => {
+  const wrapperRef = useRef<HTMLDivElement | null>(null);
+  const requestCellFocus = useCallback(() => {
+    const cell = wrapperRef.current?.closest(
+      '[role="gridcell"]',
+    ) as HTMLElement | null;
+    cell?.focus({ preventScroll: true });
+  }, []);
+
+  return (
+    <div ref={wrapperRef} style={{ width: '100%', height: '100%' }}>
+      <CellVideoEdit
+        value={value}
+        onChange={onChange}
+        onCommit={onCommit}
+        onCancel={onCancel}
+        onStartEdit={onStartEdit}
+        inputRef={inputRef}
+        onRequestCellFocus={requestCellFocus}
+        dataHook="video-edit"
+      />
+    </div>
+  );
+};

package/src/components/EditableTable/cellTypes/video/Edit.uni.driver.ts

@@ -0,0 +1,14 @@
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+
+export function VideoEditUniDriver(base: UniDriver, _body: UniDriver) {
+  return {
+    ...baseUniDriverFactory(base),
+    hasAddButton: () => base.$('[data-hook="video-edit-add-button"]').exists(),
+    hasThumbnail: () => base.$('[data-hook="video-edit-thumbnail"]').exists(),
+    hasMoreButton: () =>
+      base.$('[data-hook="video-edit-more-button"]').exists(),
+    isLoading: () =>
+      base.$('[data-hook="video-edit"] [data-hook="loader"]').exists(),
+  };
+}

package/src/components/EditableTable/cellTypes/video/View.tsx

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ImageView as FieldsImageView } from '@wix/patterns-fields';
+import type { CellViewProps } from '../../types';
+
+export const VideoView: React.FC<CellViewProps<string | null>> = ({
+  value,
+}) => <FieldsImageView value={value} dataHook="video-view" />;

package/src/components/EditableTable/cellTypes/video/View.uni.driver.ts

@@ -0,0 +1,13 @@
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+
+export function VideoViewUniDriver(base: UniDriver, _body: UniDriver) {
+  return {
+    ...baseUniDriverFactory(base),
+    hasThumbnail: () => base.$('[data-hook="image-thumbnail"]').exists(),
+    isEmpty: async () => {
+      const thumbnail = base.$('[data-hook="image-thumbnail"]');
+      return (await thumbnail.attr('data-empty')) === 'true';
+    },
+  };
+}

package/src/components/EditableTable/cellTypes/video/index.ts

@@ -0,0 +1,18 @@
+import { defineCellType } from '../../types';
+import { VideoView } from './View';
+import { VideoEdit } from './Edit';
+
+export { VideoView, VideoEdit };
+
+export const videoCellType = defineCellType<string | null>({
+  type: 'video',
+  ViewComponent: VideoView,
+  EditComponent: VideoEdit,
+  serialize: (value) => value ?? '',
+  clearable: true,
+  showEditWhenFocused: true,
+  // Returning undefined blocks all key presses from starting type-to-edit, but
+  // the presence of the function sets the :typeToEdit CSS modifier which keeps
+  // the selection borders visible while the cell is in edit mode (double border).
+  onTypeToEdit: () => undefined,
+});

package/src/components/EditableTable/useBuiltInHeaderActions.tsx

@@ -4,6 +4,7 @@ import {
   SortDescendingSmall,
   ContentFilterSmall,
   HiddenSmall,
+  DeleteSmall,
 } from '@wix/wix-ui-icons-common';
 import type { FiltersMap } from '@wix/bex-core';
 import type { EditableTableState } from '../../state/EditableTable';
@@ -18,6 +19,8 @@ export function useBuiltInHeaderActions<T, F extends FiltersMap>(
 ): Record<string, ReactNode> {
   const { toolbar } = state;
   const { customColumnsState, panels, toolbarFiltersState } = toolbar;
+  const { handlers: fieldActionHandlers, permissions: fieldActionPermissions } =
+    state.fieldActions;
 
   return useMemo(() => {
     if (disabled) {
@@ -73,6 +76,21 @@ export function useBuiltInHeaderActions<T, F extends FiltersMap>(
         }
       }
 
+      // Group 4: Delete (schema mutation — isolated, last)
+      if (
+        fieldActionHandlers?.deleteField &&
+        !fieldActionPermissions?.deleteDisabled
+      ) {
+        groups.push([
+          {
+            label: 'Delete',
+            icon: <DeleteSmall />,
+            skin: 'destructive',
+            onClick: () => state.fieldActions.confirmDelete(col.id),
+          },
+        ]);
+      }
+
       if (groups.length > 0) {
         result[col.id] = (
           <HeaderActionsPopover
@@ -92,5 +110,7 @@ export function useBuiltInHeaderActions<T, F extends FiltersMap>(
     panels,
     toolbarFiltersState,
     disabled,
+    fieldActionHandlers,
+    fieldActionPermissions,
   ]);
 }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain758988730";
+var _namespace_ = "EntityPagePlain3648740532";
 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":"EntityPagePlain758988730__root"};
+export var classes = {"root":"EntityPagePlain3648740532__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_ = "Fade4037385382";
+var _namespace_ = "Fade2798601334";
 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":"Fade4037385382__root"};
+export var classes = {"root":"Fade2798601334__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_ = "Heading3014193496";
+var _namespace_ = "Heading4283394978";
 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":"Heading3014193496__root"};
+export var classes = {"root":"Heading4283394978__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_ = "ImportStepUpload162635118";
+var _namespace_ = "ImportStepUpload1956915583";
 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":"ImportStepUpload162635118__root","fileUpload":"ImportStepUpload162635118__fileUpload"};
+export var classes = {"root":"ImportStepUpload1956915583__root","fileUpload":"ImportStepUpload1956915583__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_ = "InputOverflow1873892648";
+var _namespace_ = "InputOverflow1386444251";
 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":"InputOverflow1873892648__root"};
+export var classes = {"root":"InputOverflow1386444251__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_ = "LoadingRow2988693935";
+var _namespace_ = "LoadingRow2729170404";
 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":"LoadingRow2988693935__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow2988693935__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow2729170404__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow2729170404__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_ = "MaxHeightText1094343565";
+var _namespace_ = "MaxHeightText2113493883";
 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":"MaxHeightText1094343565__root"};
+export var classes = {"root":"MaxHeightText2113493883__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_ = "MaxLines2877328221";
+var _namespace_ = "MaxLines1510031160";
 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":"MaxLines2877328221__root"};
+export var classes = {"root":"MaxLines1510031160__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_ = "MultiBulkActionToolbar3408629573";
+var _namespace_ = "MultiBulkActionToolbar4183797324";
 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":"MultiBulkActionToolbar3408629573__root","leftGroupWrapper":"MultiBulkActionToolbar3408629573__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3408629573__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3408629573__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar4183797324__root","leftGroupWrapper":"MultiBulkActionToolbar4183797324__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar4183797324__selectedCountItem","selectedCountText":"MultiBulkActionToolbar4183797324__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_ = "NestedTablePlaceholderStatesRow137894831";
+var _namespace_ = "NestedTablePlaceholderStatesRow2460991905";
 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":"NestedTablePlaceholderStatesRow137894831__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow2460991905__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_ = "NestedTableRow2822551837";
+var _namespace_ = "NestedTableRow854086528";
 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":"NestedTableRow2822551837__root","firstLevel":"NestedTableRow2822551837__firstLevel","placeholder":"NestedTableRow2822551837__placeholder","parentHovered":"NestedTableRow2822551837__parentHovered"};
+export var classes = {"root":"NestedTableRow854086528__root","firstLevel":"NestedTableRow854086528__firstLevel","placeholder":"NestedTableRow854086528__placeholder","parentHovered":"NestedTableRow854086528__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_ = "MultipleDragOverlayEffect918203553";
+var _namespace_ = "MultipleDragOverlayEffect1743193237";
 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":"MultipleDragOverlayEffect918203553__root"};
+export var classes = {"root":"MultipleDragOverlayEffect1743193237__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_ = "NestedTableDragAndDropRow2849287231";
+var _namespace_ = "NestedTableDragAndDropRow3974094863";
 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":"NestedTableDragAndDropRow2849287231__root"};
+export var classes = {"root":"NestedTableDragAndDropRow3974094863__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_ = "PickerContent1098415796";
+var _namespace_ = "PickerContent2887726794";
 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":"PickerContent1098415796__root"};
+export var classes = {"root":"PickerContent2887726794__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_ = "PickerContentAdditionalStep2163690254";
+var _namespace_ = "PickerContentAdditionalStep1576094083";
 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":"PickerContentAdditionalStep2163690254__root","titles":"PickerContentAdditionalStep2163690254__titles","suffix":"PickerContentAdditionalStep2163690254__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep1576094083__root","titles":"PickerContentAdditionalStep1576094083__titles","suffix":"PickerContentAdditionalStep1576094083__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};