@vonage/vivid 4.8.0 → 4.10.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 (52) hide show
  1. package/custom-elements.json +255 -3
  2. package/lib/breadcrumb/breadcrumb.d.ts +4 -1
  3. package/lib/breadcrumb-item/breadcrumb-item.d.ts +5 -3
  4. package/lib/checkbox/checkbox.d.ts +4 -0
  5. package/lib/dialog/dialog.d.ts +4 -0
  6. package/lib/divider/divider.d.ts +11 -2
  7. package/lib/icon/icon.d.ts +2 -1
  8. package/lib/text-field/text-field.d.ts +1 -0
  9. package/package.json +1 -1
  10. package/shared/breadcrumb-item.cjs +162 -20
  11. package/shared/breadcrumb-item.js +163 -21
  12. package/shared/definition10.cjs +52 -68
  13. package/shared/definition10.js +54 -70
  14. package/shared/definition11.cjs +1 -1
  15. package/shared/definition11.js +1 -1
  16. package/shared/definition15.cjs +17 -1
  17. package/shared/definition15.js +17 -1
  18. package/shared/definition20.cjs +88 -64
  19. package/shared/definition20.js +88 -64
  20. package/shared/definition21.cjs +59 -14
  21. package/shared/definition21.js +59 -14
  22. package/shared/definition22.cjs +32 -51
  23. package/shared/definition22.js +33 -52
  24. package/shared/definition29.cjs +1 -1
  25. package/shared/definition29.js +1 -1
  26. package/shared/definition30.cjs +1 -1
  27. package/shared/definition30.js +1 -1
  28. package/shared/definition46.cjs +24 -9
  29. package/shared/definition46.js +24 -9
  30. package/shared/definition5.cjs +1 -1
  31. package/shared/definition5.js +1 -1
  32. package/shared/definition56.cjs +4 -0
  33. package/shared/definition56.js +4 -0
  34. package/shared/definition9.cjs +1 -19
  35. package/shared/definition9.js +2 -20
  36. package/shared/icon.cjs +11 -5
  37. package/shared/icon.js +11 -5
  38. package/shared/patterns/anchor.d.ts +18 -0
  39. package/shared/patterns/anchored.d.ts +4 -4
  40. package/shared/patterns/aria-global.d.ts +21 -0
  41. package/shared/patterns/form-elements/form-elements.d.ts +6 -6
  42. package/shared/text-anchor.cjs +84 -2
  43. package/shared/text-anchor.js +84 -2
  44. package/styles/core/all.css +1 -1
  45. package/styles/core/theme.css +1 -1
  46. package/styles/core/typography.css +1 -1
  47. package/styles/tokens/theme-dark.css +35 -14
  48. package/styles/tokens/theme-light.css +35 -14
  49. package/styles/tokens/vivid-2-compat.css +1 -1
  50. package/vivid.api.json +10 -1
  51. package/shared/anchor.cjs +0 -90
  52. package/shared/anchor.js +0 -87
package/shared/anchor.cjs DELETED
@@ -1,90 +0,0 @@
1
- 'use strict';
2
-
3
- const index = require('./index.cjs');
4
- const applyMixins = require('./apply-mixins.cjs');
5
- const ariaGlobal = require('./aria-global.cjs');
6
- const startEnd = require('./start-end.cjs');
7
-
8
- /**
9
- * An Anchor Custom HTML Element.
10
- * Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element }.
11
- *
12
- * @slot start - Content which can be provided before the anchor content
13
- * @slot end - Content which can be provided after the anchor content
14
- * @slot - The default slot for anchor content
15
- * @csspart control - The anchor element
16
- * @csspart content - The element wrapping anchor content
17
- *
18
- * @public
19
- */
20
- class Anchor extends index.FoundationElement {
21
- constructor() {
22
- super(...arguments);
23
- /**
24
- * Overrides the focus call for where delegatesFocus is unsupported.
25
- * This check works for Chrome, Edge Chromium, FireFox, and Safari
26
- * Relevant PR on the Firefox browser: https://phabricator.services.mozilla.com/D123858
27
- */
28
- this.handleUnsupportedDelegatesFocus = () => {
29
- var _a;
30
- // Check to see if delegatesFocus is supported
31
- if (window.ShadowRoot &&
32
- !window.ShadowRoot.prototype.hasOwnProperty("delegatesFocus") &&
33
- ((_a = this.$fastController.definition.shadowOptions) === null || _a === void 0 ? void 0 : _a.delegatesFocus)) {
34
- this.focus = () => {
35
- var _a;
36
- (_a = this.control) === null || _a === void 0 ? void 0 : _a.focus();
37
- };
38
- }
39
- };
40
- }
41
- /**
42
- * @internal
43
- */
44
- connectedCallback() {
45
- super.connectedCallback();
46
- this.handleUnsupportedDelegatesFocus();
47
- }
48
- }
49
- index.__decorate([
50
- index.attr
51
- ], Anchor.prototype, "download", void 0);
52
- index.__decorate([
53
- index.attr
54
- ], Anchor.prototype, "href", void 0);
55
- index.__decorate([
56
- index.attr
57
- ], Anchor.prototype, "hreflang", void 0);
58
- index.__decorate([
59
- index.attr
60
- ], Anchor.prototype, "ping", void 0);
61
- index.__decorate([
62
- index.attr
63
- ], Anchor.prototype, "referrerpolicy", void 0);
64
- index.__decorate([
65
- index.attr
66
- ], Anchor.prototype, "rel", void 0);
67
- index.__decorate([
68
- index.attr
69
- ], Anchor.prototype, "target", void 0);
70
- index.__decorate([
71
- index.attr
72
- ], Anchor.prototype, "type", void 0);
73
- index.__decorate([
74
- index.observable
75
- ], Anchor.prototype, "defaultSlottedContent", void 0);
76
- /**
77
- * Includes ARIA states and properties relating to the ARIA link role
78
- *
79
- * @public
80
- */
81
- class DelegatesARIALink {
82
- }
83
- index.__decorate([
84
- index.attr({ attribute: "aria-expanded" })
85
- ], DelegatesARIALink.prototype, "ariaExpanded", void 0);
86
- applyMixins.applyMixins(DelegatesARIALink, ariaGlobal.ARIAGlobalStatesAndProperties);
87
- applyMixins.applyMixins(Anchor, startEnd.StartEnd, DelegatesARIALink);
88
-
89
- exports.Anchor = Anchor;
90
- exports.DelegatesARIALink = DelegatesARIALink;
package/shared/anchor.js DELETED
@@ -1,87 +0,0 @@
1
- import { F as FoundationElement, _ as __decorate, a as attr, o as observable } from './index.js';
2
- import { a as applyMixins } from './apply-mixins.js';
3
- import { A as ARIAGlobalStatesAndProperties } from './aria-global.js';
4
- import { S as StartEnd } from './start-end.js';
5
-
6
- /**
7
- * An Anchor Custom HTML Element.
8
- * Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element }.
9
- *
10
- * @slot start - Content which can be provided before the anchor content
11
- * @slot end - Content which can be provided after the anchor content
12
- * @slot - The default slot for anchor content
13
- * @csspart control - The anchor element
14
- * @csspart content - The element wrapping anchor content
15
- *
16
- * @public
17
- */
18
- class Anchor extends FoundationElement {
19
- constructor() {
20
- super(...arguments);
21
- /**
22
- * Overrides the focus call for where delegatesFocus is unsupported.
23
- * This check works for Chrome, Edge Chromium, FireFox, and Safari
24
- * Relevant PR on the Firefox browser: https://phabricator.services.mozilla.com/D123858
25
- */
26
- this.handleUnsupportedDelegatesFocus = () => {
27
- var _a;
28
- // Check to see if delegatesFocus is supported
29
- if (window.ShadowRoot &&
30
- !window.ShadowRoot.prototype.hasOwnProperty("delegatesFocus") &&
31
- ((_a = this.$fastController.definition.shadowOptions) === null || _a === void 0 ? void 0 : _a.delegatesFocus)) {
32
- this.focus = () => {
33
- var _a;
34
- (_a = this.control) === null || _a === void 0 ? void 0 : _a.focus();
35
- };
36
- }
37
- };
38
- }
39
- /**
40
- * @internal
41
- */
42
- connectedCallback() {
43
- super.connectedCallback();
44
- this.handleUnsupportedDelegatesFocus();
45
- }
46
- }
47
- __decorate([
48
- attr
49
- ], Anchor.prototype, "download", void 0);
50
- __decorate([
51
- attr
52
- ], Anchor.prototype, "href", void 0);
53
- __decorate([
54
- attr
55
- ], Anchor.prototype, "hreflang", void 0);
56
- __decorate([
57
- attr
58
- ], Anchor.prototype, "ping", void 0);
59
- __decorate([
60
- attr
61
- ], Anchor.prototype, "referrerpolicy", void 0);
62
- __decorate([
63
- attr
64
- ], Anchor.prototype, "rel", void 0);
65
- __decorate([
66
- attr
67
- ], Anchor.prototype, "target", void 0);
68
- __decorate([
69
- attr
70
- ], Anchor.prototype, "type", void 0);
71
- __decorate([
72
- observable
73
- ], Anchor.prototype, "defaultSlottedContent", void 0);
74
- /**
75
- * Includes ARIA states and properties relating to the ARIA link role
76
- *
77
- * @public
78
- */
79
- class DelegatesARIALink {
80
- }
81
- __decorate([
82
- attr({ attribute: "aria-expanded" })
83
- ], DelegatesARIALink.prototype, "ariaExpanded", void 0);
84
- applyMixins(DelegatesARIALink, ARIAGlobalStatesAndProperties);
85
- applyMixins(Anchor, StartEnd, DelegatesARIALink);
86
-
87
- export { Anchor as A, DelegatesARIALink as D };