@wix/patterns 1.394.0 → 1.395.0

package/src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SearchOrCustomFilter4072399066";
+var _namespace_ = "SearchOrCustomFilter189555529";
 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":"SearchOrCustomFilter4072399066__root","search":"SearchOrCustomFilter4072399066__search","searchMobile":"SearchOrCustomFilter4072399066__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter189555529__root","search":"SearchOrCustomFilter189555529__search","searchMobile":"SearchOrCustomFilter189555529__searchMobile"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts

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

package/src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts

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

package/src/components/CustomColumnsPanel/{CustomColumnsEntityPageCTA.tsx → CustomColumnsEntityPagePanelMount.tsx}

@@ -7,13 +7,13 @@ import { WixPatternsModalsContainer } from '../WixPatternsModalsContainer';
 import { WixPatternsPanelModalsContainer } from '../WixPatternsPanelModalsContainer';
 import { CustomColumnsEntityPagePanelEntry } from './CustomColumnsEntityPagePanelEntry';
 
-export interface CustomColumnsEntityPageCTAProps {
+export interface CustomColumnsEntityPagePanelMountProps {
   state: CustomColumnsEntityPageState;
 }
 
-function _CustomColumnsEntityPageCTA({
+function _CustomColumnsEntityPagePanelMount({
   state,
-}: CustomColumnsEntityPageCTAProps) {
+}: CustomColumnsEntityPagePanelMountProps) {
   const { panels } = state;
   const { isPanelLayout, useRelativeSidePanel } = useWixPatternsContainer();
   const { modalsContainerRef, stackingRootRef } = usePageContext();
@@ -40,6 +40,9 @@ function _CustomColumnsEntityPageCTA({
   );
 }
 
-_CustomColumnsEntityPageCTA.displayName = 'CustomColumnsEntityPageCTA';
+_CustomColumnsEntityPagePanelMount.displayName =
+  'CustomColumnsEntityPagePanelMount';
 
-export const CustomColumnsEntityPageCTA = observer(_CustomColumnsEntityPageCTA);
+export const CustomColumnsEntityPagePanelMount = observer(
+  _CustomColumnsEntityPagePanelMount,
+);

package/src/components/CustomColumnsPanel/SidePanelFieldActionsRow.tsx

@@ -0,0 +1,69 @@
+import React from 'react';
+import type { Column } from '../../model';
+import type { FieldActions } from '../../types/SchemaConfig';
+import {
+  buildFieldActionGroups,
+  HeaderActionsPopover,
+  type FieldActionColumn,
+  type FieldActionHandlers,
+  type FieldActionPermissions,
+} from '../FieldActions';
+
+const SIDE_PANEL_ACTION_GROUPS: Parameters<
+  typeof buildFieldActionGroups
+>[0]['groups'] = [
+  ['editField'],
+  ['makePrimary', 'duplicateField', 'duplicateFieldWithContent'],
+  ['delete'],
+];
+
+function toFieldActionColumn(col: Column): FieldActionColumn & { id: string } {
+  const isText =
+    col.fieldType === 'SHORT_TEXT' || col.fieldType === 'LONG_TEXT';
+  return {
+    id: col.id,
+    isPrimary: col.isPrimary,
+    isSystem: col.isSystem,
+    cellType: isText ? 'text' : col.fieldType,
+  };
+}
+
+export interface SidePanelFieldActionsRowProps {
+  column: Column;
+  fieldActions?: FieldActions;
+  permissions?: FieldActionPermissions;
+}
+
+export function SidePanelFieldActionsRow({
+  column,
+  fieldActions,
+  permissions,
+}: SidePanelFieldActionsRowProps) {
+  const handlers: FieldActionHandlers = {
+    editField: fieldActions?.editField
+      ? (id) => fieldActions.editField!(id, {})
+      : undefined,
+    makePrimary: fieldActions?.makePrimary,
+    duplicateField: fieldActions?.duplicateField,
+    duplicateFieldWithContent: fieldActions?.duplicateFieldWithContent,
+    delete: fieldActions?.deleteField,
+  };
+
+  const groups = buildFieldActionGroups({
+    column: toFieldActionColumn(column),
+    permissions,
+    handlers,
+    groups: SIDE_PANEL_ACTION_GROUPS,
+  });
+
+  if (groups.length === 0) {
+    return null;
+  }
+
+  return (
+    <HeaderActionsPopover
+      actions={groups}
+      dataHook={`side-panel-field-actions-${column.id}`}
+    />
+  );
+}

package/src/components/CustomColumnsPanel/index.ts

@@ -1,2 +1,2 @@
 export * from './CustomColumnsPanel';
-export * from './CustomColumnsEntityPageCTA';
+export * from './CustomColumnsEntityPagePanelMount';

package/src/components/CustomColumnsPanel/useSidePanelFieldActions.tsx

@@ -1,32 +1,15 @@
-import React, { useMemo, type ReactNode } from 'react';
+import React, { Suspense, lazy, useMemo, type ReactNode } from 'react';
 import type { Column } from '../../model';
 import type { FieldActions } from '../../types/SchemaConfig';
-import {
-  buildFieldActionGroups,
-  HeaderActionsPopover,
-  type FieldActionColumn,
-  type FieldActionHandlers,
-  type FieldActionPermissions,
-} from '../FieldActions';
+import type { FieldActionPermissions } from '../FieldActions';
 
-const SIDE_PANEL_ACTION_GROUPS: Parameters<
-  typeof buildFieldActionGroups
->[0]['groups'] = [
-  ['editField'],
-  ['makePrimary', 'duplicateField', 'duplicateFieldWithContent'],
-  ['delete'],
-];
-
-function toFieldActionColumn(col: Column): FieldActionColumn & { id: string } {
-  const isText =
-    col.fieldType === 'SHORT_TEXT' || col.fieldType === 'LONG_TEXT';
-  return {
-    id: col.id,
-    isPrimary: col.isPrimary,
-    isSystem: col.isSystem,
-    cellType: isText ? 'text' : col.fieldType,
-  };
-}
+const SidePanelFieldActionsRow = lazy(() =>
+  import(
+    /* webpackChunkName: "SidePanelFieldActions" */ './SidePanelFieldActionsRow'
+  ).then((m) => ({
+    default: m.SidePanelFieldActionsRow,
+  })),
+);
 
 export function useSidePanelFieldActions(
   columns: Column[],
@@ -34,34 +17,18 @@ export function useSidePanelFieldActions(
   permissions?: FieldActionPermissions,
 ): Record<string, ReactNode> {
   return useMemo(() => {
-    const handlers: FieldActionHandlers = {
-      editField: fieldActions?.editField
-        ? (id) => fieldActions.editField!(id, {})
-        : undefined,
-      makePrimary: (id) => fieldActions?.makePrimary?.(id),
-      duplicateField: fieldActions?.duplicateField,
-      duplicateFieldWithContent: fieldActions?.duplicateField,
-      delete: fieldActions?.deleteField,
-    };
-
     const result: Record<string, ReactNode> = {};
 
     for (const col of columns) {
-      const groups = buildFieldActionGroups({
-        column: toFieldActionColumn(col),
-        permissions,
-        handlers,
-        groups: SIDE_PANEL_ACTION_GROUPS,
-      });
-
-      if (groups.length > 0) {
-        result[col.id] = (
-          <HeaderActionsPopover
-            actions={groups}
-            dataHook={`side-panel-field-actions-${col.id}`}
+      result[col.id] = (
+        <Suspense fallback={null}>
+          <SidePanelFieldActionsRow
+            column={col}
+            fieldActions={fieldActions}
+            permissions={permissions}
           />
-        );
-      }
+        </Suspense>
+      );
     }
 
     return result;

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

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

package/src/components/EditableTable/EditableCell.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EditableCell1465799318";
+var _namespace_ = "EditableCell924947191";
 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":"EditableCell1465799318__root","validationIndicator":"EditableCell1465799318__validationIndicator"};
+export var classes = {"root":"EditableCell924947191__root","validationIndicator":"EditableCell924947191__validationIndicator"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/HeaderActionsPopover.st.css.ts

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

package/src/components/EditableTable/cellTypes/CellViewLayout.st.css.ts

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit534223365";
+var _namespace_ = "Edit2046697272";
 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":"Edit534223365__root","booleanEdit":"Edit534223365__booleanEdit"};
+export var classes = {"root":"Edit2046697272__root","booleanEdit":"Edit2046697272__booleanEdit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View316884450";
+var _namespace_ = "View2186983758";
 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":"View316884450__root","booleanView":"View316884450__booleanView"};
+export var classes = {"root":"View2186983758__root","booleanView":"View2186983758__booleanView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit556565131";
+var _namespace_ = "Edit982507643";
 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":"Edit556565131__root","dateInput":"Edit556565131__dateInput"};
+export var classes = {"root":"Edit982507643__root","dateInput":"Edit982507643__dateInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1472698785";
+var _namespace_ = "Edit2129256348";
 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":"Edit1472698785__root","emailInput":"Edit1472698785__emailInput"};
+export var classes = {"root":"Edit2129256348__root","emailInput":"Edit2129256348__emailInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3445079294";
+var _namespace_ = "Edit4294714850";
 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":"Edit3445079294__root","numberInput":"Edit3445079294__numberInput"};
+export var classes = {"root":"Edit4294714850__root","numberInput":"Edit4294714850__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_ = "View2972152045";
+var _namespace_ = "View3464057793";
 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":"View2972152045__root","textView":"View2972152045__textView"};
+export var classes = {"root":"View3464057793__root","textView":"View3464057793__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_ = "Edit4109658587";
+var _namespace_ = "Edit1068427984";
 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":"Edit4109658587__root","jsonInput":"Edit4109658587__jsonInput"};
+export var classes = {"root":"Edit1068427984__root","jsonInput":"Edit1068427984__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_ = "View85684431";
+var _namespace_ = "View3283037662";
 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":"View85684431__root"};
+export var classes = {"root":"View3283037662__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit726422225";
+var _namespace_ = "Edit2636752142";
 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":"Edit726422225__root","selectInput":"Edit726422225__selectInput"};
+export var classes = {"root":"Edit2636752142__root","selectInput":"Edit2636752142__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_ = "Edit3885633040";
+var _namespace_ = "Edit2440547839";
 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":"Edit3885633040__root","editWrapper":"Edit3885633040__editWrapper","inputArea":"Edit3885633040__inputArea"};
+export var classes = {"root":"Edit2440547839__root","editWrapper":"Edit2440547839__editWrapper","inputArea":"Edit2440547839__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_ = "View702287077";
+var _namespace_ = "View709281504";
 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":"View702287077__root"};
+export var classes = {"root":"View709281504__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_ = "Edit99930963";
+var _namespace_ = "Edit1654419121";
 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":"Edit99930963__root","urlInput":"Edit99930963__urlInput"};
+export var classes = {"root":"Edit1654419121__root","urlInput":"Edit1654419121__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_ = "View3488769363";
+var _namespace_ = "View3029553590";
 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":"View3488769363__root","textView":"View3488769363__textView","urlText":"View3488769363__urlText","suffix":"View3488769363__suffix"};
+export var classes = {"root":"View3029553590__root","textView":"View3029553590__textView","urlText":"View3029553590__urlText","suffix":"View3029553590__suffix"};
 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_ = "EntityPagePlain2028930317";
+var _namespace_ = "EntityPagePlain3210283101";
 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":"EntityPagePlain2028930317__root"};
+export var classes = {"root":"EntityPagePlain3210283101__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_ = "Fade3290219237";
+var _namespace_ = "Fade212066349";
 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":"Fade3290219237__root"};
+export var classes = {"root":"Fade212066349__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};