@vonage/vivid 4.24.0 → 4.25.0

package/lib/toggletip/toggletip.d.ts

@@ -7,10 +7,10 @@ declare const Toggletip_base: {
         _slottedAnchor?: HTMLElement[] | undefined;
         _slottedAnchorChanged(): void;
         _anchorEl?: HTMLElement | undefined;
-        "__#7@#updateAnchorEl": () => void;
-        "__#7@#observer"?: MutationObserver | undefined;
-        "__#7@#observeMissingAnchor": (anchorId: string) => void;
-        "__#7@#cleanupObserverIfNeeded": () => void;
+        "__#9@#updateAnchorEl": () => void;
+        "__#9@#observer"?: MutationObserver | undefined;
+        "__#9@#observeMissingAnchor": (anchorId: string) => void;
+        "__#9@#cleanupObserverIfNeeded": () => void;
         connectedCallback(): void;
         disconnectedCallback(): void;
         specialHandling: boolean;
@@ -338,6 +338,12 @@ declare const Toggletip_base: {
         ariaDescription: string | null;
         ariaRowIndexText: string | null;
         ariaRelevant: string | null;
+        "__#1@#handleReplacedProp"(replacedProp: {
+            newPropertyName: string;
+            deprecatedPropertyName: string;
+            fromDeprecated: (v: any) => any;
+            toDeprecated?: ((v: any) => any) | undefined;
+        }): void;
     };
 } & typeof VividElement;
 export declare class Toggletip extends Toggletip_base {

package/lib/tooltip/tooltip.d.ts

@@ -7,10 +7,10 @@ declare const Tooltip_base: {
         _slottedAnchor?: HTMLElement[] | undefined;
         _slottedAnchorChanged(): void;
         _anchorEl?: HTMLElement | undefined;
-        "__#7@#updateAnchorEl": () => void;
-        "__#7@#observer"?: MutationObserver | undefined;
-        "__#7@#observeMissingAnchor": (anchorId: string) => void;
-        "__#7@#cleanupObserverIfNeeded": () => void;
+        "__#9@#updateAnchorEl": () => void;
+        "__#9@#observer"?: MutationObserver | undefined;
+        "__#9@#observeMissingAnchor": (anchorId: string) => void;
+        "__#9@#cleanupObserverIfNeeded": () => void;
         connectedCallback(): void;
         disconnectedCallback(): void;
         specialHandling: boolean;
@@ -338,6 +338,12 @@ declare const Tooltip_base: {
         ariaDescription: string | null;
         ariaRowIndexText: string | null;
         ariaRelevant: string | null;
+        "__#1@#handleReplacedProp"(replacedProp: {
+            newPropertyName: string;
+            deprecatedPropertyName: string;
+            fromDeprecated: (v: any) => any;
+            toDeprecated?: ((v: any) => any) | undefined;
+        }): void;
     };
 } & typeof VividElement;
 export declare class Tooltip extends Tooltip_base {

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

@@ -329,6 +329,12 @@ declare const TreeItem_base: {
         ariaDescription: string | null;
         ariaRowIndexText: string | null;
         ariaRelevant: string | null;
+        "__#1@#handleReplacedProp"(replacedProp: {
+            newPropertyName: string;
+            deprecatedPropertyName: string;
+            fromDeprecated: (v: any) => any;
+            toDeprecated?: ((v: any) => any) | undefined;
+        }): void;
     };
 } & {
     new (...args: any[]): {
@@ -661,6 +667,12 @@ declare const TreeItem_base: {
         ariaDescription: string | null;
         ariaRowIndexText: string | null;
         ariaRelevant: string | null;
+        "__#1@#handleReplacedProp"(replacedProp: {
+            newPropertyName: string;
+            deprecatedPropertyName: string;
+            fromDeprecated: (v: any) => any;
+            toDeprecated?: ((v: any) => any) | undefined;
+        }): void;
     };
 } & typeof VividElement;
 export declare class TreeItem extends TreeItem_base {

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

@@ -330,6 +330,12 @@ declare const TreeView_base: {
         ariaDescription: string | null;
         ariaRowIndexText: string | null;
         ariaRelevant: string | null;
+        "__#1@#handleReplacedProp"(replacedProp: {
+            newPropertyName: string;
+            deprecatedPropertyName: string;
+            fromDeprecated: (v: any) => any;
+            toDeprecated?: ((v: any) => any) | undefined;
+        }): void;
     };
 } & typeof VividElement;
 export declare class TreeView extends TreeView_base {

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

@@ -333,6 +333,12 @@ declare const VideoPlayer_base: {
         ariaDescription: string | null;
         ariaRowIndexText: string | null;
         ariaRelevant: string | null;
+        "__#1@#handleReplacedProp"(replacedProp: {
+            newPropertyName: string;
+            deprecatedPropertyName: string;
+            fromDeprecated: (v: any) => any;
+            toDeprecated?: ((v: any) => any) | undefined;
+        }): void;
     };
 } & typeof VividElement;
 export declare class VideoPlayer extends VideoPlayer_base {

package/lib/visually-hidden/definition.d.ts

@@ -0,0 +1,4 @@
+import { VisuallyHidden } from './visually-hidden';
+export declare const visuallyHiddenDefinition: import("../../shared/design-system/defineVividComponent").VividComponentDefinition;
+export declare const registerVisuallyHidden: (prefix?: string) => void;
+export { VisuallyHidden as VwcVisuallyHiddenElement };

package/lib/visually-hidden/visually-hidden.d.ts

@@ -0,0 +1,3 @@
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
+export declare class VisuallyHidden extends VividElement {
+}

package/lib/visually-hidden/visually-hidden.template.d.ts

@@ -0,0 +1,3 @@
+import type { ViewTemplate } from '@microsoft/fast-element';
+import { VisuallyHidden } from './visually-hidden';
+export declare const VisuallyHiddenTemplate: () => ViewTemplate<VisuallyHidden>;

package/locales/de-DE.cjs

@@ -385,7 +385,39 @@ const deDE = {
     italics: "Kursiv",
     underline: "Unterstrichen",
     strikethrough: "Durchgestrichen",
-    monospace: "Monospace"
+    monospace: "Monospace",
+    dragAndDropFilesHere: "Dateien hierher ziehen & ablegen"
+  },
+  button: {
+    pendingLabel: "Laden..."
+  },
+  feedbackMessage: {
+    errorIconText: "Fehler:",
+    successIconText: "Erfolg:"
+  },
+  connotationAnnoncement: {
+    accentIcon: "Akzent:",
+    alertIcon: "Alarm:",
+    informationIcon: "Information:",
+    successIcon: "Erfolg:",
+    warningIcon: "Warnung:",
+    announcementIcon: "Bekanntmachung:",
+    ctaIcon: "Aufruf zum Handeln:"
+  },
+  charCount: {
+    charactersLimitMessage: (
+      /* istanbul ignore next */
+      (limit) => `Sie können bis zu ${limit} Zeichen eingeben`
+    ),
+    charactersRemainingMessage: (
+      /* istanbul ignore next */
+      (total) => `Du hast noch ${total} Zeichen übrig`
+    )
+  },
+  dataGrid: {
+    cell: {
+      selected: "Ausgewählt"
+    }
   }
 };
 

package/locales/de-DE.js

@@ -383,7 +383,39 @@ const deDE = {
     italics: "Kursiv",
     underline: "Unterstrichen",
     strikethrough: "Durchgestrichen",
-    monospace: "Monospace"
+    monospace: "Monospace",
+    dragAndDropFilesHere: "Dateien hierher ziehen & ablegen"
+  },
+  button: {
+    pendingLabel: "Laden..."
+  },
+  feedbackMessage: {
+    errorIconText: "Fehler:",
+    successIconText: "Erfolg:"
+  },
+  connotationAnnoncement: {
+    accentIcon: "Akzent:",
+    alertIcon: "Alarm:",
+    informationIcon: "Information:",
+    successIcon: "Erfolg:",
+    warningIcon: "Warnung:",
+    announcementIcon: "Bekanntmachung:",
+    ctaIcon: "Aufruf zum Handeln:"
+  },
+  charCount: {
+    charactersLimitMessage: (
+      /* istanbul ignore next */
+      (limit) => `Sie können bis zu ${limit} Zeichen eingeben`
+    ),
+    charactersRemainingMessage: (
+      /* istanbul ignore next */
+      (total) => `Du hast noch ${total} Zeichen übrig`
+    )
+  },
+  dataGrid: {
+    cell: {
+      selected: "Ausgewählt"
+    }
   }
 };
 

package/locales/en-GB.cjs

@@ -217,7 +217,39 @@ const enGB = {
     italics: "Italics",
     underline: "Underline",
     strikethrough: "Strikethrough",
-    monospace: "Monospace"
+    monospace: "Monospace",
+    dragAndDropFilesHere: "Drag&Drop files here"
+  },
+  button: {
+    pendingLabel: "Loading..."
+  },
+  feedbackMessage: {
+    errorIconText: "Error:",
+    successIconText: "Success:"
+  },
+  connotationAnnoncement: {
+    accentIcon: "Accent:",
+    alertIcon: "Alert:",
+    informationIcon: "Information:",
+    successIcon: "Success:",
+    warningIcon: "Warning:",
+    announcementIcon: "Announcement:",
+    ctaIcon: "Call to action:"
+  },
+  charCount: {
+    charactersLimitMessage: (
+      /* istanbul ignore next */
+      (limit) => `You can enter up to ${limit} characters`
+    ),
+    charactersRemainingMessage: (
+      /* istanbul ignore next */
+      (total) => `You have ${total} characters remaining`
+    )
+  },
+  dataGrid: {
+    cell: {
+      selected: "Selected"
+    }
   }
 };
 

package/locales/en-GB.js

@@ -215,7 +215,39 @@ const enGB = {
     italics: "Italics",
     underline: "Underline",
     strikethrough: "Strikethrough",
-    monospace: "Monospace"
+    monospace: "Monospace",
+    dragAndDropFilesHere: "Drag&Drop files here"
+  },
+  button: {
+    pendingLabel: "Loading..."
+  },
+  feedbackMessage: {
+    errorIconText: "Error:",
+    successIconText: "Success:"
+  },
+  connotationAnnoncement: {
+    accentIcon: "Accent:",
+    alertIcon: "Alert:",
+    informationIcon: "Information:",
+    successIcon: "Success:",
+    warningIcon: "Warning:",
+    announcementIcon: "Announcement:",
+    ctaIcon: "Call to action:"
+  },
+  charCount: {
+    charactersLimitMessage: (
+      /* istanbul ignore next */
+      (limit) => `You can enter up to ${limit} characters`
+    ),
+    charactersRemainingMessage: (
+      /* istanbul ignore next */
+      (total) => `You have ${total} characters remaining`
+    )
+  },
+  dataGrid: {
+    cell: {
+      selected: "Selected"
+    }
   }
 };
 

package/locales/en-US.cjs

@@ -385,7 +385,39 @@ const enUS = {
     italics: "Italics",
     underline: "Underline",
     strikethrough: "Strikethrough",
-    monospace: "Monospace"
+    monospace: "Monospace",
+    dragAndDropFilesHere: "Drag&Drop files here"
+  },
+  button: {
+    pendingLabel: "Loading..."
+  },
+  feedbackMessage: {
+    errorIconText: "Error:",
+    successIconText: "Success:"
+  },
+  connotationAnnoncement: {
+    accentIcon: "Accent:",
+    alertIcon: "Alert:",
+    informationIcon: "Information:",
+    successIcon: "Success:",
+    warningIcon: "Warning:",
+    announcementIcon: "Announcement:",
+    ctaIcon: "Call to action:"
+  },
+  charCount: {
+    charactersLimitMessage: (
+      /* istanbul ignore next */
+      (limit) => `You can enter up to ${limit} characters`
+    ),
+    charactersRemainingMessage: (
+      /* istanbul ignore next */
+      (total) => `You have ${total} characters remaining`
+    )
+  },
+  dataGrid: {
+    cell: {
+      selected: "Selected"
+    }
   }
 };
 

package/locales/en-US.js

@@ -383,7 +383,39 @@ const enUS = {
     italics: "Italics",
     underline: "Underline",
     strikethrough: "Strikethrough",
-    monospace: "Monospace"
+    monospace: "Monospace",
+    dragAndDropFilesHere: "Drag&Drop files here"
+  },
+  button: {
+    pendingLabel: "Loading..."
+  },
+  feedbackMessage: {
+    errorIconText: "Error:",
+    successIconText: "Success:"
+  },
+  connotationAnnoncement: {
+    accentIcon: "Accent:",
+    alertIcon: "Alert:",
+    informationIcon: "Information:",
+    successIcon: "Success:",
+    warningIcon: "Warning:",
+    announcementIcon: "Announcement:",
+    ctaIcon: "Call to action:"
+  },
+  charCount: {
+    charactersLimitMessage: (
+      /* istanbul ignore next */
+      (limit) => `You can enter up to ${limit} characters`
+    ),
+    charactersRemainingMessage: (
+      /* istanbul ignore next */
+      (total) => `You have ${total} characters remaining`
+    )
+  },
+  dataGrid: {
+    cell: {
+      selected: "Selected"
+    }
   }
 };
 

package/locales/ja-JP.cjs

@@ -384,7 +384,39 @@ const jaJP = {
     italics: "斜体",
     underline: "下線",
     strikethrough: "取り消し線",
-    monospace: "等幅"
+    monospace: "等幅",
+    dragAndDropFilesHere: "ここにファイルをドラッグ＆ドロップ"
+  },
+  button: {
+    pendingLabel: "読み込み中"
+  },
+  feedbackMessage: {
+    errorIconText: "エラー:",
+    successIconText: "成功:"
+  },
+  connotationAnnoncement: {
+    accentIcon: "アクセント:",
+    alertIcon: "アラート:",
+    informationIcon: "情報:",
+    successIcon: "成功:",
+    warningIcon: "警告:",
+    announcementIcon: "発表:",
+    ctaIcon: "行動喚起:"
+  },
+  charCount: {
+    charactersLimitMessage: (
+      /* istanbul ignore next */
+      (limit) => `最大${limit}文字まで入力できます`
+    ),
+    charactersRemainingMessage: (
+      /* istanbul ignore next */
+      (total) => `残り${total}文字`
+    )
+  },
+  dataGrid: {
+    cell: {
+      selected: "選択済み"
+    }
   }
 };
 

package/locales/ja-JP.js

@@ -382,7 +382,39 @@ const jaJP = {
     italics: "斜体",
     underline: "下線",
     strikethrough: "取り消し線",
-    monospace: "等幅"
+    monospace: "等幅",
+    dragAndDropFilesHere: "ここにファイルをドラッグ＆ドロップ"
+  },
+  button: {
+    pendingLabel: "読み込み中"
+  },
+  feedbackMessage: {
+    errorIconText: "エラー:",
+    successIconText: "成功:"
+  },
+  connotationAnnoncement: {
+    accentIcon: "アクセント:",
+    alertIcon: "アラート:",
+    informationIcon: "情報:",
+    successIcon: "成功:",
+    warningIcon: "警告:",
+    announcementIcon: "発表:",
+    ctaIcon: "行動喚起:"
+  },
+  charCount: {
+    charactersLimitMessage: (
+      /* istanbul ignore next */
+      (limit) => `最大${limit}文字まで入力できます`
+    ),
+    charactersRemainingMessage: (
+      /* istanbul ignore next */
+      (total) => `残り${total}文字`
+    )
+  },
+  dataGrid: {
+    cell: {
+      selected: "選択済み"
+    }
   }
 };
 

package/locales/zh-CN.cjs

@@ -386,7 +386,39 @@ const zhCN = {
     italics: "斜体",
     underline: "下划线",
     strikethrough: "删除线",
-    monospace: "等宽字体"
+    monospace: "等宽字体",
+    dragAndDropFilesHere: "将文件拖放到此处"
+  },
+  button: {
+    pendingLabel: "加载中"
+  },
+  feedbackMessage: {
+    errorIconText: "错误:",
+    successIconText: "成功:"
+  },
+  connotationAnnoncement: {
+    accentIcon: "口音:",
+    alertIcon: "警报:",
+    informationIcon: "信息:",
+    successIcon: "成功:",
+    warningIcon: "警告:",
+    announcementIcon: "公告:",
+    ctaIcon: "号召性用语:"
+  },
+  charCount: {
+    charactersLimitMessage: (
+      /* istanbul ignore next */
+      (limit) => `您最多可以输入 ${limit} 个字符`
+    ),
+    charactersRemainingMessage: (
+      /* istanbul ignore next */
+      (total) => `您还剩 ${total} 个字符`
+    )
+  },
+  dataGrid: {
+    cell: {
+      selected: "已选择"
+    }
   }
 };
 

package/locales/zh-CN.js

@@ -384,7 +384,39 @@ const zhCN = {
     italics: "斜体",
     underline: "下划线",
     strikethrough: "删除线",
-    monospace: "等宽字体"
+    monospace: "等宽字体",
+    dragAndDropFilesHere: "将文件拖放到此处"
+  },
+  button: {
+    pendingLabel: "加载中"
+  },
+  feedbackMessage: {
+    errorIconText: "错误:",
+    successIconText: "成功:"
+  },
+  connotationAnnoncement: {
+    accentIcon: "口音:",
+    alertIcon: "警报:",
+    informationIcon: "信息:",
+    successIcon: "成功:",
+    warningIcon: "警告:",
+    announcementIcon: "公告:",
+    ctaIcon: "号召性用语:"
+  },
+  charCount: {
+    charactersLimitMessage: (
+      /* istanbul ignore next */
+      (limit) => `您最多可以输入 ${limit} 个字符`
+    ),
+    charactersRemainingMessage: (
+      /* istanbul ignore next */
+      (total) => `您还剩 ${total} 个字符`
+    )
+  },
+  dataGrid: {
+    cell: {
+      selected: "已选择"
+    }
   }
 };
 

package/menu/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition30.cjs');
+const definition = require('../shared/definition31.cjs');
 
 definition.registerMenu();

package/menu/index.js

@@ -1,3 +1,3 @@
-import { d as registerMenu } from '../shared/definition30.js';
+import { r as registerMenu } from '../shared/definition31.js';
 
 registerMenu();

package/nav/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition33.cjs');
+const definition = require('../shared/definition34.cjs');
 
 definition.registerNav();

package/nav/index.js

@@ -1,3 +1,3 @@
-import { r as registerNav } from '../shared/definition33.js';
+import { r as registerNav } from '../shared/definition34.js';
 
 registerNav();

package/nav-disclosure/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition31.cjs');
+const definition = require('../shared/definition32.cjs');
 
 definition.registerNavDisclosure();

package/nav-disclosure/index.js

@@ -1,3 +1,3 @@
-import { r as registerNavDisclosure } from '../shared/definition31.js';
+import { r as registerNavDisclosure } from '../shared/definition32.js';
 
 registerNavDisclosure();

package/nav-item/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition32.cjs');
+const definition = require('../shared/definition33.cjs');
 
 definition.registerNavItem();

package/nav-item/index.js

@@ -1,3 +1,3 @@
-import { r as registerNavItem } from '../shared/definition32.js';
+import { r as registerNavItem } from '../shared/definition33.js';
 
 registerNavItem();

package/note/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition34.cjs');
+const definition = require('../shared/definition35.cjs');
 
 definition.registerNote();

package/note/index.js

@@ -1,3 +1,3 @@
-import { r as registerNote } from '../shared/definition34.js';
+import { r as registerNote } from '../shared/definition35.js';
 
 registerNote();

package/number-field/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition35.cjs');
+const definition = require('../shared/definition36.cjs');
 
 definition.registerNumberField();

package/number-field/index.js

@@ -1,3 +1,3 @@
-import { r as registerNumberField } from '../shared/definition35.js';
+import { r as registerNumberField } from '../shared/definition36.js';
 
 registerNumberField();

package/option/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition36.cjs');
+const definition = require('../shared/definition37.cjs');
 
 definition.registerOption();

package/option/index.js

@@ -1,3 +1,3 @@
-import { r as registerOption } from '../shared/definition36.js';
+import { r as registerOption } from '../shared/definition37.js';
 
 registerOption();

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@vonage/vivid",
-	"version": "4.24.0",
+	"version": "4.25.0",
 	"type": "module",
 	"module": "./index.js",
 	"main": "./index.cjs",

package/pagination/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition37.cjs');
+const definition = require('../shared/definition38.cjs');
 
 definition.registerPagination();

package/pagination/index.js

@@ -1,3 +1,3 @@
-import { r as registerPagination } from '../shared/definition37.js';
+import { r as registerPagination } from '../shared/definition38.js';
 
 registerPagination();