@vonage/vivid 3.0.0-next.9 → 3.0.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 (32) hide show
  1. package/accordion-item/index.js +3 -8
  2. package/badge/index.js +4 -11
  3. package/banner/index.js +1 -0
  4. package/breadcrumb-item/index.js +5 -7
  5. package/button/index.js +5 -12
  6. package/calendar/index.js +1 -0
  7. package/card/index.js +136 -0
  8. package/icon/index.js +6 -2
  9. package/index.js +2 -1
  10. package/lib/accordion-item/accordion-item.d.ts +2 -2
  11. package/lib/badge/badge.d.ts +1 -1
  12. package/lib/breadcrumb-item/breadcrumb-item.d.ts +1 -1
  13. package/lib/button/button.d.ts +1 -1
  14. package/lib/card/card.d.ts +10 -0
  15. package/lib/card/card.template.d.ts +4 -0
  16. package/lib/card/index.d.ts +5 -0
  17. package/lib/icon/icon.d.ts +1 -1
  18. package/lib/text-anchor/text-anchor.d.ts +1 -1
  19. package/lib/tooltip/tooltip.d.ts +1 -1
  20. package/package.json +1 -1
  21. package/popup/index.js +2 -1
  22. package/progress/index.js +2 -1
  23. package/shared/es.object.assign.js +2 -1
  24. package/shared/icon.js +5 -10
  25. package/shared/object-set-prototype-of.js +1009 -0
  26. package/shared/text-anchor.js +2 -11
  27. package/shared/web.dom-collections.iterator.js +51 -1057
  28. package/side-drawer/index.js +1 -0
  29. package/sidenav-item/index.js +2 -1
  30. package/text/index.js +1 -0
  31. package/text-anchor/index.js +2 -1
  32. package/tooltip/index.js +2 -4
package/side-drawer/index.js CHANGED
@@ -4,6 +4,7 @@ import { s as styleInject } from '../shared/style-inject.es.js';
4
4
  import { w as when } from '../shared/when.js';
5
5
  import { s as slotted } from '../shared/slotted.js';
6
6
  import { c as classNames } from '../shared/class-names.js';
7
+ import '../shared/object-set-prototype-of.js';
7
8
 
8
9
  class SideDrawer extends FoundationElement {
9
10
  constructor() {
package/sidenav-item/index.js CHANGED
@@ -6,10 +6,11 @@ import { T as TextAnchor } from '../shared/text-anchor.js';
6
6
  import { a as applyMixins } from '../shared/apply-mixins.js';
7
7
  import { t as textAnchorTemplate } from '../shared/text-anchor.template.js';
8
8
  import '../shared/icon.js';
9
- import '../shared/web.dom-collections.iterator.js';
9
+ import '../shared/object-set-prototype-of.js';
10
10
  import '../shared/_has.js';
11
11
  import '../shared/when.js';
12
12
  import '../shared/class-names.js';
13
+ import '../shared/web.dom-collections.iterator.js';
13
14
  import '../shared/anchor.js';
14
15
  import '../shared/aria-global.js';
15
16
 
package/text/index.js CHANGED
@@ -2,6 +2,7 @@ import { F as FoundationElement, _ as __decorate, a as attr, b as __metadata, h
2
2
  import { s as styleInject } from '../shared/style-inject.es.js';
3
3
  import '../shared/web.dom-collections.iterator.js';
4
4
  import { c as classNames } from '../shared/class-names.js';
5
+ import '../shared/object-set-prototype-of.js';
5
6
 
6
7
  var css_248z = "/*\n Do not edit directly\n Generated on Wed, 27 Apr 2022 11:58:36 GMT\n*/\n.control:not(.tight):not(.font-face-body-1, .font-face-body-1-bold, .font-face-body-1-code, .font-face-body-1-link, .font-face-body-2, .font-face-body-2-bold, .font-face-body-2-code, .font-face-body-2-link, .font-face-button, .font-face-button-dense, .font-face-button-enlarge, .font-face-caption, .font-face-caption-bold, .font-face-caption-code, .font-face-caption-link, .font-face-headline-1, .font-face-headline-2, .font-face-subtitle-1, .font-face-subtitle-2, .font-face-title-1, .font-face-title-2), .control.font-face-body-1:not(.tight), .control.font-face-body-1-bold:not(.tight), .control.font-face-body-1-code:not(.tight), .control.font-face-body-1-link:not(.tight), .control.font-face-body-2:not(.tight), .control.font-face-body-2-bold:not(.tight), .control.font-face-body-2-code:not(.tight), .control.font-face-body-2-link:not(.tight), .control.font-face-subtitle-1:not(.tight), .control.font-face-subtitle-2:not(.tight), .control.font-face-title-1:not(.tight), .control.font-face-title-2:not(.tight), .control.font-face-headline-1:not(.tight), .control.font-face-headline-2:not(.tight) {\n display: block;\n margin: var(--font-face-margin, 0);\n}\n\n.control {\n color: var(--connotation);\n}\n.control.font-face-body-1 {\n font: 400 ultra-condensed 16px / 24px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-body-1-bold {\n font: 600 ultra-condensed 16px / 24px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-body-1-code {\n font: 400 ultra-condensed 16px / 24px SpeziaMonoWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-body-1-link {\n font: 400 ultra-condensed 16px / 24px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: underline;\n text-transform: none;\n}\n.control.font-face-body-2 {\n font: 400 ultra-condensed 14px / 20px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-body-2-bold {\n font: 600 ultra-condensed 14px / 20px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-body-2-code {\n font: 400 ultra-condensed 14px / 20px SpeziaMonoWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-body-2-link {\n font: 400 ultra-condensed 14px / 20px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: underline;\n text-transform: none;\n}\n.control.font-face-button {\n font: 600 ultra-condensed 14px / 100% SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-button-dense {\n font: 600 ultra-condensed 12px / 100% SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-button-enlarge {\n font: 600 ultra-condensed 16px / 100% SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-caption {\n font: 400 ultra-condensed 12px / 16px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-caption-bold {\n font: 600 ultra-condensed 12px / 16px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-caption-code {\n font: 400 ultra-condensed 12px / 16px SpeziaMonoWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-caption-link {\n font: 400 ultra-condensed 12px / 16px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: underline;\n text-transform: none;\n}\n.control.font-face-headline-1 {\n font: 500 condensed 66px / 88px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-headline-2 {\n font: 500 condensed 52px / 68px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-subtitle-1 {\n font: 500 condensed 26px / 36px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-subtitle-2 {\n font: 500 condensed 20px / 28px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-title-1 {\n font: 500 condensed 40px / 52px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-title-2 {\n font: 500 condensed 32px / 44px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control:not(.font-face-body-1, .font-face-body-1-bold, .font-face-body-1-code, .font-face-body-1-link, .font-face-body-2, .font-face-body-2-bold, .font-face-body-2-code, .font-face-body-2-link, .font-face-button, .font-face-button-dense, .font-face-button-enlarge, .font-face-caption, .font-face-caption-bold, .font-face-caption-code, .font-face-caption-link, .font-face-headline-1, .font-face-headline-2, .font-face-subtitle-1, .font-face-subtitle-2, .font-face-title-1, .font-face-title-2) {\n font: 400 ultra-condensed 16px / 24px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.connotation-primary {\n --connotation: var(--vvd-color-primary);\n --on-connotation: var(--vvd-color-on-primary);\n}\n\n.control.connotation-cta {\n --connotation: var(--vvd-color-cta);\n --on-connotation: var(--vvd-color-on-cta);\n}\n\n.control.connotation-success {\n --connotation: var(--vvd-color-success);\n --on-connotation: var(--vvd-color-on-success);\n}\n\n.control.connotation-alert {\n --connotation: var(--vvd-color-alert);\n --on-connotation: var(--vvd-color-on-alert);\n}\n\n.control.connotation-announcement {\n --connotation: var(--vvd-color-announcement);\n --on-connotation: var(--vvd-color-on-announcement);\n}\n\n.control.connotation-info {\n --connotation: var(--vvd-color-info);\n --on-connotation: var(--vvd-color-on-info);\n}\n\n.control.font-face-headline-1, .control.font-face-headline-2 {\n --font-face-margin: 2.5rem 0;\n}\n.control.font-face-title-1, .control.font-face-title-2 {\n --font-face-margin: 2rem 0;\n}\n.control.font-face-subtitle-1, .control.font-face-subtitle-2 {\n --font-face-margin: 1.5rem 0;\n}\n.control:not(.font-face-body-1, .font-face-body-1-bold, .font-face-body-1-code, .font-face-body-1-link, .font-face-body-2, .font-face-body-2-bold, .font-face-body-2-code, .font-face-body-2-link, .font-face-button, .font-face-button-dense, .font-face-button-enlarge, .font-face-caption, .font-face-caption-bold, .font-face-caption-code, .font-face-caption-link, .font-face-headline-1, .font-face-headline-2, .font-face-subtitle-1, .font-face-subtitle-2, .font-face-title-1, .font-face-title-2), .control.font-face-body-1, .control.font-face-body-1-bold, .control.font-face-body-1-code, .control.font-face-body-1-link, .control.font-face-body-2, .control.font-face-body-2-bold, .control.font-face-body-2-code, .control.font-face-body-2-link {\n --font-face-margin: 1rem 0;\n}\n\n::slotted(:where(h1, h2, h3, h4, h5, h6, p)) {\n margin: initial;\n}\n\n::slotted(*) {\n color: inherit;\n font: inherit;\n}";
7
8
  styleInject(css_248z);
package/text-anchor/index.js CHANGED
@@ -1,8 +1,9 @@
1
1
  import { d as designSystem } from '../shared/index.js';
2
2
  import { T as TextAnchor } from '../shared/text-anchor.js';
3
3
  import { t as textAnchorTemplate } from '../shared/text-anchor.template.js';
4
- import '../shared/web.dom-collections.iterator.js';
5
4
  import '../shared/affix.js';
5
+ import '../shared/web.dom-collections.iterator.js';
6
+ import '../shared/object-set-prototype-of.js';
6
7
  import '../shared/icon.js';
7
8
  import '../shared/_has.js';
8
9
  import '../shared/anchor.js';
package/tooltip/index.js CHANGED
@@ -7,6 +7,7 @@ import '../elevation/index.js';
7
7
  import '../button/index.js';
8
8
  import '../icon/index.js';
9
9
  import '../shared/icon.js';
10
+ import '../shared/object-set-prototype-of.js';
10
11
  import '../shared/_has.js';
11
12
  import '../shared/when.js';
12
13
  import '../shared/index2.js';
@@ -21,15 +22,12 @@ styleInject(css_248z);
21
22
  class Tooltip extends FoundationElement {
22
23
  constructor() {
23
24
  super(...arguments);
24
- this.text = '';
25
25
  this.open = false;
26
26
  }
27
27
 
28
28
  }
29
29
 
30
- __decorate([attr({
31
- mode: 'fromView'
32
- }), __metadata("design:type", Object)], Tooltip.prototype, "text", void 0);
30
+ __decorate([attr, __metadata("design:type", String)], Tooltip.prototype, "text", void 0);
33
31
 
34
32
  __decorate([attr({
35
33
  mode: 'boolean'