@wix/patterns 1.407.0 → 1.409.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1987376397";
+var _namespace_ = "Edit339586096";
 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":"Edit1987376397__root","booleanEdit":"Edit1987376397__booleanEdit"};
+export var classes = {"root":"Edit339586096__root","booleanEdit":"Edit339586096__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_ = "View916549261";
+var _namespace_ = "View3465172739";
 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":"View916549261__root","booleanView":"View916549261__booleanView"};
+export var classes = {"root":"View3465172739__root","booleanView":"View3465172739__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_ = "Edit2631968375";
+var _namespace_ = "Edit3406566170";
 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":"Edit2631968375__root","dateInput":"Edit2631968375__dateInput"};
+export var classes = {"root":"Edit3406566170__root","dateInput":"Edit3406566170__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_ = "View650489826";
+var _namespace_ = "View4070270555";
 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":"View650489826__root"};
+export var classes = {"root":"View4070270555__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_ = "Edit4086073852";
+var _namespace_ = "Edit1624166194";
 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":"Edit4086073852__root","emailInput":"Edit4086073852__emailInput"};
+export var classes = {"root":"Edit1624166194__root","emailInput":"Edit1624166194__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_ = "View4152840706";
+var _namespace_ = "View1530007929";
 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":"View4152840706__root"};
+export var classes = {"root":"View1530007929__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -3,6 +3,7 @@ import { textCellType } from './text';
 import { numberCellType } from './number';
 import { booleanCellType } from './boolean';
 import { dateCellType } from './date';
+import { timeCellType } from './time';
 import { urlCellType } from './url';
 import { emailCellType } from './email';
 import { objectCellType } from './object';
@@ -13,12 +14,14 @@ import { videoCellType } from './video';
 import { richTextCellType } from './richText';
 import { mediaGalleryCellType } from './mediaGallery';
 import { referenceCellType } from './reference';
+import { addressCellType } from './address';
 
 export {
   textCellType,
   numberCellType,
   booleanCellType,
   dateCellType,
+  timeCellType,
   urlCellType,
   emailCellType,
   objectCellType,
@@ -29,6 +32,7 @@ export {
   richTextCellType,
   mediaGalleryCellType,
   referenceCellType,
+  addressCellType,
 };
 
 /** All built-in cell types */
@@ -37,6 +41,7 @@ export const builtInCellTypes: CellType[] = [
   numberCellType,
   booleanCellType,
   dateCellType,
+  timeCellType,
   urlCellType,
   emailCellType,
   objectCellType,
@@ -47,4 +52,5 @@ export const builtInCellTypes: CellType[] = [
   richTextCellType,
   mediaGalleryCellType,
   referenceCellType,
+  addressCellType,
 ];

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2967145902";
+var _namespace_ = "Edit3726411292";
 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":"Edit2967145902__root","numberInput":"Edit2967145902__numberInput"};
+export var classes = {"root":"Edit3726411292__root","numberInput":"Edit3726411292__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_ = "View1184216687";
+var _namespace_ = "View1909928753";
 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":"View1184216687__root","textView":"View1184216687__textView"};
+export var classes = {"root":"View1909928753__root","textView":"View1909928753__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_ = "Edit1926283062";
+var _namespace_ = "Edit1965841654";
 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":"Edit1926283062__root","jsonInput":"Edit1926283062__jsonInput"};
+export var classes = {"root":"Edit1965841654__root","jsonInput":"Edit1965841654__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_ = "View407662992";
+var _namespace_ = "View776926972";
 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":"View407662992__root"};
+export var classes = {"root":"View776926972__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_ = "Edit2623857855";
+var _namespace_ = "Edit3791052357";
 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":"Edit2623857855__root","selectInput":"Edit2623857855__selectInput"};
+export var classes = {"root":"Edit3791052357__root","selectInput":"Edit3791052357__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_ = "Edit2585579382";
+var _namespace_ = "Edit2492481644";
 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":"Edit2585579382__root","editWrapper":"Edit2585579382__editWrapper","inputArea":"Edit2585579382__inputArea"};
+export var classes = {"root":"Edit2492481644__root","editWrapper":"Edit2492481644__editWrapper","inputArea":"Edit2492481644__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_ = "View2508001803";
+var _namespace_ = "View3934756930";
 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":"View2508001803__root"};
+export var classes = {"root":"View3934756930__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -0,0 +1,32 @@
+@property st-global(--wds-input-value-font-size-small);
+@property st-global(--wds-input-value-font-line-height-small);
+@property st-global(--wds-font-size-body-small);
+@property st-global(--wds-font-line-height-body-small);
+@property st-global(--wds-color-background-elevation-base);
+
+.wrapper {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+
+  /* WSR TimeInput small renders text at `--wds-font-size-body-tiny` (12px /
+     16px) in the BM/odeditor theme, but `TimeView` (View + overlay) uses WDS
+     `Text size="small"` (14px / 18px). The size mismatch makes the time
+     "shrink-jump" when the mask flips off after the WSR input syncs. Pin the
+     input value font to body-small so both renderings match exactly. */
+  --wds-input-value-font-size-small: var(--wds-font-size-body-small);
+  --wds-input-value-font-line-height-small: var(
+    --wds-font-line-height-body-small
+  );
+}
+
+.overlay {
+  /* Inset by 2px so the cell's editing focus ring
+     (inset box-shadow on EditableCell) stays visible. */
+  position: absolute;
+  inset: 2px;
+  pointer-events: none;
+  background: var(--wds-color-background-elevation-base, #fff);
+}

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

@@ -0,0 +1,25 @@
+// @ts-nocheck
+
+
+import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "Edit3174627134";
+var _style_ = classesRuntime.bind(null, _namespace_);
+
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st: import("@stylable/runtime").STFunction = _style_;
+
+export var namespace = _namespace_;
+export var classes = {"root":"Edit3174627134__root","wrapper":"Edit3174627134__wrapper","overlay":"Edit3174627134__overlay"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {"wds-input-value-font-size-small":"--wds-input-value-font-size-small","wds-input-value-font-line-height-small":"--wds-input-value-font-line-height-small","wds-font-size-body-small":"--wds-font-size-body-small","wds-font-line-height-body-small":"--wds-font-line-height-body-small","wds-color-background-elevation-base":"--wds-color-background-elevation-base"}; 
+
+
+
+

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

@@ -0,0 +1,63 @@
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import {
+  CellTimeInput,
+  TimeView as FieldsTimeView,
+  type Time,
+} from '@wix/patterns-fields';
+import type { TimeInputImperativeActions } from '@wix/design-system';
+import type { CellEditProps } from '../../types';
+import { useCloseOnAncestorScroll } from '../../../../hooks/useCloseOnAncestorScroll';
+import { CellViewLayout } from '../CellViewLayout';
+import { classes } from './Edit.st.css.js';
+
+export const TimeEdit: React.FC<CellEditProps<Time | null>> = ({
+  value,
+  onChange,
+  onCommit,
+  onCancel,
+  inputRef,
+  editTrigger,
+}) => {
+  const wrapperRef = useRef<HTMLDivElement | null>(null);
+  const timeInputRef = useRef<TimeInputImperativeActions | null>(null);
+  const [maskInitialEmpty, setMaskInitialEmpty] = useState(value != null);
+  useEffect(() => setMaskInitialEmpty(false), []);
+
+  const closeDropdown = useCallback(() => timeInputRef.current?.blur(), []);
+  useCloseOnAncestorScroll(wrapperRef, closeDropdown, !!editTrigger);
+
+  const handleKeyDownCapture = useCallback(
+    (e: React.KeyboardEvent) => {
+      if (e.key === 'Escape') {
+        e.preventDefault();
+        e.stopPropagation();
+        onCancel();
+      }
+    },
+    [onCancel],
+  );
+
+  return (
+    <div
+      ref={wrapperRef}
+      onKeyDownCapture={handleKeyDownCapture}
+      className={classes.wrapper}
+    >
+      <CellTimeInput
+        ref={timeInputRef}
+        value={value}
+        onChange={onChange}
+        onCommit={onCommit}
+        inputRef={inputRef}
+        dataHook="time-edit"
+      />
+      {maskInitialEmpty && value != null && (
+        <div aria-hidden className={classes.overlay}>
+          <CellViewLayout>
+            <FieldsTimeView data={value} />
+          </CellViewLayout>
+        </div>
+      )}
+    </div>
+  );
+};

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

@@ -0,0 +1,15 @@
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+
+export function TimeEditUniDriver(base: UniDriver, _body: UniDriver) {
+  const getInput = () => base.$('input');
+
+  return {
+    ...baseUniDriverFactory(base),
+    getInputValue: () => getInput().attr('value'),
+    clickInput: () => getInput().click(),
+    clickClear: () => base.$('[data-hook="cell-time-input-clear"]').click(),
+    hasClearButton: () =>
+      base.$('[data-hook="cell-time-input-clear"]').exists(),
+  };
+}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TimeView as FieldsTimeView, type Time } from '@wix/patterns-fields';
+import type { CellViewProps } from '../../types';
+import { CellViewLayout } from '../CellViewLayout';
+
+export const TimeView: React.FC<CellViewProps<Time | null>> = ({ value }) => (
+  <CellViewLayout>
+    <FieldsTimeView data={value ?? undefined} dataHook="time-view" />
+  </CellViewLayout>
+);

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

@@ -0,0 +1,9 @@
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+
+export function TimeViewUniDriver(base: UniDriver, _body: UniDriver) {
+  return {
+    ...baseUniDriverFactory(base),
+    getFormattedTime: () => base.text(),
+  };
+}

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

@@ -0,0 +1,45 @@
+import type { Time } from '@wix/patterns-fields';
+import { defineCellType } from '../../types';
+import { TimeView } from './View';
+import { TimeEdit } from './Edit';
+
+export { TimeView, TimeEdit };
+
+// Accepts `hh:mm`, `hh:mm:ss`, or `hh:mm:ss.SSS`. The Time type round-trips
+// through `timeToDate`/`dateToTime` (which always emits the full form), so
+// stored values are typically `hh:mm:ss.SSS` after the first edit.
+const TIME_REGEXP =
+  /^([01]?[0-9]|2[0-3]):[0-5][0-9](:[0-5][0-9](\.[0-9]{1,3})?)?$/;
+
+export const timeCellType = defineCellType<Time | null>({
+  type: 'time',
+  ViewComponent: TimeView,
+  EditComponent: TimeEdit,
+  // Time strings are timezone-neutral — pass through as-is for clipboard TSV.
+  serialize: (value) => value ?? '',
+  deserialize: (raw) => {
+    if (!raw) {
+      return null;
+    }
+    if (!TIME_REGEXP.test(raw)) {
+      throw new Error(
+        `Invalid time value: "${raw}" (expected hh:mm[:ss[.SSS]])`,
+      );
+    }
+    return raw;
+  },
+  validate: (value) => {
+    if (!value) {
+      return null;
+    }
+    return TIME_REGEXP.test(value) ? null : 'Invalid time';
+  },
+  editable: true,
+  clearable: true,
+  // Clear the committed value when entering edit mode via typing. With
+  // `nativeTypeToEdit`, cairo focuses the WDS input synchronously inside the
+  // keydown handler and lets the browser deliver the typed character to the
+  // now-focused input naturally — no programmatic seeding required.
+  nativeTypeToEdit: true,
+  onTypeToEdit: () => ({ value: null }),
+});

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2323644004";
+var _namespace_ = "Edit1416333859";
 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":"Edit2323644004__root","urlInput":"Edit2323644004__urlInput"};
+export var classes = {"root":"Edit1416333859__root","urlInput":"Edit1416333859__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_ = "View283583614";
+var _namespace_ = "View3557964787";
 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":"View283583614__root","textView":"View283583614__textView","urlText":"View283583614__urlText","suffix":"View283583614__suffix"};
+export var classes = {"root":"View3557964787__root","textView":"View3557964787__textView","urlText":"View3557964787__urlText","suffix":"View3557964787__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/types.ts

@@ -52,7 +52,7 @@ export interface CellEditProps<V> {
  */
 export type CellTypeDefinition<V> = Pick<
   CellType,
-  'editable' | 'clearable' | 'showEditWhenFocused'
+  'editable' | 'clearable' | 'showEditWhenFocused' | 'nativeTypeToEdit'
 > & {
   type: CellType['type'];
   ViewComponent: React.ComponentType<CellViewProps<V>>;

package/src/components/EditableTable/useCellFocusAndEditing.ts

@@ -1,4 +1,5 @@
 import { useEffect, useLayoutEffect, useCallback, useMemo } from 'react';
+import { flushSync } from 'react-dom';
 import type { FiltersMap } from '@wix/bex-core';
 import type { EditableTableState } from '../../state/EditableTable';
 import { Focusable } from './types';
@@ -146,6 +147,27 @@ export function useCellFocusAndEditing<T, F extends FiltersMap>({
           return;
         }
 
+        if (resolved.nativeTypeToEdit) {
+          // Synchronously enter edit mode and focus the input within the same
+          // keydown event. The browser's default action then delivers the
+          // character to the now-focused input — no programmatic seeding.
+          // Mirrors cms-web's `focusOnTyping` pattern (table-cell-wrapper.tsx).
+          flushSync(() => {
+            cellInteraction.startEdit(undefined, undefined, {
+              kind: 'type',
+              key: e.key,
+            });
+            if ('value' in typeResult) {
+              cellInteraction.setEditingValue(typeResult.value);
+            }
+          });
+          editInputRef.current?.focus();
+          e.stopPropagation();
+          // Intentionally no preventDefault — the browser inserts the
+          // character into the now-focused input naturally.
+          return;
+        }
+
         e.preventDefault();
         cellInteraction.startEdit(undefined, undefined, {
           kind: 'type',

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain1101727593";
+var _namespace_ = "EntityPagePlain2401101096";
 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":"EntityPagePlain1101727593__root"};
+export var classes = {"root":"EntityPagePlain2401101096__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_ = "Fade97149163";
+var _namespace_ = "Fade2314456760";
 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":"Fade97149163__root"};
+export var classes = {"root":"Fade2314456760__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_ = "Heading4054149190";
+var _namespace_ = "Heading299110353";
 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":"Heading4054149190__root"};
+export var classes = {"root":"Heading299110353__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_ = "ImportStepUpload406100697";
+var _namespace_ = "ImportStepUpload3595129636";
 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":"ImportStepUpload406100697__root","fileUpload":"ImportStepUpload406100697__fileUpload"};
+export var classes = {"root":"ImportStepUpload3595129636__root","fileUpload":"ImportStepUpload3595129636__fileUpload"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};