@vonage/vivid 3.40.0 → 3.42.0

package/locales/en-US.js

@@ -78,12 +78,26 @@ const enUS = {
     fileTooBigError: "File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.",
     removeFileLabel: "Remove file"
   },
+  audioPlayer: {
+    playButtonLabel: "Play",
+    pauseButtonLabel: "Pause",
+    sliderLabel: "Audio progress bar"
+  },
+  alert: {
+    dismissButtonLabel: "Close"
+  },
   dialog: {
     dismissButtonLabel: "Close"
   },
+  banner: {
+    dismissButtonLabel: "Close"
+  },
   numberField: {
     incrementButtonLabel: "Increment",
     decrementButtonLabel: "Decrement"
+  },
+  splitButton: {
+    showMoreActionsLabel: "Show more actions"
   }
 };
 

package/locales/ja-JP.js

@@ -78,12 +78,26 @@ const jaJP = {
     fileTooBigError: "ファイルが大きすぎます ({{filesize}}MiB)。最大ファイルサイズ: {{maxFilesize}}MiB。",
     removeFileLabel: "ファイルを削除"
   },
+  audioPlayer: {
+    playButtonLabel: "開始",
+    pauseButtonLabel: "休止",
+    sliderLabel: "オーディオプログレスバー"
+  },
+  alert: {
+    dismissButtonLabel: "閉じる"
+  },
   dialog: {
     dismissButtonLabel: "閉じる"
   },
+  banner: {
+    dismissButtonLabel: "閉じる"
+  },
   numberField: {
     incrementButtonLabel: "増加",
     decrementButtonLabel: "減少"
+  },
+  splitButton: {
+    showMoreActionsLabel: "Show more actions"
   }
 };
 

package/locales/zh-CN.js

@@ -78,12 +78,26 @@ const zhCN = {
     fileTooBigError: "文件太大 ({{filesize}}MiB)。最大文件大小: {{maxFilesize}}MiB。",
     removeFileLabel: "删除文件"
   },
+  audioPlayer: {
+    playButtonLabel: "草創",
+    pauseButtonLabel: "停",
+    sliderLabel: "音訊進度條"
+  },
+  alert: {
+    dismissButtonLabel: "关"
+  },
   dialog: {
     dismissButtonLabel: "关"
   },
+  banner: {
+    dismissButtonLabel: "关"
+  },
   numberField: {
     incrementButtonLabel: "增量",
     decrementButtonLabel: "递减"
+  },
+  splitButton: {
+    showMoreActionsLabel: "显示更多操作"
   }
 };
 

package/menu/index.js

@@ -1,15 +1,15 @@
-import { r as registerMenu } from '../shared/definition28.js';
+import { r as registerMenu } from '../shared/definition29.js';
 import '../shared/index.js';
-import '../shared/definition59.js';
-import '../shared/definition10.js';
-import '../shared/definition25.js';
+import '../shared/definition60.js';
+import '../shared/definition11.js';
+import '../shared/definition26.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition57.js';
+import '../shared/definition58.js';
 import '../shared/focus.js';
-import '../shared/definition36.js';
+import '../shared/definition37.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
 import '../shared/slotted.js';
@@ -22,8 +22,8 @@ import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
 import '../shared/enums.js';
-import '../shared/definition58.js';
-import '../shared/definition27.js';
+import '../shared/definition59.js';
+import '../shared/definition28.js';
 import '../shared/direction.js';
 import '../shared/dom.js';
 

package/menu-item/index.js

@@ -1,11 +1,11 @@
-import { r as registerMenuItem } from '../shared/definition27.js';
+import { r as registerMenuItem } from '../shared/definition28.js';
 import '../shared/index.js';
-import '../shared/definition25.js';
+import '../shared/definition26.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition57.js';
+import '../shared/definition58.js';
 import '../shared/focus.js';
 import '../shared/affix.js';
 import '../shared/slotted.js';

package/nav/index.js

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

package/nav-disclosure/index.js

@@ -1,11 +1,11 @@
-import { r as registerNavDisclosure } from '../shared/definition29.js';
+import { r as registerNavDisclosure } from '../shared/definition30.js';
 import '../shared/index.js';
-import '../shared/definition25.js';
+import '../shared/definition26.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition57.js';
+import '../shared/definition58.js';
 import '../shared/focus.js';
 import '../shared/affix.js';
 import '../shared/slotted.js';

package/nav-item/index.js

@@ -1,11 +1,11 @@
-import { r as registerNavItem } from '../shared/definition30.js';
+import { r as registerNavItem } from '../shared/definition31.js';
 import '../shared/index.js';
-import '../shared/definition25.js';
+import '../shared/definition26.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition57.js';
+import '../shared/definition58.js';
 import '../shared/focus.js';
 import '../shared/affix.js';
 import '../shared/slotted.js';

package/note/index.js

@@ -1,6 +1,6 @@
-import { r as registerNote } from '../shared/definition32.js';
+import { r as registerNote } from '../shared/definition33.js';
 import '../shared/index.js';
-import '../shared/definition25.js';
+import '../shared/definition26.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';

package/number-field/index.js

@@ -1,14 +1,14 @@
-import { r as registerNumberField } from '../shared/definition33.js';
+import { r as registerNumberField } from '../shared/definition34.js';
 import '../shared/index.js';
-import '../shared/definition10.js';
-import '../shared/definition25.js';
+import '../shared/definition11.js';
+import '../shared/definition26.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition57.js';
+import '../shared/definition58.js';
 import '../shared/focus.js';
-import '../shared/definition36.js';
+import '../shared/definition37.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
 import '../shared/slotted.js';
@@ -21,7 +21,7 @@ import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
 import '../shared/enums.js';
-import '../shared/definition20.js';
+import '../shared/definition21.js';
 import '../shared/aria.js';
 import '../shared/index2.js';
 import '../locales/en-US.js';

package/option/index.js

@@ -1,11 +1,11 @@
-import { r as registerOption } from '../shared/definition34.js';
+import { r as registerOption } from '../shared/definition35.js';
 import '../shared/index.js';
-import '../shared/definition25.js';
+import '../shared/definition26.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition57.js';
+import '../shared/definition58.js';
 import '../shared/focus.js';
 import '../shared/affix.js';
 import '../shared/slotted.js';

package/package.json

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

package/pagination/index.js

@@ -1,14 +1,14 @@
-import { r as registerPagination } from '../shared/definition35.js';
-import '../shared/definition10.js';
+import { r as registerPagination } from '../shared/definition36.js';
+import '../shared/definition11.js';
 import '../shared/index.js';
-import '../shared/definition25.js';
+import '../shared/definition26.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition57.js';
+import '../shared/definition58.js';
 import '../shared/focus.js';
-import '../shared/definition36.js';
+import '../shared/definition37.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
 import '../shared/slotted.js';

package/popup/index.js

@@ -1,14 +1,14 @@
-import { r as registerPopup } from '../shared/definition59.js';
+import { r as registerPopup } from '../shared/definition60.js';
 import '../shared/index.js';
-import '../shared/definition10.js';
-import '../shared/definition25.js';
+import '../shared/definition11.js';
+import '../shared/definition26.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition57.js';
+import '../shared/definition58.js';
 import '../shared/focus.js';
-import '../shared/definition36.js';
+import '../shared/definition37.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
 import '../shared/slotted.js';
@@ -21,6 +21,6 @@ import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
 import '../shared/enums.js';
-import '../shared/definition58.js';
+import '../shared/definition59.js';
 
 registerPopup();

package/progress/index.js

@@ -1,4 +1,4 @@
-import { r as registerProgress } from '../shared/definition37.js';
+import { r as registerProgress } from '../shared/definition38.js';
 import '../shared/index.js';
 import '../shared/base-progress.js';
 import '../shared/when.js';

package/progress-ring/index.js

@@ -1,4 +1,4 @@
-import { r as registerProgressRing } from '../shared/definition36.js';
+import { r as registerProgressRing } from '../shared/definition37.js';
 import '../shared/index.js';
 import '../shared/base-progress.js';
 import '../shared/when.js';

package/radio/index.js

@@ -1,6 +1,6 @@
-import { b as registerRadio } from '../shared/definition39.js';
+import { b as registerRadio } from '../shared/definition40.js';
 import '../shared/index.js';
-import '../shared/definition57.js';
+import '../shared/definition58.js';
 import '../shared/focus.js';
 import '../shared/radio.js';
 import '../shared/form-associated.js';

package/radio-group/index.js

@@ -1,12 +1,12 @@
-import { b as registerRadioGroup } from '../shared/definition38.js';
+import { b as registerRadioGroup } from '../shared/definition39.js';
 import '../shared/index.js';
 import '../shared/direction.js';
 import '../shared/key-codes.js';
 import '../shared/aria.js';
 import '../shared/radio.js';
 import '../shared/form-associated.js';
-import '../shared/aria2.js';
 import '../shared/slotted.js';
 import '../shared/when.js';
+import '../shared/aria2.js';
 
 registerRadioGroup();

package/select/index.js

@@ -1,15 +1,15 @@
-import { r as registerSelect } from '../shared/definition40.js';
+import { r as registerSelect } from '../shared/definition41.js';
 import '../shared/index.js';
-import '../shared/definition57.js';
+import '../shared/definition58.js';
 import '../shared/focus.js';
-import '../shared/definition59.js';
-import '../shared/definition10.js';
-import '../shared/definition25.js';
+import '../shared/definition60.js';
+import '../shared/definition11.js';
+import '../shared/definition26.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition36.js';
+import '../shared/definition37.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
 import '../shared/slotted.js';
@@ -22,8 +22,8 @@ import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
 import '../shared/enums.js';
-import '../shared/definition58.js';
-import '../shared/definition34.js';
+import '../shared/definition59.js';
+import '../shared/definition35.js';
 import '../shared/dom.js';
 import '../shared/index2.js';
 import '../locales/en-US.js';

package/selectable-box/index.js

@@ -1,12 +1,12 @@
-import { r as registerSelectableBox } from '../shared/definition41.js';
+import { r as registerSelectableBox } from '../shared/definition42.js';
 import '../shared/index.js';
-import '../shared/definition14.js';
-import '../shared/definition25.js';
+import '../shared/definition15.js';
+import '../shared/definition26.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition57.js';
+import '../shared/definition58.js';
 import '../shared/focus.js';
 import '../shared/affix.js';
 import '../shared/slotted.js';
@@ -16,7 +16,7 @@ import '../shared/form-associated.js';
 import '../shared/key-codes.js';
 import '../shared/apply-mixins.js';
 import '../shared/focus2.js';
-import '../shared/definition39.js';
+import '../shared/definition40.js';
 import '../shared/radio.js';
 import '../shared/enums.js';
 

package/shared/definition.js

@@ -1,6 +1,6 @@
 import { F as FoundationElement, _ as __decorate, a as attr, n as nullableNumberConverter, h as html, r as registerFactory } from './index.js';
-import { a as iconRegistries } from './definition25.js';
-import { f as focusRegistries } from './definition57.js';
+import { a as iconRegistries } from './definition26.js';
+import { f as focusRegistries } from './definition58.js';
 import { b as AffixIconWithTrailing, a as affixIconTemplateFactory, I as IconWrapper } from './affix.js';
 import { a as applyMixins } from './apply-mixins.js';
 import { S as StartEnd } from './start-end.js';
@@ -76,7 +76,7 @@ __decorate([
 ], AccordionItem$1.prototype, "id", void 0);
 applyMixins(AccordionItem$1, StartEnd);
 
-const styles = "/**\n * Do not edit directly\n * Generated on Wed, 01 Nov 2023 12:16:28 GMT\n */\n:host {\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: column;\n}\n\n.heading-container {\n  margin: 0;\n}\n\n.heading-button {\n  position: relative;\n  display: flex;\n  width: 100%;\n  align-items: center;\n  padding: 16px;\n  border: none;\n  background-color: var(--_appearance-color-fill);\n  color: var(--_appearance-color-text);\n  cursor: pointer;\n  text-align: left;\n}\n.heading-button {\n  --_appearance-color-text: var(--_connotation-color-primary);\n  --_appearance-color-fill: transparent;\n  --_appearance-color-outline: transparent;\n}\n.heading-button:where(:hover, .hover):where(:not(:disabled, .disabled, .readonly)) {\n  --_appearance-color-text: var(--_connotation-color-primary);\n  --_appearance-color-fill: var(--_connotation-color-faint);\n  --_appearance-color-outline: transparent;\n}\n.heading-button:where(:active, .active):where(:not(:disabled, .disabled)) {\n  --_appearance-color-text: var(--_connotation-color-primary);\n  --_appearance-color-fill: var(--_connotation-color-soft);\n  --_appearance-color-outline: transparent;\n}\n.heading-button {\n  /* @cssprop [--vvd-accordion-item-accent-primary=var(--vvd-color-canvas-text)] */\n  --_connotation-color-primary: var(--vvd-accordion-item-accent-primary, var(--vvd-color-canvas-text));\n  /* @cssprop [--vvd-accordion-item-accent-faint=var(--vvd-color-neutral-50)] */\n  --_connotation-color-faint: var(--vvd-accordion-item-accent-faint, var(--vvd-color-neutral-50));\n  /* @cssprop [--vvd-accordion-item-accent-soft=var(--vvd-color-neutral-100)] */\n  --_connotation-color-soft: var(--vvd-accordion-item-accent-soft, var(--vvd-color-neutral-100));\n}\n@supports selector(:focus-visible) {\n  .heading-button:focus-visible {\n    outline: none;\n  }\n}\n.heading-button.size-condensed {\n  font: var(--vvd-typography-base-bold);\n  gap: 12px;\n}\n.heading-button:not(.size-condensed) {\n  font: var(--vvd-typography-heading-4);\n  gap: 16px;\n}\n\n.heading-content {\n  flex: auto;\n}\n\n.meta {\n  overflow: hidden;\n  max-width: 20%;\n  flex-shrink: 0;\n  color: var(--vvd-color-neutral-600);\n  text-align: end;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.heading-button:not(.size-condensed) .meta {\n  font: var(--vvd-typography-base-bold);\n}\n.heading-button.size-condensed .meta {\n  font: var(--vvd-typography-base-condensed-bold);\n}\n\n.region {\n  display: none;\n  padding: 8px 32px 24px 16px;\n}\n.region:not(.size-condensed).padded {\n  padding-inline-start: 52px;\n}\n:host([expanded]) .region {\n  display: block;\n}\n.region.size-condensed.padded {\n  padding-inline-start: 44px;\n}\n\nslot[name=icon] {\n  color: var(--vvd-color-neutral-600);\n}\n.heading-button:not(.size-condensed) slot[name=icon] {\n  font: inherit;\n}\n.heading-button.size-condensed slot[name=icon] {\n  font: var(--vvd-typography-base-extended);\n}\n:host(:not([icon-trailing])) slot[name=icon]:last-of-type {\n  color: var(--_appearance-color-text);\n}\n\n.focus-indicator {\n  --focus-stroke-gap-color: transparent;\n}\nbutton:not(:focus-visible) > .focus-indicator {\n  display: none;\n}";
+const styles = "/**\n * Do not edit directly\n * Generated on Thu, 30 Nov 2023 11:42:28 GMT\n */\n:host {\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: column;\n}\n\n.heading-container {\n  margin: 0;\n}\n\n.heading-button {\n  position: relative;\n  display: flex;\n  width: 100%;\n  align-items: center;\n  padding: 16px;\n  border: none;\n  background-color: var(--_appearance-color-fill);\n  color: var(--_appearance-color-text);\n  cursor: pointer;\n  text-align: left;\n}\n.heading-button {\n  --_appearance-color-text: var(--_connotation-color-primary);\n  --_appearance-color-fill: transparent;\n  --_appearance-color-outline: transparent;\n}\n.heading-button:where(:hover, .hover):where(:not(:disabled, .disabled, .readonly)) {\n  --_appearance-color-text: var(--_connotation-color-primary);\n  --_appearance-color-fill: var(--_connotation-color-faint);\n  --_appearance-color-outline: transparent;\n}\n.heading-button:where(:active, .active):where(:not(:disabled, .disabled)) {\n  --_appearance-color-text: var(--_connotation-color-primary);\n  --_appearance-color-fill: var(--_connotation-color-soft);\n  --_appearance-color-outline: transparent;\n}\n.heading-button {\n  /* @cssprop [--vvd-accordion-item-accent-primary=var(--vvd-color-canvas-text)] */\n  --_connotation-color-primary: var(--vvd-accordion-item-accent-primary, var(--vvd-color-canvas-text));\n  /* @cssprop [--vvd-accordion-item-accent-faint=var(--vvd-color-neutral-50)] */\n  --_connotation-color-faint: var(--vvd-accordion-item-accent-faint, var(--vvd-color-neutral-50));\n  /* @cssprop [--vvd-accordion-item-accent-soft=var(--vvd-color-neutral-100)] */\n  --_connotation-color-soft: var(--vvd-accordion-item-accent-soft, var(--vvd-color-neutral-100));\n}\n@supports selector(:focus-visible) {\n  .heading-button:focus-visible {\n    outline: none;\n  }\n}\n.heading-button.size-condensed {\n  font: var(--vvd-typography-base-bold);\n  gap: 12px;\n}\n.heading-button:not(.size-condensed) {\n  font: var(--vvd-typography-heading-4);\n  gap: 16px;\n}\n\n.heading-content {\n  flex: auto;\n}\n\n.meta {\n  overflow: hidden;\n  max-width: 20%;\n  flex-shrink: 0;\n  color: var(--vvd-color-neutral-600);\n  text-align: end;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.heading-button:not(.size-condensed) .meta {\n  font: var(--vvd-typography-base-bold);\n}\n.heading-button.size-condensed .meta {\n  font: var(--vvd-typography-base-condensed-bold);\n}\n\n.region {\n  display: none;\n  padding: 8px 32px 24px 16px;\n}\n.region:not(.size-condensed).padded {\n  padding-inline-start: 52px;\n}\n:host([expanded]) .region {\n  display: block;\n}\n.region.size-condensed.padded {\n  padding-inline-start: 44px;\n}\n\nslot[name=icon] {\n  color: var(--vvd-color-neutral-600);\n}\n.heading-button:not(.size-condensed) slot[name=icon] {\n  font: inherit;\n}\n.heading-button.size-condensed slot[name=icon] {\n  font: var(--vvd-typography-base-extended);\n}\n:host(:not([icon-trailing])) slot[name=icon]:last-of-type {\n  color: var(--_appearance-color-text);\n}\n\n.focus-indicator {\n  --focus-stroke-gap-color: transparent;\n}\nbutton:not(:focus-visible) > .focus-indicator {\n  display: none;\n}";
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;