@vonage/vivid 4.31.0 → 5.1.0

package/lib/tree-item/tree-item.d.ts

@@ -4,7 +4,6 @@ declare const TreeItem_base: {
     new (...args: any[]): {
         _vividAriaBehaviour: "host";
         connectedCallback(): void;
-        specialHandling: boolean;
         readonly $fastController: import("@microsoft/fast-element").Controller;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
         disconnectedCallback(): void;
@@ -33,7 +32,6 @@ declare const TreeItem_base: {
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
         removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
-        dropzone: import("dropzone");
         readonly attributes: NamedNodeMap;
         readonly classList: DOMTokenList;
         className: string;
@@ -329,6 +327,48 @@ declare const TreeItem_base: {
         ariaDescription: string | null;
         ariaRowIndexText: string | null;
         ariaRelevant: string | null;
+        roleChanged(prev: string | null, next: string | null): void;
+        ariaAtomicChanged(prev: string | null, next: string | null): void;
+        ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
+        ariaBusyChanged(prev: string | null, next: string | null): void;
+        ariaCheckedChanged(prev: string | null, next: string | null): void;
+        ariaColCountChanged(prev: string | null, next: string | null): void;
+        ariaColIndexChanged(prev: string | null, next: string | null): void;
+        ariaColIndexTextChanged(prev: string | null, next: string | null): void;
+        ariaColSpanChanged(prev: string | null, next: string | null): void;
+        ariaCurrentChanged(prev: string | null, next: string | null): void;
+        ariaDescriptionChanged(prev: string | null, next: string | null): void;
+        ariaDisabledChanged(prev: string | null, next: string | null): void;
+        ariaExpandedChanged(prev: string | null, next: string | null): void;
+        ariaHasPopupChanged(prev: string | null, next: string | null): void;
+        ariaHiddenChanged(prev: string | null, next: string | null): void;
+        ariaInvalidChanged(prev: string | null, next: string | null): void;
+        ariaKeyShortcutsChanged(prev: string | null, next: string | null): void;
+        ariaLabelChanged(prev: string | null, next: string | null): void;
+        ariaLevelChanged(prev: string | null, next: string | null): void;
+        ariaLiveChanged(prev: string | null, next: string | null): void;
+        ariaModalChanged(prev: string | null, next: string | null): void;
+        ariaMultiLineChanged(prev: string | null, next: string | null): void;
+        ariaMultiSelectableChanged(prev: string | null, next: string | null): void;
+        ariaOrientationChanged(prev: string | null, next: string | null): void;
+        ariaPlaceholderChanged(prev: string | null, next: string | null): void;
+        ariaPosInSetChanged(prev: string | null, next: string | null): void;
+        ariaPressedChanged(prev: string | null, next: string | null): void;
+        ariaReadOnlyChanged(prev: string | null, next: string | null): void;
+        ariaRequiredChanged(prev: string | null, next: string | null): void;
+        ariaRoleDescriptionChanged(prev: string | null, next: string | null): void;
+        ariaRowCountChanged(prev: string | null, next: string | null): void;
+        ariaRowIndexChanged(prev: string | null, next: string | null): void;
+        ariaRowIndexTextChanged(prev: string | null, next: string | null): void;
+        ariaRowSpanChanged(prev: string | null, next: string | null): void;
+        ariaSelectedChanged(prev: string | null, next: string | null): void;
+        ariaSetSizeChanged(prev: string | null, next: string | null): void;
+        ariaSortChanged(prev: string | null, next: string | null): void;
+        ariaValueMaxChanged(prev: string | null, next: string | null): void;
+        ariaValueMinChanged(prev: string | null, next: string | null): void;
+        ariaValueNowChanged(prev: string | null, next: string | null): void;
+        ariaValueTextChanged(prev: string | null, next: string | null): void;
+        ariaRelevantChanged(prev: string | null, next: string | null): void;
         "__#1@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;
@@ -341,7 +381,6 @@ declare const TreeItem_base: {
         icon?: string | undefined;
         iconSlottedContent?: HTMLElement[] | undefined;
         connectedCallback(): void;
-        specialHandling: boolean;
         _vividAriaBehaviour: import("../../shared/aria/aria-mixin").VividAriaBehaviour;
         readonly $fastController: import("@microsoft/fast-element").Controller;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
@@ -371,7 +410,6 @@ declare const TreeItem_base: {
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_18 extends keyof HTMLElementEventMap>(type: K_18, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_18]) => any, options?: boolean | EventListenerOptions | undefined): void;
         removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
-        dropzone: import("dropzone");
         readonly attributes: NamedNodeMap;
         readonly classList: DOMTokenList;
         className: string;
@@ -667,6 +705,48 @@ declare const TreeItem_base: {
         ariaDescription: string | null;
         ariaRowIndexText: string | null;
         ariaRelevant: string | null;
+        roleChanged(prev: string | null, next: string | null): void;
+        ariaAtomicChanged(prev: string | null, next: string | null): void;
+        ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
+        ariaBusyChanged(prev: string | null, next: string | null): void;
+        ariaCheckedChanged(prev: string | null, next: string | null): void;
+        ariaColCountChanged(prev: string | null, next: string | null): void;
+        ariaColIndexChanged(prev: string | null, next: string | null): void;
+        ariaColIndexTextChanged(prev: string | null, next: string | null): void;
+        ariaColSpanChanged(prev: string | null, next: string | null): void;
+        ariaCurrentChanged(prev: string | null, next: string | null): void;
+        ariaDescriptionChanged(prev: string | null, next: string | null): void;
+        ariaDisabledChanged(prev: string | null, next: string | null): void;
+        ariaExpandedChanged(prev: string | null, next: string | null): void;
+        ariaHasPopupChanged(prev: string | null, next: string | null): void;
+        ariaHiddenChanged(prev: string | null, next: string | null): void;
+        ariaInvalidChanged(prev: string | null, next: string | null): void;
+        ariaKeyShortcutsChanged(prev: string | null, next: string | null): void;
+        ariaLabelChanged(prev: string | null, next: string | null): void;
+        ariaLevelChanged(prev: string | null, next: string | null): void;
+        ariaLiveChanged(prev: string | null, next: string | null): void;
+        ariaModalChanged(prev: string | null, next: string | null): void;
+        ariaMultiLineChanged(prev: string | null, next: string | null): void;
+        ariaMultiSelectableChanged(prev: string | null, next: string | null): void;
+        ariaOrientationChanged(prev: string | null, next: string | null): void;
+        ariaPlaceholderChanged(prev: string | null, next: string | null): void;
+        ariaPosInSetChanged(prev: string | null, next: string | null): void;
+        ariaPressedChanged(prev: string | null, next: string | null): void;
+        ariaReadOnlyChanged(prev: string | null, next: string | null): void;
+        ariaRequiredChanged(prev: string | null, next: string | null): void;
+        ariaRoleDescriptionChanged(prev: string | null, next: string | null): void;
+        ariaRowCountChanged(prev: string | null, next: string | null): void;
+        ariaRowIndexChanged(prev: string | null, next: string | null): void;
+        ariaRowIndexTextChanged(prev: string | null, next: string | null): void;
+        ariaRowSpanChanged(prev: string | null, next: string | null): void;
+        ariaSelectedChanged(prev: string | null, next: string | null): void;
+        ariaSetSizeChanged(prev: string | null, next: string | null): void;
+        ariaSortChanged(prev: string | null, next: string | null): void;
+        ariaValueMaxChanged(prev: string | null, next: string | null): void;
+        ariaValueMinChanged(prev: string | null, next: string | null): void;
+        ariaValueNowChanged(prev: string | null, next: string | null): void;
+        ariaValueTextChanged(prev: string | null, next: string | null): void;
+        ariaRelevantChanged(prev: string | null, next: string | null): void;
         "__#1@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;

package/lib/tree-view/tree-view.d.ts

@@ -5,7 +5,6 @@ declare const TreeView_base: {
     new (...args: any[]): {
         _vividAriaBehaviour: "host";
         connectedCallback(): void;
-        specialHandling: boolean;
         readonly $fastController: import("@microsoft/fast-element").Controller;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
         disconnectedCallback(): void;
@@ -34,7 +33,6 @@ declare const TreeView_base: {
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
         removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
-        dropzone: import("dropzone");
         readonly attributes: NamedNodeMap;
         readonly classList: DOMTokenList;
         className: string;
@@ -330,6 +328,48 @@ declare const TreeView_base: {
         ariaDescription: string | null;
         ariaRowIndexText: string | null;
         ariaRelevant: string | null;
+        roleChanged(prev: string | null, next: string | null): void;
+        ariaAtomicChanged(prev: string | null, next: string | null): void;
+        ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
+        ariaBusyChanged(prev: string | null, next: string | null): void;
+        ariaCheckedChanged(prev: string | null, next: string | null): void;
+        ariaColCountChanged(prev: string | null, next: string | null): void;
+        ariaColIndexChanged(prev: string | null, next: string | null): void;
+        ariaColIndexTextChanged(prev: string | null, next: string | null): void;
+        ariaColSpanChanged(prev: string | null, next: string | null): void;
+        ariaCurrentChanged(prev: string | null, next: string | null): void;
+        ariaDescriptionChanged(prev: string | null, next: string | null): void;
+        ariaDisabledChanged(prev: string | null, next: string | null): void;
+        ariaExpandedChanged(prev: string | null, next: string | null): void;
+        ariaHasPopupChanged(prev: string | null, next: string | null): void;
+        ariaHiddenChanged(prev: string | null, next: string | null): void;
+        ariaInvalidChanged(prev: string | null, next: string | null): void;
+        ariaKeyShortcutsChanged(prev: string | null, next: string | null): void;
+        ariaLabelChanged(prev: string | null, next: string | null): void;
+        ariaLevelChanged(prev: string | null, next: string | null): void;
+        ariaLiveChanged(prev: string | null, next: string | null): void;
+        ariaModalChanged(prev: string | null, next: string | null): void;
+        ariaMultiLineChanged(prev: string | null, next: string | null): void;
+        ariaMultiSelectableChanged(prev: string | null, next: string | null): void;
+        ariaOrientationChanged(prev: string | null, next: string | null): void;
+        ariaPlaceholderChanged(prev: string | null, next: string | null): void;
+        ariaPosInSetChanged(prev: string | null, next: string | null): void;
+        ariaPressedChanged(prev: string | null, next: string | null): void;
+        ariaReadOnlyChanged(prev: string | null, next: string | null): void;
+        ariaRequiredChanged(prev: string | null, next: string | null): void;
+        ariaRoleDescriptionChanged(prev: string | null, next: string | null): void;
+        ariaRowCountChanged(prev: string | null, next: string | null): void;
+        ariaRowIndexChanged(prev: string | null, next: string | null): void;
+        ariaRowIndexTextChanged(prev: string | null, next: string | null): void;
+        ariaRowSpanChanged(prev: string | null, next: string | null): void;
+        ariaSelectedChanged(prev: string | null, next: string | null): void;
+        ariaSetSizeChanged(prev: string | null, next: string | null): void;
+        ariaSortChanged(prev: string | null, next: string | null): void;
+        ariaValueMaxChanged(prev: string | null, next: string | null): void;
+        ariaValueMinChanged(prev: string | null, next: string | null): void;
+        ariaValueNowChanged(prev: string | null, next: string | null): void;
+        ariaValueTextChanged(prev: string | null, next: string | null): void;
+        ariaRelevantChanged(prev: string | null, next: string | null): void;
         "__#1@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;

package/lib/video-player/video-player.d.ts

@@ -7,7 +7,6 @@ declare const VideoPlayer_base: {
     new (...args: any[]): {
         readonly locale: import("../../shared/localization/Locale").Locale;
         connectedCallback(): void;
-        specialHandling: boolean;
         _vividAriaBehaviour: import("../../shared/aria/aria-mixin").VividAriaBehaviour;
         readonly $fastController: import("@microsoft/fast-element").Controller;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
@@ -37,7 +36,6 @@ declare const VideoPlayer_base: {
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
         removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
-        dropzone: import("dropzone");
         readonly attributes: NamedNodeMap;
         readonly classList: DOMTokenList;
         className: string;
@@ -333,6 +331,48 @@ declare const VideoPlayer_base: {
         ariaDescription: string | null;
         ariaRowIndexText: string | null;
         ariaRelevant: string | null;
+        roleChanged(prev: string | null, next: string | null): void;
+        ariaAtomicChanged(prev: string | null, next: string | null): void;
+        ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
+        ariaBusyChanged(prev: string | null, next: string | null): void;
+        ariaCheckedChanged(prev: string | null, next: string | null): void;
+        ariaColCountChanged(prev: string | null, next: string | null): void;
+        ariaColIndexChanged(prev: string | null, next: string | null): void;
+        ariaColIndexTextChanged(prev: string | null, next: string | null): void;
+        ariaColSpanChanged(prev: string | null, next: string | null): void;
+        ariaCurrentChanged(prev: string | null, next: string | null): void;
+        ariaDescriptionChanged(prev: string | null, next: string | null): void;
+        ariaDisabledChanged(prev: string | null, next: string | null): void;
+        ariaExpandedChanged(prev: string | null, next: string | null): void;
+        ariaHasPopupChanged(prev: string | null, next: string | null): void;
+        ariaHiddenChanged(prev: string | null, next: string | null): void;
+        ariaInvalidChanged(prev: string | null, next: string | null): void;
+        ariaKeyShortcutsChanged(prev: string | null, next: string | null): void;
+        ariaLabelChanged(prev: string | null, next: string | null): void;
+        ariaLevelChanged(prev: string | null, next: string | null): void;
+        ariaLiveChanged(prev: string | null, next: string | null): void;
+        ariaModalChanged(prev: string | null, next: string | null): void;
+        ariaMultiLineChanged(prev: string | null, next: string | null): void;
+        ariaMultiSelectableChanged(prev: string | null, next: string | null): void;
+        ariaOrientationChanged(prev: string | null, next: string | null): void;
+        ariaPlaceholderChanged(prev: string | null, next: string | null): void;
+        ariaPosInSetChanged(prev: string | null, next: string | null): void;
+        ariaPressedChanged(prev: string | null, next: string | null): void;
+        ariaReadOnlyChanged(prev: string | null, next: string | null): void;
+        ariaRequiredChanged(prev: string | null, next: string | null): void;
+        ariaRoleDescriptionChanged(prev: string | null, next: string | null): void;
+        ariaRowCountChanged(prev: string | null, next: string | null): void;
+        ariaRowIndexChanged(prev: string | null, next: string | null): void;
+        ariaRowIndexTextChanged(prev: string | null, next: string | null): void;
+        ariaRowSpanChanged(prev: string | null, next: string | null): void;
+        ariaSelectedChanged(prev: string | null, next: string | null): void;
+        ariaSetSizeChanged(prev: string | null, next: string | null): void;
+        ariaSortChanged(prev: string | null, next: string | null): void;
+        ariaValueMaxChanged(prev: string | null, next: string | null): void;
+        ariaValueMinChanged(prev: string | null, next: string | null): void;
+        ariaValueNowChanged(prev: string | null, next: string | null): void;
+        ariaValueTextChanged(prev: string | null, next: string | null): void;
+        ariaRelevantChanged(prev: string | null, next: string | null): void;
         "__#1@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;

package/locales/de-DE.cjs

@@ -312,7 +312,8 @@ const deDE = {
     maxFilesExceededError: "Sie können keine weiteren Dateien auswählen.",
     fileTooBigError: "Die Datei ist zu groß ({{filesize}}MiB). Maximale Dateigröße: {{maxFilesize}}MiB.",
     removeFileLabel: "Datei entfernen",
-    invalidFilesError: "Eine oder mehrere ausgewählte Dateien sind ungültig. Bitte laden Sie nur gültige Dateitypen innerhalb der Größenbeschränkung hoch."
+    invalidFilesError: "Eine oder mehrere ausgewählte Dateien sind ungültig. Bitte laden Sie nur gültige Dateitypen innerhalb der Größenbeschränkung hoch.",
+    uploadFilesLabel: "Dateien hochladen"
   },
   audioPlayer: {
     playButtonLabel: "Abspielen",
@@ -460,6 +461,17 @@ const deDE = {
       /* istanbul ignore next */
       (ariaLabel) => ariaLabel ? `Weitere Informationen zu ${ariaLabel} anzeigen` : `Weitere Informationen anzeigen`
     )
+  },
+  simpleColorPicker: {
+    colorPaletteLabel: "Farbpalette",
+    colorSwatchLabel: (
+      /* istanbul ignore next */
+      (value, label, selected) => {
+        let swatchLabel = label ? `${label} auswählen, Hex: ${value}` : `${value} auswählen`;
+        if (selected) swatchLabel += `, ausgewählt.`;
+        return swatchLabel;
+      }
+    )
   }
 };
 

package/locales/de-DE.js

@@ -310,7 +310,8 @@ const deDE = {
     maxFilesExceededError: "Sie können keine weiteren Dateien auswählen.",
     fileTooBigError: "Die Datei ist zu groß ({{filesize}}MiB). Maximale Dateigröße: {{maxFilesize}}MiB.",
     removeFileLabel: "Datei entfernen",
-    invalidFilesError: "Eine oder mehrere ausgewählte Dateien sind ungültig. Bitte laden Sie nur gültige Dateitypen innerhalb der Größenbeschränkung hoch."
+    invalidFilesError: "Eine oder mehrere ausgewählte Dateien sind ungültig. Bitte laden Sie nur gültige Dateitypen innerhalb der Größenbeschränkung hoch.",
+    uploadFilesLabel: "Dateien hochladen"
   },
   audioPlayer: {
     playButtonLabel: "Abspielen",
@@ -458,6 +459,17 @@ const deDE = {
       /* istanbul ignore next */
       (ariaLabel) => ariaLabel ? `Weitere Informationen zu ${ariaLabel} anzeigen` : `Weitere Informationen anzeigen`
     )
+  },
+  simpleColorPicker: {
+    colorPaletteLabel: "Farbpalette",
+    colorSwatchLabel: (
+      /* istanbul ignore next */
+      (value, label, selected) => {
+        let swatchLabel = label ? `${label} auswählen, Hex: ${value}` : `${value} auswählen`;
+        if (selected) swatchLabel += `, ausgewählt.`;
+        return swatchLabel;
+      }
+    )
   }
 };
 

package/locales/en-GB.cjs

@@ -144,7 +144,8 @@ const enGB = {
     maxFilesExceededError: "You can't select any more files.",
     fileTooBigError: "File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.",
     removeFileLabel: "Remove file",
-    invalidFilesError: "One or more selected files are invalid. Please upload only valid file types under the size limit."
+    invalidFilesError: "One or more selected files are invalid. Please upload only valid file types under the size limit.",
+    uploadFilesLabel: "Upload files"
   },
   audioPlayer: {
     playButtonLabel: "Play",
@@ -292,6 +293,17 @@ const enGB = {
       /* istanbul ignore next */
       (ariaLabel) => ariaLabel ? `Show more information about ${ariaLabel}` : `Show more information`
     )
+  },
+  simpleColorPicker: {
+    colorPaletteLabel: "Color palette",
+    colorSwatchLabel: (
+      /* istanbul ignore next */
+      (value, label, selected) => {
+        let swatchLabel = label ? `Select ${label}, hex: ${value}` : `Select ${value}`;
+        if (selected) swatchLabel += `, selected.`;
+        return swatchLabel;
+      }
+    )
   }
 };
 

package/locales/en-GB.js

@@ -142,7 +142,8 @@ const enGB = {
     maxFilesExceededError: "You can't select any more files.",
     fileTooBigError: "File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.",
     removeFileLabel: "Remove file",
-    invalidFilesError: "One or more selected files are invalid. Please upload only valid file types under the size limit."
+    invalidFilesError: "One or more selected files are invalid. Please upload only valid file types under the size limit.",
+    uploadFilesLabel: "Upload files"
   },
   audioPlayer: {
     playButtonLabel: "Play",
@@ -290,6 +291,17 @@ const enGB = {
       /* istanbul ignore next */
       (ariaLabel) => ariaLabel ? `Show more information about ${ariaLabel}` : `Show more information`
     )
+  },
+  simpleColorPicker: {
+    colorPaletteLabel: "Color palette",
+    colorSwatchLabel: (
+      /* istanbul ignore next */
+      (value, label, selected) => {
+        let swatchLabel = label ? `Select ${label}, hex: ${value}` : `Select ${value}`;
+        if (selected) swatchLabel += `, selected.`;
+        return swatchLabel;
+      }
+    )
   }
 };
 

package/locales/en-US.cjs

@@ -312,7 +312,8 @@ const enUS = {
     maxFilesExceededError: "You can't select any more files.",
     fileTooBigError: "File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.",
     removeFileLabel: "Remove file",
-    invalidFilesError: "One or more selected files are invalid. Please, upload only valid file types under the size limit."
+    invalidFilesError: "One or more selected files are invalid. Please, upload only valid file types under the size limit.",
+    uploadFilesLabel: "Upload files"
   },
   audioPlayer: {
     playButtonLabel: "Play",
@@ -460,6 +461,17 @@ const enUS = {
       /* istanbul ignore next */
       (ariaLabel) => ariaLabel ? `Show more information about ${ariaLabel}` : `Show more information`
     )
+  },
+  simpleColorPicker: {
+    colorPaletteLabel: "Color palette",
+    colorSwatchLabel: (
+      /* istanbul ignore next */
+      (value, label, selected) => {
+        let swatchLabel = label ? `Select ${label}, hex: ${value}` : `Select ${value}`;
+        if (selected) swatchLabel += `, selected.`;
+        return swatchLabel;
+      }
+    )
   }
 };
 

package/locales/en-US.js

@@ -310,7 +310,8 @@ const enUS = {
     maxFilesExceededError: "You can't select any more files.",
     fileTooBigError: "File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.",
     removeFileLabel: "Remove file",
-    invalidFilesError: "One or more selected files are invalid. Please, upload only valid file types under the size limit."
+    invalidFilesError: "One or more selected files are invalid. Please, upload only valid file types under the size limit.",
+    uploadFilesLabel: "Upload files"
   },
   audioPlayer: {
     playButtonLabel: "Play",
@@ -458,6 +459,17 @@ const enUS = {
       /* istanbul ignore next */
       (ariaLabel) => ariaLabel ? `Show more information about ${ariaLabel}` : `Show more information`
     )
+  },
+  simpleColorPicker: {
+    colorPaletteLabel: "Color palette",
+    colorSwatchLabel: (
+      /* istanbul ignore next */
+      (value, label, selected) => {
+        let swatchLabel = label ? `Select ${label}, hex: ${value}` : `Select ${value}`;
+        if (selected) swatchLabel += `, selected.`;
+        return swatchLabel;
+      }
+    )
   }
 };
 

package/locales/ja-JP.cjs

@@ -311,7 +311,8 @@ const jaJP = {
     maxFilesExceededError: "これ以上ファイルを選択できません。",
     fileTooBigError: "ファイルが大きすぎます ({{filesize}}MiB)。最大ファイルサイズ: {{maxFilesize}}MiB。",
     removeFileLabel: "ファイルを削除",
-    invalidFilesError: "選択したファイルの1つ以上が無効です。サイズ制限以下の有効なファイル形式のみをアップロードしてください。"
+    invalidFilesError: "選択したファイルの1つ以上が無効です。サイズ制限以下の有効なファイル形式のみをアップロードしてください。",
+    uploadFilesLabel: "ファイルをアップロード"
   },
   audioPlayer: {
     playButtonLabel: "開始",
@@ -459,6 +460,17 @@ const jaJP = {
       /* istanbul ignore next */
       (ariaLabel) => ariaLabel ? `さらに情報を表示 ${ariaLabel}` : `さらに情報を表示`
     )
+  },
+  simpleColorPicker: {
+    colorPaletteLabel: "カラーパレット",
+    colorSwatchLabel: (
+      /* istanbul ignore next */
+      (value, label, selected) => {
+        let swatchLabel = label ? `${label}選択, 16 進数: ${value}` : `${value}選択`;
+        if (selected) swatchLabel += `、選択済み。`;
+        return swatchLabel;
+      }
+    )
   }
 };
 

package/locales/ja-JP.js

@@ -309,7 +309,8 @@ const jaJP = {
     maxFilesExceededError: "これ以上ファイルを選択できません。",
     fileTooBigError: "ファイルが大きすぎます ({{filesize}}MiB)。最大ファイルサイズ: {{maxFilesize}}MiB。",
     removeFileLabel: "ファイルを削除",
-    invalidFilesError: "選択したファイルの1つ以上が無効です。サイズ制限以下の有効なファイル形式のみをアップロードしてください。"
+    invalidFilesError: "選択したファイルの1つ以上が無効です。サイズ制限以下の有効なファイル形式のみをアップロードしてください。",
+    uploadFilesLabel: "ファイルをアップロード"
   },
   audioPlayer: {
     playButtonLabel: "開始",
@@ -457,6 +458,17 @@ const jaJP = {
       /* istanbul ignore next */
       (ariaLabel) => ariaLabel ? `さらに情報を表示 ${ariaLabel}` : `さらに情報を表示`
     )
+  },
+  simpleColorPicker: {
+    colorPaletteLabel: "カラーパレット",
+    colorSwatchLabel: (
+      /* istanbul ignore next */
+      (value, label, selected) => {
+        let swatchLabel = label ? `${label}選択, 16 進数: ${value}` : `${value}選択`;
+        if (selected) swatchLabel += `、選択済み。`;
+        return swatchLabel;
+      }
+    )
   }
 };
 

package/locales/zh-CN.cjs

@@ -313,7 +313,8 @@ const zhCN = {
     maxFilesExceededError: "您不能再选择任何文件。",
     fileTooBigError: "文件太大 ({{filesize}}MiB)。最大文件大小: {{maxFilesize}}MiB。",
     removeFileLabel: "删除文件",
-    invalidFilesError: "所选的一个或多个文件无效。请仅上传大小限制内的有效文件类型。"
+    invalidFilesError: "所选的一个或多个文件无效。请仅上传大小限制内的有效文件类型。",
+    uploadFilesLabel: "上传文件"
   },
   audioPlayer: {
     playButtonLabel: "草創",
@@ -461,6 +462,17 @@ const zhCN = {
       /* istanbul ignore next */
       (ariaLabel) => ariaLabel ? `关于 ${ariaLabel} 的更多信息` : `显示更多信息`
     )
+  },
+  simpleColorPicker: {
+    colorPaletteLabel: "调色板",
+    colorSwatchLabel: (
+      /* istanbul ignore next */
+      (value, label, selected) => {
+        let swatchLabel = label ? `选择${label}, 十六进制：${value}` : `选择${value}`;
+        if (selected) swatchLabel += `，已选择。`;
+        return swatchLabel;
+      }
+    )
   }
 };
 

package/locales/zh-CN.js

@@ -311,7 +311,8 @@ const zhCN = {
     maxFilesExceededError: "您不能再选择任何文件。",
     fileTooBigError: "文件太大 ({{filesize}}MiB)。最大文件大小: {{maxFilesize}}MiB。",
     removeFileLabel: "删除文件",
-    invalidFilesError: "所选的一个或多个文件无效。请仅上传大小限制内的有效文件类型。"
+    invalidFilesError: "所选的一个或多个文件无效。请仅上传大小限制内的有效文件类型。",
+    uploadFilesLabel: "上传文件"
   },
   audioPlayer: {
     playButtonLabel: "草創",
@@ -459,6 +460,17 @@ const zhCN = {
       /* istanbul ignore next */
       (ariaLabel) => ariaLabel ? `关于 ${ariaLabel} 的更多信息` : `显示更多信息`
     )
+  },
+  simpleColorPicker: {
+    colorPaletteLabel: "调色板",
+    colorSwatchLabel: (
+      /* istanbul ignore next */
+      (value, label, selected) => {
+        let swatchLabel = label ? `选择${label}, 十六进制：${value}` : `选择${value}`;
+        if (selected) swatchLabel += `，已选择。`;
+        return swatchLabel;
+      }
+    )
   }
 };