@vonage/vivid 4.24.0 → 4.26.0

package/locales/ja-JP.cjs

@@ -319,8 +319,18 @@ const jaJP = {
     dismissButtonLabel: "閉じる"
   },
   numberField: {
-    incrementButtonLabel: "増加",
-    decrementButtonLabel: "減少"
+    incrementButtonLabel: (
+      /* istanbul ignore next */
+      (step) => step === 1 ? "価値を高める" : `値を${step}増加`
+    ),
+    decrementButtonLabel: (
+      /* istanbul ignore next */
+      (step) => step === 1 ? "値を下げる" : `値を${step}減らす`
+    ),
+    updatedValueAnnouncement: (
+      /* istanbul ignore next */
+      (value) => `更新された値: ${value}`
+    )
   },
   splitButton: {
     showMoreActionsLabel: "その他の操作を表示"
@@ -332,7 +342,7 @@ const jaJP = {
   },
   dialPad: {
     inputLabel: "電話番号",
-    deleteButtonLabel: "消去",
+    deleteButtonLabel: "最後の桁を削除",
     callButtonLabel: "電話",
     endCallButtonLabel: "通話終了",
     digitOneLabel: "1",
@@ -384,7 +394,47 @@ 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: "選択済み"
+    }
+  },
+  pagination: {
+    previousPageLabel: "前のページへ",
+    nextPageLabel: "次のページへ",
+    goToPageLabel: (
+      /* istanbul ignore next */
+      (index) => `${index}ページへ`
+    )
   }
 };
 

package/locales/ja-JP.js

@@ -317,8 +317,18 @@ const jaJP = {
     dismissButtonLabel: "閉じる"
   },
   numberField: {
-    incrementButtonLabel: "増加",
-    decrementButtonLabel: "減少"
+    incrementButtonLabel: (
+      /* istanbul ignore next */
+      (step) => step === 1 ? "価値を高める" : `値を${step}増加`
+    ),
+    decrementButtonLabel: (
+      /* istanbul ignore next */
+      (step) => step === 1 ? "値を下げる" : `値を${step}減らす`
+    ),
+    updatedValueAnnouncement: (
+      /* istanbul ignore next */
+      (value) => `更新された値: ${value}`
+    )
   },
   splitButton: {
     showMoreActionsLabel: "その他の操作を表示"
@@ -330,7 +340,7 @@ const jaJP = {
   },
   dialPad: {
     inputLabel: "電話番号",
-    deleteButtonLabel: "消去",
+    deleteButtonLabel: "最後の桁を削除",
     callButtonLabel: "電話",
     endCallButtonLabel: "通話終了",
     digitOneLabel: "1",
@@ -382,7 +392,47 @@ 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: "選択済み"
+    }
+  },
+  pagination: {
+    previousPageLabel: "前のページへ",
+    nextPageLabel: "次のページへ",
+    goToPageLabel: (
+      /* istanbul ignore next */
+      (index) => `${index}ページへ`
+    )
   }
 };
 

package/locales/zh-CN.cjs

@@ -321,8 +321,18 @@ const zhCN = {
     dismissButtonLabel: "关"
   },
   numberField: {
-    incrementButtonLabel: "增量",
-    decrementButtonLabel: "递减"
+    incrementButtonLabel: (
+      /* istanbul ignore next */
+      (step) => step === 1 ? "增加价值" : `价值增加 ${step}`
+    ),
+    decrementButtonLabel: (
+      /* istanbul ignore next */
+      (step) => step === 1 ? "减少价值" : `值减少 ${step}`
+    ),
+    updatedValueAnnouncement: (
+      /* istanbul ignore next */
+      (value) => `更新值：${value}`
+    )
   },
   splitButton: {
     showMoreActionsLabel: "显示更多操作"
@@ -334,7 +344,7 @@ const zhCN = {
   },
   dialPad: {
     inputLabel: "电话号码",
-    deleteButtonLabel: "删除",
+    deleteButtonLabel: "删除最后一位数字",
     callButtonLabel: "称呼",
     endCallButtonLabel: "结束通话",
     digitOneLabel: "1",
@@ -386,7 +396,47 @@ 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: "已选择"
+    }
+  },
+  pagination: {
+    previousPageLabel: "转至上一页",
+    nextPageLabel: "转至下一页",
+    goToPageLabel: (
+      /* istanbul ignore next */
+      (index) => `转至第 ${index} 页`
+    )
   }
 };
 

package/locales/zh-CN.js

@@ -319,8 +319,18 @@ const zhCN = {
     dismissButtonLabel: "关"
   },
   numberField: {
-    incrementButtonLabel: "增量",
-    decrementButtonLabel: "递减"
+    incrementButtonLabel: (
+      /* istanbul ignore next */
+      (step) => step === 1 ? "增加价值" : `价值增加 ${step}`
+    ),
+    decrementButtonLabel: (
+      /* istanbul ignore next */
+      (step) => step === 1 ? "减少价值" : `值减少 ${step}`
+    ),
+    updatedValueAnnouncement: (
+      /* istanbul ignore next */
+      (value) => `更新值：${value}`
+    )
   },
   splitButton: {
     showMoreActionsLabel: "显示更多操作"
@@ -332,7 +342,7 @@ const zhCN = {
   },
   dialPad: {
     inputLabel: "电话号码",
-    deleteButtonLabel: "删除",
+    deleteButtonLabel: "删除最后一位数字",
     callButtonLabel: "称呼",
     endCallButtonLabel: "结束通话",
     digitOneLabel: "1",
@@ -384,7 +394,47 @@ 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: "已选择"
+    }
+  },
+  pagination: {
+    previousPageLabel: "转至上一页",
+    nextPageLabel: "转至下一页",
+    goToPageLabel: (
+      /* istanbul ignore next */
+      (index) => `转至第 ${index} 页`
+    )
   }
 };
 

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.26.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();

package/popup/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition65.cjs');
+const definition = require('../shared/definition67.cjs');
 
 definition.registerPopup();

package/popup/index.js

@@ -1,3 +1,3 @@
-import { r as registerPopup } from '../shared/definition65.js';
+import { r as registerPopup } from '../shared/definition67.js';
 
 registerPopup();

package/progress/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition39.cjs');
+const definition = require('../shared/definition40.cjs');
 
 definition.registerProgress();

package/progress/index.js

@@ -1,3 +1,3 @@
-import { r as registerProgress } from '../shared/definition39.js';
+import { r as registerProgress } from '../shared/definition40.js';
 
 registerProgress();

package/progress-ring/index.cjs

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

package/progress-ring/index.js

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

package/radio/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition41.cjs');
+const definition = require('../shared/definition42.cjs');
 
 definition.registerRadio();

package/radio/index.js

@@ -1,3 +1,3 @@
-import { a as registerRadio } from '../shared/definition41.js';
+import { a as registerRadio } from '../shared/definition42.js';
 
 registerRadio();

package/radio-group/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition40.cjs');
+const definition = require('../shared/definition41.cjs');
 
 definition.registerRadioGroup();

package/radio-group/index.js

@@ -1,3 +1,3 @@
-import { a as registerRadioGroup } from '../shared/definition40.js';
+import { a as registerRadioGroup } from '../shared/definition41.js';
 
 registerRadioGroup();

package/range-slider/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition42.cjs');
+const definition = require('../shared/definition43.cjs');
 
 definition.registerRangeSlider();

package/range-slider/index.js

@@ -1,3 +1,3 @@
-import { a as registerRangeSlider } from '../shared/definition42.js';
+import { a as registerRangeSlider } from '../shared/definition43.js';
 
 registerRangeSlider();

package/rich-text-editor/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition43.cjs');
+const definition = require('../shared/definition44.cjs');
 
 definition.registerRichTextEditor();

package/rich-text-editor/index.js

@@ -1,3 +1,3 @@
-import { a as registerRichTextEditor } from '../shared/definition43.js';
+import { a as registerRichTextEditor } from '../shared/definition44.js';
 
 registerRichTextEditor();

package/searchable-select/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition44.cjs');
+const definition = require('../shared/definition45.cjs');
 
 definition.registerSearchableSelect();

package/searchable-select/index.js

@@ -1,3 +1,3 @@
-import { r as registerSearchableSelect } from '../shared/definition44.js';
+import { r as registerSearchableSelect } from '../shared/definition45.js';
 
 registerSearchableSelect();

package/select/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition45.cjs');
+const definition = require('../shared/definition46.cjs');
 
 definition.registerSelect();

package/select/index.js

@@ -1,3 +1,3 @@
-import { r as registerSelect } from '../shared/definition45.js';
+import { r as registerSelect } from '../shared/definition46.js';
 
 registerSelect();

package/selectable-box/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition46.cjs');
+const definition = require('../shared/definition47.cjs');
 
 definition.registerSelectableBox();

package/selectable-box/index.js

@@ -1,3 +1,3 @@
-import { r as registerSelectableBox } from '../shared/definition46.js';
+import { r as registerSelectableBox } from '../shared/definition47.js';
 
 registerSelectableBox();

package/shared/affix.cjs

@@ -47,7 +47,7 @@ const IconAriaHidden = {
   Hidden: "true"};
 const affixIconTemplateFactory = (context) => {
   const iconTag = context.tagFor(definition.Icon);
-  return (icon, slottedState = IconWrapper.Span, ariaHidden = IconAriaHidden.Hidden) => {
+  return (icon, slottedState = IconWrapper.Span, ariaHidden = IconAriaHidden.Hidden, announcement = { label: "", announceOnUpdate: false }) => {
     if (!icon && !slottedState) {
       return vividElement.html`<slot
 				name="icon"
@@ -58,16 +58,22 @@ const affixIconTemplateFactory = (context) => {
     if (!icon && slottedState) {
       return null;
     }
-    const iconTemplate = vividElement.html`<${iconTag} :name="${() => icon}"></${iconTag}>`;
-    return slottedState ? vividElement.html`<span class="icon" aria-hidden="${() => ariaHidden}"
-					>${iconTemplate}</span
-			  >` : vividElement.html`<slot name="icon" aria-hidden="${() => ariaHidden}"
-					>${iconTemplate}</slot
-			  >`;
+    const iconTemplate = vividElement.html`<${iconTag} :name="${() => icon}" :label="${() => announcement?.label || void 0}"></${iconTag}>`;
+    const wrapperTag = slottedState ? "span" : "slot";
+    return vividElement.html`<${wrapperTag}
+					class="${() => slottedState ? "icon" : void 0}"
+					:name="${() => slottedState ? void 0 : "icon"}"
+					aria-hidden="${() => announcement?.label ? false : ariaHidden}"
+					:role="${() => announcement?.announceOnUpdate ? "status" : void 0}"
+					:ariaLive="${() => announcement?.announceOnUpdate ? "polite" : void 0}"
+			  >
+					${iconTemplate}
+			  </${wrapperTag}>`;
   };
 };
 
 exports.AffixIcon = AffixIcon;
 exports.AffixIconWithTrailing = AffixIconWithTrailing;
+exports.IconAriaHidden = IconAriaHidden;
 exports.IconWrapper = IconWrapper;
 exports.affixIconTemplateFactory = affixIconTemplateFactory;