@vonage/vivid 4.9.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 (35) hide show
  1. package/custom-elements.json +180 -2
  2. package/lib/checkbox/checkbox.d.ts +4 -0
  3. package/lib/dialog/dialog.d.ts +4 -0
  4. package/lib/divider/divider.d.ts +11 -2
  5. package/lib/icon/icon.d.ts +2 -1
  6. package/lib/text-field/text-field.d.ts +1 -0
  7. package/package.json +1 -1
  8. package/shared/definition11.cjs +1 -1
  9. package/shared/definition11.js +1 -1
  10. package/shared/definition15.cjs +17 -1
  11. package/shared/definition15.js +17 -1
  12. package/shared/definition20.cjs +15 -10
  13. package/shared/definition20.js +15 -10
  14. package/shared/definition21.cjs +33 -3
  15. package/shared/definition21.js +33 -3
  16. package/shared/definition22.cjs +32 -51
  17. package/shared/definition22.js +33 -52
  18. package/shared/definition29.cjs +1 -1
  19. package/shared/definition29.js +1 -1
  20. package/shared/definition30.cjs +1 -1
  21. package/shared/definition30.js +1 -1
  22. package/shared/definition5.cjs +1 -1
  23. package/shared/definition5.js +1 -1
  24. package/shared/definition56.cjs +4 -0
  25. package/shared/definition56.js +4 -0
  26. package/shared/icon.cjs +11 -5
  27. package/shared/icon.js +11 -5
  28. package/shared/patterns/form-elements/form-elements.d.ts +6 -6
  29. package/styles/core/all.css +1 -1
  30. package/styles/core/theme.css +1 -1
  31. package/styles/core/typography.css +1 -1
  32. package/styles/tokens/theme-dark.css +35 -14
  33. package/styles/tokens/theme-light.css +35 -14
  34. package/styles/tokens/vivid-2-compat.css +1 -1
  35. package/vivid.api.json +10 -1
package/styles/core/typography.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 10 Oct 2024 12:10:49 GMT
3
+ * Generated on Wed, 23 Oct 2024 11:35:04 GMT
4
4
  */
5
5
  .vvd-root:root {
6
6
  --vvd-size-font-scale-base: 1rem;
package/styles/tokens/theme-dark.css CHANGED
@@ -1,18 +1,18 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 10 Oct 2024 12:10:49 GMT
3
+ * Generated on Wed, 23 Oct 2024 11:35:04 GMT
4
4
  */
5
5
  /**
6
6
  * Do not edit directly
7
- * Generated on Thu, 10 Oct 2024 12:10:49 GMT
7
+ * Generated on Wed, 23 Oct 2024 11:35:04 GMT
8
8
  */
9
9
  /**
10
10
  * Do not edit directly
11
- * Generated on Thu, 10 Oct 2024 12:10:49 GMT
11
+ * Generated on Wed, 23 Oct 2024 11:35:04 GMT
12
12
  */
13
13
  /**
14
14
  * Do not edit directly
15
- * Generated on Thu, 10 Oct 2024 12:10:49 GMT
15
+ * Generated on Wed, 23 Oct 2024 11:35:04 GMT
16
16
  */
17
17
  @property --vvd-size-density {
18
18
  syntax: "<integer>";
@@ -79,16 +79,6 @@
79
79
  --vvd-color-announcement-700: #f8b9e7;
80
80
  --vvd-color-announcement-800: #ffdcf7;
81
81
  --vvd-color-announcement-900: #ffedfb;
82
- --vvd-color-alert-50: #3e0004;
83
- --vvd-color-alert-100: #6e0000;
84
- --vvd-color-alert-200: #9f0202;
85
- --vvd-color-alert-300: #cd0d0d;
86
- --vvd-color-alert-400: #e61d1d;
87
- --vvd-color-alert-500: #f75959;
88
- --vvd-color-alert-600: #fe9696;
89
- --vvd-color-alert-700: #ffbbbb;
90
- --vvd-color-alert-800: #fedfdf;
91
- --vvd-color-alert-900: #ffeef2;
92
82
  --vvd-color-success-50: #0a1e11;
93
83
  --vvd-color-success-100: #183a1e;
94
84
  --vvd-color-success-200: #155923;
@@ -99,6 +89,26 @@
99
89
  --vvd-color-success-700: #86e090;
100
90
  --vvd-color-success-800: #cfeed4;
101
91
  --vvd-color-success-900: #e1f8e5;
92
+ --vvd-color-alert-50: #3e0004;
93
+ --vvd-color-alert-100: #6e0000;
94
+ --vvd-color-alert-200: #9f0202;
95
+ --vvd-color-alert-300: #cd0d0d;
96
+ --vvd-color-alert-400: #e61d1d;
97
+ --vvd-color-alert-500: #f75959;
98
+ --vvd-color-alert-600: #fe9696;
99
+ --vvd-color-alert-700: #ffbbbb;
100
+ --vvd-color-alert-800: #fedfdf;
101
+ --vvd-color-alert-900: #ffeef2;
102
+ --vvd-color-neutral-tint-50: #191828;
103
+ --vvd-color-neutral-tint-100: #31304f;
104
+ --vvd-color-neutral-tint-200: #494977;
105
+ --vvd-color-neutral-tint-300: #63628d;
106
+ --vvd-color-neutral-tint-400: #727198;
107
+ --vvd-color-neutral-tint-500: #908fae;
108
+ --vvd-color-neutral-tint-600: #b2b1c7;
109
+ --vvd-color-neutral-tint-700: #cbcbd9;
110
+ --vvd-color-neutral-tint-800: #e5e5ec;
111
+ --vvd-color-neutral-tint-900: #f2f3f9;
102
112
  --vvd-color-surface-0dp: #0d0d0d;
103
113
  --vvd-color-surface-2dp: linear-gradient(#ffffff0f, #ffffff0f), #0d0d0d;
104
114
  --vvd-color-surface-4dp: linear-gradient(#ffffff14, #ffffff14), #0d0d0d;
@@ -209,6 +219,17 @@
209
219
  --vvd-color-alert-800: #6e0000;
210
220
  --vvd-color-alert-900: #3e0004;
211
221
  --vvd-color-alert-950: #250004;
222
+ --vvd-color-neutral-tint-50: #f2f3f9;
223
+ --vvd-color-neutral-tint-100: #e5e5ec;
224
+ --vvd-color-neutral-tint-200: #cbcbd9;
225
+ --vvd-color-neutral-tint-300: #b2b1c7;
226
+ --vvd-color-neutral-tint-400: #908fae;
227
+ --vvd-color-neutral-tint-500: #727198;
228
+ --vvd-color-neutral-tint-600: #63628d;
229
+ --vvd-color-neutral-tint-700: #494977;
230
+ --vvd-color-neutral-tint-800: #31304f;
231
+ --vvd-color-neutral-tint-900: #191828;
232
+ --vvd-color-neutral-tint-950: #0d0c15;
212
233
  --vvd-color-surface-0dp: #ffffff;
213
234
  --vvd-color-surface-2dp: #ffffff;
214
235
  --vvd-color-surface-4dp: #ffffff;
package/styles/tokens/theme-light.css CHANGED
@@ -1,18 +1,18 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 10 Oct 2024 12:10:49 GMT
3
+ * Generated on Wed, 23 Oct 2024 11:35:04 GMT
4
4
  */
5
5
  /**
6
6
  * Do not edit directly
7
- * Generated on Thu, 10 Oct 2024 12:10:49 GMT
7
+ * Generated on Wed, 23 Oct 2024 11:35:04 GMT
8
8
  */
9
9
  /**
10
10
  * Do not edit directly
11
- * Generated on Thu, 10 Oct 2024 12:10:49 GMT
11
+ * Generated on Wed, 23 Oct 2024 11:35:04 GMT
12
12
  */
13
13
  /**
14
14
  * Do not edit directly
15
- * Generated on Thu, 10 Oct 2024 12:10:49 GMT
15
+ * Generated on Wed, 23 Oct 2024 11:35:04 GMT
16
16
  */
17
17
  @property --vvd-size-density {
18
18
  syntax: "<integer>";
@@ -105,6 +105,17 @@
105
105
  --vvd-color-alert-800: #6e0000;
106
106
  --vvd-color-alert-900: #3e0004;
107
107
  --vvd-color-alert-950: #250004;
108
+ --vvd-color-neutral-tint-50: #f2f3f9;
109
+ --vvd-color-neutral-tint-100: #e5e5ec;
110
+ --vvd-color-neutral-tint-200: #cbcbd9;
111
+ --vvd-color-neutral-tint-300: #b2b1c7;
112
+ --vvd-color-neutral-tint-400: #908fae;
113
+ --vvd-color-neutral-tint-500: #727198;
114
+ --vvd-color-neutral-tint-600: #63628d;
115
+ --vvd-color-neutral-tint-700: #494977;
116
+ --vvd-color-neutral-tint-800: #31304f;
117
+ --vvd-color-neutral-tint-900: #191828;
118
+ --vvd-color-neutral-tint-950: #0d0c15;
108
119
  --vvd-color-surface-0dp: #ffffff;
109
120
  --vvd-color-surface-2dp: #ffffff;
110
121
  --vvd-color-surface-4dp: #ffffff;
@@ -189,16 +200,6 @@
189
200
  --vvd-color-announcement-700: #f8b9e7;
190
201
  --vvd-color-announcement-800: #ffdcf7;
191
202
  --vvd-color-announcement-900: #ffedfb;
192
- --vvd-color-alert-50: #3e0004;
193
- --vvd-color-alert-100: #6e0000;
194
- --vvd-color-alert-200: #9f0202;
195
- --vvd-color-alert-300: #cd0d0d;
196
- --vvd-color-alert-400: #e61d1d;
197
- --vvd-color-alert-500: #f75959;
198
- --vvd-color-alert-600: #fe9696;
199
- --vvd-color-alert-700: #ffbbbb;
200
- --vvd-color-alert-800: #fedfdf;
201
- --vvd-color-alert-900: #ffeef2;
202
203
  --vvd-color-success-50: #0a1e11;
203
204
  --vvd-color-success-100: #183a1e;
204
205
  --vvd-color-success-200: #155923;
@@ -209,6 +210,26 @@
209
210
  --vvd-color-success-700: #86e090;
210
211
  --vvd-color-success-800: #cfeed4;
211
212
  --vvd-color-success-900: #e1f8e5;
213
+ --vvd-color-alert-50: #3e0004;
214
+ --vvd-color-alert-100: #6e0000;
215
+ --vvd-color-alert-200: #9f0202;
216
+ --vvd-color-alert-300: #cd0d0d;
217
+ --vvd-color-alert-400: #e61d1d;
218
+ --vvd-color-alert-500: #f75959;
219
+ --vvd-color-alert-600: #fe9696;
220
+ --vvd-color-alert-700: #ffbbbb;
221
+ --vvd-color-alert-800: #fedfdf;
222
+ --vvd-color-alert-900: #ffeef2;
223
+ --vvd-color-neutral-tint-50: #191828;
224
+ --vvd-color-neutral-tint-100: #31304f;
225
+ --vvd-color-neutral-tint-200: #494977;
226
+ --vvd-color-neutral-tint-300: #63628d;
227
+ --vvd-color-neutral-tint-400: #727198;
228
+ --vvd-color-neutral-tint-500: #908fae;
229
+ --vvd-color-neutral-tint-600: #b2b1c7;
230
+ --vvd-color-neutral-tint-700: #cbcbd9;
231
+ --vvd-color-neutral-tint-800: #e5e5ec;
232
+ --vvd-color-neutral-tint-900: #f2f3f9;
212
233
  --vvd-color-surface-0dp: #0d0d0d;
213
234
  --vvd-color-surface-2dp: linear-gradient(#ffffff0f, #ffffff0f), #0d0d0d;
214
235
  --vvd-color-surface-4dp: linear-gradient(#ffffff14, #ffffff14), #0d0d0d;
package/styles/tokens/vivid-2-compat.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 10 Oct 2024 12:10:49 GMT
3
+ * Generated on Wed, 23 Oct 2024 11:35:04 GMT
4
4
  */
5
5
  .vvd-root, ::part(vvd-root),
6
6
  .vvd-theme-alternate, ::part(vvd-theme-alternate) {
package/vivid.api.json CHANGED
@@ -3857,6 +3857,15 @@
3857
3857
  "text": "Connotation.Information",
3858
3858
  "canonicalReference": "@vonage/vivid!Connotation.Information:member"
3859
3859
  },
3860
+ {
3861
+ "kind": "Content",
3862
+ "text": " | "
3863
+ },
3864
+ {
3865
+ "kind": "Reference",
3866
+ "text": "Connotation.Announcement",
3867
+ "canonicalReference": "@vonage/vivid!Connotation.Announcement:member"
3868
+ },
3860
3869
  {
3861
3870
  "kind": "Content",
3862
3871
  "text": ">"
@@ -3871,7 +3880,7 @@
3871
3880
  "name": "IconConnotation",
3872
3881
  "typeTokenRange": {
3873
3882
  "startIndex": 1,
3874
- "endIndex": 17
3883
+ "endIndex": 19
3875
3884
  }
3876
3885
  },
3877
3886
  {