@wix/patterns-fields 1.39.0 → 1.41.0

package/src/assets/locale/messages_tl.json

@@ -20,10 +20,12 @@
   "CMS.audio.button.download": "Download track",
   "CMS.mediaGallery.dialog.itemTitlePlaceholder": "Title",
   "auto-patterns.filters.no_value": "No Value",
+  "CMS.cellDateTime.placeholder.year": "YYYY",
   "CMS.richTextEditor.toolbar.headerDropdown.button.info": "Learn more",
   "CMS.video.change": "Change Video",
   "CMS.richTextEditor.toolbar.headerDropdown.option.p3.subtitle": "Paragraph 3",
   "CMS.mediaGallery.dialog.itemDescriptionPlaceholder": "Description",
+  "CMS.cellDateTime.placeholder.month": "MM",
   "CMS.document.action.open": "Open file",
   "CMS.mediaGallery.dialog.externalLinkTextPlaceholder": "e.g., https://www.mysite.com/",
   "CMS.richTextEditor.toolbar.button.tooltip.full-screen.exit": "Close",
@@ -31,6 +33,7 @@
   "CMS.mediaControl.pasteUrl.placeholder.document": "Paste document URL",
   "auto-patterns.fields.no_results_found": "No results found",
   "auto-patterns.fields.type_mismatch_tip": "The value does not match the field type {typeName}",
+  "CMS.cellDateTime.placeholder.day": "DD",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h2.title": "Section Title",
   "CMS.document.action.replaceWithUrl": "Replace with URL",
   "CMS.mediaGallery.addLink.urlLabel": "URL",
@@ -41,6 +44,7 @@
   "CMS.audio.more_actions_tooltip": "More actions",
   "CMS.image.replaceWithUrl.button": "Replace with URL",
   "CMS.mediaGallery.clear": "Delete gallery",
+  "CMS.cellDateTime.ariaLabel.date": "Date",
   "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.",
@@ -75,12 +79,14 @@
   "auto-patterns.fields.field_type_multi_document_title": "Multi Document",
   "CMS.richTextEditor.toolbar.headerDropdown.option.p1.title": "Large Text",
   "CMS.mediaGallery.addLink.titleVideo": "Add a link to your video",
+  "CMS.cellDateTime.placeholder.hour": "HH",
   "auto-patterns.time_input.placeholder": "Enter time",
   "CMS.richTextEditor.toolbar.headerDropdown.option.p1.subtitle": "Paragraph 1",
   "CMS.image.replace": "Replace",
   "CMS.audio.button.play": "Play",
   "auto-patterns.fields.add_video_tooltip": "Add video",
   "CMS.document.delete.title": "Delete \"{filename}\"?",
+  "CMS.cellDateTime.placeholder.minute": "MM",
   "auto-patterns.filters.has_value": "Has Value",
   "CMS.richTextEditor.toolbar.button.link.paste.url.title": "Paste URL Here",
   "CMS.audio.button.replace": "Choose track",
@@ -104,6 +110,7 @@
   "CMS.mediaControl.pasteUrl.button.save": "Save",
   "CMS.mediaGallery.addLink.save": "Save",
   "CMS.mediaGallery.dialog.modalTitle": "Manage gallery media",
+  "CMS.cellDateTime.ariaLabel.time": "Time",
   "CMS.document.pasteUrl.button": "Add file link (URL)",
   "patterns-fields.text.char_limit_tooltip": "Enter up to {maxLength} characters including spaces.",
   "CMS.mediaGallery.preview.replace": "Replace",
@@ -152,6 +159,7 @@
   "CMS.richTextEditor.toolbar.headerDropdown.option.h5.title": "Title",
   "CMS.mediaControl.pasteUrl.error.image": "Invalid image URL",
   "CMS.mediaGallery.emptyHint": "Select images and videos to add",
+  "CMS.cellDateTime.placeholder": "Choose a date and time",
   "CMS.mediaGallery.dialog.settingsNewItemsDirectionEnd": "At the end of the gallery",
   "CMS.image.replaceWithUrl.title": "Paste Image URL",
   "auto-patterns.fields.field_type_address_title": "Address",

package/src/assets/locale/messages_tr.json

@@ -20,10 +20,12 @@
   "CMS.audio.button.download": "Download",
   "CMS.mediaGallery.dialog.itemTitlePlaceholder": "Title",
   "auto-patterns.filters.no_value": "No Value",
+  "CMS.cellDateTime.placeholder.year": "YYYY",
   "CMS.richTextEditor.toolbar.headerDropdown.button.info": "Learn more",
   "CMS.video.change": "Change Video",
   "CMS.richTextEditor.toolbar.headerDropdown.option.p3.subtitle": "Paragraph 3",
   "CMS.mediaGallery.dialog.itemDescriptionPlaceholder": "Description",
+  "CMS.cellDateTime.placeholder.month": "MM",
   "CMS.document.action.open": "Open file",
   "CMS.mediaGallery.dialog.externalLinkTextPlaceholder": "e.g., https://www.mysite.com/",
   "CMS.richTextEditor.toolbar.button.tooltip.full-screen.exit": "Close",
@@ -31,6 +33,7 @@
   "CMS.mediaControl.pasteUrl.placeholder.document": "Paste document URL",
   "auto-patterns.fields.no_results_found": "No results found",
   "auto-patterns.fields.type_mismatch_tip": "Değer, {typeName} alan türüyle eşleşmiyor",
+  "CMS.cellDateTime.placeholder.day": "DD",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h2.title": "Section Title",
   "CMS.document.action.replaceWithUrl": "Replace with URL",
   "CMS.mediaGallery.addLink.urlLabel": "URL",
@@ -41,6 +44,7 @@
   "CMS.audio.more_actions_tooltip": "More actions",
   "CMS.image.replaceWithUrl.button": "Replace with URL",
   "CMS.mediaGallery.clear": "Delete gallery",
+  "CMS.cellDateTime.ariaLabel.date": "Date",
   "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.",
@@ -75,12 +79,14 @@
   "auto-patterns.fields.field_type_multi_document_title": "Multi Document",
   "CMS.richTextEditor.toolbar.headerDropdown.option.p1.title": "Large Text",
   "CMS.mediaGallery.addLink.titleVideo": "Add a link to your video",
+  "CMS.cellDateTime.placeholder.hour": "HH",
   "auto-patterns.time_input.placeholder": "Enter time",
   "CMS.richTextEditor.toolbar.headerDropdown.option.p1.subtitle": "Paragraph 1",
   "CMS.image.replace": "Replace",
   "CMS.audio.button.play": "Play",
   "auto-patterns.fields.add_video_tooltip": "Add video",
   "CMS.document.delete.title": "Delete \"{filename}\"?",
+  "CMS.cellDateTime.placeholder.minute": "MM",
   "auto-patterns.filters.has_value": "Has Value",
   "CMS.richTextEditor.toolbar.button.link.paste.url.title": "Paste URL Here",
   "CMS.audio.button.replace": "Replace",
@@ -104,6 +110,7 @@
   "CMS.mediaControl.pasteUrl.button.save": "Save",
   "CMS.mediaGallery.addLink.save": "Save",
   "CMS.mediaGallery.dialog.modalTitle": "Manage gallery media",
+  "CMS.cellDateTime.ariaLabel.time": "Time",
   "CMS.document.pasteUrl.button": "Add file link (URL)",
   "patterns-fields.text.char_limit_tooltip": "Enter up to {maxLength} characters including spaces.",
   "CMS.mediaGallery.preview.replace": "Replace",
@@ -152,6 +159,7 @@
   "CMS.richTextEditor.toolbar.headerDropdown.option.h5.title": "Title",
   "CMS.mediaControl.pasteUrl.error.image": "Invalid image URL",
   "CMS.mediaGallery.emptyHint": "Select images and videos to add",
+  "CMS.cellDateTime.placeholder": "Choose a date and time",
   "CMS.mediaGallery.dialog.settingsNewItemsDirectionEnd": "At the end of the gallery",
   "CMS.image.replaceWithUrl.title": "Paste Image URL",
   "auto-patterns.fields.field_type_address_title": "Address",

package/src/assets/locale/messages_uk.json

@@ -20,10 +20,12 @@
   "CMS.audio.button.download": "Download",
   "CMS.mediaGallery.dialog.itemTitlePlaceholder": "Title",
   "auto-patterns.filters.no_value": "No Value",
+  "CMS.cellDateTime.placeholder.year": "YYYY",
   "CMS.richTextEditor.toolbar.headerDropdown.button.info": "Learn more",
   "CMS.video.change": "Change Video",
   "CMS.richTextEditor.toolbar.headerDropdown.option.p3.subtitle": "Paragraph 3",
   "CMS.mediaGallery.dialog.itemDescriptionPlaceholder": "Description",
+  "CMS.cellDateTime.placeholder.month": "MM",
   "CMS.document.action.open": "Open file",
   "CMS.mediaGallery.dialog.externalLinkTextPlaceholder": "e.g., https://www.mysite.com/",
   "CMS.richTextEditor.toolbar.button.tooltip.full-screen.exit": "Close",
@@ -31,6 +33,7 @@
   "CMS.mediaControl.pasteUrl.placeholder.document": "Paste document URL",
   "auto-patterns.fields.no_results_found": "No results found",
   "auto-patterns.fields.type_mismatch_tip": "Значення не відповідає типу поля {typeName}",
+  "CMS.cellDateTime.placeholder.day": "DD",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h2.title": "Section Title",
   "CMS.document.action.replaceWithUrl": "Replace with URL",
   "CMS.mediaGallery.addLink.urlLabel": "URL",
@@ -41,6 +44,7 @@
   "CMS.audio.more_actions_tooltip": "More actions",
   "CMS.image.replaceWithUrl.button": "Replace with URL",
   "CMS.mediaGallery.clear": "Delete gallery",
+  "CMS.cellDateTime.ariaLabel.date": "Date",
   "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.",
@@ -75,12 +79,14 @@
   "auto-patterns.fields.field_type_multi_document_title": "Multi Document",
   "CMS.richTextEditor.toolbar.headerDropdown.option.p1.title": "Large Text",
   "CMS.mediaGallery.addLink.titleVideo": "Add a link to your video",
+  "CMS.cellDateTime.placeholder.hour": "HH",
   "auto-patterns.time_input.placeholder": "Enter time",
   "CMS.richTextEditor.toolbar.headerDropdown.option.p1.subtitle": "Paragraph 1",
   "CMS.image.replace": "Replace",
   "CMS.audio.button.play": "Play",
   "auto-patterns.fields.add_video_tooltip": "Add video",
   "CMS.document.delete.title": "Delete \"{filename}\"?",
+  "CMS.cellDateTime.placeholder.minute": "MM",
   "auto-patterns.filters.has_value": "Has Value",
   "CMS.richTextEditor.toolbar.button.link.paste.url.title": "Paste URL Here",
   "CMS.audio.button.replace": "Replace",
@@ -104,6 +110,7 @@
   "CMS.mediaControl.pasteUrl.button.save": "Save",
   "CMS.mediaGallery.addLink.save": "Save",
   "CMS.mediaGallery.dialog.modalTitle": "Manage gallery media",
+  "CMS.cellDateTime.ariaLabel.time": "Time",
   "CMS.document.pasteUrl.button": "Add file link (URL)",
   "patterns-fields.text.char_limit_tooltip": "Enter up to {maxLength} characters including spaces.",
   "CMS.mediaGallery.preview.replace": "Replace",
@@ -152,6 +159,7 @@
   "CMS.richTextEditor.toolbar.headerDropdown.option.h5.title": "Title",
   "CMS.mediaControl.pasteUrl.error.image": "Invalid image URL",
   "CMS.mediaGallery.emptyHint": "Select images and videos to add",
+  "CMS.cellDateTime.placeholder": "Choose a date and time",
   "CMS.mediaGallery.dialog.settingsNewItemsDirectionEnd": "At the end of the gallery",
   "CMS.image.replaceWithUrl.title": "Paste Image URL",
   "auto-patterns.fields.field_type_address_title": "Address",

package/src/assets/locale/messages_vi.json

@@ -20,10 +20,12 @@
   "CMS.audio.button.download": "Download",
   "CMS.mediaGallery.dialog.itemTitlePlaceholder": "Title",
   "auto-patterns.filters.no_value": "No Value",
+  "CMS.cellDateTime.placeholder.year": "YYYY",
   "CMS.richTextEditor.toolbar.headerDropdown.button.info": "Learn more",
   "CMS.video.change": "Change Video",
   "CMS.richTextEditor.toolbar.headerDropdown.option.p3.subtitle": "Paragraph 3",
   "CMS.mediaGallery.dialog.itemDescriptionPlaceholder": "Description",
+  "CMS.cellDateTime.placeholder.month": "MM",
   "CMS.document.action.open": "Open file",
   "CMS.mediaGallery.dialog.externalLinkTextPlaceholder": "e.g., https://www.mysite.com/",
   "CMS.richTextEditor.toolbar.button.tooltip.full-screen.exit": "Close",
@@ -31,6 +33,7 @@
   "CMS.mediaControl.pasteUrl.placeholder.document": "Paste document URL",
   "auto-patterns.fields.no_results_found": "No results found",
   "auto-patterns.fields.type_mismatch_tip": "Giá trị không khớp với kiểu trường {typeName}",
+  "CMS.cellDateTime.placeholder.day": "DD",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h2.title": "Section Title",
   "CMS.document.action.replaceWithUrl": "Replace with URL",
   "CMS.mediaGallery.addLink.urlLabel": "URL",
@@ -41,6 +44,7 @@
   "CMS.audio.more_actions_tooltip": "More actions",
   "CMS.image.replaceWithUrl.button": "Replace with URL",
   "CMS.mediaGallery.clear": "Delete gallery",
+  "CMS.cellDateTime.ariaLabel.date": "Date",
   "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.",
@@ -75,12 +79,14 @@
   "auto-patterns.fields.field_type_multi_document_title": "Multi Document",
   "CMS.richTextEditor.toolbar.headerDropdown.option.p1.title": "Large Text",
   "CMS.mediaGallery.addLink.titleVideo": "Add a link to your video",
+  "CMS.cellDateTime.placeholder.hour": "HH",
   "auto-patterns.time_input.placeholder": "Enter time",
   "CMS.richTextEditor.toolbar.headerDropdown.option.p1.subtitle": "Paragraph 1",
   "CMS.image.replace": "Replace",
   "CMS.audio.button.play": "Play",
   "auto-patterns.fields.add_video_tooltip": "Add video",
   "CMS.document.delete.title": "Delete \"{filename}\"?",
+  "CMS.cellDateTime.placeholder.minute": "MM",
   "auto-patterns.filters.has_value": "Has Value",
   "CMS.richTextEditor.toolbar.button.link.paste.url.title": "Paste URL Here",
   "CMS.audio.button.replace": "Replace",
@@ -104,6 +110,7 @@
   "CMS.mediaControl.pasteUrl.button.save": "Save",
   "CMS.mediaGallery.addLink.save": "Save",
   "CMS.mediaGallery.dialog.modalTitle": "Manage gallery media",
+  "CMS.cellDateTime.ariaLabel.time": "Time",
   "CMS.document.pasteUrl.button": "Add file link (URL)",
   "patterns-fields.text.char_limit_tooltip": "Enter up to {maxLength} characters including spaces.",
   "CMS.mediaGallery.preview.replace": "Replace",
@@ -152,6 +159,7 @@
   "CMS.richTextEditor.toolbar.headerDropdown.option.h5.title": "Title",
   "CMS.mediaControl.pasteUrl.error.image": "Invalid image URL",
   "CMS.mediaGallery.emptyHint": "Select images and videos to add",
+  "CMS.cellDateTime.placeholder": "Choose a date and time",
   "CMS.mediaGallery.dialog.settingsNewItemsDirectionEnd": "At the end of the gallery",
   "CMS.image.replaceWithUrl.title": "Paste Image URL",
   "auto-patterns.fields.field_type_address_title": "Address",

package/src/assets/locale/messages_zh.json

@@ -20,10 +20,12 @@
   "CMS.audio.button.download": "Download",
   "CMS.mediaGallery.dialog.itemTitlePlaceholder": "Title",
   "auto-patterns.filters.no_value": "No Value",
+  "CMS.cellDateTime.placeholder.year": "YYYY",
   "CMS.richTextEditor.toolbar.headerDropdown.button.info": "Learn more",
   "CMS.video.change": "Change Video",
   "CMS.richTextEditor.toolbar.headerDropdown.option.p3.subtitle": "Paragraph 3",
   "CMS.mediaGallery.dialog.itemDescriptionPlaceholder": "Description",
+  "CMS.cellDateTime.placeholder.month": "MM",
   "CMS.document.action.open": "Open file",
   "CMS.mediaGallery.dialog.externalLinkTextPlaceholder": "e.g., https://www.mysite.com/",
   "CMS.richTextEditor.toolbar.button.tooltip.full-screen.exit": "Close",
@@ -31,6 +33,7 @@
   "CMS.mediaControl.pasteUrl.placeholder.document": "Paste document URL",
   "auto-patterns.fields.no_results_found": "No results found",
   "auto-patterns.fields.type_mismatch_tip": "值不符合 {typeName} 欄位類型。",
+  "CMS.cellDateTime.placeholder.day": "DD",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h2.title": "Section Title",
   "CMS.document.action.replaceWithUrl": "Replace with URL",
   "CMS.mediaGallery.addLink.urlLabel": "URL",
@@ -41,6 +44,7 @@
   "CMS.audio.more_actions_tooltip": "More actions",
   "CMS.image.replaceWithUrl.button": "Replace with URL",
   "CMS.mediaGallery.clear": "Delete gallery",
+  "CMS.cellDateTime.ariaLabel.date": "Date",
   "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.",
@@ -75,12 +79,14 @@
   "auto-patterns.fields.field_type_multi_document_title": "Multi Document",
   "CMS.richTextEditor.toolbar.headerDropdown.option.p1.title": "Large Text",
   "CMS.mediaGallery.addLink.titleVideo": "Add a link to your video",
+  "CMS.cellDateTime.placeholder.hour": "HH",
   "auto-patterns.time_input.placeholder": "Enter time",
   "CMS.richTextEditor.toolbar.headerDropdown.option.p1.subtitle": "Paragraph 1",
   "CMS.image.replace": "Replace",
   "CMS.audio.button.play": "Play",
   "auto-patterns.fields.add_video_tooltip": "Add video",
   "CMS.document.delete.title": "Delete \"{filename}\"?",
+  "CMS.cellDateTime.placeholder.minute": "MM",
   "auto-patterns.filters.has_value": "Has Value",
   "CMS.richTextEditor.toolbar.button.link.paste.url.title": "Paste URL Here",
   "CMS.audio.button.replace": "Replace",
@@ -104,6 +110,7 @@
   "CMS.mediaControl.pasteUrl.button.save": "Save",
   "CMS.mediaGallery.addLink.save": "Save",
   "CMS.mediaGallery.dialog.modalTitle": "Manage gallery media",
+  "CMS.cellDateTime.ariaLabel.time": "Time",
   "CMS.document.pasteUrl.button": "Add file link (URL)",
   "patterns-fields.text.char_limit_tooltip": "Enter up to {maxLength} characters including spaces.",
   "CMS.mediaGallery.preview.replace": "Replace",
@@ -152,6 +159,7 @@
   "CMS.richTextEditor.toolbar.headerDropdown.option.h5.title": "Title",
   "CMS.mediaControl.pasteUrl.error.image": "Invalid image URL",
   "CMS.mediaGallery.emptyHint": "Select images and videos to add",
+  "CMS.cellDateTime.placeholder": "Choose a date and time",
   "CMS.mediaGallery.dialog.settingsNewItemsDirectionEnd": "At the end of the gallery",
   "CMS.image.replaceWithUrl.title": "Paste Image URL",
   "auto-patterns.fields.field_type_address_title": "Address",

package/src/assets/locale/version_file

@@ -1 +1 @@
-1780497363
+1780842046

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "addressinput3610524159";
+var _namespace_ = "addressinput3227018630";
 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":"addressinput3610524159__root","tableAddressInput":"addressinput3610524159__tableAddressInput"};
+export var classes = {"root":"addressinput3227018630__root","tableAddressInput":"addressinput3227018630__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_ = "actionsmenu1344282980";
+var _namespace_ = "actionsmenu1379452986";
 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":"actionsmenu1344282980__root","action":"actionsmenu1344282980__action"};
+export var classes = {"root":"actionsmenu1379452986__root","action":"actionsmenu1379452986__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_ = "formaudiofield3727527480";
+var _namespace_ = "formaudiofield1883836278";
 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":"formaudiofield3727527480__root","addItem":"formaudiofield3727527480__addItem","mediaTitle":"formaudiofield3727527480__mediaTitle"};
+export var classes = {"root":"formaudiofield1883836278__root","addItem":"formaudiofield1883836278__addItem","mediaTitle":"formaudiofield1883836278__mediaTitle"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/audio/audio-field/form-audio-field.tsx

@@ -77,6 +77,8 @@ export const FormAudioField: FC<FormMediaControlProps> = ({
         onDelete: handleDelete,
         readOnly,
       }),
+      appendTo: 'window' as const,
+      flip: true,
       zIndex: Z_INDEX_MODAL_POPOVER,
     }),
     [t, readOnly, handleReplace, handleDownload, handleDelete],

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_ = "audioplayer710309147";
+var _namespace_ = "audioplayer2028983810";
 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":"audioplayer710309147__root"};
+export var classes = {"root":"audioplayer2028983810__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/color-view/cell-color-input.tsx

@@ -0,0 +1,200 @@
+import React, { forwardRef, useCallback, useEffect, useState } from 'react';
+import type {
+  ColorPickerProps,
+  InputImperativeActions,
+  InputProps,
+  PopoverProps,
+} from '@wix/design-system';
+import {
+  ColorPicker,
+  FillButton,
+  FillPreview,
+  Input,
+  Popover,
+} from '@wix/design-system';
+import { useTranslations } from '../../hooks/use-translations';
+import { isValidHex, normalizeHex, omitHash } from './hex';
+
+export interface CellColorInputProps
+  extends Omit<
+    InputProps,
+    'value' | 'onChange' | 'prefix' | 'suffix' | 'inputRef'
+  > {
+  value?: string;
+  onChange?: (text: string) => void;
+  popoverProps?: Partial<PopoverProps>;
+  inputRef?: React.MutableRefObject<InputImperativeActions | null | undefined>;
+}
+
+/**
+ * Cell-layer ColorInput for EditableTable. Differs from the form ColorInput in
+ * four ways required by the cell context:
+ *  1. `popoverProps` passthrough so the picker can `appendTo: 'window'` and
+ *     escape the table's scroll container.
+ *  2. The empty-state add-color button appears for invalid values too (not
+ *     only missing) — mid-typing or post-commit bad hex should still expose
+ *     the picker as an escape hatch.
+ *  3. Invalid input on blur is forwarded upward (prefixed with `#`) so the
+ *     cell-level `validate()` can surface the error; we don't silently revert.
+ *  4. Picker closes on any ancestor scroll while open — the portaled popover
+ *     does not follow the trigger.
+ */
+export const CellColorInput = forwardRef<
+  InputImperativeActions,
+  CellColorInputProps
+>(
+  (
+    { value: colorValue, onChange, onBlur, popoverProps, inputRef, ...props },
+    ref,
+  ) => {
+    const { t } = useTranslations();
+    const [inputValue, setInputValue] = useState(
+      colorValue ? omitHash(colorValue) : '',
+    );
+    const [showPicker, setShowPicker] = useState(false);
+    const [pickerHex, setPickerHex] = useState<string | undefined>(
+      colorValue && isValidHex(colorValue) ? colorValue : undefined,
+    );
+
+    const onInputChange = useCallback(
+      (e: React.ChangeEvent<HTMLInputElement>) => {
+        const raw = e.target.value.replace(/^#/, '');
+        setInputValue(raw);
+
+        const hex = normalizeHex(raw);
+        if (hex) {
+          setPickerHex(hex);
+          onChange?.(hex);
+        } else {
+          onChange?.(raw === '' ? '' : `#${raw}`);
+        }
+      },
+      [onChange],
+    );
+
+    const onInputBlur = useCallback(
+      (e: React.FocusEvent<HTMLInputElement>) => {
+        const hex = normalizeHex(inputValue);
+        if (hex) {
+          onChange?.(hex);
+          setInputValue(omitHash(hex));
+        }
+        onBlur?.(e);
+      },
+      [onChange, onBlur, inputValue],
+    );
+
+    const onPickerConfirm = useCallback(
+      (confirmedColor: ColorPickerProps['value']) => {
+        const hex =
+          typeof confirmedColor === 'string'
+            ? confirmedColor.toUpperCase()
+            : (confirmedColor as { hex?: () => string } | null | undefined)
+                ?.hex?.()
+                ?.toUpperCase();
+        if (hex) {
+          onChange?.(hex);
+          setInputValue(omitHash(hex));
+          setPickerHex(hex);
+        } else {
+          onChange?.('');
+          setInputValue('');
+          setPickerHex(undefined);
+        }
+        setShowPicker(false);
+      },
+      [onChange],
+    );
+
+    const onPickerCancel = useCallback(() => {
+      setPickerHex(
+        colorValue && isValidHex(colorValue) ? colorValue : undefined,
+      );
+      setShowPicker(false);
+    }, [colorValue]);
+
+    const togglePicker = useCallback(() => {
+      setShowPicker((prev) => !prev);
+    }, []);
+
+    useEffect(() => {
+      if (!showPicker) {
+        return;
+      }
+      const close = () => setShowPicker(false);
+      const opts = { capture: true } as const;
+      window.addEventListener('scroll', close, { ...opts, passive: true });
+      return () => window.removeEventListener('scroll', close, opts);
+    }, [showPicker]);
+
+    const showAddColorButton = !colorValue || !isValidHex(colorValue);
+    const addColorTooltip = t('auto-patterns.fields.add_color_tooltip');
+
+    const popoverDefaults: Partial<PopoverProps> = {
+      animate: true,
+      flip: true,
+      fixed: false,
+      placement: 'bottom-start',
+      appendTo: 'window',
+      moveBy: { x: 0, y: 4 },
+      zIndex: 9999,
+    };
+
+    return (
+      <Input
+        {...props}
+        ref={(instance) => {
+          if (inputRef) inputRef.current = instance;
+          if (typeof ref === 'function') ref(instance);
+          else if (ref) ref.current = instance;
+        }}
+        value={inputValue}
+        onChange={onInputChange}
+        onBlur={onInputBlur}
+        prefix={<Input.Affix>#</Input.Affix>}
+        suffix={
+          <Input.Affix>
+            <Popover
+              {...popoverDefaults}
+              {...popoverProps}
+              shown={showPicker}
+              onClickOutside={() => setShowPicker(false)}
+            >
+              <Popover.Element>
+                {showAddColorButton ? (
+                  <FillButton
+                    onClick={togglePicker}
+                    tooltipContent={addColorTooltip}
+                  />
+                ) : (
+                  <FillPreview fill={colorValue} onClick={togglePicker} />
+                )}
+              </Popover.Element>
+              <Popover.Content>
+                <ColorPicker
+                  value={pickerHex as ColorPickerProps['value']}
+                  onChange={
+                    ((c: ColorPickerProps['value']) =>
+                      setPickerHex(
+                        typeof c === 'string'
+                          ? c
+                          : (
+                              c as { hex?: () => string } | null | undefined
+                            )?.hex?.(),
+                      )) as ColorPickerProps['onChange']
+                  }
+                  onConfirm={onPickerConfirm}
+                  onCancel={onPickerCancel}
+                  showConverter
+                  allowEmpty
+                />
+              </Popover.Content>
+            </Popover>
+          </Input.Affix>
+        }
+      />
+    );
+  },
+);
+
+CellColorInput.displayName = 'CellColorInput';

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

@@ -0,0 +1,8 @@
+@property st-global(--wsr-color-D40);
+
+.hashPrefix {
+  color: var(--wsr-color-D40, #868aa5);
+  font-size: 14px;
+  font-weight: 300;
+  line-height: 1;
+}

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

@@ -0,0 +1,25 @@
+// @ts-nocheck
+
+
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "cellcolorview2526093299";
+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":"cellcolorview2526093299__root","hashPrefix":"cellcolorview2526093299__hashPrefix"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {"wsr-color-D40":"--wsr-color-D40"}; 
+
+
+
+