@wix/patterns 1.433.0 → 1.434.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_ = "HeaderActionsPopover1458022149";
 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":"HeaderActionsPopover1458022149__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_ = "CellViewLayout2274258535";
 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":"CellViewLayout2274258535__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_ = "Edit2525511369";
 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":"Edit2525511369__root","addressInput":"Edit2525511369__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_ = "Edit2981320112";
 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":"Edit2981320112__root","jsonInput":"Edit2981320112__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_ = "Edit4150083857";
 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":"Edit4150083857__root","booleanEdit":"Edit4150083857__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_ = "View772475961";
 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":"View772475961__root","booleanView":"View772475961__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_ = "Edit770452658";
 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":"Edit770452658__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_ = "Edit4239755524";
 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":"Edit4239755524__root","dateInput":"Edit4239755524__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_ = "View3401496092";
 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":"View3401496092__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_ = "Edit4259770619";
 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":"Edit4259770619__root","half":"Edit4259770619__half","dateHalf":"Edit4259770619__dateHalf Edit4259770619__half","timeHalf":"Edit4259770619__timeHalf Edit4259770619__half","divider":"Edit4259770619__divider","passiveText":"Edit4259770619__passiveText","placeholderText":"Edit4259770619__placeholderText Edit4259770619__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_ = "View4034504375";
 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":"View4034504375__root","leaf":"View4034504375__leaf","datePart":"View4034504375__datePart View4034504375__leaf","timePart":"View4034504375__timePart View4034504375__leaf","placeholder":"View4034504375__placeholder View4034504375__leaf","divider":"View4034504375__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_ = "Edit3518008869";
 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":"Edit3518008869__root","emailInput":"Edit3518008869__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_ = "View61824962";
 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":"View61824962__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_ = "Edit3123858299";
 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":"Edit3123858299__root","numberInput":"Edit3123858299__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_ = "View3131273237";
 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":"View3131273237__root","textView":"View3131273237__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_ = "Edit4094000354";
 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":"Edit4094000354__root","jsonInput":"Edit4094000354__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_ = "View299129491";
 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":"View299129491__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_ = "Edit678433903";
 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":"Edit678433903__root","selectInput":"Edit678433903__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_ = "Edit1380780013";
 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":"Edit1380780013__root","editWrapper":"Edit1380780013__editWrapper","inputArea":"Edit1380780013__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_ = "View846422894";
 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":"View846422894__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_ = "Edit1089604992";
 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":"Edit1089604992__root","wrapper":"Edit1089604992__wrapper","overlay":"Edit1089604992__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_ = "Edit1905676537";
 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":"Edit1905676537__root","urlInput":"Edit1905676537__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_ = "View379792089";
 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":"View379792089__root","textView":"View379792089__textView","urlText":"View379792089__urlText","suffix":"View379792089__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_ = "EntityPagePlain3658276137";
 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":"EntityPagePlain3658276137__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_ = "Fade3842269714";
 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":"Fade3842269714__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_ = "Heading1047267685";
 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":"Heading1047267685__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_ = "ImportStepUpload2184561826";
 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":"ImportStepUpload2184561826__root","fileUpload":"ImportStepUpload2184561826__fileUpload"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};