@vonage/vivid 3.0.0-next.109 → 3.0.0-next.110
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/README.md +24 -0
- package/accordion/index.js +3 -3
- package/accordion-item/index.js +12 -12
- package/action-group/index.js +3 -7
- package/avatar/index.js +10 -10
- package/badge/index.js +9 -9
- package/banner/index.js +9 -19
- package/breadcrumb/index.js +2 -2
- package/breadcrumb-item/index.js +13 -14
- package/button/index.js +92 -16
- package/calendar/index.js +3 -7
- package/calendar-event/index.js +3 -6
- package/card/index.js +9 -11
- package/checkbox/index.js +11 -12
- package/custom-elements.json +49 -49
- package/dialog/index.js +9 -25
- package/divider/index.js +26 -3
- package/elevation/index.js +25 -3
- package/fab/index.js +12 -14
- package/focus/index.js +4 -4
- package/header/index.js +10 -8
- package/icon/index.js +3 -5
- package/index.js +24 -22
- package/layout/index.js +2 -2
- package/lib/accordion-item/index.d.ts +0 -2
- 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-item/index.d.ts +0 -2
- package/lib/button/index.d.ts +1 -4
- package/lib/card/index.d.ts +0 -2
- package/lib/checkbox/index.d.ts +0 -2
- package/lib/components.d.ts +1 -1
- package/lib/dialog/index.d.ts +0 -3
- package/lib/fab/index.d.ts +0 -2
- package/lib/header/index.d.ts +0 -1
- package/lib/listbox/index.d.ts +1 -4
- package/lib/menu/index.d.ts +0 -2
- package/lib/menu-item/index.d.ts +0 -1
- package/lib/nav-disclosure/index.d.ts +0 -2
- package/lib/nav-item/index.d.ts +0 -2
- package/lib/note/note.template.d.ts +0 -1
- package/lib/number-field/index.d.ts +0 -2
- package/lib/{listbox-option → option}/index.d.ts +0 -2
- package/lib/{listbox-option/listbox-option.d.ts → option/option.d.ts} +0 -0
- package/lib/{listbox-option/listbox-option.template.d.ts → option/option.template.d.ts} +1 -1
- package/lib/popup/index.d.ts +0 -2
- package/lib/radio/index.d.ts +0 -1
- package/lib/slider/index.d.ts +0 -1
- package/lib/switch/index.d.ts +0 -2
- package/lib/text-area/index.d.ts +0 -2
- package/lib/text-field/index.d.ts +0 -2
- package/lib/text-field/text-field.template.d.ts +0 -1
- package/lib/tooltip/index.d.ts +0 -1
- package/listbox/index.js +14 -18
- package/menu/index.js +12 -26
- package/menu-item/index.js +82 -13
- package/nav/index.js +2 -2
- package/nav-disclosure/index.js +11 -13
- package/nav-item/index.js +11 -13
- package/note/index.js +10 -10
- package/number-field/index.js +14 -15
- package/option/index.js +75 -0
- package/package.json +3 -2
- package/popup/index.js +57 -20
- package/progress/index.js +3 -7
- package/progress-ring/index.js +3 -3
- package/radio/index.js +11 -6
- package/radio-group/index.js +3 -3
- package/shared/affix.js +0 -1
- package/shared/anchor.js +1 -1
- package/shared/apply-mixins.js +1 -1
- package/shared/base-progress.js +1 -1
- package/shared/breadcrumb-item.js +1 -1
- package/shared/button.js +18 -195
- package/shared/button2.js +200 -0
- package/shared/calendar-event.js +1 -1
- package/shared/design-system/index.d.ts +1 -1
- package/shared/{index4.js → divider.js} +2 -24
- package/shared/elevation.js +10 -0
- package/shared/es.object.assign.js +1 -59
- package/shared/es.promise.resolve.js +944 -0
- package/shared/es.regexp.to-string.js +1 -2
- package/shared/focus.js +9 -3
- package/shared/focus2.js +3 -9
- package/shared/form-associated.js +1 -1
- package/shared/form-elements.js +2 -3
- package/shared/icon.js +9 -1098
- package/shared/index.js +3673 -5
- package/shared/index2.js +6 -104
- package/shared/{index5.js → listbox-option.js} +11 -71
- package/shared/{index7.js → menu-item.js} +13 -85
- package/shared/patterns/form-elements/form-elements.d.ts +2 -2
- package/shared/{index6.js → popup.js} +3 -43
- package/shared/radio.js +1 -1
- package/shared/ref.js +1 -1
- package/shared/slotted.js +1 -1
- package/shared/string-trim.js +1 -2
- package/shared/text-anchor.template.js +1 -1
- package/shared/utils/index.d.ts +1 -0
- package/side-drawer/index.js +3 -7
- package/slider/index.js +10 -10
- package/styles/core/all.css +1 -1
- package/styles/core/theme.css +1 -1
- package/styles/core/typography.css +1 -1
- package/styles/tokens/theme-dark.css +4 -4
- package/styles/tokens/theme-light.css +4 -4
- package/switch/index.js +11 -11
- package/text-anchor/index.js +4 -8
- package/text-area/index.js +11 -12
- package/text-field/index.js +11 -12
- package/tooltip/index.js +11 -27
- package/vivid.api.json +11 -189
- package/listbox-option/index.js +0 -22
- package/shared/export.js +0 -1017
- package/shared/index3.js +0 -31
- package/shared/iterators.js +0 -61
- package/shared/object-keys.js +0 -13
- package/shared/to-string.js +0 -51
- package/shared/web.dom-collections.iterator.js +0 -472
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { t as toString } from './to-string.js';
|
|
1
|
+
import { k as anObject$2, J as functionCall, y as hasOwnProperty_1, P as objectIsPrototypeOf, U as functionName, G as defineBuiltIn$1, s as fails$1, X as toString } from './index.js';
|
|
3
2
|
|
|
4
3
|
var anObject$1 = anObject$2;
|
|
5
4
|
|
package/shared/focus.js
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
|
-
import { F as
|
|
1
|
+
import { F as Focus } from './focus2.js';
|
|
2
|
+
import { h as html } from './index.js';
|
|
2
3
|
|
|
3
|
-
|
|
4
|
+
let _ = t => t,
|
|
5
|
+
_t;
|
|
6
|
+
const focusTemplateFactory = context => {
|
|
7
|
+
const focusTag = context.tagFor(Focus);
|
|
8
|
+
return html(_t || (_t = _`<${0} class="focus-indicator"></${0}>`), focusTag, focusTag);
|
|
9
|
+
};
|
|
4
10
|
|
|
5
|
-
export {
|
|
11
|
+
export { focusTemplateFactory as f };
|
package/shared/focus2.js
CHANGED
|
@@ -1,11 +1,5 @@
|
|
|
1
|
-
import { F as
|
|
2
|
-
import { h as html } from './index.js';
|
|
1
|
+
import { F as FoundationElement } from './index.js';
|
|
3
2
|
|
|
4
|
-
|
|
5
|
-
_t;
|
|
6
|
-
const focusTemplateFactory = context => {
|
|
7
|
-
const focusTag = context.tagFor(Focus);
|
|
8
|
-
return html(_t || (_t = _`<${0} class="focus-indicator"></${0}>`), focusTag, focusTag);
|
|
9
|
-
};
|
|
3
|
+
class Focus extends FoundationElement {}
|
|
10
4
|
|
|
11
|
-
export {
|
|
5
|
+
export { Focus as F };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as attr,
|
|
1
|
+
import { a as attr, V as observable, a1 as booleanConverter, $ as emptyArray, a2 as DOM } from './index.js';
|
|
2
2
|
import { k as keyEnter } from './key-codes.js';
|
|
3
3
|
|
|
4
4
|
const proxySlotName = "form-associated-proxy";
|
package/shared/form-elements.js
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { F as FoundationElement,
|
|
1
|
+
import { F as FoundationElement, a2 as DOM, _ as __decorate, a as attr, a6 as nullableNumberConverter, V as observable, b as __metadata, aa as volatile, h as html, Y as __classPrivateFieldGet, a9 as __classPrivateFieldSet } from './index.js';
|
|
2
2
|
import { a as applyMixins } from './apply-mixins.js';
|
|
3
3
|
import { F as FormAssociated } from './form-associated.js';
|
|
4
4
|
import { A as ARIAGlobalStatesAndProperties } from './aria-global.js';
|
|
5
5
|
import { S as StartEnd } from './start-end.js';
|
|
6
|
-
import './web.dom-collections.iterator.js';
|
|
7
6
|
import { I as Icon } from './icon.js';
|
|
8
7
|
import { w as when } from './when.js';
|
|
9
8
|
|
|
@@ -225,7 +224,7 @@ class DelegatesARIATextbox {
|
|
|
225
224
|
applyMixins(DelegatesARIATextbox, ARIAGlobalStatesAndProperties);
|
|
226
225
|
applyMixins(TextField, StartEnd, DelegatesARIATextbox);
|
|
227
226
|
|
|
228
|
-
var css_248z = "/**\n * Do not edit directly\n * Generated on Sun, 04 Dec 2022
|
|
227
|
+
var css_248z = "/**\n * Do not edit directly\n * Generated on Sun, 04 Dec 2022 15:37:45 GMT\n */\n.message {\n display: flex;\n contain: inline-size;\n font: var(--vvd-typography-base-condensed);\n gap: 4px;\n grid-column: 1/-1;\n}\n.message-text {\n color: var(--vvd-color-canvas-text);\n}\n.helper-message .message-text {\n color: var(--_low-ink-color);\n}\n.message-icon {\n font-size: 16px;\n}\n.success-message .message-icon {\n color: var(--vvd-color-success-500);\n}\n.error-message .message-icon {\n color: var(--vvd-color-alert-500);\n}";
|
|
229
228
|
|
|
230
229
|
let _ = t => t,
|
|
231
230
|
_t,
|