@wix/patterns-fields 1.43.0 → 1.44.0

package/src/assets/locale/messages_th.json

@@ -5,6 +5,7 @@
   "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
+  "CMS.formTime.invalidMessage": "Invalid time format ",
   "CMS.richTextEditor.toolbar.headerDropdown.option.p2.subtitle": "Paragraph 2",
   "CMS.mediaGallery.addLink.currentTab": "Current tab",
   "CMS.mediaGallery.dialog.externalLinkLabel": "Link",
@@ -48,6 +49,7 @@
   "auto-patterns.fields.type_mismatch_convert_disabled": "แปลง (ไม่พร้อมใช้งาน)",
   "CMS.mediaControl.pasteUrl.error.document": "Invalid document URL",
   "CMS.mediaGallery.dialog.itemAltTooltip": "Alt text helps boost your site's SEO and improves web accessibility.",
+  "CMS.formTime.placeholder": "hh:mm  ",
   "auto-patterns.fields.type_mismatch_convert": "แปลงค่าเป็น {typeName}",
   "CMS.mediaGallery.dialog.settingsNewItemsTitleEmpty": "No title",
   "auto-patterns.fields.select_placeholder": "Select...",
@@ -63,6 +65,7 @@
   "CMS.mediaGallery.dialog.settingsNewItemsDirectionLabel": "Where should new images appear?",
   "auto-patterns.fields.field_type_rich_text_title": "Rich Text",
   "CMS.mediaGallery.dialog.sortByFilenameAsc": "File name A-Z",
+  "CMS.formDate.placeholder": "dd:mm:yyyy ",
   "auto-patterns.fields.no_items": "No items",
   "auto-patterns.fields.replace_video_tooltip": "Replace video",
   "CMS.mediaGallery.dialog.externalLinkButtonAdd": "Add Link",

package/src/assets/locale/messages_tl.json

@@ -5,6 +5,7 @@
   "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
+  "CMS.formTime.invalidMessage": "Invalid time format ",
   "CMS.richTextEditor.toolbar.headerDropdown.option.p2.subtitle": "Paragraph 2",
   "CMS.mediaGallery.addLink.currentTab": "Current tab",
   "CMS.mediaGallery.dialog.externalLinkLabel": "Link",
@@ -48,6 +49,7 @@
   "auto-patterns.fields.type_mismatch_convert_disabled": "Convert (Not Available)",
   "CMS.mediaControl.pasteUrl.error.document": "Invalid document URL",
   "CMS.mediaGallery.dialog.itemAltTooltip": "Alt text helps boost your site's SEO and improves web accessibility.",
+  "CMS.formTime.placeholder": "hh:mm  ",
   "auto-patterns.fields.type_mismatch_convert": "Convert value to {typeName}",
   "CMS.mediaGallery.dialog.settingsNewItemsTitleEmpty": "No title",
   "auto-patterns.fields.select_placeholder": "Select...",
@@ -63,6 +65,7 @@
   "CMS.mediaGallery.dialog.settingsNewItemsDirectionLabel": "Where should new images appear?",
   "auto-patterns.fields.field_type_rich_text_title": "Rich Text",
   "CMS.mediaGallery.dialog.sortByFilenameAsc": "File name A-Z",
+  "CMS.formDate.placeholder": "dd:mm:yyyy ",
   "auto-patterns.fields.no_items": "No items",
   "auto-patterns.fields.replace_video_tooltip": "Replace video",
   "CMS.mediaGallery.dialog.externalLinkButtonAdd": "Add Link",

package/src/assets/locale/messages_tr.json

@@ -5,6 +5,7 @@
   "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
+  "CMS.formTime.invalidMessage": "Invalid time format ",
   "CMS.richTextEditor.toolbar.headerDropdown.option.p2.subtitle": "Paragraph 2",
   "CMS.mediaGallery.addLink.currentTab": "Current tab",
   "CMS.mediaGallery.dialog.externalLinkLabel": "Link",
@@ -48,6 +49,7 @@
   "auto-patterns.fields.type_mismatch_convert_disabled": "Dönüştür (Mevcut Değil)",
   "CMS.mediaControl.pasteUrl.error.document": "Invalid document URL",
   "CMS.mediaGallery.dialog.itemAltTooltip": "Alt text helps boost your site's SEO and improves web accessibility.",
+  "CMS.formTime.placeholder": "hh:mm  ",
   "auto-patterns.fields.type_mismatch_convert": "Değeri şuna dönüştür: {typeName}",
   "CMS.mediaGallery.dialog.settingsNewItemsTitleEmpty": "No title",
   "auto-patterns.fields.select_placeholder": "Select...",
@@ -63,6 +65,7 @@
   "CMS.mediaGallery.dialog.settingsNewItemsDirectionLabel": "Where should new images appear?",
   "auto-patterns.fields.field_type_rich_text_title": "Rich Text",
   "CMS.mediaGallery.dialog.sortByFilenameAsc": "File name A-Z",
+  "CMS.formDate.placeholder": "dd:mm:yyyy ",
   "auto-patterns.fields.no_items": "No items",
   "auto-patterns.fields.replace_video_tooltip": "Replace video",
   "CMS.mediaGallery.dialog.externalLinkButtonAdd": "Add Link",

package/src/assets/locale/messages_uk.json

@@ -5,6 +5,7 @@
   "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
+  "CMS.formTime.invalidMessage": "Invalid time format ",
   "CMS.richTextEditor.toolbar.headerDropdown.option.p2.subtitle": "Paragraph 2",
   "CMS.mediaGallery.addLink.currentTab": "Current tab",
   "CMS.mediaGallery.dialog.externalLinkLabel": "Link",
@@ -48,6 +49,7 @@
   "auto-patterns.fields.type_mismatch_convert_disabled": "Перетворити (недоступно)",
   "CMS.mediaControl.pasteUrl.error.document": "Invalid document URL",
   "CMS.mediaGallery.dialog.itemAltTooltip": "Alt text helps boost your site's SEO and improves web accessibility.",
+  "CMS.formTime.placeholder": "hh:mm  ",
   "auto-patterns.fields.type_mismatch_convert": "Змінити значення на {typeName}",
   "CMS.mediaGallery.dialog.settingsNewItemsTitleEmpty": "No title",
   "auto-patterns.fields.select_placeholder": "Select...",
@@ -63,6 +65,7 @@
   "CMS.mediaGallery.dialog.settingsNewItemsDirectionLabel": "Where should new images appear?",
   "auto-patterns.fields.field_type_rich_text_title": "Rich Text",
   "CMS.mediaGallery.dialog.sortByFilenameAsc": "File name A-Z",
+  "CMS.formDate.placeholder": "dd:mm:yyyy ",
   "auto-patterns.fields.no_items": "No items",
   "auto-patterns.fields.replace_video_tooltip": "Replace video",
   "CMS.mediaGallery.dialog.externalLinkButtonAdd": "Add Link",

package/src/assets/locale/messages_vi.json

@@ -5,6 +5,7 @@
   "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
+  "CMS.formTime.invalidMessage": "Invalid time format ",
   "CMS.richTextEditor.toolbar.headerDropdown.option.p2.subtitle": "Paragraph 2",
   "CMS.mediaGallery.addLink.currentTab": "Current tab",
   "CMS.mediaGallery.dialog.externalLinkLabel": "Link",
@@ -48,6 +49,7 @@
   "auto-patterns.fields.type_mismatch_convert_disabled": "Chuyển đổi (không có sẵn)",
   "CMS.mediaControl.pasteUrl.error.document": "Invalid document URL",
   "CMS.mediaGallery.dialog.itemAltTooltip": "Alt text helps boost your site's SEO and improves web accessibility.",
+  "CMS.formTime.placeholder": "hh:mm  ",
   "auto-patterns.fields.type_mismatch_convert": "Chuyển đổi giá trị thành {typeName}",
   "CMS.mediaGallery.dialog.settingsNewItemsTitleEmpty": "No title",
   "auto-patterns.fields.select_placeholder": "Select...",
@@ -63,6 +65,7 @@
   "CMS.mediaGallery.dialog.settingsNewItemsDirectionLabel": "Where should new images appear?",
   "auto-patterns.fields.field_type_rich_text_title": "Rich Text",
   "CMS.mediaGallery.dialog.sortByFilenameAsc": "File name A-Z",
+  "CMS.formDate.placeholder": "dd:mm:yyyy ",
   "auto-patterns.fields.no_items": "No items",
   "auto-patterns.fields.replace_video_tooltip": "Replace video",
   "CMS.mediaGallery.dialog.externalLinkButtonAdd": "Add Link",

package/src/assets/locale/messages_zh.json

@@ -5,6 +5,7 @@
   "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
+  "CMS.formTime.invalidMessage": "Invalid time format ",
   "CMS.richTextEditor.toolbar.headerDropdown.option.p2.subtitle": "Paragraph 2",
   "CMS.mediaGallery.addLink.currentTab": "Current tab",
   "CMS.mediaGallery.dialog.externalLinkLabel": "Link",
@@ -48,6 +49,7 @@
   "auto-patterns.fields.type_mismatch_convert_disabled": "轉換（不可用）",
   "CMS.mediaControl.pasteUrl.error.document": "Invalid document URL",
   "CMS.mediaGallery.dialog.itemAltTooltip": "Alt text helps boost your site's SEO and improves web accessibility.",
+  "CMS.formTime.placeholder": "hh:mm  ",
   "auto-patterns.fields.type_mismatch_convert": "將值轉換為 {typeName}",
   "CMS.mediaGallery.dialog.settingsNewItemsTitleEmpty": "No title",
   "auto-patterns.fields.select_placeholder": "Select...",
@@ -63,6 +65,7 @@
   "CMS.mediaGallery.dialog.settingsNewItemsDirectionLabel": "Where should new images appear?",
   "auto-patterns.fields.field_type_rich_text_title": "Rich Text",
   "CMS.mediaGallery.dialog.sortByFilenameAsc": "File name A-Z",
+  "CMS.formDate.placeholder": "dd:mm:yyyy ",
   "auto-patterns.fields.no_items": "No items",
   "auto-patterns.fields.replace_video_tooltip": "Replace video",
   "CMS.mediaGallery.dialog.externalLinkButtonAdd": "Add Link",

package/src/assets/locale/version_file

@@ -1 +1 @@
-1780842046
+1781422647

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "addressinput3033351127";
+var _namespace_ = "addressinput3364327842";
 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":"addressinput3033351127__root","tableAddressInput":"addressinput3033351127__tableAddressInput"};
+export var classes = {"root":"addressinput3364327842__root","tableAddressInput":"addressinput3364327842__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_ = "actionsmenu1371641666";
+var _namespace_ = "actionsmenu2270870419";
 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":"actionsmenu1371641666__root","action":"actionsmenu1371641666__action"};
+export var classes = {"root":"actionsmenu2270870419__root","action":"actionsmenu2270870419__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_ = "formaudiofield4071339891";
+var _namespace_ = "formaudiofield1875584870";
 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":"formaudiofield4071339891__root","addItem":"formaudiofield4071339891__addItem","mediaTitle":"formaudiofield4071339891__mediaTitle"};
+export var classes = {"root":"formaudiofield1875584870__root","addItem":"formaudiofield1875584870__addItem","mediaTitle":"formaudiofield1875584870__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_ = "audioplayer3339770508";
+var _namespace_ = "audioplayer1307598087";
 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":"audioplayer3339770508__root"};
+export var classes = {"root":"audioplayer1307598087__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_ = "cellcolorview2794043851";
+var _namespace_ = "cellcolorview201992451";
 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":"cellcolorview2794043851__root","hashPrefix":"cellcolorview2794043851__hashPrefix"};
+export var classes = {"root":"cellcolorview201992451__root","hashPrefix":"cellcolorview201992451__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_ = "colorview2165802700";
+var _namespace_ = "colorview3980151302";
 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":"colorview2165802700__root","view":"colorview2165802700__view","fillPreview":"colorview2165802700__fillPreview"};
+export var classes = {"root":"colorview3980151302__root","view":"colorview3980151302__view","fillPreview":"colorview3980151302__fillPreview"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/date-input/form-date-input.tsx

@@ -5,6 +5,7 @@ import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { useController } from '@wix/bex-core/form';
 
 import { BaseInputProps, BaseInputRef } from '../../types/base-input';
+import { useTranslations } from '../../hooks';
 import { isEmpty } from '../../validations/string';
 import {
   getDateWithoutTimezone,
@@ -16,6 +17,7 @@ export interface FormDateInputProps extends BaseInputProps<string | null> {}
 const _FormDateInput = (props: FormDateInputProps) => {
   const { field, dataHook, inputRef, formControl, data } = props;
   const { translate: t } = useWixPatternsContainer();
+  const { t: tFields } = useTranslations();
 
   const computeError = (
     value: string | null | undefined,
@@ -72,6 +74,7 @@ const _FormDateInput = (props: FormDateInputProps) => {
         }}
         dataHook={`date-${field.id}`}
         width="100%"
+        placeholderText={tFields('CMS.formDate.placeholder')}
         value={date}
         onChange={(newValue: Date) => {
           setDate(newValue);

package/src/components/datetime-input/form-date-time.tsx

@@ -11,6 +11,7 @@ import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { useController } from '@wix/bex-core/form';
 
 import { BaseInputProps, BaseInputRef } from '../../types/base-input';
+import { useTranslations } from '../../hooks';
 import { isEmpty } from '../../validations/string';
 
 export interface FormDateTimeProps extends BaseInputProps<string | null> {}
@@ -18,6 +19,7 @@ export interface FormDateTimeProps extends BaseInputProps<string | null> {}
 const _FormDateTime = (props: FormDateTimeProps) => {
   const { field, dataHook, inputRef, formControl, data } = props;
   const { translate: t } = useWixPatternsContainer();
+  const { t: tFields } = useTranslations();
 
   const controller = useController({
     name: field?.id ?? '',
@@ -82,6 +84,7 @@ const _FormDateTime = (props: FormDateTimeProps) => {
                 internalRef?.state?.inputRef?.focus?.();
             }}
             width="100%"
+            placeholderText={tFields('CMS.formDate.placeholder')}
             value={date}
             onChange={() => {}}
             // onChange is triggered only when you have valid, non-empty value.
@@ -142,6 +145,8 @@ const _FormDateTime = (props: FormDateTimeProps) => {
               timeRef.current.focus = () => internalRef?.focus();
             }}
             dataHook={`datetime-time-${field.id}`}
+            placeholder={tFields('CMS.formTime.placeholder')}
+            invalidMessage={tFields('CMS.formTime.invalidMessage')}
             value={date ?? null}
             status={
               controller.fieldState.error || timeStatusMessage

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "deletedialog2952496242";
+var _namespace_ = "deletedialog2144465902";
 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":"deletedialog2952496242__root","layout":"deletedialog2952496242__layout"};
+export var classes = {"root":"deletedialog2144465902__root","layout":"deletedialog2144465902__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_ = "formdocumentfield3915235395";
+var _namespace_ = "formdocumentfield2906035939";
 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":"formdocumentfield3915235395__root","viewWrapper":"formdocumentfield3915235395__viewWrapper","textWidth":"formdocumentfield3915235395__textWidth","documentLoader":"formdocumentfield3915235395__documentLoader","addDocument":"formdocumentfield3915235395__addDocument","addItemWrapper":"formdocumentfield3915235395__addItemWrapper"};
+export var classes = {"root":"formdocumentfield2906035939__root","viewWrapper":"formdocumentfield2906035939__viewWrapper","textWidth":"formdocumentfield2906035939__textWidth","documentLoader":"formdocumentfield2906035939__documentLoader","addDocument":"formdocumentfield2906035939__addDocument","addItemWrapper":"formdocumentfield2906035939__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_ = "exclamation2379678414";
+var _namespace_ = "exclamation3597327772";
 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":"exclamation2379678414__root","exclamation":"exclamation2379678414__exclamation","actions":"exclamation2379678414__actions","action":"exclamation2379678414__action"};
+export var classes = {"root":"exclamation3597327772__root","exclamation":"exclamation3597327772__exclamation","actions":"exclamation3597327772__actions","action":"exclamation3597327772__action"};
 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_ = "highlightedtext4075710218";
+var _namespace_ = "highlightedtext3177720312";
 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":"highlightedtext4075710218__root","substring":"highlightedtext4075710218__substring"};
-export var keyframes = {"highlighted":"highlightedtext4075710218__highlighted","highlighted-match":"highlightedtext4075710218__highlighted-match"}; 
+export var classes = {"root":"highlightedtext3177720312__root","substring":"highlightedtext3177720312__substring"};
+export var keyframes = {"highlighted":"highlightedtext3177720312__highlighted","highlighted-match":"highlightedtext3177720312__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_ = "thumbnailreplaceoverlay2372544504";
+var _namespace_ = "thumbnailreplaceoverlay3234372462";
 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":"thumbnailreplaceoverlay2372544504__root","icon":"thumbnailreplaceoverlay2372544504__icon"};
+export var classes = {"root":"thumbnailreplaceoverlay3234372462__root","icon":"thumbnailreplaceoverlay3234372462__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_ = "cellmediaeditshell1777853969";
+var _namespace_ = "cellmediaeditshell3278014357";
 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":"cellmediaeditshell1777853969__root"};
+export var classes = {"root":"cellmediaeditshell3278014357__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_ = "pasteurlbutton2072625136";
+var _namespace_ = "pasteurlbutton2508309626";
 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":"pasteurlbutton2072625136__root","iconButtonTooltip":"pasteurlbutton2072625136__iconButtonTooltip","iconButton":"pasteurlbutton2072625136__iconButton"};
+export var classes = {"root":"pasteurlbutton2508309626__root","iconButtonTooltip":"pasteurlbutton2508309626__iconButtonTooltip","iconButton":"pasteurlbutton2508309626__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_ = "formmediagalleryfield974616904";
+var _namespace_ = "formmediagalleryfield177580183";
 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":"formmediagalleryfield974616904__root","container":"formmediagalleryfield974616904__container","viewBox":"formmediagalleryfield974616904__viewBox","addItemWrapper":"formmediagalleryfield974616904__addItemWrapper","addItem":"formmediagalleryfield974616904__addItem","overlay":"formmediagalleryfield974616904__overlay","image":"formmediagalleryfield974616904__image","previewImage":"formmediagalleryfield974616904__previewImage","previewVideo":"formmediagalleryfield974616904__previewVideo"};
+export var classes = {"root":"formmediagalleryfield177580183__root","container":"formmediagalleryfield177580183__container","viewBox":"formmediagalleryfield177580183__viewBox","addItemWrapper":"formmediagalleryfield177580183__addItemWrapper","addItem":"formmediagalleryfield177580183__addItem","overlay":"formmediagalleryfield177580183__overlay","image":"formmediagalleryfield177580183__image","previewImage":"formmediagalleryfield177580183__previewImage","previewVideo":"formmediagalleryfield177580183__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_ = "mediaimage3610275583";
+var _namespace_ = "mediaimage3330258919";
 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":"mediaimage3610275583__root"};
+export var classes = {"root":"mediaimage3330258919__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":"--mediaimage3610275583-from","to":"--mediaimage3610275583-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":"--mediaimage3330258919-from","to":"--mediaimage3330258919-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_ = "overlay1530441702";
+var _namespace_ = "overlay3988259752";
 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":"overlay1530441702__root","iconOverlay":"overlay1530441702__iconOverlay"};
+export var classes = {"root":"overlay3988259752__root","iconOverlay":"overlay3988259752__iconOverlay"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "medialoader3814445977";
+var _namespace_ = "medialoader258840642";
 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":"medialoader3814445977__root","loader":"medialoader3814445977__loader"};
+export var classes = {"root":"medialoader258840642__root","loader":"medialoader258840642__loader"};
 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_ = "mediatag3178403637";
+var _namespace_ = "mediatag3640290777";
 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":"mediatag3178403637__root"};
+export var classes = {"root":"mediatag3640290777__root"};
 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_ = "formmultidocument1507203159";
+var _namespace_ = "formmultidocument2441635574";
 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":"formmultidocument1507203159__root","viewRoot":"formmultidocument1507203159__viewRoot","singleViewWrapper":"formmultidocument1507203159__singleViewWrapper","addDocumentButton":"formmultidocument1507203159__addDocumentButton"};
+export var classes = {"root":"formmultidocument2441635574__root","viewRoot":"formmultidocument2441635574__viewRoot","singleViewWrapper":"formmultidocument2441635574__singleViewWrapper","addDocumentButton":"formmultidocument2441635574__addDocumentButton"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -0,0 +1,20 @@
+@property st-global(--wds-input-border-color);
+@property st-global(--wds-input-border-color-hover);
+@property st-global(--wds-input-border-color-focus);
+@property st-global(--wds-input-background-fill-default);
+@property st-global(--wds-input-background-fill-hover);
+@property st-global(--wds-input-shadow-focus-standard);
+
+/* Drop the input border / focus ring / fill so the MultiSelect sits inline
+   within the cell. Same WDS custom-property approach the singular reference
+   input uses (no !important, no class targeting). */
+.root {
+  width: 100%;
+  box-sizing: border-box;
+  --wds-input-border-color: transparent;
+  --wds-input-border-color-hover: transparent;
+  --wds-input-border-color-focus: transparent;
+  --wds-input-background-fill-default: transparent;
+  --wds-input-background-fill-hover: transparent;
+  --wds-input-shadow-focus-standard: 0 0 0 0 transparent;
+}

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

@@ -0,0 +1,25 @@
+// @ts-nocheck
+
+
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "cellmultireferenceinput2476850794";
+var _style_ = classesRuntime.bind(null, _namespace_);
+
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style: import("@stylable/runtime").STFunction = _style_;
+export var st: import("@stylable/runtime").STFunction = _style_;
+
+export var namespace = _namespace_;
+export var classes = {"root":"cellmultireferenceinput2476850794__root"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {"wds-input-border-color":"--wds-input-border-color","wds-input-border-color-hover":"--wds-input-border-color-hover","wds-input-border-color-focus":"--wds-input-border-color-focus","wds-input-background-fill-default":"--wds-input-background-fill-default","wds-input-background-fill-hover":"--wds-input-background-fill-hover","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard"}; 
+
+
+
+