@wix/patterns 1.483.0 → 1.485.0

package/dist/esm/components/EditableTable/EditableCell.st.css

@@ -20,12 +20,49 @@
 @property st-global(--wds-color-black-700);
 @property st-global(--wsr-color-D10-30);
 @property st-global(--wsr-color-D70);
+@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(--wsr-text-font-size-small);
+@property st-global(--wsr-text-line-height-small);
+@property st-global(--wds-input-padding-horizontal-small);
 
 :global(td):has(> .root) {
   position: relative;
   overflow: visible;
 }
 
+:global(td):has(> .root:harmony) {
+  overflow: hidden;
+  background: var(
+    --wds-color-fill-surface-raised,
+    var(--wsr-color-D80, #ffffff)
+  );
+}
+
+:global(td):has(> .root:harmony:rangeSelected),
+:global(td):has(> .root:harmony:hover),
+:global(td):has(> .root:harmony:invalid),
+:global(td):has(> .root:harmony:focused),
+:global(td):has(> .root:harmony:editing),
+:global(td):has(> .root:harmony [data-inner-focused]) {
+  overflow: visible;
+}
+
+:global(td):has(> .root:harmony:focused),
+:global(td):has(> .root:harmony:editing),
+:global(td):has(> .root:harmony [data-inner-focused]) {
+  z-index: 4;
+}
+
+:global(tr):has(.root:harmony:focused),
+:global(tr):has(.root:harmony:editing),
+:global(tr):has(.root:harmony [data-inner-focused]) {
+  position: relative;
+  z-index: 4;
+}
+
 /* WDS DataTable sets the row height through td padding (rowVerticalPadding),
    which adds to the cell height instead of containing it. Zero it on the whole
    row — the checkbox and row-number cells keep the row tall otherwise. */
@@ -36,7 +73,7 @@
 }
 
 .root {
-  -st-states: editing, focused, rowActive, rangeSelected, invalid, readOnly,
+  -st-states: harmony, editing, focused, rowActive, rangeSelected, invalid, readOnly,
     showEditWhenFocused, growable, selectionTop, selectionBottom, selectionLeft,
     selectionRight, copiedTop, copiedBottom, copiedLeft, copiedRight;
   display: flex;
@@ -62,12 +99,40 @@
     var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #dfe5eb));
 }
 
+.root:harmony {
+  left: 0;
+  --wds-input-value-font-size-small: var(
+    --wds-font-size-body-small,
+    var(--wsr-text-font-size-small, 14px)
+  );
+  --wds-input-value-font-line-height-small: var(
+    --wds-font-line-height-body-small,
+    var(--wsr-text-line-height-small, 18px)
+  );
+  --wds-input-padding-horizontal-small: 8px;
+}
+
+:global(td):has(> .root:harmony) ~ :global(td):has(> .root:harmony) > .root:harmony {
+  left: -1px;
+}
+
 /* The sticky header paints over the pixel the first row borrows above itself,
    which would swallow that row's top border. */
 :global(tr:first-child) > :global(td) > .root {
   top: 0;
 }
 
+:global(tr[data-index='index-0']) > :global(td) > .root:harmony {
+  top: 0;
+}
+
+:global(tr:first-child) > :global(td)
+  > .root:harmony:not(:focused):not(:editing):not(:invalid):not(:rowActive):not(:rangeSelected):not(:selectionTop):not(:copiedTop):not(:has([data-inner-focused])),
+:global(tr[data-index='index-0']) > :global(td)
+  > .root:harmony:not(:focused):not(:editing):not(:invalid):not(:rowActive):not(:rangeSelected):not(:selectionTop):not(:copiedTop):not(:has([data-inner-focused])) {
+  border-top-color: transparent;
+}
+
 /* A multi-cell range keeps the range look, so every single-cell state below
    opts out of it. */
 .root:hover:not(:rowActive):not(:rangeSelected) {
@@ -88,6 +153,10 @@
   box-shadow: inset 0 8px 6px -6px rgba(0, 6, 36, 0.05);
 }
 
+.root:harmony:rowActive:hover:not(:focused):not(:rangeSelected):not(:readOnly) {
+  z-index: 2;
+}
+
 /* WDS <Text> sets its own colour, so the token it reads has to be overridden;
    color: then carries the same value to the datetime view's raw spans, which
    set none. */
@@ -122,6 +191,10 @@
   z-index: 2;
 }
 
+.root:harmony:focused:not(:rangeSelected) {
+  z-index: 4;
+}
+
 .root:editing {
   z-index: 3;
   user-select: auto;
@@ -133,6 +206,10 @@
   );
 }
 
+.root:harmony:editing {
+  z-index: 4;
+}
+
 /* showEditWhenFocused cells (e.g. image) stay within their row bounds when
    editing — the EditComponent is always visible so no height expansion is needed. */
 .root:editing:not(:showEditWhenFocused) {
@@ -149,6 +226,10 @@
   z-index: 3;
 }
 
+.root:harmony:focused:growable {
+  z-index: 4;
+}
+
 /* showEditWhenFocused cells: when a button inside has focus (inner focus),
    show the focus border and allow button focus rings to render unclipped.
    isEditing is false here, so we use data-inner-focused set by the EditComponent. */
@@ -162,6 +243,10 @@
   box-shadow: inset 0 8px 6px -6px rgba(0, 6, 36, 0.05);
 }
 
+.root:harmony:has([data-inner-focused]) {
+  z-index: 4;
+}
+
 .root:rangeSelected {
   background: rgba(56, 153, 236, 0.08);
 }
@@ -204,6 +289,10 @@
   z-index: 1;
 }
 
+.root:harmony:invalid:not(:focused):not(:editing) {
+  z-index: 3;
+}
+
 .errorMessage {
   position: absolute;
   top: calc(100% + 4px);

package/dist/esm/components/EditableTable/EditableCell.st.css.js

@@ -1,15 +1,15 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "EditableCell3309682090";
+var _namespace_ = "EditableCell3628418493";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "EditableCell3309682090__root", "errorMessage": "EditableCell3309682090__errorMessage" };
+export var classes = { "root": "EditableCell3628418493__root", "errorMessage": "EditableCell3628418493__errorMessage" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};
 export var stVars = {};
-export var vars = { "wds-color-fill-surface-raised": "--wds-color-fill-surface-raised", "wds-color-border-dark-secondary": "--wds-color-border-dark-secondary", "wds-color-black-750": "--wds-color-black-750", "wds-color-red-100": "--wds-color-red-100", "wds-color-fill-surface-overlay": "--wds-color-fill-surface-overlay", "wds-input-border-color-hover": "--wds-input-border-color-hover", "wds-input-border-color-focus": "--wds-input-border-color-focus", "wds-border-width-default": "--wds-border-width-default", "wds-border-radius-400": "--wds-border-radius-400", "wds-popover-fill": "--wds-popover-fill", "wds-popover-border-radius": "--wds-popover-border-radius", "wds-shadow-surface-overlay": "--wds-shadow-surface-overlay", "wsr-color-B10": "--wsr-color-B10", "wsr-color-B40": "--wsr-color-B40", "wsr-color-D60": "--wsr-color-D60", "wsr-color-D80": "--wsr-color-D80", "wsr-color-R10": "--wsr-color-R10", "wds-color-text-standard-primary": "--wds-color-text-standard-primary", "wds-color-text-disabled": "--wds-color-text-disabled", "wds-color-black-700": "--wds-color-black-700", "wsr-color-D10-30": "--wsr-color-D10-30", "wsr-color-D70": "--wsr-color-D70" };
+export var vars = { "wds-color-fill-surface-raised": "--wds-color-fill-surface-raised", "wds-color-border-dark-secondary": "--wds-color-border-dark-secondary", "wds-color-black-750": "--wds-color-black-750", "wds-color-red-100": "--wds-color-red-100", "wds-color-fill-surface-overlay": "--wds-color-fill-surface-overlay", "wds-input-border-color-hover": "--wds-input-border-color-hover", "wds-input-border-color-focus": "--wds-input-border-color-focus", "wds-border-width-default": "--wds-border-width-default", "wds-border-radius-400": "--wds-border-radius-400", "wds-popover-fill": "--wds-popover-fill", "wds-popover-border-radius": "--wds-popover-border-radius", "wds-shadow-surface-overlay": "--wds-shadow-surface-overlay", "wsr-color-B10": "--wsr-color-B10", "wsr-color-B40": "--wsr-color-B40", "wsr-color-D60": "--wsr-color-D60", "wsr-color-D80": "--wsr-color-D80", "wsr-color-R10": "--wsr-color-R10", "wds-color-text-standard-primary": "--wds-color-text-standard-primary", "wds-color-text-disabled": "--wds-color-text-disabled", "wds-color-black-700": "--wds-color-black-700", "wsr-color-D10-30": "--wsr-color-D10-30", "wsr-color-D70": "--wsr-color-D70", "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", "wsr-text-font-size-small": "--wsr-text-font-size-small", "wsr-text-line-height-small": "--wsr-text-line-height-small", "wds-input-padding-horizontal-small": "--wds-input-padding-horizontal-small" };
 //# sourceMappingURL=EditableCell.st.css.js.map

package/dist/esm/components/EditableTable/EditableCell.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditableCell.st.css.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/EditableCell.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8BAA8B,EAAC,cAAc,EAAC,sCAAsC,EAAC,CAAC;AACnH,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,+BAA+B,EAAC,iCAAiC,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,mBAAmB,EAAC,qBAAqB,EAAC,gCAAgC,EAAC,kCAAkC,EAAC,8BAA8B,EAAC,gCAAgC,EAAC,8BAA8B,EAAC,gCAAgC,EAAC,0BAA0B,EAAC,4BAA4B,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,kBAAkB,EAAC,oBAAoB,EAAC,2BAA2B,EAAC,6BAA6B,EAAC,4BAA4B,EAAC,8BAA8B,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,yBAAyB,EAAC,2BAA2B,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,kBAAkB,EAAC,oBAAoB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}
+{"version":3,"file":"EditableCell.st.css.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/EditableCell.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8BAA8B,EAAC,cAAc,EAAC,sCAAsC,EAAC,CAAC;AACnH,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,+BAA+B,EAAC,iCAAiC,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,mBAAmB,EAAC,qBAAqB,EAAC,gCAAgC,EAAC,kCAAkC,EAAC,8BAA8B,EAAC,gCAAgC,EAAC,8BAA8B,EAAC,gCAAgC,EAAC,0BAA0B,EAAC,4BAA4B,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,kBAAkB,EAAC,oBAAoB,EAAC,2BAA2B,EAAC,6BAA6B,EAAC,4BAA4B,EAAC,8BAA8B,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,yBAAyB,EAAC,2BAA2B,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,kBAAkB,EAAC,oBAAoB,EAAC,eAAe,EAAC,iBAAiB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,wCAAwC,EAAC,0CAA0C,EAAC,0BAA0B,EAAC,4BAA4B,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,0BAA0B,EAAC,4BAA4B,EAAC,4BAA4B,EAAC,8BAA8B,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,CAAC"}

package/dist/esm/components/EditableTable/HeaderActionsPopover.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "HeaderActionsPopover338227680";
+var _namespace_ = "HeaderActionsPopover1372624413";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "HeaderActionsPopover338227680__root" };
+export var classes = { "root": "HeaderActionsPopover1372624413__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/HeaderActionsPopover.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderActionsPopover.st.css.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/HeaderActionsPopover.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,+BAA+B,CAAC;AAClD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qCAAqC,EAAC,CAAC;AACpE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"HeaderActionsPopover.st.css.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/HeaderActionsPopover.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,gCAAgC,CAAC;AACnD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sCAAsC,EAAC,CAAC;AACrE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/CellViewLayout.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "CellViewLayout3647193528";
+var _namespace_ = "CellViewLayout481048214";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CellViewLayout3647193528__root" };
+export var classes = { "root": "CellViewLayout481048214__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/CellViewLayout.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellViewLayout.st.css.js","sourceRoot":"","sources":["../../../../../src/components/EditableTable/cellTypes/CellViewLayout.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,IAAI,WAAW,GAAG,0BAA0B,CAAC;AAC7C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,gCAAgC,EAAC,CAAC;AAC/D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"CellViewLayout.st.css.js","sourceRoot":"","sources":["../../../../../src/components/EditableTable/cellTypes/CellViewLayout.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,CAAC;AAC9D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/JsonInputEdit.st.css

@@ -0,0 +1,25 @@
+@property st-global(--wds-border-radius-0);
+@property st-global(--wds-input-area-padding-left-small);
+@property st-global(--wds-input-area-padding-right-small);
+@property st-global(--wds-input-area-border-radius-default-medium);
+@property st-global(--wds-input-border-color);
+@property st-global(--wds-input-background-fill-default);
+@property st-global(--wds-input-background-fill-hover);
+@property st-global(--wds-shadow-fill-input);
+@property st-global(--wds-color-border-standard-secondary-active);
+
+/* Shared by the array and object cell editors — both render CellJsonInput.
+   Strip the InputArea chrome so the editor fills the cell like the other
+   cell types: no border, no radius, no focus ring, no background. */
+.jsonInput {
+  width: 100%;
+  height: 100%;
+  --wds-input-area-padding-left-small: 8px;
+  --wds-input-area-padding-right-small: 8px;
+  --wds-input-area-border-radius-default-medium: var(--wds-border-radius-0, 0px);
+  --wds-input-border-color: transparent;
+  --wds-input-background-fill-default: transparent;
+  --wds-input-background-fill-hover: transparent;
+  --wds-shadow-fill-input: transparent;
+  --wds-color-border-standard-secondary-active: transparent;
+}

package/dist/esm/components/EditableTable/cellTypes/JsonInputEdit.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
+var _namespace_ = "JsonInputEdit1882126219";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = { "root": "JsonInputEdit1882126219__root", "jsonInput": "JsonInputEdit1882126219__jsonInput" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = { "wds-border-radius-0": "--wds-border-radius-0", "wds-input-area-padding-left-small": "--wds-input-area-padding-left-small", "wds-input-area-padding-right-small": "--wds-input-area-padding-right-small", "wds-input-area-border-radius-default-medium": "--wds-input-area-border-radius-default-medium", "wds-input-border-color": "--wds-input-border-color", "wds-input-background-fill-default": "--wds-input-background-fill-default", "wds-input-background-fill-hover": "--wds-input-background-fill-hover", "wds-shadow-fill-input": "--wds-shadow-fill-input", "wds-color-border-standard-secondary-active": "--wds-color-border-standard-secondary-active" };
+//# sourceMappingURL=JsonInputEdit.st.css.js.map

package/dist/esm/components/EditableTable/cellTypes/JsonInputEdit.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonInputEdit.st.css.js","sourceRoot":"","sources":["../../../../../src/components/EditableTable/cellTypes/JsonInputEdit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,WAAW,EAAC,oCAAoC,EAAC,CAAC;AAC/G,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,mCAAmC,EAAC,qCAAqC,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,6CAA6C,EAAC,+CAA+C,EAAC,wBAAwB,EAAC,0BAA0B,EAAC,mCAAmC,EAAC,qCAAqC,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,4CAA4C,EAAC,8CAA8C,EAAC,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/address/Edit.st.css

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

package/dist/esm/components/EditableTable/cellTypes/address/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit2465882765";
+var _namespace_ = "Edit3793023793";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Edit2465882765__root", "addressInput": "Edit2465882765__addressInput" };
+export var classes = { "root": "Edit3793023793__root", "addressInput": "Edit3793023793__addressInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/array/Edit.js

@@ -2,7 +2,7 @@ import React, { useCallback, useEffect, useRef } from 'react';
 import { Box } from '@wix/design-system';
 import { CellJsonInput } from '@wix/patterns-fields';
 import { useMultilineEditKeyboard } from '../useMultilineEditKeyboard';
-import { classes } from './Edit.st.css.js';
+import { classes } from '../JsonInputEdit.st.css.js';
 export const ArrayEdit = ({ value, onChange, onCommit, onCancel, inputRef, }) => {
     const inputAreaRef = useRef(null);
     useEffect(() => {

package/dist/esm/components/EditableTable/cellTypes/array/Edit.js.map

@@ -1 +1 @@
-{"version":3,"file":"Edit.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/array/Edit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,CAAC,MAAM,SAAS,GAAuC,CAAC,EAC5D,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,qBAAqB,CAAC,GAAG,EAAE;YACzB,YAAY,CAAC,OAAO,EAAE,qBAAqB,EAAE,CAAC;QAChD,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,MAAY,EAAE,EAAE;QACf,QAAQ,CAAC,MAAmB,CAAC,CAAC;IAChC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,wBAAwB,CAAC;QAC7D,QAAQ;QACR,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM;QAC7B,oBAAC,aAAa,IACZ,GAAG,EAAE,CAAC,QAAa,EAAE,EAAE;gBACrB,YAAY,CAAC,OAAO,GAAG,QAAQ,CAAC;gBAChC,IAAI,QAAQ,EAAE,CAAC;oBACb,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC;gBAC9B,CAAC;YACH,CAAC,EACD,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,UAAU,EAClB,UAAU,EAAE,KAAK,EACjB,QAAQ,QACR,eAAe,EAAE,CAAC,EAClB,SAAS,EAAE,OAAO,CAAC,SAAS,GAC5B,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Edit.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/array/Edit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,MAAM,CAAC,MAAM,SAAS,GAAuC,CAAC,EAC5D,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,qBAAqB,CAAC,GAAG,EAAE;YACzB,YAAY,CAAC,OAAO,EAAE,qBAAqB,EAAE,CAAC;QAChD,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,MAAY,EAAE,EAAE;QACf,QAAQ,CAAC,MAAmB,CAAC,CAAC;IAChC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,wBAAwB,CAAC;QAC7D,QAAQ;QACR,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM;QAC7B,oBAAC,aAAa,IACZ,GAAG,EAAE,CAAC,QAAa,EAAE,EAAE;gBACrB,YAAY,CAAC,OAAO,GAAG,QAAQ,CAAC;gBAChC,IAAI,QAAQ,EAAE,CAAC;oBACb,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC;gBAC9B,CAAC;YACH,CAAC,EACD,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,UAAU,EAClB,UAAU,EAAE,KAAK,EACjB,QAAQ,QACR,eAAe,EAAE,CAAC,EAClB,SAAS,EAAE,OAAO,CAAC,SAAS,GAC5B,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/boolean/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit553149446";
+var _namespace_ = "Edit789714172";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Edit553149446__root", "booleanEdit": "Edit553149446__booleanEdit" };
+export var classes = { "root": "Edit789714172__root", "booleanEdit": "Edit789714172__booleanEdit" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/boolean/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View2780809279";
+var _namespace_ = "View862316425";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "View2780809279__root", "booleanView": "View2780809279__booleanView" };
+export var classes = { "root": "View862316425__root", "booleanView": "View862316425__booleanView" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/boolean/View.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"View.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/View.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sBAAsB,EAAC,aAAa,EAAC,6BAA6B,EAAC,CAAC;AACjG,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"View.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/View.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qBAAqB,EAAC,aAAa,EAAC,4BAA4B,EAAC,CAAC;AAC/F,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/color/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit3124814383";
+var _namespace_ = "Edit2553639337";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Edit3124814383__root" };
+export var classes = { "root": "Edit2553639337__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/date/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit3869966854";
+var _namespace_ = "Edit4031010177";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Edit3869966854__root", "dateInput": "Edit3869966854__dateInput" };
+export var classes = { "root": "Edit4031010177__root", "dateInput": "Edit4031010177__dateInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/date/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View4175531701";
+var _namespace_ = "View3168339956";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "View4175531701__root" };
+export var classes = { "root": "View3168339956__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/datetime/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit3230846280";
+var _namespace_ = "Edit2778560207";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Edit3230846280__root", "half": "Edit3230846280__half", "dateHalf": "Edit3230846280__dateHalf Edit3230846280__half", "timeHalf": "Edit3230846280__timeHalf Edit3230846280__half", "divider": "Edit3230846280__divider", "passiveText": "Edit3230846280__passiveText", "placeholderText": "Edit3230846280__placeholderText Edit3230846280__passiveText" };
+export var classes = { "root": "Edit2778560207__root", "half": "Edit2778560207__half", "dateHalf": "Edit2778560207__dateHalf Edit2778560207__half", "timeHalf": "Edit2778560207__timeHalf Edit2778560207__half", "divider": "Edit2778560207__divider", "passiveText": "Edit2778560207__passiveText", "placeholderText": "Edit2778560207__placeholderText Edit2778560207__passiveText" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/datetime/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View3043169916";
+var _namespace_ = "View1905707745";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "View3043169916__root", "leaf": "View3043169916__leaf", "datePart": "View3043169916__datePart View3043169916__leaf", "timePart": "View3043169916__timePart View3043169916__leaf", "placeholder": "View3043169916__placeholder View3043169916__leaf", "divider": "View3043169916__divider" };
+export var classes = { "root": "View1905707745__root", "leaf": "View1905707745__leaf", "datePart": "View1905707745__datePart View1905707745__leaf", "timePart": "View1905707745__timePart View1905707745__leaf", "placeholder": "View1905707745__placeholder View1905707745__leaf", "divider": "View1905707745__divider" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/email/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit755446550";
+var _namespace_ = "Edit3664547810";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Edit755446550__root", "emailInput": "Edit755446550__emailInput" };
+export var classes = { "root": "Edit3664547810__root", "emailInput": "Edit3664547810__emailInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/email/Edit.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/email/Edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qBAAqB,EAAC,YAAY,EAAC,2BAA2B,EAAC,CAAC;AAC7F,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/email/Edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sBAAsB,EAAC,YAAY,EAAC,4BAA4B,EAAC,CAAC;AAC/F,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/email/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View3810151596";
+var _namespace_ = "View3690544830";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "View3810151596__root" };
+export var classes = { "root": "View3690544830__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/image/View.js

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ImageView as FieldsImageView } from '@wix/patterns-fields';
-export const ImageView = ({ value, }) => React.createElement(FieldsImageView, { value: value, dataHook: "image-view" });
+export const ImageView = ({ value, }) => React.createElement(FieldsImageView, { value: value, size: 24, dataHook: "image-view" });
 //# sourceMappingURL=View.js.map

package/dist/esm/components/EditableTable/cellTypes/image/View.js.map

@@ -1 +1 @@
-{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/image/View.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAGpE,MAAM,CAAC,MAAM,SAAS,GAA2C,CAAC,EAChE,KAAK,GACN,EAAE,EAAE,CAAC,oBAAC,eAAe,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAC,YAAY,GAAG,CAAC"}
+{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/image/View.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAGpE,MAAM,CAAC,MAAM,SAAS,GAA2C,CAAC,EAChE,KAAK,GACN,EAAE,EAAE,CAAC,oBAAC,eAAe,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAC,YAAY,GAAG,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/number/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit2979442439";
+var _namespace_ = "Edit1789937491";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Edit2979442439__root", "numberInput": "Edit2979442439__numberInput" };
+export var classes = { "root": "Edit1789937491__root", "numberInput": "Edit1789937491__numberInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/number/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View2569538802";
+var _namespace_ = "View3020671023";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "View2569538802__root", "textView": "View2569538802__textView" };
+export var classes = { "root": "View3020671023__root", "textView": "View3020671023__textView" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/object/Edit.js

@@ -2,7 +2,7 @@ import React, { useCallback, useEffect, useRef } from 'react';
 import { Box } from '@wix/design-system';
 import { CellJsonInput } from '@wix/patterns-fields';
 import { useMultilineEditKeyboard } from '../useMultilineEditKeyboard';
-import { classes } from './Edit.st.css.js';
+import { classes } from '../JsonInputEdit.st.css.js';
 export const ObjectEdit = ({ value, onChange, onCommit, onCancel, inputRef, }) => {
     const inputAreaRef = useRef(null);
     // Expand to fit content immediately on mount (= entering edit mode).

package/dist/esm/components/EditableTable/cellTypes/object/Edit.js.map

@@ -1 +1 @@
-{"version":3,"file":"Edit.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/object/Edit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,CAAC,MAAM,UAAU,GAAqD,CAAC,EAC3E,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEpD,qEAAqE;IACrE,mEAAmE;IACnE,SAAS,CAAC,GAAG,EAAE;QACb,qBAAqB,CAAC,GAAG,EAAE;YACzB,YAAY,CAAC,OAAO,EAAE,qBAAqB,EAAE,CAAC;QAChD,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,MAAY,EAAE,EAAE;QACf,QAAQ,CAAC,MAAiC,CAAC,CAAC;IAC9C,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,wBAAwB,CAAC;QAC7D,QAAQ;QACR,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM;QAC7B,oBAAC,aAAa,IACZ,GAAG,EAAE,CAAC,QAAa,EAAE,EAAE;gBACrB,YAAY,CAAC,OAAO,GAAG,QAAQ,CAAC;gBAChC,IAAI,QAAQ,EAAE,CAAC;oBACb,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC;gBAC9B,CAAC;YACH,CAAC,EACD,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,UAAU,EAClB,UAAU,EAAE,KAAK,EACjB,QAAQ,QACR,eAAe,EAAE,CAAC,EAClB,SAAS,EAAE,OAAO,CAAC,SAAS,GAC5B,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Edit.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/object/Edit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,MAAM,CAAC,MAAM,UAAU,GAAqD,CAAC,EAC3E,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEpD,qEAAqE;IACrE,mEAAmE;IACnE,SAAS,CAAC,GAAG,EAAE;QACb,qBAAqB,CAAC,GAAG,EAAE;YACzB,YAAY,CAAC,OAAO,EAAE,qBAAqB,EAAE,CAAC;QAChD,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,MAAY,EAAE,EAAE;QACf,QAAQ,CAAC,MAAiC,CAAC,CAAC;IAC9C,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,wBAAwB,CAAC;QAC7D,QAAQ;QACR,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM;QAC7B,oBAAC,aAAa,IACZ,GAAG,EAAE,CAAC,QAAa,EAAE,EAAE;gBACrB,YAAY,CAAC,OAAO,GAAG,QAAQ,CAAC;gBAChC,IAAI,QAAQ,EAAE,CAAC;oBACb,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC;gBAC9B,CAAC;YACH,CAAC,EACD,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,UAAU,EAClB,UAAU,EAAE,KAAK,EACjB,QAAQ,QACR,eAAe,EAAE,CAAC,EAClB,SAAS,EAAE,OAAO,CAAC,SAAS,GAC5B,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/object/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View280324629";
+var _namespace_ = "View2623365625";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "View280324629__root" };
+export var classes = { "root": "View2623365625__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/object/View.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"View.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/object/View.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qBAAqB,EAAC,CAAC;AACpD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"View.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/object/View.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sBAAsB,EAAC,CAAC;AACrD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/select/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit1954678177";
+var _namespace_ = "Edit3044343873";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Edit1954678177__root", "selectInput": "Edit1954678177__selectInput" };
+export var classes = { "root": "Edit3044343873__root", "selectInput": "Edit3044343873__selectInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};