@vonage/vivid 3.39.0 → 3.41.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (182) hide show
  1. package/accordion/index.js +2 -2
  2. package/accordion-item/index.js +2 -2
  3. package/alert/index.js +7 -5
  4. package/audio-player/index.js +33 -0
  5. package/avatar/index.js +2 -2
  6. package/badge/index.js +2 -2
  7. package/banner/index.js +9 -5
  8. package/breadcrumb/index.js +1 -1
  9. package/breadcrumb-item/index.js +3 -3
  10. package/button/index.js +5 -4
  11. package/calendar/index.js +1 -1
  12. package/calendar-event/index.js +1 -1
  13. package/card/index.js +4 -3
  14. package/checkbox/index.js +3 -3
  15. package/combobox/index.js +9 -7
  16. package/custom-elements.json +809 -5
  17. package/data-grid/index.js +3 -2
  18. package/date-picker/index.js +11 -9
  19. package/date-range-picker/index.js +11 -9
  20. package/dialog/index.js +10 -6
  21. package/divider/index.js +1 -1
  22. package/elevation/index.js +1 -1
  23. package/empty-state/index.js +2 -2
  24. package/fab/index.js +3 -3
  25. package/file-picker/index.js +6 -5
  26. package/focus/index.js +1 -1
  27. package/header/index.js +2 -2
  28. package/icon/index.js +1 -1
  29. package/index.js +60 -55
  30. package/layout/index.js +1 -1
  31. package/lib/alert/alert.d.ts +3 -1
  32. package/lib/alert/locale.d.ts +3 -0
  33. package/lib/audio-player/audio-player.d.ts +17 -0
  34. package/lib/audio-player/audio-player.template.d.ts +4 -0
  35. package/lib/audio-player/definition.d.ts +4 -0
  36. package/lib/audio-player/locale.d.ts +5 -0
  37. package/lib/banner/banner.d.ts +3 -1
  38. package/lib/banner/locale.d.ts +3 -0
  39. package/lib/card/card.d.ts +3 -0
  40. package/lib/card/card.template.d.ts +1 -1
  41. package/lib/card/definition.d.ts +1 -0
  42. package/lib/checkbox/checkbox.d.ts +2 -0
  43. package/lib/components.d.ts +2 -0
  44. package/lib/dialog/dialog.d.ts +4 -0
  45. package/lib/dialog/locale.d.ts +3 -0
  46. package/lib/enums.d.ts +2 -1
  47. package/lib/menu/menu.d.ts +1 -0
  48. package/lib/number-field/locale.d.ts +4 -0
  49. package/lib/number-field/number-field.d.ts +4 -2
  50. package/lib/progress/progress.d.ts +1 -0
  51. package/lib/progress-ring/progress-ring.d.ts +1 -0
  52. package/lib/radio/radio.d.ts +1 -0
  53. package/lib/selectable-box/definition.d.ts +3 -0
  54. package/lib/selectable-box/selectable-box.d.ts +12 -0
  55. package/lib/selectable-box/selectable-box.template.d.ts +4 -0
  56. package/lib/slider/definition.d.ts +1 -0
  57. package/lib/slider/slider.d.ts +5 -0
  58. package/lib/split-button/locale.d.ts +3 -0
  59. package/lib/split-button/split-button.d.ts +3 -1
  60. package/lib/text-area/text-area.d.ts +3 -0
  61. package/lib/text-field/text-field.d.ts +5 -2
  62. package/listbox/index.js +5 -4
  63. package/locales/en-GB.js +21 -0
  64. package/locales/en-US.js +21 -0
  65. package/locales/ja-JP.js +21 -0
  66. package/locales/zh-CN.js +21 -0
  67. package/menu/index.js +9 -8
  68. package/menu-item/index.js +3 -3
  69. package/nav/index.js +1 -1
  70. package/nav-disclosure/index.js +3 -3
  71. package/nav-item/index.js +3 -3
  72. package/note/index.js +2 -2
  73. package/number-field/index.js +8 -6
  74. package/option/index.js +3 -3
  75. package/package.json +1 -1
  76. package/pagination/index.js +6 -5
  77. package/popup/index.js +7 -6
  78. package/progress/index.js +1 -1
  79. package/progress-ring/index.js +1 -1
  80. package/radio/index.js +2 -2
  81. package/radio-group/index.js +2 -2
  82. package/select/index.js +10 -8
  83. package/selectable-box/index.js +23 -0
  84. package/shared/Reflector.js +65 -0
  85. package/shared/date-picker/calendar/segment.d.ts +21 -0
  86. package/shared/date-picker/date-picker-base.d.ts +1 -0
  87. package/shared/definition.js +3 -3
  88. package/shared/definition10.js +89 -227
  89. package/shared/definition11.js +151 -29
  90. package/shared/definition12.js +37 -766
  91. package/shared/definition13.js +747 -106
  92. package/shared/definition14.js +122 -192
  93. package/shared/definition15.js +156 -664
  94. package/shared/definition16.js +576 -1123
  95. package/shared/definition17.js +1278 -143
  96. package/shared/definition18.js +64 -298
  97. package/shared/definition19.js +358 -211
  98. package/shared/definition2.js +2 -2
  99. package/shared/definition20.js +259 -67
  100. package/shared/definition21.js +66 -58
  101. package/shared/definition22.js +43 -84
  102. package/shared/definition23.js +76 -2352
  103. package/shared/definition24.js +2362 -45
  104. package/shared/definition25.js +63 -27
  105. package/shared/definition26.js +24 -51
  106. package/shared/definition27.js +36 -813
  107. package/shared/definition28.js +837 -49
  108. package/shared/definition29.js +52 -89
  109. package/shared/definition3.js +1 -1
  110. package/shared/definition30.js +88 -24
  111. package/shared/definition31.js +25 -12
  112. package/shared/definition32.js +12 -52
  113. package/shared/definition33.js +28 -487
  114. package/shared/definition34.js +442 -197
  115. package/shared/definition35.js +260 -185
  116. package/shared/definition36.js +188 -69
  117. package/shared/definition37.js +72 -52
  118. package/shared/definition38.js +65 -421
  119. package/shared/definition39.js +435 -35
  120. package/shared/definition4.js +44 -16
  121. package/shared/definition40.js +32 -680
  122. package/shared/definition41.js +661 -77
  123. package/shared/definition42.js +103 -555
  124. package/shared/definition43.js +76 -103
  125. package/shared/definition44.js +522 -87
  126. package/shared/definition45.js +133 -22
  127. package/shared/definition46.js +131 -58
  128. package/shared/definition47.js +16 -501
  129. package/shared/definition48.js +69 -23
  130. package/shared/definition49.js +477 -108
  131. package/shared/definition5.js +160 -44
  132. package/shared/definition50.js +25 -271
  133. package/shared/definition51.js +103 -122
  134. package/shared/definition52.js +277 -122
  135. package/shared/definition53.js +274 -103
  136. package/shared/definition54.js +126 -71
  137. package/shared/definition55.js +128 -294
  138. package/shared/definition56.js +91 -13
  139. package/shared/definition57.js +298 -39
  140. package/shared/definition58.js +11 -175
  141. package/shared/definition59.js +47 -0
  142. package/shared/definition6.js +43 -33
  143. package/shared/definition60.js +181 -0
  144. package/shared/definition7.js +39 -105
  145. package/shared/definition8.js +122 -38
  146. package/shared/definition9.js +56 -89
  147. package/shared/enums.js +72 -0
  148. package/shared/icon.js +2 -2
  149. package/shared/index2.js +28 -1
  150. package/shared/key-codes.js +1 -1
  151. package/shared/key-codes2.js +9 -0
  152. package/shared/listbox.js +3 -8
  153. package/shared/localization/Locale.d.ts +12 -0
  154. package/shared/patterns/form-elements/form-elements.d.ts +6 -6
  155. package/shared/presentationDate.js +196 -143
  156. package/shared/radio.js +7 -0
  157. package/shared/text-field.js +1 -1
  158. package/shared/utils/Reflector.d.ts +8 -0
  159. package/shared/utils/randomId.d.ts +1 -0
  160. package/side-drawer/index.js +1 -1
  161. package/slider/index.js +3 -3
  162. package/split-button/index.js +6 -3
  163. package/style.css +889 -722
  164. package/styles/core/all.css +1 -1
  165. package/styles/core/theme.css +1 -1
  166. package/styles/core/typography.css +1 -1
  167. package/styles/tokens/theme-dark.css +4 -4
  168. package/styles/tokens/theme-light.css +4 -4
  169. package/styles/tokens/vivid-2-compat.css +1 -1
  170. package/switch/index.js +3 -3
  171. package/tab/index.js +3 -3
  172. package/tab-panel/index.js +1 -1
  173. package/tabs/index.js +5 -5
  174. package/tag/index.js +3 -3
  175. package/tag-group/index.js +1 -1
  176. package/text-area/index.js +4 -3
  177. package/text-field/index.js +4 -3
  178. package/toggletip/index.js +8 -7
  179. package/tooltip/index.js +8 -7
  180. package/tree-item/index.js +3 -3
  181. package/tree-view/index.js +1 -1
  182. package/vivid.api.json +392 -0
@@ -2,6 +2,7 @@ import { BaseProgress } from '@microsoft/fast-foundation';
2
2
  import type { Connotation } from '../enums';
3
3
  export type ProgressRingConnotation = Connotation.Accent | Connotation.Success | Connotation.Alert | Connotation.CTA;
4
4
  export declare class ProgressRing extends BaseProgress {
5
+ ariaLabel: string | null;
5
6
  connotation?: ProgressRingConnotation;
6
7
  size?: -6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5;
7
8
  }
@@ -2,6 +2,7 @@ import { Radio as FastRadio } from '@microsoft/fast-foundation';
2
2
  import type { Connotation } from '../enums.js';
3
3
  export type RadioConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA>;
4
4
  export declare class Radio extends FastRadio {
5
+ ariaLabel: string | null;
5
6
  label?: string;
6
7
  connotation?: RadioConnotation;
7
8
  }
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const selectableBoxDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
3
+ export declare const registerSelectableBox: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1,12 @@
1
+ import { FoundationElement } from '@microsoft/fast-foundation';
2
+ import type { Connotation } from '../enums.js';
3
+ export type SelectableBoxConnotation = Connotation.Accent | Connotation.CTA;
4
+ export type SelectableBoxControlType = 'checkbox' | 'radio';
5
+ export declare class SelectableBox extends FoundationElement {
6
+ ariaLabel: string | null;
7
+ checked: boolean;
8
+ clickable: boolean;
9
+ connotation?: SelectableBoxConnotation;
10
+ controlType?: SelectableBoxControlType;
11
+ tight: boolean;
12
+ }
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ import { SelectableBox } from './selectable-box';
4
+ export declare const SelectableBoxTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<SelectableBox>;
@@ -1,3 +1,4 @@
1
1
  import type { SliderOptions } from '@microsoft/fast-foundation';
2
+ export type { SliderConnotation } from './slider';
2
3
  export declare const sliderDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<SliderOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<SliderOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
3
4
  export declare const registerSlider: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -1,4 +1,9 @@
1
1
  import { Slider as FastSlider } from '@microsoft/fast-foundation';
2
+ import type { Connotation } from '../enums';
3
+ export type SliderConnotation = Connotation.Accent | Connotation.CTA;
2
4
  export declare class Slider extends FastSlider {
5
+ ariaLabel: string | null;
6
+ ariaValuetext: string | null;
3
7
  markers: boolean;
8
+ connotation?: SliderConnotation;
4
9
  }
@@ -0,0 +1,3 @@
1
+ export interface SplitButtonLocale {
2
+ showMoreActionsLabel: string;
3
+ }
@@ -1,6 +1,7 @@
1
1
  import { FoundationElement } from '@microsoft/fast-foundation';
2
2
  import type { Appearance, Connotation, Shape, Size } from '../enums.js';
3
3
  import { AffixIcon } from '../../shared/patterns/affix';
4
+ import { Localized } from '../../shared/patterns';
4
5
  export type SplitButtonConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA>;
5
6
  export type SplitButtonAppearance = Extract<Appearance, Appearance.Filled | Appearance.Outlined | Appearance.Ghost>;
6
7
  export type SplitButtonShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
@@ -20,6 +21,7 @@ export declare class SplitButton extends FoundationElement {
20
21
  disabled: boolean;
21
22
  ariaLabel: string | null;
22
23
  ariaExpanded: string | null;
24
+ indicatorAriaLabel: string | null;
23
25
  }
24
- export interface SplitButton extends AffixIcon {
26
+ export interface SplitButton extends AffixIcon, Localized {
25
27
  }
@@ -2,7 +2,10 @@ import { TextArea as FoundationElement } from '@microsoft/fast-foundation';
2
2
  import { type ErrorText, type FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText } from '../../shared/patterns';
3
3
  export type TextAreaWrap = 'hard' | 'soft' | 'off';
4
4
  export declare class TextArea extends FoundationElement {
5
+ #private;
5
6
  wrap?: TextAreaWrap;
7
+ connectedCallback(): void;
8
+ disconnectedCallback(): void;
6
9
  }
7
10
  export interface TextArea extends FormElement, ErrorText, FormElementCharCount, FormElementHelperText, FormElementSuccessText {
8
11
  }
@@ -1,14 +1,17 @@
1
1
  import { TextField as FoundationTextfield } from '@microsoft/fast-foundation';
2
2
  import type { Appearance, Shape } from '../enums';
3
- import { AffixIcon, FormElementCharCount, FormElementHelperText, FormElementSuccessText } from '../../shared/patterns';
4
- import { type ErrorText, type FormElement } from '../../shared/patterns';
3
+ import { AffixIcon, type ErrorText, type FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText } from '../../shared/patterns';
5
4
  export type TextFieldAppearance = Extract<Appearance, Appearance.Fieldset | Appearance.Ghost>;
6
5
  export type TextFieldShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
7
6
  export declare class TextField extends FoundationTextfield {
7
+ #private;
8
8
  appearance?: TextFieldAppearance;
9
9
  shape?: TextFieldShape;
10
10
  autoComplete?: string;
11
11
  leadingActionItemsSlottedContent?: HTMLElement[];
12
+ connectedCallback(): void;
13
+ disconnectedCallback(): void;
14
+ focus(): void;
12
15
  }
13
16
  export interface TextField extends AffixIcon, ErrorText, FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText {
14
17
  }
package/listbox/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { h as html, r as registerFactory } from '../shared/index.js';
2
- import { f as focusRegistries } from '../shared/definition56.js';
3
- import { a as listboxOptionRegistries } from '../shared/definition34.js';
2
+ import { f as focusRegistries } from '../shared/definition58.js';
3
+ import { a as listboxOptionRegistries } from '../shared/definition35.js';
4
4
  import { L as ListboxElement, a as Listbox } from '../shared/listbox.js';
5
5
  import '../shared/affix.js';
6
6
  import { f as focusTemplateFactory } from '../shared/focus2.js';
@@ -8,7 +8,7 @@ import '../shared/index2.js';
8
8
  import { s as slotted } from '../shared/slotted.js';
9
9
  import { c as classNames } from '../shared/class-names.js';
10
10
  import '../shared/focus.js';
11
- import '../shared/definition25.js';
11
+ import '../shared/definition26.js';
12
12
  import '../shared/icon.js';
13
13
  import '../shared/_has.js';
14
14
  import '../shared/when.js';
@@ -17,6 +17,7 @@ import '../shared/start-end.js';
17
17
  import '../shared/ref.js';
18
18
  import '../shared/apply-mixins.js';
19
19
  import '../shared/dom.js';
20
+ import '../shared/key-codes2.js';
20
21
  import '../shared/key-codes.js';
21
22
  import '../shared/strings.js';
22
23
  import '../shared/numbers.js';
@@ -61,7 +62,7 @@ const ListboxTemplate = (context) => {
61
62
  `;
62
63
  };
63
64
 
64
- const styles = "/**\n * Do not edit directly\n * Generated on Tue, 17 Oct 2023 15:27:52 GMT\n */\n:host {\n display: inline-block;\n inline-size: fit-content;\n}\n\n:host(:focus-within) {\n outline: none;\n}\n\n:host([disabled]) {\n cursor: not-allowed;\n}\n\n.base {\n position: relative;\n display: inline-flex;\n box-sizing: border-box;\n padding: 4px;\n background-color: var(--_appearance-color-fill);\n border-radius: var(--_listbox-border-radius);\n box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);\n contain: paint;\n gap: 4px;\n inline-size: 100%;\n}\n.base {\n /* @cssprop [--vvd-listbox-accent-backdrop=var(--vvd-color-canvas)] */\n --_connotation-color-backdrop: var(--vvd-listbox-accent-backdrop, var(--vvd-color-canvas));\n /* @cssprop [--vvd-listbox-accent-intermediate=var(--vvd-color-neutral-500)] */\n --_connotation-color-intermediate: var(--vvd-listbox-accent-intermediate, var(--vvd-color-neutral-500));\n /* @cssprop [--vvd-listbox-accent-primary=var(--vvd-color-canvas-text)] */\n --_connotation-color-primary: var(--vvd-listbox-accent-primary, var(--vvd-color-canvas-text));\n /* @cssprop [--vvd-listbox-accent-soft=var(--vvd-color-neutral-100)] */\n --_connotation-color-soft: var(--vvd-listbox-accent-soft, var(--vvd-color-neutral-100));\n}\n.base {\n --_appearance-color-text: var(--vvd-color-canvas-text);\n --_appearance-color-fill: var(--_connotation-color-backdrop);\n --_appearance-color-outline: var(--_connotation-color-intermediate);\n}\n.base.appearance-ghost {\n --_appearance-color-text: var(--_connotation-color-primary);\n --_appearance-color-fill: transparent;\n --_appearance-color-outline: transparent;\n}\n.base:where(:disabled, .disabled) {\n --_appearance-color-text: var(--vvd-color-neutral-300);\n --_appearance-color-fill: var(--vvd-color-neutral-100);\n --_appearance-color-outline: var(--vvd-color-neutral-300);\n}\n.base:where(:disabled, .disabled).appearance-ghost {\n --_appearance-color-text: var(--vvd-color-neutral-300);\n --_appearance-color-fill: transparent;\n --_appearance-color-outline: transparent;\n}\n.base:not(.orientation-horizontal) {\n flex-direction: column;\n}\n\n.focus-indicator {\n pointer-events: none;\n}\n:host(:not(:focus-within)) .focus-indicator {\n display: none;\n}\n\n/* Shape */\n.base:not(.shape-pill) {\n --_listbox-border-radius: 6px;\n}\n\n.base.shape-pill {\n --_listbox-border-radius: 24px;\n}\n\n::slotted([role=option]) {\n border-radius: var(--_listbox-border-radius);\n contain: content;\n}\n\n.base.disabled ::slotted([role=option]) {\n --_option-appearance-color-text: var(--_appearance-color-outline);\n pointer-events: none;\n}";
65
+ const styles = "/**\n * Do not edit directly\n * Generated on Wed, 22 Nov 2023 16:09:43 GMT\n */\n:host {\n display: inline-block;\n inline-size: fit-content;\n}\n\n:host(:focus-within) {\n outline: none;\n}\n\n:host([disabled]) {\n cursor: not-allowed;\n}\n\n.base {\n position: relative;\n display: inline-flex;\n box-sizing: border-box;\n padding: 4px;\n background-color: var(--_appearance-color-fill);\n border-radius: var(--_listbox-border-radius);\n box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);\n contain: paint;\n gap: 4px;\n inline-size: 100%;\n}\n.base {\n /* @cssprop [--vvd-listbox-accent-backdrop=var(--vvd-color-canvas)] */\n --_connotation-color-backdrop: var(--vvd-listbox-accent-backdrop, var(--vvd-color-canvas));\n /* @cssprop [--vvd-listbox-accent-intermediate=var(--vvd-color-neutral-500)] */\n --_connotation-color-intermediate: var(--vvd-listbox-accent-intermediate, var(--vvd-color-neutral-500));\n /* @cssprop [--vvd-listbox-accent-primary=var(--vvd-color-canvas-text)] */\n --_connotation-color-primary: var(--vvd-listbox-accent-primary, var(--vvd-color-canvas-text));\n /* @cssprop [--vvd-listbox-accent-soft=var(--vvd-color-neutral-100)] */\n --_connotation-color-soft: var(--vvd-listbox-accent-soft, var(--vvd-color-neutral-100));\n}\n.base {\n --_appearance-color-text: var(--vvd-color-canvas-text);\n --_appearance-color-fill: var(--_connotation-color-backdrop);\n --_appearance-color-outline: var(--_connotation-color-intermediate);\n}\n.base.appearance-ghost {\n --_appearance-color-text: var(--_connotation-color-primary);\n --_appearance-color-fill: transparent;\n --_appearance-color-outline: transparent;\n}\n.base:where(:disabled, .disabled) {\n --_appearance-color-text: var(--vvd-color-neutral-300);\n --_appearance-color-fill: var(--vvd-color-neutral-100);\n --_appearance-color-outline: var(--vvd-color-neutral-300);\n}\n.base:where(:disabled, .disabled).appearance-ghost {\n --_appearance-color-text: var(--vvd-color-neutral-300);\n --_appearance-color-fill: transparent;\n --_appearance-color-outline: transparent;\n}\n.base:not(.orientation-horizontal) {\n flex-direction: column;\n}\n\n.focus-indicator {\n pointer-events: none;\n}\n:host(:not(:focus-within)) .focus-indicator {\n display: none;\n}\n\n/* Shape */\n.base:not(.shape-pill) {\n --_listbox-border-radius: 6px;\n}\n\n.base.shape-pill {\n --_listbox-border-radius: 24px;\n}\n\n::slotted([role=option]) {\n border-radius: var(--_listbox-border-radius);\n contain: content;\n}\n\n.base.disabled ::slotted([role=option]) {\n --_option-appearance-color-text: var(--_appearance-color-outline);\n pointer-events: none;\n}";
65
66
 
66
67
  const listboxDefinition = Listbox.compose({
67
68
  baseName: "listbox",
package/locales/en-GB.js CHANGED
@@ -77,6 +77,27 @@ const enGB = {
77
77
  maxFilesExceededError: "You can't select any more files.",
78
78
  fileTooBigError: "File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.",
79
79
  removeFileLabel: "Remove file"
80
+ },
81
+ audioPlayer: {
82
+ playButtonLabel: "Play",
83
+ pauseButtonLabel: "Pause",
84
+ sliderLabel: "Audio progress bar"
85
+ },
86
+ alert: {
87
+ dismissButtonLabel: "Close"
88
+ },
89
+ dialog: {
90
+ dismissButtonLabel: "Close"
91
+ },
92
+ banner: {
93
+ dismissButtonLabel: "Close"
94
+ },
95
+ numberField: {
96
+ incrementButtonLabel: "Increment",
97
+ decrementButtonLabel: "Decrement"
98
+ },
99
+ splitButton: {
100
+ showMoreActionsLabel: "Show more actions"
80
101
  }
81
102
  };
82
103
 
package/locales/en-US.js CHANGED
@@ -77,6 +77,27 @@ const enUS = {
77
77
  maxFilesExceededError: "You can't select any more files.",
78
78
  fileTooBigError: "File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.",
79
79
  removeFileLabel: "Remove file"
80
+ },
81
+ audioPlayer: {
82
+ playButtonLabel: "Play",
83
+ pauseButtonLabel: "Pause",
84
+ sliderLabel: "Audio progress bar"
85
+ },
86
+ alert: {
87
+ dismissButtonLabel: "Close"
88
+ },
89
+ dialog: {
90
+ dismissButtonLabel: "Close"
91
+ },
92
+ banner: {
93
+ dismissButtonLabel: "Close"
94
+ },
95
+ numberField: {
96
+ incrementButtonLabel: "Increment",
97
+ decrementButtonLabel: "Decrement"
98
+ },
99
+ splitButton: {
100
+ showMoreActionsLabel: "Show more actions"
80
101
  }
81
102
  };
82
103
 
package/locales/ja-JP.js CHANGED
@@ -77,6 +77,27 @@ const jaJP = {
77
77
  maxFilesExceededError: "これ以上ファイルを選択できません。",
78
78
  fileTooBigError: "ファイルが大きすぎます ({{filesize}}MiB)。最大ファイルサイズ: {{maxFilesize}}MiB。",
79
79
  removeFileLabel: "ファイルを削除"
80
+ },
81
+ audioPlayer: {
82
+ playButtonLabel: "開始",
83
+ pauseButtonLabel: "休止",
84
+ sliderLabel: "オーディオプログレスバー"
85
+ },
86
+ alert: {
87
+ dismissButtonLabel: "閉じる"
88
+ },
89
+ dialog: {
90
+ dismissButtonLabel: "閉じる"
91
+ },
92
+ banner: {
93
+ dismissButtonLabel: "閉じる"
94
+ },
95
+ numberField: {
96
+ incrementButtonLabel: "増加",
97
+ decrementButtonLabel: "減少"
98
+ },
99
+ splitButton: {
100
+ showMoreActionsLabel: "Show more actions"
80
101
  }
81
102
  };
82
103
 
package/locales/zh-CN.js CHANGED
@@ -77,6 +77,27 @@ const zhCN = {
77
77
  maxFilesExceededError: "您不能再选择任何文件。",
78
78
  fileTooBigError: "文件太大 ({{filesize}}MiB)。最大文件大小: {{maxFilesize}}MiB。",
79
79
  removeFileLabel: "删除文件"
80
+ },
81
+ audioPlayer: {
82
+ playButtonLabel: "草創",
83
+ pauseButtonLabel: "停",
84
+ sliderLabel: "音訊進度條"
85
+ },
86
+ alert: {
87
+ dismissButtonLabel: "关"
88
+ },
89
+ dialog: {
90
+ dismissButtonLabel: "关"
91
+ },
92
+ banner: {
93
+ dismissButtonLabel: "关"
94
+ },
95
+ numberField: {
96
+ incrementButtonLabel: "增量",
97
+ decrementButtonLabel: "递减"
98
+ },
99
+ splitButton: {
100
+ showMoreActionsLabel: "显示更多操作"
80
101
  }
81
102
  };
82
103
 
package/menu/index.js CHANGED
@@ -1,15 +1,15 @@
1
- import { r as registerMenu } from '../shared/definition28.js';
1
+ import { r as registerMenu } from '../shared/definition29.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition58.js';
4
- import '../shared/definition10.js';
5
- import '../shared/definition25.js';
3
+ import '../shared/definition60.js';
4
+ import '../shared/definition11.js';
5
+ import '../shared/definition26.js';
6
6
  import '../shared/icon.js';
7
7
  import '../shared/_has.js';
8
8
  import '../shared/class-names.js';
9
9
  import '../shared/when.js';
10
- import '../shared/definition56.js';
10
+ import '../shared/definition58.js';
11
11
  import '../shared/focus.js';
12
- import '../shared/definition36.js';
12
+ import '../shared/definition37.js';
13
13
  import '../shared/base-progress.js';
14
14
  import '../shared/affix.js';
15
15
  import '../shared/slotted.js';
@@ -21,8 +21,9 @@ import '../shared/aria-global.js';
21
21
  import '../shared/start-end.js';
22
22
  import '../shared/ref.js';
23
23
  import '../shared/focus2.js';
24
- import '../shared/definition57.js';
25
- import '../shared/definition27.js';
24
+ import '../shared/enums.js';
25
+ import '../shared/definition59.js';
26
+ import '../shared/definition28.js';
26
27
  import '../shared/direction.js';
27
28
  import '../shared/dom.js';
28
29
 
@@ -1,11 +1,11 @@
1
- import { r as registerMenuItem } from '../shared/definition27.js';
1
+ import { r as registerMenuItem } from '../shared/definition28.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition25.js';
3
+ import '../shared/definition26.js';
4
4
  import '../shared/icon.js';
5
5
  import '../shared/_has.js';
6
6
  import '../shared/class-names.js';
7
7
  import '../shared/when.js';
8
- import '../shared/definition56.js';
8
+ import '../shared/definition58.js';
9
9
  import '../shared/focus.js';
10
10
  import '../shared/affix.js';
11
11
  import '../shared/slotted.js';
package/nav/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerNav } from '../shared/definition31.js';
1
+ import { r as registerNav } from '../shared/definition32.js';
2
2
  import '../shared/index.js';
3
3
 
4
4
  registerNav();
@@ -1,11 +1,11 @@
1
- import { r as registerNavDisclosure } from '../shared/definition29.js';
1
+ import { r as registerNavDisclosure } from '../shared/definition30.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition25.js';
3
+ import '../shared/definition26.js';
4
4
  import '../shared/icon.js';
5
5
  import '../shared/_has.js';
6
6
  import '../shared/class-names.js';
7
7
  import '../shared/when.js';
8
- import '../shared/definition56.js';
8
+ import '../shared/definition58.js';
9
9
  import '../shared/focus.js';
10
10
  import '../shared/affix.js';
11
11
  import '../shared/slotted.js';
package/nav-item/index.js CHANGED
@@ -1,11 +1,11 @@
1
- import { r as registerNavItem } from '../shared/definition30.js';
1
+ import { r as registerNavItem } from '../shared/definition31.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition25.js';
3
+ import '../shared/definition26.js';
4
4
  import '../shared/icon.js';
5
5
  import '../shared/_has.js';
6
6
  import '../shared/class-names.js';
7
7
  import '../shared/when.js';
8
- import '../shared/definition56.js';
8
+ import '../shared/definition58.js';
9
9
  import '../shared/focus.js';
10
10
  import '../shared/affix.js';
11
11
  import '../shared/slotted.js';
package/note/index.js CHANGED
@@ -1,6 +1,6 @@
1
- import { r as registerNote } from '../shared/definition32.js';
1
+ import { r as registerNote } from '../shared/definition33.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition25.js';
3
+ import '../shared/definition26.js';
4
4
  import '../shared/icon.js';
5
5
  import '../shared/_has.js';
6
6
  import '../shared/class-names.js';
@@ -1,14 +1,14 @@
1
- import { r as registerNumberField } from '../shared/definition33.js';
1
+ import { r as registerNumberField } from '../shared/definition34.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition10.js';
4
- import '../shared/definition25.js';
3
+ import '../shared/definition11.js';
4
+ import '../shared/definition26.js';
5
5
  import '../shared/icon.js';
6
6
  import '../shared/_has.js';
7
7
  import '../shared/class-names.js';
8
8
  import '../shared/when.js';
9
- import '../shared/definition56.js';
9
+ import '../shared/definition58.js';
10
10
  import '../shared/focus.js';
11
- import '../shared/definition36.js';
11
+ import '../shared/definition37.js';
12
12
  import '../shared/base-progress.js';
13
13
  import '../shared/affix.js';
14
14
  import '../shared/slotted.js';
@@ -20,10 +20,12 @@ import '../shared/aria-global.js';
20
20
  import '../shared/start-end.js';
21
21
  import '../shared/ref.js';
22
22
  import '../shared/focus2.js';
23
- import '../shared/definition20.js';
23
+ import '../shared/enums.js';
24
+ import '../shared/definition21.js';
24
25
  import '../shared/aria.js';
25
26
  import '../shared/index2.js';
26
27
  import '../locales/en-US.js';
28
+ import '../shared/localized.js';
27
29
  import '../shared/text-field2.js';
28
30
 
29
31
  registerNumberField();
package/option/index.js CHANGED
@@ -1,11 +1,11 @@
1
- import { r as registerOption } from '../shared/definition34.js';
1
+ import { r as registerOption } from '../shared/definition35.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition25.js';
3
+ import '../shared/definition26.js';
4
4
  import '../shared/icon.js';
5
5
  import '../shared/_has.js';
6
6
  import '../shared/class-names.js';
7
7
  import '../shared/when.js';
8
- import '../shared/definition56.js';
8
+ import '../shared/definition58.js';
9
9
  import '../shared/focus.js';
10
10
  import '../shared/affix.js';
11
11
  import '../shared/slotted.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid",
3
- "version": "3.39.0",
3
+ "version": "3.41.0",
4
4
  "type": "module",
5
5
  "module": "./index.js",
6
6
  "main": "./index.js",
@@ -1,14 +1,14 @@
1
- import { r as registerPagination } from '../shared/definition35.js';
2
- import '../shared/definition10.js';
1
+ import { r as registerPagination } from '../shared/definition36.js';
2
+ import '../shared/definition11.js';
3
3
  import '../shared/index.js';
4
- import '../shared/definition25.js';
4
+ import '../shared/definition26.js';
5
5
  import '../shared/icon.js';
6
6
  import '../shared/_has.js';
7
7
  import '../shared/class-names.js';
8
8
  import '../shared/when.js';
9
- import '../shared/definition56.js';
9
+ import '../shared/definition58.js';
10
10
  import '../shared/focus.js';
11
- import '../shared/definition36.js';
11
+ import '../shared/definition37.js';
12
12
  import '../shared/base-progress.js';
13
13
  import '../shared/affix.js';
14
14
  import '../shared/slotted.js';
@@ -20,6 +20,7 @@ import '../shared/aria-global.js';
20
20
  import '../shared/start-end.js';
21
21
  import '../shared/ref.js';
22
22
  import '../shared/focus2.js';
23
+ import '../shared/enums.js';
23
24
  import '../shared/children.js';
24
25
  import '../shared/repeat.js';
25
26
 
package/popup/index.js CHANGED
@@ -1,14 +1,14 @@
1
- import { r as registerPopup } from '../shared/definition58.js';
1
+ import { r as registerPopup } from '../shared/definition60.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition10.js';
4
- import '../shared/definition25.js';
3
+ import '../shared/definition11.js';
4
+ import '../shared/definition26.js';
5
5
  import '../shared/icon.js';
6
6
  import '../shared/_has.js';
7
7
  import '../shared/class-names.js';
8
8
  import '../shared/when.js';
9
- import '../shared/definition56.js';
9
+ import '../shared/definition58.js';
10
10
  import '../shared/focus.js';
11
- import '../shared/definition36.js';
11
+ import '../shared/definition37.js';
12
12
  import '../shared/base-progress.js';
13
13
  import '../shared/affix.js';
14
14
  import '../shared/slotted.js';
@@ -20,6 +20,7 @@ import '../shared/aria-global.js';
20
20
  import '../shared/start-end.js';
21
21
  import '../shared/ref.js';
22
22
  import '../shared/focus2.js';
23
- import '../shared/definition57.js';
23
+ import '../shared/enums.js';
24
+ import '../shared/definition59.js';
24
25
 
25
26
  registerPopup();
package/progress/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerProgress } from '../shared/definition37.js';
1
+ import { r as registerProgress } from '../shared/definition38.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/base-progress.js';
4
4
  import '../shared/when.js';
@@ -1,4 +1,4 @@
1
- import { r as registerProgressRing } from '../shared/definition36.js';
1
+ import { r as registerProgressRing } from '../shared/definition37.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/base-progress.js';
4
4
  import '../shared/when.js';
package/radio/index.js CHANGED
@@ -1,6 +1,6 @@
1
- import { b as registerRadio } from '../shared/definition39.js';
1
+ import { b as registerRadio } from '../shared/definition40.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition56.js';
3
+ import '../shared/definition58.js';
4
4
  import '../shared/focus.js';
5
5
  import '../shared/radio.js';
6
6
  import '../shared/form-associated.js';
@@ -1,12 +1,12 @@
1
- import { b as registerRadioGroup } from '../shared/definition38.js';
1
+ import { b as registerRadioGroup } from '../shared/definition39.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/direction.js';
4
4
  import '../shared/key-codes.js';
5
5
  import '../shared/aria.js';
6
6
  import '../shared/radio.js';
7
7
  import '../shared/form-associated.js';
8
- import '../shared/aria2.js';
9
8
  import '../shared/slotted.js';
10
9
  import '../shared/when.js';
10
+ import '../shared/aria2.js';
11
11
 
12
12
  registerRadioGroup();
package/select/index.js CHANGED
@@ -1,15 +1,15 @@
1
- import { r as registerSelect } from '../shared/definition40.js';
1
+ import { r as registerSelect } from '../shared/definition41.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition56.js';
4
- import '../shared/focus.js';
5
3
  import '../shared/definition58.js';
6
- import '../shared/definition10.js';
7
- import '../shared/definition25.js';
4
+ import '../shared/focus.js';
5
+ import '../shared/definition60.js';
6
+ import '../shared/definition11.js';
7
+ import '../shared/definition26.js';
8
8
  import '../shared/icon.js';
9
9
  import '../shared/_has.js';
10
10
  import '../shared/class-names.js';
11
11
  import '../shared/when.js';
12
- import '../shared/definition36.js';
12
+ import '../shared/definition37.js';
13
13
  import '../shared/base-progress.js';
14
14
  import '../shared/affix.js';
15
15
  import '../shared/slotted.js';
@@ -21,12 +21,14 @@ import '../shared/aria-global.js';
21
21
  import '../shared/start-end.js';
22
22
  import '../shared/ref.js';
23
23
  import '../shared/focus2.js';
24
- import '../shared/definition57.js';
25
- import '../shared/definition34.js';
24
+ import '../shared/enums.js';
25
+ import '../shared/definition59.js';
26
+ import '../shared/definition35.js';
26
27
  import '../shared/dom.js';
27
28
  import '../shared/index2.js';
28
29
  import '../locales/en-US.js';
29
30
  import '../shared/listbox.js';
31
+ import '../shared/key-codes2.js';
30
32
  import '../shared/strings.js';
31
33
  import '../shared/numbers.js';
32
34
  import '../shared/select.options.js';
@@ -0,0 +1,23 @@
1
+ import { r as registerSelectableBox } from '../shared/definition42.js';
2
+ import '../shared/index.js';
3
+ import '../shared/definition15.js';
4
+ import '../shared/definition26.js';
5
+ import '../shared/icon.js';
6
+ import '../shared/_has.js';
7
+ import '../shared/class-names.js';
8
+ import '../shared/when.js';
9
+ import '../shared/definition58.js';
10
+ import '../shared/focus.js';
11
+ import '../shared/affix.js';
12
+ import '../shared/slotted.js';
13
+ import '../shared/index2.js';
14
+ import '../locales/en-US.js';
15
+ import '../shared/form-associated.js';
16
+ import '../shared/key-codes.js';
17
+ import '../shared/apply-mixins.js';
18
+ import '../shared/focus2.js';
19
+ import '../shared/definition40.js';
20
+ import '../shared/radio.js';
21
+ import '../shared/enums.js';
22
+
23
+ registerSelectableBox();