@wix/patterns 1.490.0 → 1.493.0

package/dist/types/utils/fieldTypePrefixIcons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fieldTypePrefixIcons.d.ts","sourceRoot":"","sources":["../../../src/utils/fieldTypePrefixIcons.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAiDlE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEvD;;;;GAIG;AACH,MAAM,MAAM,SAAS,GACjB,YAAY,GACZ,WAAW,GACX,QAAQ,GACR,SAAS,GACT,MAAM,GACN,WAAW,GACX,UAAU,GACV,MAAM,GACN,KAAK,GACL,OAAO,GACP,OAAO,GACP,eAAe,GACf,OAAO,GACP,UAAU,GACV,gBAAgB,GAChB,WAAW,GACX,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,QAAQ,GACR,OAAO,GACP,SAAS,GACT,OAAO,GACP,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,OAAO,GACP,cAAc,CAAC;AAEnB;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAEpD;AAoED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,IAAc,EACd,KAAK,GACN,EAAE;IACD,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B;wCACoC;IACpC,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,aAAa,CAAC;QAAC,MAAM,EAAE,aAAa,CAAA;KAAE,CAAC;CACzD,GAAG,SAAS,CAoCZ"}
+{"version":3,"file":"fieldTypePrefixIcons.d.ts","sourceRoot":"","sources":["../../../src/utils/fieldTypePrefixIcons.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAiDlE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEvD;;;;GAIG;AACH,MAAM,MAAM,SAAS,GACjB,YAAY,GACZ,WAAW,GACX,QAAQ,GACR,SAAS,GACT,MAAM,GACN,WAAW,GACX,UAAU,GACV,MAAM,GACN,KAAK,GACL,OAAO,GACP,OAAO,GACP,eAAe,GACf,OAAO,GACP,UAAU,GACV,gBAAgB,GAChB,WAAW,GACX,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,QAAQ,GACR,OAAO,GACP,SAAS,GACT,OAAO,GACP,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,OAAO,GACP,cAAc,CAAC;AAEnB;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAEpD;AAqED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,IAAc,EACd,KAAK,GACN,EAAE;IACD,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B;wCACoC;IACpC,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,aAAa,CAAC;QAAC,MAAM,EAAE,aAAa,CAAA;KAAE,CAAC;CACzD,GAAG,SAAS,CAoCZ"}

package/dist/types/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "patterns@1.490.0";
+export declare const version = "patterns@1.493.0";
 //# sourceMappingURL=version.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns",
-  "version": "1.490.0",
+  "version": "1.493.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -229,11 +229,11 @@
   ],
   "dependencies": {
     "@wix/agent-platform-bm-sdk": "^1.0.0",
-    "@wix/bex-core": "2.396.0",
-    "@wix/bex-utils": "2.183.0",
+    "@wix/bex-core": "2.399.0",
+    "@wix/bex-utils": "2.186.0",
     "@wix/essentials": "^0.1.26",
-    "@wix/patterns-fields": "1.118.0",
-    "@wix/patterns-fields-utils": "1.99.0",
+    "@wix/patterns-fields": "1.121.0",
+    "@wix/patterns-fields-utils": "1.102.0",
     "@wix/sdk": "^1.15.22",
     "@wix/wix-style-react-incubator": "^3.23.1",
     "@wix/wix-ui-test-utils": "^1.1.9",
@@ -296,7 +296,7 @@
     "@wix/awaiter-utils": "^1.0.76",
     "@wix/babel-cli": "^1.11.0",
     "@wix/business-manager-api": "^1.470.0",
-    "@wix/cairo-integration-utils": "1.158.0",
+    "@wix/cairo-integration-utils": "1.161.0",
     "@wix/ci-build-info": "^1.0.0",
     "@wix/crm": "^1.0.93",
     "@wix/dashboard": "^1.3.39",
@@ -458,5 +458,5 @@
   "wallaby": {
     "autoDetect": true
   },
-  "falconPackageHash": "c62271aff9cc9903273d5e4d860de39cf64cb6dbe7de8071e5b1d546"
+  "falconPackageHash": "18d844611f01427bffa91cb34647ed80b22c83b223116d52847018d5"
 }

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

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

package/src/components/CmsFieldManagement/CmsFieldForm.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CmsFieldForm3701317199";
+var _namespace_ = "CmsFieldForm1949159027";
 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":"CmsFieldForm3701317199__root","fullBleedDivider":"CmsFieldForm3701317199__fullBleedDivider"};
+export var classes = {"root":"CmsFieldForm1949159027__root","fullBleedDivider":"CmsFieldForm1949159027__fullBleedDivider"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CmsFieldManagement/CmsFieldModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CmsFieldModal3857393131";
+var _namespace_ = "CmsFieldModal2712943967";
 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":"CmsFieldModal3857393131__root","modal":"CmsFieldModal3857393131__modal"};
+export var classes = {"root":"CmsFieldModal2712943967__root","modal":"CmsFieldModal2712943967__modal"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "ValidationAndDefaultsSection2955973523";
+var _namespace_ = "ValidationAndDefaultsSection149197500";
 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":"ValidationAndDefaultsSection2955973523__root","accordionWrapper":"ValidationAndDefaultsSection2955973523__accordionWrapper"};
+export var classes = {"root":"ValidationAndDefaultsSection149197500__root","accordionWrapper":"ValidationAndDefaultsSection149197500__accordionWrapper"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CmsFieldManagement/toFieldSpec.ts

@@ -1,14 +1,11 @@
 import type {
-  FieldSpec,
   NonReferenceField,
   StringLengthRange,
 } from '../../types/SchemaConfig';
 import type { FieldProperties, FieldRules } from './types';
 
-export const toFieldSpec = (
-  properties: FieldProperties,
-  rules: FieldRules,
-): FieldSpec => {
+// Removed return type to solve a TS issue. Anyway this code will be deprecated soon
+export const toFieldSpec = (properties: FieldProperties, rules: FieldRules) => {
   const { type, name, isPii, helpText } = properties;
   const { validationRules } = rules;
   const trimmedHelpText = helpText.trim();

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Collapse3707892943";
+var _namespace_ = "Collapse812996380";
 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":"Collapse3707892943__root","exit":"Collapse3707892943__exit"};
+export var classes = {"root":"Collapse812996380__root","exit":"Collapse812996380__exit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionPageNew/CollectionPage.st.css.ts

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionSectionHeader2693861402";
+var _namespace_ = "CollectionSectionHeader2862806544";
 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":"CollectionSectionHeader2693861402__root","summaryIcon":"CollectionSectionHeader2693861402__summaryIcon"};
+export var classes = {"root":"CollectionSectionHeader2862806544__root","summaryIcon":"CollectionSectionHeader2862806544__summaryIcon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

package/src/components/CollectionTable/CollectionTableWSRTable.st.css.ts

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionToolbar3460918070";
+var _namespace_ = "CollectionToolbar1126109174";
 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":"CollectionToolbar3460918070__root","right":"CollectionToolbar3460918070__right","left":"CollectionToolbar3460918070__left","fullWidth":"CollectionToolbar3460918070__fullWidth"};
+export var classes = {"root":"CollectionToolbar1126109174__root","right":"CollectionToolbar1126109174__right","left":"CollectionToolbar1126109174__left","fullWidth":"CollectionToolbar1126109174__fullWidth"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SearchOrCustomFilter3884116965";
+var _namespace_ = "SearchOrCustomFilter4110536679";
 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":"SearchOrCustomFilter3884116965__root","search":"SearchOrCustomFilter3884116965__search","searchMobile":"SearchOrCustomFilter3884116965__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter4110536679__root","search":"SearchOrCustomFilter4110536679__search","searchMobile":"SearchOrCustomFilter4110536679__searchMobile"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

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

package/src/components/CustomFieldModal/CustomFieldForm.tsx

@@ -9,7 +9,6 @@ import {
   FormField,
   Input,
   Layout,
-  Text,
 } from '@wix/design-system';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import {
@@ -102,13 +101,6 @@ export const _CustomFieldForm = (props: CustomFieldFormProps) => {
               statusMessage={type.error}
             >
               <CustomFieldTypeDropdown state={state} />
-              {mode === 'edit' && (
-                <Box marginTop="SP1">
-                  <Text size="tiny" secondary>
-                    {t('cairo.customFields.editCustomField.fieldType.tooltip')}
-                  </Text>
-                </Box>
-              )}
             </FormField>
           </Cell>
           <CustomFieldCollectionInput state={state} />

package/src/components/CustomFieldModal/CustomFieldFormPiiFields.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CustomFieldFormPiiFields4233075952";
+var _namespace_ = "CustomFieldFormPiiFields4127167210";
 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":"CustomFieldFormPiiFields4233075952__root","tooltipText":"CustomFieldFormPiiFields4233075952__tooltipText"};
+export var classes = {"root":"CustomFieldFormPiiFields4127167210__root","tooltipText":"CustomFieldFormPiiFields4127167210__tooltipText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -16,6 +16,7 @@
 @property st-global(--wsr-color-D80);
 @property st-global(--wsr-color-R10);
 @property st-global(--wds-color-text-standard-primary);
+@property st-global(--wds-color-text-placeholder);
 @property st-global(--wds-color-text-disabled);
 @property st-global(--wds-color-black-700);
 @property st-global(--wsr-color-D10-30);
@@ -50,9 +51,9 @@
   overflow: visible;
 }
 
-:global(td):has(> .root:harmony:focused),
-:global(td):has(> .root:harmony:editing),
-:global(td):has(> .root:harmony [data-inner-focused]) {
+:global(td:not([data-sticky='true'])):has(> .root:harmony:focused),
+:global(td:not([data-sticky='true'])):has(> .root:harmony:editing),
+:global(td:not([data-sticky='true'])):has(> .root:harmony [data-inner-focused]) {
   z-index: 4;
 }
 
@@ -63,6 +64,17 @@
   z-index: 4;
 }
 
+/* Pinned cells must cover focused cells and their inline editors. */
+:global(tr):has(> :global(td) > .root)
+  > :global(td[data-sticky='true']) {
+  z-index: 5;
+}
+
+/* Keep the focus border above neighbouring pinned cells. */
+:global(td[data-sticky='true']):has(> .root:focused) {
+  z-index: 6;
+}
+
 /* 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. */
@@ -159,12 +171,17 @@
 
 /* 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. */
+   set none. The placeholder token is greyed too, or a placeholder in a cell
+   would stay darker than the greyed text around it. */
 .root:readOnly {
   --wds-color-text-standard-primary: var(
     --wds-color-text-disabled,
     var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30))
   );
+  --wds-color-text-placeholder: var(
+    --wds-color-text-disabled,
+    var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30))
+  );
   color: var(--wds-color-text-standard-primary);
 }
 

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EditableCell3365856660";
+var _namespace_ = "EditableCell3124548031";
 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":"EditableCell3365856660__root","errorMessage":"EditableCell3365856660__errorMessage"};
+export var classes = {"root":"EditableCell3124548031__root","errorMessage":"EditableCell3124548031__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","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"}; 
+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-placeholder":"--wds-color-text-placeholder","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"}; 
 
 
 

package/src/components/EditableTable/EditableCell.uni.driver.ts

@@ -11,6 +11,7 @@ import { ReferenceViewUniDriver } from './cellTypes/reference/View.uni.driver';
 import { MultiReferenceViewUniDriver } from './cellTypes/multiReference/View.uni.driver';
 import { AddressEditUniDriver } from './cellTypes/address/Edit.uni.driver';
 import { ObjectEditUniDriver } from './cellTypes/object/Edit.uni.driver';
+import { MediaImageEditUniDriver } from './cellTypes/mediaImage/Edit.uni.driver';
 
 export function EditableCellUniDriver(base: UniDriver, body: UniDriver) {
   return {
@@ -103,6 +104,9 @@ export function EditableCellUniDriver(base: UniDriver, body: UniDriver) {
     /** Get the object (JSON) cell edit driver (for object columns) */
     getObjectEdit: () => ObjectEditUniDriver(base, body),
 
+    /** Get the media image cell edit driver (for mediaImage columns) */
+    getMediaImageEdit: () => MediaImageEditUniDriver(base, body),
+
     /** Right-click the cell (opens context menu) */
     rightClick: async () => {
       const el = await base.getNative();

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

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

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "JsonInputEdit3646778353";
+var _namespace_ = "JsonInputEdit4121378243";
 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":"JsonInputEdit3646778353__root","jsonInput":"JsonInputEdit3646778353__jsonInput"};
+export var classes = {"root":"JsonInputEdit4121378243__root","jsonInput":"JsonInputEdit4121378243__jsonInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1752151420";
+var _namespace_ = "Edit564070796";
 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":"Edit1752151420__root","addressInput":"Edit1752151420__addressInput"};
+export var classes = {"root":"Edit564070796__root","addressInput":"Edit564070796__addressInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1805069588";
+var _namespace_ = "Edit326742526";
 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":"Edit1805069588__root","booleanEdit":"Edit1805069588__booleanEdit"};
+export var classes = {"root":"Edit326742526__root","booleanEdit":"Edit326742526__booleanEdit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View1553330096";
+var _namespace_ = "View3767167409";
 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":"View1553330096__root","booleanView":"View1553330096__booleanView"};
+export var classes = {"root":"View3767167409__root","booleanView":"View3767167409__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_ = "Edit2985400601";
+var _namespace_ = "Edit2928108101";
 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":"Edit2985400601__root"};
+export var classes = {"root":"Edit2928108101__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_ = "Edit2921261578";
+var _namespace_ = "Edit4145688990";
 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":"Edit2921261578__root","dateInput":"Edit2921261578__dateInput"};
+export var classes = {"root":"Edit4145688990__root","dateInput":"Edit4145688990__dateInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};