@vonage/vivid 3.31.0 → 3.34.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 (237) hide show
  1. package/accordion/index.js +5 -5
  2. package/accordion-item/index.js +4 -4
  3. package/action-group/index.js +1 -1
  4. package/alert/index.js +8 -7
  5. package/avatar/index.js +2 -2
  6. package/badge/index.js +2 -2
  7. package/banner/index.js +5 -5
  8. package/breadcrumb/index.js +1 -1
  9. package/breadcrumb-item/index.js +3 -3
  10. package/button/index.js +4 -4
  11. package/calendar/index.js +1 -1
  12. package/calendar-event/index.js +1 -1
  13. package/card/index.js +3 -3
  14. package/checkbox/index.js +7 -4
  15. package/combobox/index.js +10 -9
  16. package/custom-elements.json +996 -29
  17. package/data-grid/index.js +2 -2
  18. package/date-picker/index.js +35 -0
  19. package/dialog/index.js +6 -6
  20. package/divider/index.js +1 -1
  21. package/elevation/index.js +1 -1
  22. package/empty-state/index.js +2 -2
  23. package/fab/index.js +4 -4
  24. package/file-picker/index.js +7 -6
  25. package/focus/index.js +1 -1
  26. package/header/index.js +2 -2
  27. package/icon/index.js +1 -1
  28. package/index.d.ts +1 -0
  29. package/index.js +68 -66
  30. package/layout/index.js +1 -1
  31. package/lib/button/button.d.ts +2 -0
  32. package/lib/calendar/calendar.d.ts +1 -1
  33. package/lib/components.d.ts +20 -19
  34. package/lib/date-picker/calendar/calendarGrid.d.ts +17 -0
  35. package/lib/date-picker/calendar/dateStr.d.ts +7 -0
  36. package/lib/date-picker/calendar/month.d.ts +12 -0
  37. package/lib/date-picker/calendar/monthPickerGrid.d.ts +10 -0
  38. package/lib/date-picker/calendar/presentationDate.d.ts +4 -0
  39. package/lib/date-picker/calendar/year.d.ts +2 -0
  40. package/lib/date-picker/date-picker.d.ts +18 -0
  41. package/lib/date-picker/date-picker.template.d.ts +4 -0
  42. package/lib/date-picker/definition.d.ts +3 -0
  43. package/lib/date-picker/locale.d.ts +21 -0
  44. package/lib/icon/icon.d.ts +0 -1
  45. package/lib/listbox/listbox.d.ts +9 -1
  46. package/lib/select/select.d.ts +4 -2
  47. package/lib/text-field/text-field.d.ts +1 -0
  48. package/listbox/index.js +22 -17
  49. package/locales/en-GB.d.ts +3 -0
  50. package/locales/en-GB.js +59 -0
  51. package/locales/en-US.d.ts +3 -0
  52. package/locales/en-US.js +59 -0
  53. package/locales/ja-JP.d.ts +3 -0
  54. package/locales/ja-JP.js +59 -0
  55. package/locales/zh-CN.d.ts +3 -0
  56. package/locales/zh-CN.js +59 -0
  57. package/menu/index.js +8 -8
  58. package/menu-item/index.js +4 -4
  59. package/nav/index.js +1 -1
  60. package/nav-disclosure/index.js +3 -3
  61. package/nav-item/index.js +3 -3
  62. package/note/index.js +4 -4
  63. package/number-field/index.js +8 -7
  64. package/option/index.js +5 -4
  65. package/package.json +2 -15
  66. package/pagination/index.js +5 -5
  67. package/popup/index.js +6 -6
  68. package/progress/index.js +1 -1
  69. package/progress-ring/index.js +1 -1
  70. package/radio/index.js +2 -2
  71. package/radio-group/index.js +1 -1
  72. package/select/index.js +10 -9
  73. package/shared/affix.js +25 -9
  74. package/shared/apply-mixins.js +1 -1
  75. package/shared/breadcrumb-item.js +5 -5
  76. package/shared/button.js +13 -13
  77. package/shared/calendar-event.js +36 -16
  78. package/shared/definition.js +133 -194
  79. package/shared/definition10.js +225 -40
  80. package/shared/definition11.js +36 -32
  81. package/shared/definition12.js +763 -98
  82. package/shared/definition13.js +125 -89
  83. package/shared/definition14.js +207 -27
  84. package/shared/definition15.js +710 -731
  85. package/shared/definition16.js +1289 -47
  86. package/shared/definition17.js +6113 -93
  87. package/shared/definition18.js +242 -164
  88. package/shared/definition19.js +47 -692
  89. package/shared/definition2.js +199 -117
  90. package/shared/definition20.js +59 -1671
  91. package/shared/definition21.js +95 -255
  92. package/shared/definition22.js +2218 -1167
  93. package/shared/definition23.js +57 -219
  94. package/shared/definition24.js +27 -68
  95. package/shared/definition25.js +54 -38
  96. package/shared/definition26.js +395 -70
  97. package/shared/definition27.js +381 -2223
  98. package/shared/definition28.js +85 -44
  99. package/shared/definition29.js +27 -40
  100. package/shared/definition3.js +61 -24
  101. package/shared/definition30.js +13 -427
  102. package/shared/definition31.js +49 -360
  103. package/shared/definition32.js +466 -13
  104. package/shared/definition33.js +273 -63
  105. package/shared/definition34.js +195 -25
  106. package/shared/definition35.js +86 -35
  107. package/shared/definition36.js +66 -427
  108. package/shared/definition37.js +430 -190
  109. package/shared/definition38.js +34 -52
  110. package/shared/definition39.js +683 -31
  111. package/shared/definition4.js +157 -12
  112. package/shared/definition40.js +97 -422
  113. package/shared/definition41.js +473 -543
  114. package/shared/definition42.js +122 -73
  115. package/shared/definition43.js +103 -502
  116. package/shared/definition44.js +23 -101
  117. package/shared/definition45.js +76 -126
  118. package/shared/definition46.js +494 -48
  119. package/shared/definition47.js +23 -23
  120. package/shared/definition48.js +126 -476
  121. package/shared/definition49.js +275 -98
  122. package/shared/definition5.js +71 -36
  123. package/shared/definition50.js +157 -16
  124. package/shared/definition51.js +133 -263
  125. package/shared/definition52.js +131 -115
  126. package/shared/definition53.js +85 -120
  127. package/shared/definition54.js +295 -111
  128. package/shared/definition55.js +12 -71
  129. package/shared/definition56.js +39 -295
  130. package/shared/definition57.js +181 -0
  131. package/shared/definition6.js +56 -111
  132. package/shared/definition7.js +119 -187
  133. package/shared/definition8.js +58 -23
  134. package/shared/definition9.js +92 -66
  135. package/shared/focus.js +2 -1
  136. package/shared/focus2.js +1 -1
  137. package/shared/form-associated.js +2 -2
  138. package/shared/icon.js +48 -27
  139. package/shared/index.js +7 -27
  140. package/shared/index2.js +202 -0
  141. package/shared/key-codes.js +1 -1
  142. package/shared/listbox.js +88 -11
  143. package/shared/localization/Locale.d.ts +4 -0
  144. package/shared/localization/index.d.ts +7 -0
  145. package/shared/patterns/form-elements/form-elements.d.ts +4 -4
  146. package/shared/patterns/index.d.ts +1 -0
  147. package/shared/patterns/localized.d.ts +4 -0
  148. package/shared/radio.js +23 -7
  149. package/shared/repeat.js +1 -1
  150. package/shared/text-anchor.js +21 -4
  151. package/shared/text-anchor.template.js +37 -40
  152. package/shared/text-field.js +2 -2
  153. package/shared/text-field2.js +15 -15
  154. package/shared/tree-item.js +12 -12
  155. package/side-drawer/index.js +1 -1
  156. package/slider/index.js +2 -2
  157. package/split-button/index.js +3 -3
  158. package/style.css +6097 -0
  159. package/styles/core/all.css +25 -3
  160. package/styles/core/theme.css +1 -1
  161. package/styles/core/typography.css +25 -3
  162. package/styles/tokens/theme-dark.css +4 -4
  163. package/styles/tokens/theme-light.css +4 -4
  164. package/styles/tokens/vivid-2-compat.css +2 -2
  165. package/switch/index.js +5 -4
  166. package/tab/index.js +3 -3
  167. package/tab-panel/index.js +1 -1
  168. package/tabs/index.js +5 -5
  169. package/tag/index.js +3 -3
  170. package/tag-group/index.js +1 -1
  171. package/text-anchor/index.js +1 -1
  172. package/text-area/index.js +5 -4
  173. package/text-field/index.js +5 -4
  174. package/toggletip/index.js +7 -7
  175. package/tooltip/index.js +7 -7
  176. package/tree-item/index.js +3 -3
  177. package/tree-view/index.js +1 -1
  178. package/vivid.api.json +137 -0
  179. package/lib/accordion/index.d.ts +0 -1
  180. package/lib/accordion-item/index.d.ts +0 -1
  181. package/lib/action-group/index.d.ts +0 -1
  182. package/lib/alert/index.d.ts +0 -1
  183. package/lib/avatar/index.d.ts +0 -1
  184. package/lib/badge/index.d.ts +0 -1
  185. package/lib/banner/index.d.ts +0 -1
  186. package/lib/breadcrumb/index.d.ts +0 -1
  187. package/lib/breadcrumb-item/index.d.ts +0 -1
  188. package/lib/button/index.d.ts +0 -1
  189. package/lib/calendar/index.d.ts +0 -1
  190. package/lib/calendar-event/index.d.ts +0 -1
  191. package/lib/card/index.d.ts +0 -1
  192. package/lib/checkbox/index.d.ts +0 -1
  193. package/lib/combobox/index.d.ts +0 -1
  194. package/lib/data-grid/index.d.ts +0 -1
  195. package/lib/dialog/index.d.ts +0 -1
  196. package/lib/divider/index.d.ts +0 -1
  197. package/lib/elevation/index.d.ts +0 -1
  198. package/lib/empty-state/index.d.ts +0 -1
  199. package/lib/fab/index.d.ts +0 -1
  200. package/lib/file-picker/index.d.ts +0 -1
  201. package/lib/focus/index.d.ts +0 -1
  202. package/lib/header/index.d.ts +0 -1
  203. package/lib/icon/index.d.ts +0 -1
  204. package/lib/layout/index.d.ts +0 -1
  205. package/lib/listbox/index.d.ts +0 -1
  206. package/lib/menu/index.d.ts +0 -1
  207. package/lib/menu-item/index.d.ts +0 -1
  208. package/lib/nav/index.d.ts +0 -1
  209. package/lib/nav-disclosure/index.d.ts +0 -1
  210. package/lib/nav-item/index.d.ts +0 -1
  211. package/lib/note/index.d.ts +0 -1
  212. package/lib/number-field/index.d.ts +0 -1
  213. package/lib/option/index.d.ts +0 -1
  214. package/lib/pagination/index.d.ts +0 -1
  215. package/lib/popup/index.d.ts +0 -1
  216. package/lib/progress/index.d.ts +0 -1
  217. package/lib/progress-ring/index.d.ts +0 -1
  218. package/lib/radio/index.d.ts +0 -1
  219. package/lib/radio-group/index.d.ts +0 -1
  220. package/lib/select/index.d.ts +0 -1
  221. package/lib/side-drawer/index.d.ts +0 -1
  222. package/lib/slider/index.d.ts +0 -1
  223. package/lib/split-button/index.d.ts +0 -1
  224. package/lib/switch/index.d.ts +0 -1
  225. package/lib/tab/index.d.ts +0 -1
  226. package/lib/tab-panel/index.d.ts +0 -1
  227. package/lib/tabs/index.d.ts +0 -1
  228. package/lib/tag/index.d.ts +0 -1
  229. package/lib/tag-group/index.d.ts +0 -1
  230. package/lib/text-anchor/index.d.ts +0 -1
  231. package/lib/text-area/index.d.ts +0 -1
  232. package/lib/text-field/index.d.ts +0 -1
  233. package/lib/toggletip/index.d.ts +0 -1
  234. package/lib/tooltip/index.d.ts +0 -1
  235. package/lib/tree-item/index.d.ts +0 -1
  236. package/lib/tree-view/index.d.ts +0 -1
  237. package/shared/form-elements.js +0 -162
@@ -5,13 +5,15 @@ import type { Appearance, Shape } from '../enums';
5
5
  export type SelectAppearance = Extract<Appearance, Appearance.Fieldset | Appearance.Ghost>;
6
6
  export type SelectShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
7
7
  export declare class Select extends FoundationSelect {
8
- appearance?: SelectAppearance;
9
- shape?: SelectShape;
10
8
  _popup: Popup;
11
9
  _anchor: HTMLElement;
10
+ appearance?: SelectAppearance;
11
+ shape?: SelectShape;
12
12
  fixedDropdown: boolean;
13
+ placeholder: string | undefined;
13
14
  connectedCallback(): void;
14
15
  get displayValue(): string;
16
+ setDefaultSelectedOption(): void;
15
17
  }
16
18
  export interface Select extends AffixIconWithTrailing, FormElement, FormElementHelperText, ErrorText, FormElementSuccessText {
17
19
  }
@@ -8,6 +8,7 @@ export declare class TextField extends FoundationTextfield {
8
8
  appearance?: TextFieldAppearance;
9
9
  shape?: TextFieldShape;
10
10
  autoComplete?: string;
11
+ leadingActionItemsSlottedContent?: HTMLElement[];
11
12
  }
12
13
  export interface TextField extends AffixIcon, ErrorText, FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText {
13
14
  }
package/listbox/index.js CHANGED
@@ -1,14 +1,14 @@
1
1
  import { h as html, r as registerFactory } from '../shared/index.js';
2
- import { f as focusRegistries } from '../shared/definition4.js';
3
- import { l as listboxOptionRegistries } from '../shared/definition21.js';
4
- import { b as ListboxElement, a as Listbox } from '../shared/listbox.js';
2
+ import { f as focusRegistries } from '../shared/definition55.js';
3
+ import { a as listboxOptionRegistries } from '../shared/definition33.js';
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';
7
- import '../shared/form-elements.js';
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/definition3.js';
11
+ import '../shared/definition24.js';
12
12
  import '../shared/icon.js';
13
13
  import '../shared/_has.js';
14
14
  import '../shared/when.js';
@@ -20,25 +20,30 @@ import '../shared/dom.js';
20
20
  import '../shared/key-codes.js';
21
21
  import '../shared/strings.js';
22
22
  import '../shared/numbers.js';
23
+ import '../locales/en-US.js';
23
24
  import '../shared/node-observation.js';
24
25
 
25
- const getClasses = ({
26
- appearance,
27
- disabled
28
- }) => classNames('base', ['disabled', disabled], [`appearance-${appearance}`, Boolean(appearance)]);
29
- const ListboxTemplate = context => {
26
+ const getClasses = ({ appearance, shape, disabled, orientation }) => classNames(
27
+ "base",
28
+ ["disabled", disabled],
29
+ [`appearance-${appearance}`, Boolean(appearance)],
30
+ [`shape-${shape}`, Boolean(shape) && orientation === "horizontal"],
31
+ [`orientation-${orientation}`, Boolean(orientation)]
32
+ );
33
+ const ListboxTemplate = (context) => {
30
34
  const focusTemplate = focusTemplateFactory(context);
31
35
  return html`
32
36
  <template
33
- aria-activedescendant="${x => x.ariaActiveDescendant}"
34
- aria-multiselectable="${x => x.ariaMultiSelectable}"
37
+ aria-activedescendant="${(x) => x.ariaActiveDescendant}"
38
+ aria-multiselectable="${(x) => x.ariaMultiSelectable}"
39
+ aria-orientation="${(x) => x.ariaOrientation}"
35
40
  aria-label="listbox"
36
41
  role="listbox"
37
42
  @click="${(x, c) => x.clickHandler(c.event)}"
38
43
  @focusin="${(x, c) => x.focusinHandler(c.event)}"
39
44
  @keydown="${(x, c) => x.keydownHandler(c.event)}"
40
45
  @mousedown="${(x, c) => x.mousedownHandler(c.event)}"
41
- tabindex="${x => !x.disabled ? '0' : null}"
46
+ tabindex="${(x) => !x.disabled ? "0" : null}"
42
47
  >
43
48
  <div
44
49
  class="${getClasses}"
@@ -49,7 +54,7 @@ const ListboxTemplate = context => {
49
54
  ${slotted({
50
55
  filter: ListboxElement.slottedOptionFilter,
51
56
  flatten: true,
52
- property: 'slottedOptions'
57
+ property: "slottedOptions"
53
58
  })}
54
59
  ></slot>
55
60
  </div>
@@ -57,12 +62,12 @@ const ListboxTemplate = context => {
57
62
  `;
58
63
  };
59
64
 
60
- var css_248z = "/**\n * Do not edit directly\n * Generated on Thu, 17 Aug 2023 11:13:18 GMT\n */\n:host {\n display: block;\n inline-size: fit-content;\n}\n\n:host(:focus-within) {\n outline: none;\n}\n\n.base {\n position: relative;\n display: flex;\n flex-direction: column;\n padding: 4px;\n background-color: var(--_appearance-color-fill);\n border-radius: 6px;\n box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);\n contain: paint;\n gap: 4px;\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\n.focus-indicator {\n pointer-events: none;\n}\n:host(:not(:focus-within)) .focus-indicator {\n display: none;\n}\n\n.base.disabled ::slotted([role=option]) {\n --_option-appearance-color-text: var(--_appearance-color-outline);\n cursor: not-allowed;\n pointer-events: none;\n}";
65
+ const styles = "/**\n * Do not edit directly\n * Generated on Mon, 04 Sep 2023 12:44:18 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.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 cursor: not-allowed;\n pointer-events: none;\n}";
61
66
 
62
67
  const listboxDefinition = Listbox.compose({
63
- baseName: 'listbox',
68
+ baseName: "listbox",
64
69
  template: ListboxTemplate,
65
- styles: css_248z
70
+ styles
66
71
  });
67
72
  const listboxRegistries = [listboxDefinition(), ...listboxOptionRegistries, ...focusRegistries];
68
73
  const registerListbox = registerFactory(listboxRegistries);
@@ -0,0 +1,3 @@
1
+ import type { Locale } from '../shared/localization/Locale';
2
+ declare const enGB: Locale;
3
+ export default enGB;
@@ -0,0 +1,59 @@
1
+ const enGB = {
2
+ datePicker: {
3
+ months: {
4
+ name: [
5
+ "January",
6
+ "February",
7
+ "March",
8
+ "April",
9
+ "May",
10
+ "June",
11
+ "July",
12
+ "August",
13
+ "September",
14
+ "Oktober",
15
+ "November",
16
+ "December"
17
+ ],
18
+ shorthand: [
19
+ "Jan",
20
+ "Feb",
21
+ "Mar",
22
+ "Apr",
23
+ "May",
24
+ "Jun",
25
+ "Jul",
26
+ "Aug",
27
+ "Sep",
28
+ "Okt",
29
+ "Nov",
30
+ "Dec"
31
+ ]
32
+ },
33
+ weekdays: {
34
+ name: [
35
+ "Sunday",
36
+ "Monday",
37
+ "Tuesday",
38
+ "Wednesday",
39
+ "Thursday",
40
+ "Friday",
41
+ "Saturday"
42
+ ],
43
+ shorthand: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]
44
+ },
45
+ firstDayOfWeek: 1,
46
+ dateFormat: "dd/MM/yyyy",
47
+ dateFormatPlaceholder: "DD/MM/YYYY",
48
+ chooseDateLabel: "Choose date",
49
+ prevYearLabel: "Previous year",
50
+ prevMonthLabel: "Previous month",
51
+ nextMonthLabel: "Next month",
52
+ nextYearLabel: "Next year",
53
+ clearLabel: "Clear",
54
+ okLabel: "OK",
55
+ invalidDateError: "Please enter a valid date."
56
+ }
57
+ };
58
+
59
+ export { enGB as default };
@@ -0,0 +1,3 @@
1
+ import type { Locale } from '../shared/localization/Locale';
2
+ declare const enUS: Locale;
3
+ export default enUS;
@@ -0,0 +1,59 @@
1
+ const enUS = {
2
+ datePicker: {
3
+ months: {
4
+ name: [
5
+ "January",
6
+ "February",
7
+ "March",
8
+ "April",
9
+ "May",
10
+ "June",
11
+ "July",
12
+ "August",
13
+ "September",
14
+ "Oktober",
15
+ "November",
16
+ "December"
17
+ ],
18
+ shorthand: [
19
+ "Jan",
20
+ "Feb",
21
+ "Mar",
22
+ "Apr",
23
+ "May",
24
+ "Jun",
25
+ "Jul",
26
+ "Aug",
27
+ "Sep",
28
+ "Okt",
29
+ "Nov",
30
+ "Dec"
31
+ ]
32
+ },
33
+ weekdays: {
34
+ name: [
35
+ "Sunday",
36
+ "Monday",
37
+ "Tuesday",
38
+ "Wednesday",
39
+ "Thursday",
40
+ "Friday",
41
+ "Saturday"
42
+ ],
43
+ shorthand: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]
44
+ },
45
+ firstDayOfWeek: 0,
46
+ dateFormat: "MM/dd/yyyy",
47
+ dateFormatPlaceholder: "MM/DD/YYYY",
48
+ chooseDateLabel: "Choose date",
49
+ prevYearLabel: "Previous year",
50
+ prevMonthLabel: "Previous month",
51
+ nextMonthLabel: "Next month",
52
+ nextYearLabel: "Next year",
53
+ clearLabel: "Clear",
54
+ okLabel: "OK",
55
+ invalidDateError: "Please enter a valid date."
56
+ }
57
+ };
58
+
59
+ export { enUS as default };
@@ -0,0 +1,3 @@
1
+ import type { Locale } from '../shared/localization/Locale';
2
+ declare const jaJP: Locale;
3
+ export default jaJP;
@@ -0,0 +1,59 @@
1
+ const jaJP = {
2
+ datePicker: {
3
+ months: {
4
+ name: [
5
+ "1月",
6
+ "2月",
7
+ "3月",
8
+ "4月",
9
+ "5月",
10
+ "6月",
11
+ "7月",
12
+ "8月",
13
+ "9月",
14
+ "10月",
15
+ "11月",
16
+ "12月"
17
+ ],
18
+ shorthand: [
19
+ "1月",
20
+ "2月",
21
+ "3月",
22
+ "4月",
23
+ "5月",
24
+ "6月",
25
+ "7月",
26
+ "8月",
27
+ "9月",
28
+ "10月",
29
+ "11月",
30
+ "12月"
31
+ ]
32
+ },
33
+ weekdays: {
34
+ name: [
35
+ "日曜日",
36
+ "月曜日",
37
+ "火曜日",
38
+ "水曜日",
39
+ "木曜日",
40
+ "金曜日",
41
+ "土曜日"
42
+ ],
43
+ shorthand: ["日", "月", "火", "水", "木", "金", "土"]
44
+ },
45
+ firstDayOfWeek: 0,
46
+ dateFormat: "yyyy年MM月dd日",
47
+ dateFormatPlaceholder: "YYYY年MM月DD日",
48
+ chooseDateLabel: "日付を選択",
49
+ prevYearLabel: "前年",
50
+ prevMonthLabel: "前月",
51
+ nextMonthLabel: "次月",
52
+ nextYearLabel: "翌年",
53
+ clearLabel: "クリア",
54
+ okLabel: "OK",
55
+ invalidDateError: "有効な日付を入力してください。"
56
+ }
57
+ };
58
+
59
+ export { jaJP as default };
@@ -0,0 +1,3 @@
1
+ import type { Locale } from '../shared/localization/Locale';
2
+ declare const zhCN: Locale;
3
+ export default zhCN;
@@ -0,0 +1,59 @@
1
+ const zhCN = {
2
+ datePicker: {
3
+ months: {
4
+ name: [
5
+ "一月",
6
+ "二月",
7
+ "三月",
8
+ "四月",
9
+ "五月",
10
+ "六月",
11
+ "七月",
12
+ "八月",
13
+ "九月",
14
+ "十月",
15
+ "十一月",
16
+ "十二月"
17
+ ],
18
+ shorthand: [
19
+ "一月",
20
+ "二月",
21
+ "三月",
22
+ "四月",
23
+ "五月",
24
+ "六月",
25
+ "七月",
26
+ "八月",
27
+ "九月",
28
+ "十月",
29
+ "十一月",
30
+ "十二月"
31
+ ]
32
+ },
33
+ weekdays: {
34
+ name: [
35
+ "星期日",
36
+ "星期一",
37
+ "星期二",
38
+ "星期三",
39
+ "星期四",
40
+ "星期五",
41
+ "星期六"
42
+ ],
43
+ shorthand: ["日", "一", "二", "三", "四", "五", "六"]
44
+ },
45
+ firstDayOfWeek: 1,
46
+ dateFormat: "yyyy年MM月dd日",
47
+ dateFormatPlaceholder: "YYYY年MM月DD日",
48
+ chooseDateLabel: "选择日期",
49
+ prevYearLabel: "上一年",
50
+ prevMonthLabel: "上个月",
51
+ nextMonthLabel: "下个月",
52
+ nextYearLabel: "下一年",
53
+ clearLabel: "清除",
54
+ okLabel: "确定",
55
+ invalidDateError: "请输入有效的日期。"
56
+ }
57
+ };
58
+
59
+ export { zhCN as default };
package/menu/index.js CHANGED
@@ -1,15 +1,15 @@
1
- import { r as registerMenu } from '../shared/definition30.js';
1
+ import { r as registerMenu } from '../shared/definition27.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition20.js';
4
- import '../shared/definition7.js';
5
- import '../shared/definition3.js';
3
+ import '../shared/definition57.js';
4
+ import '../shared/definition10.js';
5
+ import '../shared/definition24.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/definition4.js';
10
+ import '../shared/definition55.js';
11
11
  import '../shared/focus.js';
12
- import '../shared/definition9.js';
12
+ import '../shared/definition35.js';
13
13
  import '../shared/base-progress.js';
14
14
  import '../shared/affix.js';
15
15
  import '../shared/button.js';
@@ -20,8 +20,8 @@ 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/definition8.js';
24
- import '../shared/definition31.js';
23
+ import '../shared/definition56.js';
24
+ import '../shared/definition26.js';
25
25
  import '../shared/direction.js';
26
26
  import '../shared/slotted.js';
27
27
  import '../shared/node-observation.js';
@@ -1,17 +1,17 @@
1
- import { b as registerMenuItem } from '../shared/definition31.js';
1
+ import { r as registerMenuItem } from '../shared/definition26.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition3.js';
3
+ import '../shared/definition24.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/definition4.js';
8
+ import '../shared/definition55.js';
9
9
  import '../shared/focus.js';
10
10
  import '../shared/affix.js';
11
+ import '../shared/apply-mixins.js';
11
12
  import '../shared/start-end.js';
12
13
  import '../shared/ref.js';
13
14
  import '../shared/direction.js';
14
- import '../shared/apply-mixins.js';
15
15
  import '../shared/key-codes.js';
16
16
  import '../shared/focus2.js';
17
17
  import '../shared/slotted.js';
package/nav/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerNav } from '../shared/definition32.js';
1
+ import { r as registerNav } from '../shared/definition30.js';
2
2
  import '../shared/index.js';
3
3
 
4
4
  registerNav();
@@ -1,11 +1,11 @@
1
- import { r as registerNavDisclosure } from '../shared/definition33.js';
1
+ import { r as registerNavDisclosure } from '../shared/definition28.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition3.js';
3
+ import '../shared/definition24.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/definition4.js';
8
+ import '../shared/definition55.js';
9
9
  import '../shared/focus.js';
10
10
  import '../shared/affix.js';
11
11
  import '../shared/apply-mixins.js';
package/nav-item/index.js CHANGED
@@ -1,11 +1,11 @@
1
- import { r as registerNavItem } from '../shared/definition34.js';
1
+ import { r as registerNavItem } from '../shared/definition29.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition3.js';
3
+ import '../shared/definition24.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/definition4.js';
8
+ import '../shared/definition55.js';
9
9
  import '../shared/focus.js';
10
10
  import '../shared/affix.js';
11
11
  import '../shared/text-anchor.js';
package/note/index.js CHANGED
@@ -1,13 +1,13 @@
1
- import { r as registerNote } from '../shared/definition35.js';
1
+ import { r as registerNote } from '../shared/definition31.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition3.js';
3
+ import '../shared/definition24.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
8
  import '../shared/affix.js';
9
- import '../shared/focus.js';
10
- import '../shared/form-elements.js';
9
+ import '../shared/index2.js';
10
+ import '../locales/en-US.js';
11
11
  import '../shared/apply-mixins.js';
12
12
 
13
13
  registerNote();
@@ -1,14 +1,14 @@
1
- import { r as registerNumberField } from '../shared/definition36.js';
1
+ import { r as registerNumberField } from '../shared/definition32.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition7.js';
4
- import '../shared/definition3.js';
3
+ import '../shared/definition10.js';
4
+ import '../shared/definition24.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/definition4.js';
9
+ import '../shared/definition55.js';
10
10
  import '../shared/focus.js';
11
- import '../shared/definition9.js';
11
+ import '../shared/definition35.js';
12
12
  import '../shared/base-progress.js';
13
13
  import '../shared/affix.js';
14
14
  import '../shared/button.js';
@@ -19,9 +19,10 @@ import '../shared/aria-global.js';
19
19
  import '../shared/start-end.js';
20
20
  import '../shared/ref.js';
21
21
  import '../shared/focus2.js';
22
- import '../shared/definition24.js';
22
+ import '../shared/definition19.js';
23
23
  import '../shared/aria.js';
24
- import '../shared/form-elements.js';
24
+ import '../shared/index2.js';
25
+ import '../locales/en-US.js';
25
26
  import '../shared/text-field2.js';
26
27
 
27
28
  registerNumberField();
package/option/index.js CHANGED
@@ -1,11 +1,11 @@
1
- import { r as registerOption } from '../shared/definition21.js';
1
+ import { r as registerOption } from '../shared/definition33.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition3.js';
3
+ import '../shared/definition24.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/definition4.js';
8
+ import '../shared/definition55.js';
9
9
  import '../shared/focus.js';
10
10
  import '../shared/affix.js';
11
11
  import '../shared/aria-global.js';
@@ -14,6 +14,7 @@ import '../shared/ref.js';
14
14
  import '../shared/apply-mixins.js';
15
15
  import '../shared/dom.js';
16
16
  import '../shared/focus2.js';
17
- import '../shared/form-elements.js';
17
+ import '../shared/index2.js';
18
+ import '../locales/en-US.js';
18
19
 
19
20
  registerOption();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid",
3
- "version": "3.31.0",
3
+ "version": "3.34.0",
4
4
  "type": "module",
5
5
  "module": "./index.js",
6
6
  "main": "./index.js",
@@ -14,18 +14,5 @@
14
14
  "bugs": {
15
15
  "url": "https://github.com/Vonage/vivid-3/issues"
16
16
  },
17
- "license": "Apache-2.0",
18
- "types": "./src/index.d.ts",
19
- "dependencies": {
20
- "@floating-ui/dom": "1.4.5",
21
- "@microsoft/fast-element": "1.12.0",
22
- "@microsoft/fast-foundation": "2.49.0",
23
- "@microsoft/fast-web-utilities": "6.0.0",
24
- "dialog-polyfill": "0.5.6",
25
- "dropzone": "6.0.0-beta.2",
26
- "promise": "7.3.1",
27
- "ramda": "0.28.0",
28
- "rollup-plugin-postcss": "4.0.2"
29
- },
30
- "peerDependencies": {}
17
+ "license": "Apache-2.0"
31
18
  }
@@ -1,14 +1,14 @@
1
- import { r as registerPagination } from '../shared/definition37.js';
2
- import '../shared/definition7.js';
1
+ import { r as registerPagination } from '../shared/definition34.js';
2
+ import '../shared/definition10.js';
3
3
  import '../shared/index.js';
4
- import '../shared/definition3.js';
4
+ import '../shared/definition24.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/definition4.js';
9
+ import '../shared/definition55.js';
10
10
  import '../shared/focus.js';
11
- import '../shared/definition9.js';
11
+ import '../shared/definition35.js';
12
12
  import '../shared/base-progress.js';
13
13
  import '../shared/affix.js';
14
14
  import '../shared/button.js';
package/popup/index.js CHANGED
@@ -1,14 +1,14 @@
1
- import { r as registerPopup } from '../shared/definition20.js';
1
+ import { r as registerPopup } from '../shared/definition57.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition7.js';
4
- import '../shared/definition3.js';
3
+ import '../shared/definition10.js';
4
+ import '../shared/definition24.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/definition4.js';
9
+ import '../shared/definition55.js';
10
10
  import '../shared/focus.js';
11
- import '../shared/definition9.js';
11
+ import '../shared/definition35.js';
12
12
  import '../shared/base-progress.js';
13
13
  import '../shared/affix.js';
14
14
  import '../shared/button.js';
@@ -19,6 +19,6 @@ import '../shared/aria-global.js';
19
19
  import '../shared/start-end.js';
20
20
  import '../shared/ref.js';
21
21
  import '../shared/focus2.js';
22
- import '../shared/definition8.js';
22
+ import '../shared/definition56.js';
23
23
 
24
24
  registerPopup();
package/progress/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerProgress } from '../shared/definition38.js';
1
+ import { r as registerProgress } from '../shared/definition36.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/definition9.js';
1
+ import { r as registerProgressRing } from '../shared/definition35.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 { r as registerRadio } from '../shared/definition39.js';
1
+ import { b as registerRadio } from '../shared/definition38.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition4.js';
3
+ import '../shared/definition55.js';
4
4
  import '../shared/focus.js';
5
5
  import '../shared/radio.js';
6
6
  import '../shared/form-associated.js';