@wix/patterns 1.433.0 → 1.436.0

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

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

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

@@ -1,7 +1,7 @@
 .root {
   width: 100%;
   height: 100%;
-  padding: 9px 12px;
+  padding: 6px 8px;
   box-sizing: border-box;
   display: flex;
   align-items: center;

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

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

package/src/components/EditableTable/cellTypes/CellViewLayout.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { classes } from './CellViewLayout.st.css.js';
 
-/** Shared wrapper that provides the default cell padding (9px 12px).
+/** Shared wrapper that provides the default cell padding (6px 8px).
  *  Standard cell types use this; types with custom layouts (e.g. URL) skip it. */
 export const CellViewLayout: React.FC<{ children: React.ReactNode }> = ({
   children,

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

@@ -4,8 +4,8 @@
   display: flex;
   align-items: center;
   box-sizing: border-box;
-  padding-left: 6px;
-  padding-right: 6px;
+  padding-left: 8px;
+  padding-right: 8px;
   min-width: 0;
   overflow: hidden;
 }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2058877370";
+var _namespace_ = "Edit1053882361";
 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":"Edit2058877370__root","addressInput":"Edit2058877370__addressInput"};
+export var classes = {"root":"Edit1053882361__root","addressInput":"Edit1053882361__addressInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1749998855";
+var _namespace_ = "Edit2452889646";
 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":"Edit1749998855__root","jsonInput":"Edit1749998855__jsonInput"};
+export var classes = {"root":"Edit2452889646__root","jsonInput":"Edit2452889646__jsonInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -1,5 +1,5 @@
 .booleanEdit {
   display: flex;
   align-items: center;
-  margin-left: 12px;
+  margin-left: 8px;
 }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3605644959";
+var _namespace_ = "Edit2817328666";
 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":"Edit3605644959__root","booleanEdit":"Edit3605644959__booleanEdit"};
+export var classes = {"root":"Edit2817328666__root","booleanEdit":"Edit2817328666__booleanEdit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -1,6 +1,6 @@
 .booleanView {
   display: flex;
   align-items: center;
-  margin-left: 9px;
+  margin-left: 8px;
   pointer-events: none;
 }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View1659296202";
+var _namespace_ = "View2605884354";
 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":"View1659296202__root","booleanView":"View1659296202__booleanView"};
+export var classes = {"root":"View2605884354__root","booleanView":"View2605884354__booleanView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1758951656";
+var _namespace_ = "Edit2078727186";
 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":"Edit1758951656__root"};
+export var classes = {"root":"Edit2078727186__root"};
 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_ = "Edit895269248";
+var _namespace_ = "Edit1268503090";
 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":"Edit895269248__root","dateInput":"Edit895269248__dateInput"};
+export var classes = {"root":"Edit1268503090__root","dateInput":"Edit1268503090__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_ = "View1685294746";
+var _namespace_ = "View3079562455";
 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":"View1685294746__root"};
+export var classes = {"root":"View3079562455__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -27,7 +27,7 @@
 }
 
 .passiveText {
-  padding: 9px 12px;
+  padding: 6px 8px;
   font-size: 14px;
   line-height: 18px;
   font-family: inherit;

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit4238098641";
+var _namespace_ = "Edit427055386";
 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":"Edit4238098641__root","half":"Edit4238098641__half","dateHalf":"Edit4238098641__dateHalf Edit4238098641__half","timeHalf":"Edit4238098641__timeHalf Edit4238098641__half","divider":"Edit4238098641__divider","passiveText":"Edit4238098641__passiveText","placeholderText":"Edit4238098641__placeholderText Edit4238098641__passiveText"};
+export var classes = {"root":"Edit427055386__root","half":"Edit427055386__half","dateHalf":"Edit427055386__dateHalf Edit427055386__half","timeHalf":"Edit427055386__timeHalf Edit427055386__half","divider":"Edit427055386__divider","passiveText":"Edit427055386__passiveText","placeholderText":"Edit427055386__placeholderText Edit427055386__passiveText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/datetime/View.st.css

@@ -3,7 +3,7 @@
 
 .leaf {
   min-width: 0;
-  padding: 9px 12px;
+  padding: 6px 8px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View1910944526";
+var _namespace_ = "View4124205410";
 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":"View1910944526__root","leaf":"View1910944526__leaf","datePart":"View1910944526__datePart View1910944526__leaf","timePart":"View1910944526__timePart View1910944526__leaf","placeholder":"View1910944526__placeholder View1910944526__leaf","divider":"View1910944526__divider"};
+export var classes = {"root":"View4124205410__root","leaf":"View4124205410__leaf","datePart":"View4124205410__datePart View4124205410__leaf","timePart":"View4124205410__timePart View4124205410__leaf","placeholder":"View4124205410__placeholder View4124205410__leaf","divider":"View4124205410__divider"};
 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_ = "Edit1227363736";
+var _namespace_ = "Edit1109350209";
 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":"Edit1227363736__root","emailInput":"Edit1227363736__emailInput"};
+export var classes = {"root":"Edit1109350209__root","emailInput":"Edit1109350209__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_ = "View1581649439";
+var _namespace_ = "View1071015639";
 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":"View1581649439__root"};
+export var classes = {"root":"View1071015639__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_ = "Edit1369489208";
+var _namespace_ = "Edit3602889209";
 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":"Edit1369489208__root","numberInput":"Edit1369489208__numberInput"};
+export var classes = {"root":"Edit3602889209__root","numberInput":"Edit3602889209__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_ = "View1644359652";
+var _namespace_ = "View1009637170";
 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":"View1644359652__root","textView":"View1644359652__textView"};
+export var classes = {"root":"View1009637170__root","textView":"View1009637170__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_ = "Edit2157031009";
+var _namespace_ = "Edit2178105872";
 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":"Edit2157031009__root","jsonInput":"Edit2157031009__jsonInput"};
+export var classes = {"root":"Edit2178105872__root","jsonInput":"Edit2178105872__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_ = "View1850741015";
+var _namespace_ = "View2878631673";
 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":"View1850741015__root"};
+export var classes = {"root":"View2878631673__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_ = "Edit391171980";
+var _namespace_ = "Edit2635881618";
 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":"Edit391171980__root","selectInput":"Edit391171980__selectInput"};
+export var classes = {"root":"Edit2635881618__root","selectInput":"Edit2635881618__selectInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -1,3 +1,8 @@
+@property st-global(--wds-font-size-body-small);
+@property st-global(--wsr-text-font-size-small);
+@property st-global(--wds-font-line-height-body-small);
+@property st-global(--wsr-text-line-height-small);
+
 .editWrapper {
   width: 100%;
 }
@@ -8,9 +13,23 @@
   width: 100%;
 }
 
+/* The cell view renders text at body-small. Some themes map the input's own
+   font size a step below that, which makes the text shrink on edit. */
+.inputArea input,
+.inputArea textarea {
+  font-size: var(
+    --wds-font-size-body-small,
+    var(--wsr-text-font-size-small, 14px)
+  ) !important;
+  line-height: var(
+    --wds-font-line-height-body-small,
+    var(--wsr-text-line-height-small, 18px)
+  ) !important;
+}
+
 /* Specific-values (autocomplete) mode */
 .inputArea input {
-  padding: 9px 12px 8px !important;
+  padding: 6px 8px !important;
   outline: none !important;
   border: none !important;
   box-sizing: border-box !important;
@@ -25,8 +44,14 @@
   outline: none !important;
 }
 
+/* WDS draws the input's inner shadow on a pseudo-element, so the rules above
+   don't reach it. Some themes give it a visible fill. */
+.inputArea > div::after {
+  box-shadow: none !important;
+}
+
 .inputArea textarea {
-  padding: 9px 12px 8px !important;
+  padding: 6px 8px !important;
   outline: none !important;
   border: none !important;
   box-sizing: border-box !important;

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit813414738";
+var _namespace_ = "Edit8752574";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit813414738__root","editWrapper":"Edit813414738__editWrapper","inputArea":"Edit813414738__inputArea"};
+export var classes = {"root":"Edit8752574__root","editWrapper":"Edit8752574__editWrapper","inputArea":"Edit8752574__inputArea"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {}; 
+export var vars = {"wds-font-size-body-small":"--wds-font-size-body-small","wsr-text-font-size-small":"--wsr-text-font-size-small","wds-font-line-height-body-small":"--wds-font-line-height-body-small","wsr-text-line-height-small":"--wsr-text-line-height-small"}; 
 
 
 

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View2241280045";
+var _namespace_ = "View2082672628";
 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":"View2241280045__root"};
+export var classes = {"root":"View2082672628__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_ = "Edit257158381";
+var _namespace_ = "Edit4217572892";
 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":"Edit257158381__root","wrapper":"Edit257158381__wrapper","overlay":"Edit257158381__overlay"};
+export var classes = {"root":"Edit4217572892__root","wrapper":"Edit4217572892__wrapper","overlay":"Edit4217572892__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_ = "Edit1804190103";
+var _namespace_ = "Edit1250740583";
 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":"Edit1804190103__root","urlInput":"Edit1804190103__urlInput"};
+export var classes = {"root":"Edit1250740583__root","urlInput":"Edit1250740583__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_ = "View1839492545";
+var _namespace_ = "View2095041117";
 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":"View1839492545__root","textView":"View1839492545__textView","urlText":"View1839492545__urlText","suffix":"View1839492545__suffix"};
+export var classes = {"root":"View2095041117__root","textView":"View2095041117__textView","urlText":"View2095041117__urlText","suffix":"View2095041117__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/useAddRow.ts

@@ -31,6 +31,7 @@ export function useAddRow<T, F extends FiltersMap>(
     // RAF gives React one frame to render the new row before we try to focus it.
     requestAnimationFrame(() => {
       state.cellInteraction.startEdit(newKey, firstEditableColId, 'enter');
+      state.cellInteraction.scrollFocusedCellIntoView();
     });
   }, [state, firstEditableColId]);
 

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain560955816";
+var _namespace_ = "EntityPagePlain1270166039";
 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":"EntityPagePlain560955816__root"};
+export var classes = {"root":"EntityPagePlain1270166039__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_ = "Fade410252676";
+var _namespace_ = "Fade3793909536";
 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":"Fade410252676__root"};
+export var classes = {"root":"Fade3793909536__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_ = "Heading2094996794";
+var _namespace_ = "Heading2412939038";
 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":"Heading2094996794__root"};
+export var classes = {"root":"Heading2412939038__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_ = "ImportStepUpload2501529488";
+var _namespace_ = "ImportStepUpload2913400660";
 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":"ImportStepUpload2501529488__root","fileUpload":"ImportStepUpload2501529488__fileUpload"};
+export var classes = {"root":"ImportStepUpload2913400660__root","fileUpload":"ImportStepUpload2913400660__fileUpload"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};