@wix/patterns-fields 1.122.0 → 1.123.0

package/src/__tests__/utils/detect-field-type.spec.ts

@@ -1,4 +1,8 @@
-import { detectFieldType } from '../../utils/detect-field-type';
+import type { PatternsFieldType } from '@wix/bex-core';
+import {
+  detectFieldType,
+  isImportMediaValueCompatible,
+} from '../../utils/detect-field-type';
 
 // Valid Wix media URIs (shapes accepted by `parseMediaItemUri`).
 const IMAGE_URI =
@@ -30,7 +34,9 @@ describe('detectFieldType (media-aware column detection)', () => {
     expect(detectFieldType(['https://static.wixstatic.com/photo.png'])).toBe(
       'image',
     );
-    expect(detectFieldType(['http://x.io/a.jpeg', '//cdn/b.gif'])).toBe('image');
+    expect(detectFieldType(['http://x.io/a.jpeg', '//cdn/b.gif'])).toBe(
+      'image',
+    );
   });
 
   it('still detects the primitive types via core', () => {
@@ -42,6 +48,93 @@ describe('detectFieldType (media-aware column detection)', () => {
   });
 
   it('falls back to text for a mixed column below the two-thirds threshold', () => {
-    expect(detectFieldType([IMAGE_URI, 'plain text', 'more text'])).toBe('text');
+    expect(detectFieldType([IMAGE_URI, 'plain text', 'more text'])).toBe(
+      'text',
+    );
+  });
+});
+
+describe('import media compatibility', () => {
+  const mediaTypes: PatternsFieldType[] = [
+    'IMAGE',
+    'VIDEO',
+    'AUDIO',
+    'DOCUMENT',
+    'MULTI_DOCUMENT',
+    'MEDIA_IMAGE',
+  ];
+
+  it.each([
+    { value: { uri: IMAGE_URI, altText: 'A flower' }, fits: true },
+    { value: { url: 'https://example.com/cat.webp' }, fits: true },
+    { value: { altText: 'A flower' }, fits: false },
+    { value: { url: ' ' }, fits: false },
+  ])('checks structured image values: $value', ({ value, fits }) => {
+    expect(
+      isImportMediaValueCompatible('MEDIA_IMAGE', JSON.stringify(value)),
+    ).toBe(fits);
+  });
+
+  const cases: { name: string; value: string; fits: PatternsFieldType[] }[] = [
+    { name: 'plain text', value: 'hello', fits: [] },
+    {
+      name: 'extensionless URLs',
+      value: 'https://cdn.example.com/asset',
+      fits: ['IMAGE'],
+    },
+    {
+      name: 'WebP URLs',
+      value: 'https://cdn.example.com/photo.webp',
+      fits: ['IMAGE'],
+    },
+    { name: 'Wix images', value: IMAGE_URI, fits: ['IMAGE', 'DOCUMENT'] },
+    {
+      name: 'JSON-quoted images',
+      value: JSON.stringify(IMAGE_URI),
+      fits: ['IMAGE', 'DOCUMENT'],
+    },
+    { name: 'Wix vectors', value: VECTOR_URI, fits: ['IMAGE'] },
+    { name: 'Wix videos', value: VIDEO_URI, fits: ['VIDEO', 'DOCUMENT'] },
+    { name: 'Wix audio', value: AUDIO_URI, fits: ['AUDIO', 'DOCUMENT'] },
+    { name: 'Wix documents', value: DOCUMENT_URI, fits: ['DOCUMENT'] },
+    {
+      name: 'document arrays',
+      value: JSON.stringify([DOCUMENT_URI]),
+      fits: ['MULTI_DOCUMENT'],
+    },
+    { name: 'reference arrays', value: '["item-1","item-2"]', fits: [] },
+  ];
+
+  it.each(cases)(
+    'accepts the media destinations for $name',
+    ({ value, fits }) => {
+      expect(
+        mediaTypes.filter((type) => isImportMediaValueCompatible(type, value)),
+      ).toEqual(fits);
+    },
+  );
+
+  it.each([IMAGE_URI, VIDEO_URI, AUDIO_URI, DOCUMENT_URI, VECTOR_URI])(
+    'rejects mapping a media URI to Reference: %s',
+    (uri) => {
+      expect(isImportMediaValueCompatible('REFERENCE', uri)).toBe(false);
+      expect(
+        isImportMediaValueCompatible('MULTI_REFERENCE', JSON.stringify([uri])),
+      ).toBe(false);
+    },
+  );
+
+  it.each<PatternsFieldType>(['NUMBER', 'URL', 'CUSTOM', 'UNKNOWN'])(
+    'leaves %s to the built-in compatibility check',
+    (type) => {
+      expect(isImportMediaValueCompatible(type, IMAGE_URI)).toBeUndefined();
+    },
+  );
+
+  it('leaves opaque reference IDs to the built-in compatibility check', () => {
+    expect(isImportMediaValueCompatible('REFERENCE', 'item-1')).toBeUndefined();
+    expect(
+      isImportMediaValueCompatible('MULTI_REFERENCE', '["item-1"]'),
+    ).toBeUndefined();
   });
 });

package/src/components/address/input/address-input.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "addressinput3465434264";
+var _namespace_ = "addressinput1084459100";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"addressinput3465434264__root","tableAddressInput":"addressinput3465434264__tableAddressInput"};
+export var classes = {"root":"addressinput1084459100__root","tableAddressInput":"addressinput1084459100__tableAddressInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/audio/actions/actions-menu/actions-menu.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "actionsmenu4256212460";
+var _namespace_ = "actionsmenu583491998";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"actionsmenu4256212460__root","action":"actionsmenu4256212460__action"};
+export var classes = {"root":"actionsmenu583491998__root","action":"actionsmenu583491998__action"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/audio/audio-field/form-audio-field.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "formaudiofield4027494044";
+var _namespace_ = "formaudiofield2001278846";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"formaudiofield4027494044__root","addItem":"formaudiofield4027494044__addItem","mediaTitle":"formaudiofield4027494044__mediaTitle"};
+export var classes = {"root":"formaudiofield2001278846__root","addItem":"formaudiofield2001278846__addItem","mediaTitle":"formaudiofield2001278846__mediaTitle"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/audio/audio-player/audio-player.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "audioplayer3201605272";
+var _namespace_ = "audioplayer1176791793";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"audioplayer3201605272__root"};
+export var classes = {"root":"audioplayer1176791793__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/color-view/cell-color-view.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellcolorview2844906545";
+var _namespace_ = "cellcolorview592802812";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"cellcolorview2844906545__root","hashPrefix":"cellcolorview2844906545__hashPrefix"};
+export var classes = {"root":"cellcolorview592802812__root","hashPrefix":"cellcolorview592802812__hashPrefix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/color-view/color-view.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "colorview3797577136";
+var _namespace_ = "colorview665258541";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"colorview3797577136__root","view":"colorview3797577136__view","fillPreview":"colorview3797577136__fillPreview"};
+export var classes = {"root":"colorview665258541__root","view":"colorview665258541__view","fillPreview":"colorview665258541__fillPreview"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/delete-dialog/delete-dialog.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "deletedialog1667824872";
+var _namespace_ = "deletedialog3726304062";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"deletedialog1667824872__root","layout":"deletedialog1667824872__layout"};
+export var classes = {"root":"deletedialog3726304062__root","layout":"deletedialog3726304062__layout"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/document/form-document-field.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "formdocumentfield3710844469";
+var _namespace_ = "formdocumentfield3714463201";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"formdocumentfield3710844469__root","viewWrapper":"formdocumentfield3710844469__viewWrapper","textWidth":"formdocumentfield3710844469__textWidth","documentLoader":"formdocumentfield3710844469__documentLoader","addDocument":"formdocumentfield3710844469__addDocument","addItemWrapper":"formdocumentfield3710844469__addItemWrapper"};
+export var classes = {"root":"formdocumentfield3714463201__root","viewWrapper":"formdocumentfield3714463201__viewWrapper","textWidth":"formdocumentfield3714463201__textWidth","documentLoader":"formdocumentfield3714463201__documentLoader","addDocument":"formdocumentfield3714463201__addDocument","addItemWrapper":"formdocumentfield3714463201__addItemWrapper"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "exclamation2387627807";
+var _namespace_ = "exclamation1440793630";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"exclamation2387627807__root","exclamation":"exclamation2387627807__exclamation","actions":"exclamation2387627807__actions","action":"exclamation2387627807__action"};
+export var classes = {"root":"exclamation1440793630__root","exclamation":"exclamation1440793630__exclamation","actions":"exclamation1440793630__actions","action":"exclamation1440793630__action"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/field-validation-settings/field-validation-settings-input.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "fieldvalidationsettingsinput1924831113";
+var _namespace_ = "fieldvalidationsettingsinput3638817165";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"fieldvalidationsettingsinput1924831113__root","specificValuesInput":"fieldvalidationsettingsinput1924831113__specificValuesInput"};
+export var classes = {"root":"fieldvalidationsettingsinput3638817165__root","specificValuesInput":"fieldvalidationsettingsinput3638817165__specificValuesInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/highlighted-text/highlighted-text.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "highlightedtext2926468661";
+var _namespace_ = "highlightedtext1238120851";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"highlightedtext2926468661__root","substring":"highlightedtext2926468661__substring"};
-export var keyframes = {"highlighted":"highlightedtext2926468661__highlighted","highlighted-match":"highlightedtext2926468661__highlighted-match"}; 
+export var classes = {"root":"highlightedtext1238120851__root","substring":"highlightedtext1238120851__substring"};
+export var keyframes = {"highlighted":"highlightedtext1238120851__highlighted","highlighted-match":"highlightedtext1238120851__highlighted-match"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

package/src/components/image/thumbnail-replace-overlay.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "thumbnailreplaceoverlay3461143479";
+var _namespace_ = "thumbnailreplaceoverlay2826730868";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"thumbnailreplaceoverlay3461143479__root","icon":"thumbnailreplaceoverlay3461143479__icon"};
+export var classes = {"root":"thumbnailreplaceoverlay2826730868__root","icon":"thumbnailreplaceoverlay2826730868__icon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-control/cell-media-edit-shell.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellmediaeditshell1536153294";
+var _namespace_ = "cellmediaeditshell4284857621";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"cellmediaeditshell1536153294__root"};
+export var classes = {"root":"cellmediaeditshell4284857621__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-control/paste-url-button.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "pasteurlbutton1989210003";
+var _namespace_ = "pasteurlbutton871688670";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"pasteurlbutton1989210003__root","iconButtonTooltip":"pasteurlbutton1989210003__iconButtonTooltip","iconButton":"pasteurlbutton1989210003__iconButton"};
+export var classes = {"root":"pasteurlbutton871688670__root","iconButtonTooltip":"pasteurlbutton871688670__iconButtonTooltip","iconButton":"pasteurlbutton871688670__iconButton"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-gallery/form-media-gallery-field.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "formmediagalleryfield274880181";
+var _namespace_ = "formmediagalleryfield1779683996";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"formmediagalleryfield274880181__root","container":"formmediagalleryfield274880181__container","viewBox":"formmediagalleryfield274880181__viewBox","addItemWrapper":"formmediagalleryfield274880181__addItemWrapper","addItem":"formmediagalleryfield274880181__addItem","overlay":"formmediagalleryfield274880181__overlay","image":"formmediagalleryfield274880181__image","previewImage":"formmediagalleryfield274880181__previewImage","previewVideo":"formmediagalleryfield274880181__previewVideo"};
+export var classes = {"root":"formmediagalleryfield1779683996__root","container":"formmediagalleryfield1779683996__container","viewBox":"formmediagalleryfield1779683996__viewBox","addItemWrapper":"formmediagalleryfield1779683996__addItemWrapper","addItem":"formmediagalleryfield1779683996__addItem","overlay":"formmediagalleryfield1779683996__overlay","image":"formmediagalleryfield1779683996__image","previewImage":"formmediagalleryfield1779683996__previewImage","previewVideo":"formmediagalleryfield1779683996__previewVideo"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-image/media-image.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "mediaimage2270080892";
+var _namespace_ = "mediaimage59134252";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"mediaimage2270080892__root"};
+export var classes = {"root":"mediaimage59134252__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {"wds-color-red-200":"--wds-color-red-200","wsr-color-R20":"--wsr-color-R20","wds-color-black-550":"--wds-color-black-550","wsr-color-D55":"--wsr-color-D55","from":"--mediaimage2270080892-from","to":"--mediaimage2270080892-to"}; 
+export var vars = {"wds-color-red-200":"--wds-color-red-200","wsr-color-R20":"--wsr-color-R20","wds-color-black-550":"--wds-color-black-550","wsr-color-D55":"--wsr-color-D55","from":"--mediaimage59134252-from","to":"--mediaimage59134252-to"}; 
 
 
 

package/src/components/media-image/overlays/overlay.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "overlay866889659";
+var _namespace_ = "overlay279034460";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"overlay866889659__root","iconOverlay":"overlay866889659__iconOverlay"};
+export var classes = {"root":"overlay279034460__root","iconOverlay":"overlay279034460__iconOverlay"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-image-field/cell-media-image-edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellmediaimageedit791185868";
+var _namespace_ = "cellmediaimageedit2205193049";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"cellmediaimageedit791185868__root","view":"cellmediaimageedit791185868__view","anchor":"cellmediaimageedit791185868__anchor","anchorBox":"cellmediaimageedit791185868__anchorBox","popoverContent":"cellmediaimageedit791185868__popoverContent","image":"cellmediaimageedit791185868__image","imageActions":"cellmediaimageedit791185868__imageActions"};
+export var classes = {"root":"cellmediaimageedit2205193049__root","view":"cellmediaimageedit2205193049__view","anchor":"cellmediaimageedit2205193049__anchor","anchorBox":"cellmediaimageedit2205193049__anchorBox","popoverContent":"cellmediaimageedit2205193049__popoverContent","image":"cellmediaimageedit2205193049__image","imageActions":"cellmediaimageedit2205193049__imageActions"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-image-field/media-image-view.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "mediaimageview2046673734";
+var _namespace_ = "mediaimageview3184009994";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"mediaimageview2046673734__root","altTextPlaceholder":"mediaimageview2046673734__altTextPlaceholder"};
+export var classes = {"root":"mediaimageview3184009994__root","altTextPlaceholder":"mediaimageview3184009994__altTextPlaceholder"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-tag/web-media-tag/media-tag.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "mediatag3898384478";
+var _namespace_ = "mediatag2191561493";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"mediatag3898384478__root"};
+export var classes = {"root":"mediatag2191561493__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/multi-document/cell-multi-document-edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellmultidocumentedit1584152841";
+var _namespace_ = "cellmultidocumentedit667380981";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"cellmultidocumentedit1584152841__root","chipTrigger":"cellmultidocumentedit1584152841__chipTrigger"};
+export var classes = {"root":"cellmultidocumentedit667380981__root","chipTrigger":"cellmultidocumentedit667380981__chipTrigger"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/multi-document/multi-document-input/form-multi-document.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "formmultidocument3781924209";
+var _namespace_ = "formmultidocument3808373165";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"formmultidocument3781924209__root","viewRoot":"formmultidocument3781924209__viewRoot","singleViewWrapper":"formmultidocument3781924209__singleViewWrapper","addDocumentButton":"formmultidocument3781924209__addDocumentButton"};
+export var classes = {"root":"formmultidocument3808373165__root","viewRoot":"formmultidocument3808373165__viewRoot","singleViewWrapper":"formmultidocument3808373165__singleViewWrapper","addDocumentButton":"formmultidocument3808373165__addDocumentButton"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/reference/cell-multi-reference-input.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellmultireferenceinput1531534607";
+var _namespace_ = "cellmultireferenceinput1079984993";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"cellmultireferenceinput1531534607__root"};
+export var classes = {"root":"cellmultireferenceinput1079984993__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/reference/cell-reference-input.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellreferenceinput1272561628";
+var _namespace_ = "cellreferenceinput2862009294";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"cellreferenceinput1272561628__root","autocomplete":"cellreferenceinput1272561628__autocomplete"};
+export var classes = {"root":"cellreferenceinput2862009294__root","autocomplete":"cellreferenceinput2862009294__autocomplete"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "richcontentdefaultvalueinput4183316190";
+var _namespace_ = "richcontentdefaultvalueinput2772674048";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"richcontentdefaultvalueinput4183316190__root","richContentEditorContainer":"richcontentdefaultvalueinput4183316190__richContentEditorContainer","editor":"richcontentdefaultvalueinput4183316190__editor"};
+export var classes = {"root":"richcontentdefaultvalueinput2772674048__root","richContentEditorContainer":"richcontentdefaultvalueinput2772674048__richContentEditorContainer","editor":"richcontentdefaultvalueinput2772674048__editor"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "richcontentforminput1125731069";
+var _namespace_ = "richcontentforminput1676133447";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"richcontentforminput1125731069__root","editor":"richcontentforminput1125731069__editor"};
+export var classes = {"root":"richcontentforminput1676133447__root","editor":"richcontentforminput1676133447__editor"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "richcontentformreadonlyinput2383159312";
+var _namespace_ = "richcontentformreadonlyinput3237867920";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"richcontentformreadonlyinput2383159312__root"};
+export var classes = {"root":"richcontentformreadonlyinput3237867920__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};