@vonage/vivid 3.41.0 → 3.42.1

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 (71) hide show
  1. package/custom-elements.json +157 -52
  2. package/lib/dialog/dialog.d.ts +0 -2
  3. package/lib/selectable-box/selectable-box.d.ts +1 -0
  4. package/lib/split-button/split-button.d.ts +1 -1
  5. package/listbox/index.js +1 -1
  6. package/package.json +1 -1
  7. package/shared/definition.js +1 -1
  8. package/shared/definition11.js +1 -7
  9. package/shared/definition12.js +1 -1
  10. package/shared/definition13.js +5 -5
  11. package/shared/definition14.js +1 -1
  12. package/shared/definition15.js +19 -8
  13. package/shared/definition16.js +1 -1
  14. package/shared/definition17.js +2 -2
  15. package/shared/definition18.js +4 -1
  16. package/shared/definition19.js +4 -1
  17. package/shared/definition2.js +1 -1
  18. package/shared/definition20.js +1 -11
  19. package/shared/definition21.js +1 -1
  20. package/shared/definition22.js +1 -1
  21. package/shared/definition23.js +1 -7
  22. package/shared/definition24.js +1 -1
  23. package/shared/definition25.js +1 -1
  24. package/shared/definition28.js +1 -1
  25. package/shared/definition29.js +1 -1
  26. package/shared/definition3.js +1 -1
  27. package/shared/definition30.js +1 -1
  28. package/shared/definition31.js +1 -1
  29. package/shared/definition33.js +1 -1
  30. package/shared/definition34.js +1 -6
  31. package/shared/definition35.js +1 -1
  32. package/shared/definition36.js +1 -1
  33. package/shared/definition37.js +1 -1
  34. package/shared/definition38.js +1 -1
  35. package/shared/definition39.js +1 -1
  36. package/shared/definition4.js +1 -1
  37. package/shared/definition40.js +1 -1
  38. package/shared/definition41.js +1 -1
  39. package/shared/definition42.js +33 -22
  40. package/shared/definition43.js +1 -1
  41. package/shared/definition44.js +5 -2
  42. package/shared/definition45.js +1 -1
  43. package/shared/definition46.js +1 -1
  44. package/shared/definition48.js +1 -1
  45. package/shared/definition49.js +15 -6
  46. package/shared/definition5.js +1 -1
  47. package/shared/definition51.js +2 -2
  48. package/shared/definition52.js +1 -6
  49. package/shared/definition53.js +0 -6
  50. package/shared/definition54.js +1 -1
  51. package/shared/definition55.js +1 -1
  52. package/shared/definition56.js +1 -1
  53. package/shared/definition58.js +1 -1
  54. package/shared/definition6.js +1 -1
  55. package/shared/definition7.js +1 -1
  56. package/shared/definition8.js +1 -1
  57. package/shared/definition9.js +1 -1
  58. package/shared/icon.js +1 -1
  59. package/shared/index.js +1 -1
  60. package/shared/index2.js +1 -1
  61. package/shared/presentationDate.js +6 -4
  62. package/shared/text-anchor.template.js +0 -5
  63. package/shared/text-field.js +1 -1
  64. package/style.css +173 -108
  65. package/styles/core/all.css +31 -25
  66. package/styles/core/theme.css +1 -1
  67. package/styles/core/typography.css +31 -25
  68. package/styles/tokens/theme-dark.css +4 -4
  69. package/styles/tokens/theme-light.css +4 -4
  70. package/styles/tokens/vivid-2-compat.css +1 -1
  71. package/vivid.api.json +19 -1
package/styles/core/all.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 22 Nov 2023 16:09:43 GMT
3
+ * Generated on Thu, 07 Dec 2023 10:24:56 GMT
4
4
  */
5
5
  .vvd-root {
6
6
  color-scheme: var(--vvd-color-scheme);
@@ -54,7 +54,7 @@
54
54
  font: var(--vvd-typography-base-code);
55
55
  }
56
56
  .vvd-root b, .vvd-root strong {
57
- font: var(--vvd-typography-base-bold);
57
+ font-weight: 600;
58
58
  }
59
59
  .vvd-root pre, .vvd-root var, .vvd-root code, .vvd-root kbd, .vvd-root samp {
60
60
  font: var(--vvd-typography-base-code);
@@ -63,48 +63,59 @@
63
63
  font: var(--vvd-typography-headline);
64
64
  margin-block: 40px;
65
65
  }
66
- .vvd-root .headline.tight {
67
- margin-block: 0;
68
- }
69
66
  .vvd-root .subtitle {
70
67
  font: var(--vvd-typography-subtitle);
71
68
  margin-block: 40px;
72
69
  }
73
- .vvd-root .subtitle.tight {
74
- margin-block: 0;
75
- }
76
70
  .vvd-root h1,
77
71
  .vvd-root .heading1 {
78
72
  font: var(--vvd-typography-heading-1);
79
73
  margin-block: 32px;
80
74
  }
81
- .vvd-root h1.tight,
82
- .vvd-root .heading1.tight {
83
- margin-block: 0;
84
- }
85
75
  .vvd-root h2,
86
76
  .vvd-root .heading2 {
87
77
  font: var(--vvd-typography-heading-2);
88
78
  margin-block: 32px;
89
79
  }
90
- .vvd-root h2.tight,
91
- .vvd-root .heading2.tight {
92
- margin-block: 0;
93
- }
94
80
  .vvd-root h3,
95
81
  .vvd-root .heading3 {
96
82
  font: var(--vvd-typography-heading-3);
97
83
  margin-block: 24px;
98
84
  }
99
- .vvd-root h3.tight,
100
- .vvd-root .heading3.tight {
101
- margin-block: 0;
102
- }
103
85
  .vvd-root h4,
104
86
  .vvd-root .heading4 {
105
87
  font: var(--vvd-typography-heading-4);
106
88
  margin-block: 24px;
107
89
  }
90
+ .vvd-root .headline b, .vvd-root .headline strong,
91
+ .vvd-root .subtitle b,
92
+ .vvd-root .subtitle strong,
93
+ .vvd-root h1 b,
94
+ .vvd-root h1 strong,
95
+ .vvd-root .heading1 b,
96
+ .vvd-root .heading1 strong,
97
+ .vvd-root h2 b,
98
+ .vvd-root h2 strong,
99
+ .vvd-root .heading2 b,
100
+ .vvd-root .heading2 strong,
101
+ .vvd-root h3 b,
102
+ .vvd-root h3 strong,
103
+ .vvd-root .heading3 b,
104
+ .vvd-root .heading3 strong,
105
+ .vvd-root h4 b,
106
+ .vvd-root h4 strong,
107
+ .vvd-root .heading4 b,
108
+ .vvd-root .heading4 strong {
109
+ font-weight: 500;
110
+ }
111
+ .vvd-root .headline.tight,
112
+ .vvd-root .subtitle.tight,
113
+ .vvd-root h1.tight,
114
+ .vvd-root .heading1.tight,
115
+ .vvd-root h2.tight,
116
+ .vvd-root .heading2.tight,
117
+ .vvd-root h3.tight,
118
+ .vvd-root .heading3.tight,
108
119
  .vvd-root h4.tight,
109
120
  .vvd-root .heading4.tight {
110
121
  margin-block: 0;
@@ -113,11 +124,6 @@
113
124
  .vvd-root figcaption {
114
125
  font: var(--vvd-typography-base-condensed);
115
126
  }
116
- .vvd-root small b, .vvd-root small strong,
117
- .vvd-root figcaption b,
118
- .vvd-root figcaption strong {
119
- font: var(--vvd-typography-base-condensed-bold);
120
- }
121
127
  .vvd-root sub,
122
128
  .vvd-root sup {
123
129
  font: var(--vvd-typography-base-condensed);
package/styles/core/theme.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 22 Nov 2023 16:09:43 GMT
3
+ * Generated on Thu, 07 Dec 2023 10:24:56 GMT
4
4
  */
5
5
  .vvd-root {
6
6
  color-scheme: var(--vvd-color-scheme);
package/styles/core/typography.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 22 Nov 2023 16:09:43 GMT
3
+ * Generated on Thu, 07 Dec 2023 10:24:56 GMT
4
4
  */
5
5
  .vvd-root:root {
6
6
  --vvd-size-font-scale-base: 1rem;
@@ -48,7 +48,7 @@
48
48
  font: var(--vvd-typography-base-code);
49
49
  }
50
50
  .vvd-root b, .vvd-root strong {
51
- font: var(--vvd-typography-base-bold);
51
+ font-weight: 600;
52
52
  }
53
53
  .vvd-root pre, .vvd-root var, .vvd-root code, .vvd-root kbd, .vvd-root samp {
54
54
  font: var(--vvd-typography-base-code);
@@ -57,48 +57,59 @@
57
57
  font: var(--vvd-typography-headline);
58
58
  margin-block: 40px;
59
59
  }
60
- .vvd-root .headline.tight {
61
- margin-block: 0;
62
- }
63
60
  .vvd-root .subtitle {
64
61
  font: var(--vvd-typography-subtitle);
65
62
  margin-block: 40px;
66
63
  }
67
- .vvd-root .subtitle.tight {
68
- margin-block: 0;
69
- }
70
64
  .vvd-root h1,
71
65
  .vvd-root .heading1 {
72
66
  font: var(--vvd-typography-heading-1);
73
67
  margin-block: 32px;
74
68
  }
75
- .vvd-root h1.tight,
76
- .vvd-root .heading1.tight {
77
- margin-block: 0;
78
- }
79
69
  .vvd-root h2,
80
70
  .vvd-root .heading2 {
81
71
  font: var(--vvd-typography-heading-2);
82
72
  margin-block: 32px;
83
73
  }
84
- .vvd-root h2.tight,
85
- .vvd-root .heading2.tight {
86
- margin-block: 0;
87
- }
88
74
  .vvd-root h3,
89
75
  .vvd-root .heading3 {
90
76
  font: var(--vvd-typography-heading-3);
91
77
  margin-block: 24px;
92
78
  }
93
- .vvd-root h3.tight,
94
- .vvd-root .heading3.tight {
95
- margin-block: 0;
96
- }
97
79
  .vvd-root h4,
98
80
  .vvd-root .heading4 {
99
81
  font: var(--vvd-typography-heading-4);
100
82
  margin-block: 24px;
101
83
  }
84
+ .vvd-root .headline b, .vvd-root .headline strong,
85
+ .vvd-root .subtitle b,
86
+ .vvd-root .subtitle strong,
87
+ .vvd-root h1 b,
88
+ .vvd-root h1 strong,
89
+ .vvd-root .heading1 b,
90
+ .vvd-root .heading1 strong,
91
+ .vvd-root h2 b,
92
+ .vvd-root h2 strong,
93
+ .vvd-root .heading2 b,
94
+ .vvd-root .heading2 strong,
95
+ .vvd-root h3 b,
96
+ .vvd-root h3 strong,
97
+ .vvd-root .heading3 b,
98
+ .vvd-root .heading3 strong,
99
+ .vvd-root h4 b,
100
+ .vvd-root h4 strong,
101
+ .vvd-root .heading4 b,
102
+ .vvd-root .heading4 strong {
103
+ font-weight: 500;
104
+ }
105
+ .vvd-root .headline.tight,
106
+ .vvd-root .subtitle.tight,
107
+ .vvd-root h1.tight,
108
+ .vvd-root .heading1.tight,
109
+ .vvd-root h2.tight,
110
+ .vvd-root .heading2.tight,
111
+ .vvd-root h3.tight,
112
+ .vvd-root .heading3.tight,
102
113
  .vvd-root h4.tight,
103
114
  .vvd-root .heading4.tight {
104
115
  margin-block: 0;
@@ -107,11 +118,6 @@
107
118
  .vvd-root figcaption {
108
119
  font: var(--vvd-typography-base-condensed);
109
120
  }
110
- .vvd-root small b, .vvd-root small strong,
111
- .vvd-root figcaption b,
112
- .vvd-root figcaption strong {
113
- font: var(--vvd-typography-base-condensed-bold);
114
- }
115
121
  .vvd-root sub,
116
122
  .vvd-root sup {
117
123
  font: var(--vvd-typography-base-condensed);
package/styles/tokens/theme-dark.css CHANGED
@@ -1,18 +1,18 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 22 Nov 2023 16:09:43 GMT
3
+ * Generated on Thu, 07 Dec 2023 10:24:56 GMT
4
4
  */
5
5
  /**
6
6
  * Do not edit directly
7
- * Generated on Wed, 22 Nov 2023 16:09:43 GMT
7
+ * Generated on Thu, 07 Dec 2023 10:24:56 GMT
8
8
  */
9
9
  /**
10
10
  * Do not edit directly
11
- * Generated on Wed, 22 Nov 2023 16:09:43 GMT
11
+ * Generated on Thu, 07 Dec 2023 10:24:56 GMT
12
12
  */
13
13
  /**
14
14
  * Do not edit directly
15
- * Generated on Wed, 22 Nov 2023 16:09:43 GMT
15
+ * Generated on Thu, 07 Dec 2023 10:24:56 GMT
16
16
  */
17
17
  @property --vvd-size-density {
18
18
  syntax: "<integer>";
package/styles/tokens/theme-light.css CHANGED
@@ -1,18 +1,18 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 22 Nov 2023 16:09:43 GMT
3
+ * Generated on Thu, 07 Dec 2023 10:24:56 GMT
4
4
  */
5
5
  /**
6
6
  * Do not edit directly
7
- * Generated on Wed, 22 Nov 2023 16:09:43 GMT
7
+ * Generated on Thu, 07 Dec 2023 10:24:56 GMT
8
8
  */
9
9
  /**
10
10
  * Do not edit directly
11
- * Generated on Wed, 22 Nov 2023 16:09:43 GMT
11
+ * Generated on Thu, 07 Dec 2023 10:24:56 GMT
12
12
  */
13
13
  /**
14
14
  * Do not edit directly
15
- * Generated on Wed, 22 Nov 2023 16:09:43 GMT
15
+ * Generated on Thu, 07 Dec 2023 10:24:56 GMT
16
16
  */
17
17
  @property --vvd-size-density {
18
18
  syntax: "<integer>";
package/styles/tokens/vivid-2-compat.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 22 Nov 2023 16:09:43 GMT
3
+ * Generated on Thu, 07 Dec 2023 10:24:56 GMT
4
4
  */
5
5
  .vvd-root, ::part(vvd-root),
6
6
  .vvd-theme-alternate, ::part(vvd-theme-alternate) {
package/vivid.api.json CHANGED
@@ -7933,6 +7933,24 @@
7933
7933
  "text": "Connotation.CTA",
7934
7934
  "canonicalReference": "@vonage/vivid!Connotation.CTA:member"
7935
7935
  },
7936
+ {
7937
+ "kind": "Content",
7938
+ "text": " | "
7939
+ },
7940
+ {
7941
+ "kind": "Reference",
7942
+ "text": "Connotation.Success",
7943
+ "canonicalReference": "@vonage/vivid!Connotation.Success:member"
7944
+ },
7945
+ {
7946
+ "kind": "Content",
7947
+ "text": " | "
7948
+ },
7949
+ {
7950
+ "kind": "Reference",
7951
+ "text": "Connotation.Alert",
7952
+ "canonicalReference": "@vonage/vivid!Connotation.Alert:member"
7953
+ },
7936
7954
  {
7937
7955
  "kind": "Content",
7938
7956
  "text": ">"
@@ -7947,7 +7965,7 @@
7947
7965
  "name": "SplitButtonConnotation",
7948
7966
  "typeTokenRange": {
7949
7967
  "startIndex": 1,
7950
- "endIndex": 9
7968
+ "endIndex": 13
7951
7969
  }
7952
7970
  },
7953
7971
  {