@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.
- package/accordion/index.js +5 -5
- package/accordion-item/index.js +4 -4
- package/action-group/index.js +1 -1
- package/alert/index.js +8 -7
- package/avatar/index.js +2 -2
- package/badge/index.js +2 -2
- package/banner/index.js +5 -5
- package/breadcrumb/index.js +1 -1
- package/breadcrumb-item/index.js +3 -3
- package/button/index.js +4 -4
- package/calendar/index.js +1 -1
- package/calendar-event/index.js +1 -1
- package/card/index.js +3 -3
- package/checkbox/index.js +7 -4
- package/combobox/index.js +10 -9
- package/custom-elements.json +996 -29
- package/data-grid/index.js +2 -2
- package/date-picker/index.js +35 -0
- package/dialog/index.js +6 -6
- package/divider/index.js +1 -1
- package/elevation/index.js +1 -1
- package/empty-state/index.js +2 -2
- package/fab/index.js +4 -4
- package/file-picker/index.js +7 -6
- package/focus/index.js +1 -1
- package/header/index.js +2 -2
- package/icon/index.js +1 -1
- package/index.d.ts +1 -0
- package/index.js +68 -66
- package/layout/index.js +1 -1
- package/lib/button/button.d.ts +2 -0
- package/lib/calendar/calendar.d.ts +1 -1
- package/lib/components.d.ts +20 -19
- package/lib/date-picker/calendar/calendarGrid.d.ts +17 -0
- package/lib/date-picker/calendar/dateStr.d.ts +7 -0
- package/lib/date-picker/calendar/month.d.ts +12 -0
- package/lib/date-picker/calendar/monthPickerGrid.d.ts +10 -0
- package/lib/date-picker/calendar/presentationDate.d.ts +4 -0
- package/lib/date-picker/calendar/year.d.ts +2 -0
- package/lib/date-picker/date-picker.d.ts +18 -0
- package/lib/date-picker/date-picker.template.d.ts +4 -0
- package/lib/date-picker/definition.d.ts +3 -0
- package/lib/date-picker/locale.d.ts +21 -0
- package/lib/icon/icon.d.ts +0 -1
- package/lib/listbox/listbox.d.ts +9 -1
- package/lib/select/select.d.ts +4 -2
- package/lib/text-field/text-field.d.ts +1 -0
- package/listbox/index.js +22 -17
- package/locales/en-GB.d.ts +3 -0
- package/locales/en-GB.js +59 -0
- package/locales/en-US.d.ts +3 -0
- package/locales/en-US.js +59 -0
- package/locales/ja-JP.d.ts +3 -0
- package/locales/ja-JP.js +59 -0
- package/locales/zh-CN.d.ts +3 -0
- package/locales/zh-CN.js +59 -0
- package/menu/index.js +8 -8
- package/menu-item/index.js +4 -4
- package/nav/index.js +1 -1
- package/nav-disclosure/index.js +3 -3
- package/nav-item/index.js +3 -3
- package/note/index.js +4 -4
- package/number-field/index.js +8 -7
- package/option/index.js +5 -4
- package/package.json +2 -15
- package/pagination/index.js +5 -5
- package/popup/index.js +6 -6
- package/progress/index.js +1 -1
- package/progress-ring/index.js +1 -1
- package/radio/index.js +2 -2
- package/radio-group/index.js +1 -1
- package/select/index.js +10 -9
- package/shared/affix.js +25 -9
- package/shared/apply-mixins.js +1 -1
- package/shared/breadcrumb-item.js +5 -5
- package/shared/button.js +13 -13
- package/shared/calendar-event.js +36 -16
- package/shared/definition.js +133 -194
- package/shared/definition10.js +225 -40
- package/shared/definition11.js +36 -32
- package/shared/definition12.js +763 -98
- package/shared/definition13.js +125 -89
- package/shared/definition14.js +207 -27
- package/shared/definition15.js +710 -731
- package/shared/definition16.js +1289 -47
- package/shared/definition17.js +6113 -93
- package/shared/definition18.js +242 -164
- package/shared/definition19.js +47 -692
- package/shared/definition2.js +199 -117
- package/shared/definition20.js +59 -1671
- package/shared/definition21.js +95 -255
- package/shared/definition22.js +2218 -1167
- package/shared/definition23.js +57 -219
- package/shared/definition24.js +27 -68
- package/shared/definition25.js +54 -38
- package/shared/definition26.js +395 -70
- package/shared/definition27.js +381 -2223
- package/shared/definition28.js +85 -44
- package/shared/definition29.js +27 -40
- package/shared/definition3.js +61 -24
- package/shared/definition30.js +13 -427
- package/shared/definition31.js +49 -360
- package/shared/definition32.js +466 -13
- package/shared/definition33.js +273 -63
- package/shared/definition34.js +195 -25
- package/shared/definition35.js +86 -35
- package/shared/definition36.js +66 -427
- package/shared/definition37.js +430 -190
- package/shared/definition38.js +34 -52
- package/shared/definition39.js +683 -31
- package/shared/definition4.js +157 -12
- package/shared/definition40.js +97 -422
- package/shared/definition41.js +473 -543
- package/shared/definition42.js +122 -73
- package/shared/definition43.js +103 -502
- package/shared/definition44.js +23 -101
- package/shared/definition45.js +76 -126
- package/shared/definition46.js +494 -48
- package/shared/definition47.js +23 -23
- package/shared/definition48.js +126 -476
- package/shared/definition49.js +275 -98
- package/shared/definition5.js +71 -36
- package/shared/definition50.js +157 -16
- package/shared/definition51.js +133 -263
- package/shared/definition52.js +131 -115
- package/shared/definition53.js +85 -120
- package/shared/definition54.js +295 -111
- package/shared/definition55.js +12 -71
- package/shared/definition56.js +39 -295
- package/shared/definition57.js +181 -0
- package/shared/definition6.js +56 -111
- package/shared/definition7.js +119 -187
- package/shared/definition8.js +58 -23
- package/shared/definition9.js +92 -66
- package/shared/focus.js +2 -1
- package/shared/focus2.js +1 -1
- package/shared/form-associated.js +2 -2
- package/shared/icon.js +48 -27
- package/shared/index.js +7 -27
- package/shared/index2.js +202 -0
- package/shared/key-codes.js +1 -1
- package/shared/listbox.js +88 -11
- package/shared/localization/Locale.d.ts +4 -0
- package/shared/localization/index.d.ts +7 -0
- package/shared/patterns/form-elements/form-elements.d.ts +4 -4
- package/shared/patterns/index.d.ts +1 -0
- package/shared/patterns/localized.d.ts +4 -0
- package/shared/radio.js +23 -7
- package/shared/repeat.js +1 -1
- package/shared/text-anchor.js +21 -4
- package/shared/text-anchor.template.js +37 -40
- package/shared/text-field.js +2 -2
- package/shared/text-field2.js +15 -15
- package/shared/tree-item.js +12 -12
- package/side-drawer/index.js +1 -1
- package/slider/index.js +2 -2
- package/split-button/index.js +3 -3
- package/style.css +6097 -0
- package/styles/core/all.css +25 -3
- package/styles/core/theme.css +1 -1
- package/styles/core/typography.css +25 -3
- package/styles/tokens/theme-dark.css +4 -4
- package/styles/tokens/theme-light.css +4 -4
- package/styles/tokens/vivid-2-compat.css +2 -2
- package/switch/index.js +5 -4
- package/tab/index.js +3 -3
- package/tab-panel/index.js +1 -1
- package/tabs/index.js +5 -5
- package/tag/index.js +3 -3
- package/tag-group/index.js +1 -1
- package/text-anchor/index.js +1 -1
- package/text-area/index.js +5 -4
- package/text-field/index.js +5 -4
- package/toggletip/index.js +7 -7
- package/tooltip/index.js +7 -7
- package/tree-item/index.js +3 -3
- package/tree-view/index.js +1 -1
- package/vivid.api.json +137 -0
- package/lib/accordion/index.d.ts +0 -1
- package/lib/accordion-item/index.d.ts +0 -1
- package/lib/action-group/index.d.ts +0 -1
- package/lib/alert/index.d.ts +0 -1
- package/lib/avatar/index.d.ts +0 -1
- package/lib/badge/index.d.ts +0 -1
- package/lib/banner/index.d.ts +0 -1
- package/lib/breadcrumb/index.d.ts +0 -1
- package/lib/breadcrumb-item/index.d.ts +0 -1
- package/lib/button/index.d.ts +0 -1
- package/lib/calendar/index.d.ts +0 -1
- package/lib/calendar-event/index.d.ts +0 -1
- package/lib/card/index.d.ts +0 -1
- package/lib/checkbox/index.d.ts +0 -1
- package/lib/combobox/index.d.ts +0 -1
- package/lib/data-grid/index.d.ts +0 -1
- package/lib/dialog/index.d.ts +0 -1
- package/lib/divider/index.d.ts +0 -1
- package/lib/elevation/index.d.ts +0 -1
- package/lib/empty-state/index.d.ts +0 -1
- package/lib/fab/index.d.ts +0 -1
- package/lib/file-picker/index.d.ts +0 -1
- package/lib/focus/index.d.ts +0 -1
- package/lib/header/index.d.ts +0 -1
- package/lib/icon/index.d.ts +0 -1
- package/lib/layout/index.d.ts +0 -1
- package/lib/listbox/index.d.ts +0 -1
- package/lib/menu/index.d.ts +0 -1
- package/lib/menu-item/index.d.ts +0 -1
- package/lib/nav/index.d.ts +0 -1
- package/lib/nav-disclosure/index.d.ts +0 -1
- package/lib/nav-item/index.d.ts +0 -1
- package/lib/note/index.d.ts +0 -1
- package/lib/number-field/index.d.ts +0 -1
- package/lib/option/index.d.ts +0 -1
- package/lib/pagination/index.d.ts +0 -1
- package/lib/popup/index.d.ts +0 -1
- package/lib/progress/index.d.ts +0 -1
- package/lib/progress-ring/index.d.ts +0 -1
- package/lib/radio/index.d.ts +0 -1
- package/lib/radio-group/index.d.ts +0 -1
- package/lib/select/index.d.ts +0 -1
- package/lib/side-drawer/index.d.ts +0 -1
- package/lib/slider/index.d.ts +0 -1
- package/lib/split-button/index.d.ts +0 -1
- package/lib/switch/index.d.ts +0 -1
- package/lib/tab/index.d.ts +0 -1
- package/lib/tab-panel/index.d.ts +0 -1
- package/lib/tabs/index.d.ts +0 -1
- package/lib/tag/index.d.ts +0 -1
- package/lib/tag-group/index.d.ts +0 -1
- package/lib/text-anchor/index.d.ts +0 -1
- package/lib/text-area/index.d.ts +0 -1
- package/lib/text-field/index.d.ts +0 -1
- package/lib/toggletip/index.d.ts +0 -1
- package/lib/tooltip/index.d.ts +0 -1
- package/lib/tree-item/index.d.ts +0 -1
- package/lib/tree-view/index.d.ts +0 -1
- package/shared/form-elements.js +0 -162
package/lib/select/select.d.ts
CHANGED
|
@@ -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/
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
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/
|
|
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/
|
|
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
|
-
|
|
27
|
-
disabled
|
|
28
|
-
|
|
29
|
-
|
|
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 ?
|
|
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:
|
|
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
|
-
|
|
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:
|
|
68
|
+
baseName: "listbox",
|
|
64
69
|
template: ListboxTemplate,
|
|
65
|
-
styles
|
|
70
|
+
styles
|
|
66
71
|
});
|
|
67
72
|
const listboxRegistries = [listboxDefinition(), ...listboxOptionRegistries, ...focusRegistries];
|
|
68
73
|
const registerListbox = registerFactory(listboxRegistries);
|
package/locales/en-GB.js
ADDED
|
@@ -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 };
|
package/locales/en-US.js
ADDED
|
@@ -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 };
|
package/locales/ja-JP.js
ADDED
|
@@ -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 };
|
package/locales/zh-CN.js
ADDED
|
@@ -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/
|
|
1
|
+
import { r as registerMenu } from '../shared/definition27.js';
|
|
2
2
|
import '../shared/index.js';
|
|
3
|
-
import '../shared/
|
|
4
|
-
import '../shared/
|
|
5
|
-
import '../shared/
|
|
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/
|
|
10
|
+
import '../shared/definition55.js';
|
|
11
11
|
import '../shared/focus.js';
|
|
12
|
-
import '../shared/
|
|
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/
|
|
24
|
-
import '../shared/
|
|
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';
|
package/menu-item/index.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { r as registerMenuItem } from '../shared/definition26.js';
|
|
2
2
|
import '../shared/index.js';
|
|
3
|
-
import '../shared/
|
|
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/
|
|
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
package/nav-disclosure/index.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { r as registerNavDisclosure } from '../shared/
|
|
1
|
+
import { r as registerNavDisclosure } from '../shared/definition28.js';
|
|
2
2
|
import '../shared/index.js';
|
|
3
|
-
import '../shared/
|
|
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/
|
|
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/
|
|
1
|
+
import { r as registerNavItem } from '../shared/definition29.js';
|
|
2
2
|
import '../shared/index.js';
|
|
3
|
-
import '../shared/
|
|
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/
|
|
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/
|
|
1
|
+
import { r as registerNote } from '../shared/definition31.js';
|
|
2
2
|
import '../shared/index.js';
|
|
3
|
-
import '../shared/
|
|
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/
|
|
10
|
-
import '../
|
|
9
|
+
import '../shared/index2.js';
|
|
10
|
+
import '../locales/en-US.js';
|
|
11
11
|
import '../shared/apply-mixins.js';
|
|
12
12
|
|
|
13
13
|
registerNote();
|
package/number-field/index.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { r as registerNumberField } from '../shared/
|
|
1
|
+
import { r as registerNumberField } from '../shared/definition32.js';
|
|
2
2
|
import '../shared/index.js';
|
|
3
|
-
import '../shared/
|
|
4
|
-
import '../shared/
|
|
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/
|
|
9
|
+
import '../shared/definition55.js';
|
|
10
10
|
import '../shared/focus.js';
|
|
11
|
-
import '../shared/
|
|
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/
|
|
22
|
+
import '../shared/definition19.js';
|
|
23
23
|
import '../shared/aria.js';
|
|
24
|
-
import '../shared/
|
|
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/
|
|
1
|
+
import { r as registerOption } from '../shared/definition33.js';
|
|
2
2
|
import '../shared/index.js';
|
|
3
|
-
import '../shared/
|
|
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/
|
|
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/
|
|
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.
|
|
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
|
}
|
package/pagination/index.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { r as registerPagination } from '../shared/
|
|
2
|
-
import '../shared/
|
|
1
|
+
import { r as registerPagination } from '../shared/definition34.js';
|
|
2
|
+
import '../shared/definition10.js';
|
|
3
3
|
import '../shared/index.js';
|
|
4
|
-
import '../shared/
|
|
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/
|
|
9
|
+
import '../shared/definition55.js';
|
|
10
10
|
import '../shared/focus.js';
|
|
11
|
-
import '../shared/
|
|
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/
|
|
1
|
+
import { r as registerPopup } from '../shared/definition57.js';
|
|
2
2
|
import '../shared/index.js';
|
|
3
|
-
import '../shared/
|
|
4
|
-
import '../shared/
|
|
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/
|
|
9
|
+
import '../shared/definition55.js';
|
|
10
10
|
import '../shared/focus.js';
|
|
11
|
-
import '../shared/
|
|
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/
|
|
22
|
+
import '../shared/definition56.js';
|
|
23
23
|
|
|
24
24
|
registerPopup();
|
package/progress/index.js
CHANGED
package/progress-ring/index.js
CHANGED
package/radio/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { b as registerRadio } from '../shared/definition38.js';
|
|
2
2
|
import '../shared/index.js';
|
|
3
|
-
import '../shared/
|
|
3
|
+
import '../shared/definition55.js';
|
|
4
4
|
import '../shared/focus.js';
|
|
5
5
|
import '../shared/radio.js';
|
|
6
6
|
import '../shared/form-associated.js';
|