@vonage/vivid 4.14.0 → 4.14.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 (207) hide show
  1. package/custom-elements.json +130 -23
  2. package/lib/elevation/elevation.d.ts +1 -0
  3. package/lib/radio/radio.form-associated.d.ts +2 -0
  4. package/lib/tabs/tabs.d.ts +0 -5
  5. package/lib/text-anchor/text-anchor.d.ts +2 -2
  6. package/lib/tree-item/tree-item.d.ts +2 -2
  7. package/lib/tree-view/tree-view.d.ts +2 -2
  8. package/listbox/index.cjs +4 -4
  9. package/listbox/index.js +1 -1
  10. package/package.json +1 -1
  11. package/shared/affix.cjs +8 -8
  12. package/shared/affix.js +1 -1
  13. package/shared/anchor.cjs +10 -10
  14. package/shared/anchor.js +1 -1
  15. package/shared/anchored.cjs +6 -6
  16. package/shared/anchored.js +1 -1
  17. package/shared/apply-mixins.cjs +3 -3
  18. package/shared/apply-mixins.js +1 -1
  19. package/shared/apply-mixins2.cjs +3 -3
  20. package/shared/apply-mixins2.js +1 -1
  21. package/shared/applyMixinsWithObservables.cjs +3 -3
  22. package/shared/applyMixinsWithObservables.js +1 -1
  23. package/shared/aria-global.cjs +20 -20
  24. package/shared/aria-global.js +1 -1
  25. package/shared/aria-global2.cjs +40 -40
  26. package/shared/aria-global2.js +2 -2
  27. package/shared/base-progress.cjs +7 -8
  28. package/shared/base-progress.js +2 -3
  29. package/shared/breadcrumb-item.cjs +2 -3
  30. package/shared/breadcrumb-item.js +1 -2
  31. package/shared/button.cjs +10 -11
  32. package/shared/button.js +1 -2
  33. package/shared/calendar-event.cjs +7 -8
  34. package/shared/calendar-event.js +1 -2
  35. package/shared/children.cjs +2 -2
  36. package/shared/children.js +1 -1
  37. package/shared/definition.cjs +14 -15
  38. package/shared/definition.js +1 -2
  39. package/shared/definition10.cjs +5 -6
  40. package/shared/definition10.js +1 -2
  41. package/shared/definition11.cjs +29 -29
  42. package/shared/definition11.js +1 -1
  43. package/shared/definition12.cjs +6 -6
  44. package/shared/definition12.js +1 -1
  45. package/shared/definition13.cjs +13 -14
  46. package/shared/definition13.js +1 -2
  47. package/shared/definition14.cjs +23 -24
  48. package/shared/definition14.js +1 -2
  49. package/shared/definition15.cjs +15 -16
  50. package/shared/definition15.js +1 -2
  51. package/shared/definition16.cjs +20 -19
  52. package/shared/definition16.js +3 -2
  53. package/shared/definition17.cjs +53 -54
  54. package/shared/definition17.js +1 -2
  55. package/shared/definition18.cjs +4 -4
  56. package/shared/definition18.js +1 -1
  57. package/shared/definition19.cjs +12 -12
  58. package/shared/definition19.js +1 -1
  59. package/shared/definition2.cjs +6 -7
  60. package/shared/definition2.js +1 -2
  61. package/shared/definition20.cjs +20 -21
  62. package/shared/definition20.js +1 -2
  63. package/shared/definition21.cjs +27 -28
  64. package/shared/definition21.js +3 -4
  65. package/shared/definition22.cjs +5 -6
  66. package/shared/definition22.js +1 -2
  67. package/shared/definition23.cjs +10 -11
  68. package/shared/definition23.js +1 -2
  69. package/shared/definition24.cjs +8 -8
  70. package/shared/definition24.js +2 -2
  71. package/shared/definition25.cjs +13 -14
  72. package/shared/definition25.js +1 -2
  73. package/shared/definition26.cjs +5 -6
  74. package/shared/definition26.js +1 -2
  75. package/shared/definition27.cjs +11 -12
  76. package/shared/definition27.js +1 -2
  77. package/shared/definition28.cjs +9 -10
  78. package/shared/definition28.js +2 -3
  79. package/shared/definition29.cjs +44 -45
  80. package/shared/definition29.js +2 -3
  81. package/shared/definition3.cjs +8 -9
  82. package/shared/definition3.js +1 -2
  83. package/shared/definition30.cjs +9 -10
  84. package/shared/definition30.js +1 -2
  85. package/shared/definition31.cjs +5 -5
  86. package/shared/definition31.js +1 -1
  87. package/shared/definition32.cjs +3 -4
  88. package/shared/definition32.js +1 -2
  89. package/shared/definition33.cjs +6 -7
  90. package/shared/definition33.js +1 -2
  91. package/shared/definition34.cjs +50 -52
  92. package/shared/definition34.js +2 -4
  93. package/shared/definition35.cjs +24 -25
  94. package/shared/definition35.js +1 -2
  95. package/shared/definition36.cjs +15 -16
  96. package/shared/definition36.js +1 -2
  97. package/shared/definition37.cjs +9 -9
  98. package/shared/definition37.js +1 -1
  99. package/shared/definition38.cjs +10 -10
  100. package/shared/definition38.js +1 -1
  101. package/shared/definition39.cjs +12 -13
  102. package/shared/definition39.js +1 -2
  103. package/shared/definition4.cjs +19 -20
  104. package/shared/definition4.js +1 -2
  105. package/shared/definition40.cjs +61 -13
  106. package/shared/definition40.js +52 -4
  107. package/shared/definition41.cjs +29 -30
  108. package/shared/definition41.js +1 -2
  109. package/shared/definition42.cjs +53 -54
  110. package/shared/definition42.js +2 -3
  111. package/shared/definition43.cjs +31 -31
  112. package/shared/definition43.js +1 -1
  113. package/shared/definition44.cjs +14 -15
  114. package/shared/definition44.js +1 -2
  115. package/shared/definition45.cjs +9 -10
  116. package/shared/definition45.js +1 -2
  117. package/shared/definition46.cjs +26 -27
  118. package/shared/definition46.js +1 -2
  119. package/shared/definition47.cjs +17 -18
  120. package/shared/definition47.js +1 -2
  121. package/shared/definition48.cjs +9 -10
  122. package/shared/definition48.js +1 -2
  123. package/shared/definition49.cjs +3 -4
  124. package/shared/definition49.js +1 -2
  125. package/shared/definition5.cjs +30 -31
  126. package/shared/definition5.js +1 -2
  127. package/shared/definition50.cjs +12 -13
  128. package/shared/definition50.js +1 -2
  129. package/shared/definition51.cjs +87 -72
  130. package/shared/definition51.js +56 -41
  131. package/shared/definition52.cjs +4 -5
  132. package/shared/definition52.js +1 -2
  133. package/shared/definition53.cjs +15 -16
  134. package/shared/definition53.js +1 -2
  135. package/shared/definition54.cjs +20 -21
  136. package/shared/definition54.js +1 -2
  137. package/shared/definition55.cjs +5 -5
  138. package/shared/definition55.js +1 -1
  139. package/shared/definition56.cjs +18 -19
  140. package/shared/definition56.js +1 -2
  141. package/shared/definition57.cjs +10 -11
  142. package/shared/definition57.js +1 -2
  143. package/shared/definition58.cjs +7 -8
  144. package/shared/definition58.js +1 -2
  145. package/shared/definition59.cjs +16 -17
  146. package/shared/definition59.js +2 -3
  147. package/shared/definition6.cjs +11 -12
  148. package/shared/definition6.js +1 -2
  149. package/shared/definition60.cjs +9 -10
  150. package/shared/definition60.js +2 -3
  151. package/shared/definition61.cjs +27 -30
  152. package/shared/definition61.js +17 -20
  153. package/shared/definition62.cjs +12 -9
  154. package/shared/definition62.js +8 -5
  155. package/shared/definition63.cjs +13 -14
  156. package/shared/definition63.js +1 -2
  157. package/shared/definition7.cjs +9 -10
  158. package/shared/definition7.js +1 -2
  159. package/shared/definition8.cjs +14 -15
  160. package/shared/definition8.js +1 -2
  161. package/shared/definition9.cjs +7 -7
  162. package/shared/definition9.js +1 -1
  163. package/shared/form-associated.cjs +14 -14
  164. package/shared/form-associated.js +1 -1
  165. package/shared/form-associated2.cjs +10 -10
  166. package/shared/form-associated2.js +1 -1
  167. package/shared/form-elements.cjs +13 -13
  168. package/shared/form-elements.js +1 -1
  169. package/shared/foundation/progress/base-progress.d.ts +2 -2
  170. package/shared/key-codes2.cjs +1416 -3
  171. package/shared/key-codes2.js +1413 -2
  172. package/shared/listbox.cjs +12 -13
  173. package/shared/listbox.js +1 -2
  174. package/shared/listbox2.cjs +59 -60
  175. package/shared/listbox2.js +2 -3
  176. package/shared/localized.cjs +2 -2
  177. package/shared/localized.js +1 -1
  178. package/shared/presentationDate.cjs +42 -43
  179. package/shared/presentationDate.js +1 -2
  180. package/shared/ref.cjs +2 -2
  181. package/shared/ref.js +1 -1
  182. package/shared/repeat.cjs +15 -15
  183. package/shared/repeat.js +1 -1
  184. package/shared/slider.template.cjs +4 -4
  185. package/shared/slider.template.js +1 -1
  186. package/shared/slotted.cjs +4 -4
  187. package/shared/slotted.js +1 -1
  188. package/shared/text-anchor.cjs +5 -6
  189. package/shared/text-anchor.js +2 -3
  190. package/shared/text-anchor.template.cjs +2 -2
  191. package/shared/text-anchor.template.js +1 -1
  192. package/shared/text-field2.cjs +23 -24
  193. package/shared/text-field2.js +1 -2
  194. package/shared/vivid-element.cjs +2610 -2
  195. package/shared/vivid-element.js +2591 -2
  196. package/styles/core/all.css +40 -1
  197. package/styles/core/theme.css +40 -1
  198. package/styles/core/typography.css +1 -1
  199. package/styles/tokens/theme-dark.css +25 -4
  200. package/styles/tokens/theme-light.css +25 -4
  201. package/styles/tokens/vivid-2-compat.css +1 -1
  202. package/text-anchor/index.cjs +3 -3
  203. package/text-anchor/index.js +1 -1
  204. package/shared/defineVividComponent.cjs +0 -2612
  205. package/shared/defineVividComponent.js +0 -2592
  206. package/shared/foundation-element.cjs +0 -1417
  207. package/shared/foundation-element.js +0 -1414
package/styles/core/all.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 18 Dec 2024 11:54:04 GMT
3
+ * Generated on Wed, 22 Jan 2025 12:46:31 GMT
4
4
  */
5
5
  .vvd-root {
6
6
  color-scheme: var(--vvd-color-scheme);
@@ -28,6 +28,45 @@
28
28
  background-color: var(--scrollbar-thumb-color);
29
29
  }
30
30
 
31
+ .vvd-neutral-tint-elevation {
32
+ --_vvd-tinted-color-surface-0dp: var(--vvd-neutral-tint-color-surface-0dp);
33
+ --_vvd-tinted-color-surface-2dp: var(--vvd-neutral-tint-color-surface-2dp);
34
+ --_vvd-tinted-color-surface-4dp: var(--vvd-neutral-tint-color-surface-4dp);
35
+ --_vvd-tinted-color-surface-8dp: var(--vvd-neutral-tint-color-surface-8dp);
36
+ --_vvd-tinted-color-surface-12dp: var(--vvd-neutral-tint-color-surface-12dp);
37
+ --_vvd-tinted-color-surface-16dp: var(--vvd-neutral-tint-color-surface-16dp);
38
+ --_vvd-tinted-color-surface-24dp: var(--vvd-neutral-tint-color-surface-24dp);
39
+ --_vvd-tinted-shadow-surface-0dp: var(--vvd-neutral-tint-shadow-surface-0dp);
40
+ --_vvd-tinted-shadow-surface-2dp: var(--vvd-neutral-tint-shadow-surface-2dp);
41
+ --_vvd-tinted-shadow-surface-4dp: var(--vvd-neutral-tint-shadow-surface-4dp);
42
+ --_vvd-tinted-shadow-surface-8dp: var(--vvd-neutral-tint-shadow-surface-8dp);
43
+ --_vvd-tinted-shadow-surface-12dp: var(
44
+ --vvd-neutral-tint-shadow-surface-12dp
45
+ );
46
+ --_vvd-tinted-shadow-surface-16dp: var(
47
+ --vvd-neutral-tint-shadow-surface-16dp
48
+ );
49
+ --_vvd-tinted-shadow-surface-24dp: var(
50
+ --vvd-neutral-tint-shadow-surface-24dp
51
+ );
52
+ }
53
+ .vvd-neutral-tint-elevation > * {
54
+ --_vvd-tinted-color-surface-0dp: var(--vvd-color-surface-0dp);
55
+ --_vvd-tinted-color-surface-2dp: var(--vvd-color-surface-2dp);
56
+ --_vvd-tinted-color-surface-4dp: var(--vvd-color-surface-4dp);
57
+ --_vvd-tinted-color-surface-8dp: var(--vvd-color-surface-8dp);
58
+ --_vvd-tinted-color-surface-12dp: var(--vvd-color-surface-12dp);
59
+ --_vvd-tinted-color-surface-16dp: var(--vvd-color-surface-16dp);
60
+ --_vvd-tinted-color-surface-24dp: var(--vvd-color-surface-24dp);
61
+ --_vvd-tinted-shadow-surface-0dp: var(--vvd-shadow-surface-0dp);
62
+ --_vvd-tinted-shadow-surface-2dp: var(--vvd-shadow-surface-2dp);
63
+ --_vvd-tinted-shadow-surface-4dp: var(--vvd-shadow-surface-4dp);
64
+ --_vvd-tinted-shadow-surface-8dp: var(--vvd-shadow-surface-8dp);
65
+ --_vvd-tinted-shadow-surface-12dp: var(--vvd-shadow-surface-12dp);
66
+ --_vvd-tinted-shadow-surface-16dp: var(--vvd-shadow-surface-16dp);
67
+ --_vvd-tinted-shadow-surface-24dp: var(--vvd-shadow-surface-24dp);
68
+ }
69
+
31
70
  .vvd-root:root {
32
71
  --vvd-size-font-scale-base: 1rem;
33
72
  font-size: unset;
package/styles/core/theme.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 18 Dec 2024 11:54:04 GMT
3
+ * Generated on Wed, 22 Jan 2025 12:46:31 GMT
4
4
  */
5
5
  .vvd-root {
6
6
  color-scheme: var(--vvd-color-scheme);
@@ -27,3 +27,42 @@
27
27
  border-radius: 4px;
28
28
  background-color: var(--scrollbar-thumb-color);
29
29
  }
30
+
31
+ .vvd-neutral-tint-elevation {
32
+ --_vvd-tinted-color-surface-0dp: var(--vvd-neutral-tint-color-surface-0dp);
33
+ --_vvd-tinted-color-surface-2dp: var(--vvd-neutral-tint-color-surface-2dp);
34
+ --_vvd-tinted-color-surface-4dp: var(--vvd-neutral-tint-color-surface-4dp);
35
+ --_vvd-tinted-color-surface-8dp: var(--vvd-neutral-tint-color-surface-8dp);
36
+ --_vvd-tinted-color-surface-12dp: var(--vvd-neutral-tint-color-surface-12dp);
37
+ --_vvd-tinted-color-surface-16dp: var(--vvd-neutral-tint-color-surface-16dp);
38
+ --_vvd-tinted-color-surface-24dp: var(--vvd-neutral-tint-color-surface-24dp);
39
+ --_vvd-tinted-shadow-surface-0dp: var(--vvd-neutral-tint-shadow-surface-0dp);
40
+ --_vvd-tinted-shadow-surface-2dp: var(--vvd-neutral-tint-shadow-surface-2dp);
41
+ --_vvd-tinted-shadow-surface-4dp: var(--vvd-neutral-tint-shadow-surface-4dp);
42
+ --_vvd-tinted-shadow-surface-8dp: var(--vvd-neutral-tint-shadow-surface-8dp);
43
+ --_vvd-tinted-shadow-surface-12dp: var(
44
+ --vvd-neutral-tint-shadow-surface-12dp
45
+ );
46
+ --_vvd-tinted-shadow-surface-16dp: var(
47
+ --vvd-neutral-tint-shadow-surface-16dp
48
+ );
49
+ --_vvd-tinted-shadow-surface-24dp: var(
50
+ --vvd-neutral-tint-shadow-surface-24dp
51
+ );
52
+ }
53
+ .vvd-neutral-tint-elevation > * {
54
+ --_vvd-tinted-color-surface-0dp: var(--vvd-color-surface-0dp);
55
+ --_vvd-tinted-color-surface-2dp: var(--vvd-color-surface-2dp);
56
+ --_vvd-tinted-color-surface-4dp: var(--vvd-color-surface-4dp);
57
+ --_vvd-tinted-color-surface-8dp: var(--vvd-color-surface-8dp);
58
+ --_vvd-tinted-color-surface-12dp: var(--vvd-color-surface-12dp);
59
+ --_vvd-tinted-color-surface-16dp: var(--vvd-color-surface-16dp);
60
+ --_vvd-tinted-color-surface-24dp: var(--vvd-color-surface-24dp);
61
+ --_vvd-tinted-shadow-surface-0dp: var(--vvd-shadow-surface-0dp);
62
+ --_vvd-tinted-shadow-surface-2dp: var(--vvd-shadow-surface-2dp);
63
+ --_vvd-tinted-shadow-surface-4dp: var(--vvd-shadow-surface-4dp);
64
+ --_vvd-tinted-shadow-surface-8dp: var(--vvd-shadow-surface-8dp);
65
+ --_vvd-tinted-shadow-surface-12dp: var(--vvd-shadow-surface-12dp);
66
+ --_vvd-tinted-shadow-surface-16dp: var(--vvd-shadow-surface-16dp);
67
+ --_vvd-tinted-shadow-surface-24dp: var(--vvd-shadow-surface-24dp);
68
+ }
package/styles/core/typography.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 18 Dec 2024 11:54:04 GMT
3
+ * Generated on Wed, 22 Jan 2025 12:46:31 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 Wed, 18 Dec 2024 11:54:04 GMT
3
+ * Generated on Wed, 22 Jan 2025 12:46:31 GMT
4
4
  */
5
5
  /**
6
6
  * Do not edit directly
7
- * Generated on Wed, 18 Dec 2024 11:54:04 GMT
7
+ * Generated on Wed, 22 Jan 2025 12:46:31 GMT
8
8
  */
9
9
  /**
10
10
  * Do not edit directly
11
- * Generated on Wed, 18 Dec 2024 11:54:04 GMT
11
+ * Generated on Wed, 22 Jan 2025 12:46:31 GMT
12
12
  */
13
13
  /**
14
14
  * Do not edit directly
15
- * Generated on Wed, 18 Dec 2024 11:54:04 GMT
15
+ * Generated on Wed, 22 Jan 2025 12:46:31 GMT
16
16
  */
17
17
  @property --vvd-size-density {
18
18
  syntax: "<integer>";
@@ -123,6 +123,20 @@
123
123
  --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #00000040) drop-shadow(0px 12px 16px #00000040) drop-shadow(0px 6px 8px #00000040);
124
124
  --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #00000040) drop-shadow(0px 16px 24px #00000040) drop-shadow(0px 8px 12px #00000040);
125
125
  --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000040) drop-shadow(0px 24px 32px #00000040) drop-shadow(0px 12px 16px #00000040);
126
+ --vvd-neutral-tint-color-surface-0dp: #191828;
127
+ --vvd-neutral-tint-color-surface-2dp: linear-gradient(#ffffff08, #ffffff08), #191828;
128
+ --vvd-neutral-tint-color-surface-4dp: linear-gradient(#ffffff0f, #ffffff0f), #191828;
129
+ --vvd-neutral-tint-color-surface-8dp: linear-gradient(#ffffff14, #ffffff14), #191828;
130
+ --vvd-neutral-tint-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #191828;
131
+ --vvd-neutral-tint-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #191828;
132
+ --vvd-neutral-tint-color-surface-24dp: linear-gradient(#ffffff33, #ffffff33), #191828;
133
+ --vvd-neutral-tint-shadow-surface-0dp: drop-shadow(1px 0px 0px #f2f3f91a) drop-shadow(0px 1px 0px #f2f3f91a) drop-shadow(0px -1px 0px #f2f3f91a) drop-shadow(-1px 0px 0px #f2f3f91a);
134
+ --vvd-neutral-tint-shadow-surface-2dp: none;
135
+ --vvd-neutral-tint-shadow-surface-4dp: none;
136
+ --vvd-neutral-tint-shadow-surface-8dp: none;
137
+ --vvd-neutral-tint-shadow-surface-12dp: none;
138
+ --vvd-neutral-tint-shadow-surface-16dp: none;
139
+ --vvd-neutral-tint-shadow-surface-24dp: none;
126
140
  --vvd-typography-headline: 500 calc(var(--vvd-size-font-scale-base, 16px) * 4.125)/1.3333333333333333 Montserrat;
127
141
  --vvd-typography-subtitle: 500 calc(var(--vvd-size-font-scale-base, 16px) * 3.25)/1.3076923076923077 Montserrat;
128
142
  --vvd-typography-heading-1: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2.5)/1.3 Montserrat;
@@ -244,4 +258,11 @@
244
258
  --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #0000001a) drop-shadow(0px 12px 16px #0000000d) drop-shadow(0px 6px 8px #0000000d);
245
259
  --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #0000001a) drop-shadow(0px 16px 24px #0000000d) drop-shadow(0px 8px 12px #0000000d);
246
260
  --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000033) drop-shadow(0px 24px 32px #0000000d) drop-shadow(0px 12px 16px #0000000d);
261
+ --vvd-neutral-tint-shadow-surface-0dp: drop-shadow(1px 0px 0px #31304f1a) drop-shadow(0px 1px 0px #31304f1a) drop-shadow(0px -1px 0px #31304f1a) drop-shadow(-1px 0px 0px #31304f1a);
262
+ --vvd-neutral-tint-shadow-surface-2dp: drop-shadow(0px 1px 4px #26044d1a) drop-shadow(0px 1px 2px #26044d0d) drop-shadow(0px 2px 1px #26044d0d);
263
+ --vvd-neutral-tint-shadow-surface-4dp: drop-shadow(0px 2px 8px #26044d1a) drop-shadow(0px 2px 4px #26044d0d) drop-shadow(0px 4px 2px #26044d0d);
264
+ --vvd-neutral-tint-shadow-surface-8dp: drop-shadow(0px 2px 16px #26044d1a) drop-shadow(0px 8px 8px #26044d0d) drop-shadow(0px 4px 4px #26044d0d);
265
+ --vvd-neutral-tint-shadow-surface-12dp: drop-shadow(0px 4px 24px #26044d1a) drop-shadow(0px 12px 16px #26044d0d) drop-shadow(0px 6px 8px #26044d0d);
266
+ --vvd-neutral-tint-shadow-surface-16dp: drop-shadow(0px 6px 32px #26044d1a) drop-shadow(0px 16px 24px #26044d0d) drop-shadow(0px 8px 12px #26044d0d);
267
+ --vvd-neutral-tint-shadow-surface-24dp: drop-shadow(0px 12px 48px #26044d33) drop-shadow(0px 24px 32px #26044d0d) drop-shadow(0px 12px 16px #26044d0d);
247
268
  }
package/styles/tokens/theme-light.css CHANGED
@@ -1,18 +1,18 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 18 Dec 2024 11:54:04 GMT
3
+ * Generated on Wed, 22 Jan 2025 12:46:31 GMT
4
4
  */
5
5
  /**
6
6
  * Do not edit directly
7
- * Generated on Wed, 18 Dec 2024 11:54:04 GMT
7
+ * Generated on Wed, 22 Jan 2025 12:46:31 GMT
8
8
  */
9
9
  /**
10
10
  * Do not edit directly
11
- * Generated on Wed, 18 Dec 2024 11:54:04 GMT
11
+ * Generated on Wed, 22 Jan 2025 12:46:31 GMT
12
12
  */
13
13
  /**
14
14
  * Do not edit directly
15
- * Generated on Wed, 18 Dec 2024 11:54:04 GMT
15
+ * Generated on Wed, 22 Jan 2025 12:46:31 GMT
16
16
  */
17
17
  @property --vvd-size-density {
18
18
  syntax: "<integer>";
@@ -130,6 +130,13 @@
130
130
  --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #0000001a) drop-shadow(0px 12px 16px #0000000d) drop-shadow(0px 6px 8px #0000000d);
131
131
  --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #0000001a) drop-shadow(0px 16px 24px #0000000d) drop-shadow(0px 8px 12px #0000000d);
132
132
  --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000033) drop-shadow(0px 24px 32px #0000000d) drop-shadow(0px 12px 16px #0000000d);
133
+ --vvd-neutral-tint-shadow-surface-0dp: drop-shadow(1px 0px 0px #31304f1a) drop-shadow(0px 1px 0px #31304f1a) drop-shadow(0px -1px 0px #31304f1a) drop-shadow(-1px 0px 0px #31304f1a);
134
+ --vvd-neutral-tint-shadow-surface-2dp: drop-shadow(0px 1px 4px #26044d1a) drop-shadow(0px 1px 2px #26044d0d) drop-shadow(0px 2px 1px #26044d0d);
135
+ --vvd-neutral-tint-shadow-surface-4dp: drop-shadow(0px 2px 8px #26044d1a) drop-shadow(0px 2px 4px #26044d0d) drop-shadow(0px 4px 2px #26044d0d);
136
+ --vvd-neutral-tint-shadow-surface-8dp: drop-shadow(0px 2px 16px #26044d1a) drop-shadow(0px 8px 8px #26044d0d) drop-shadow(0px 4px 4px #26044d0d);
137
+ --vvd-neutral-tint-shadow-surface-12dp: drop-shadow(0px 4px 24px #26044d1a) drop-shadow(0px 12px 16px #26044d0d) drop-shadow(0px 6px 8px #26044d0d);
138
+ --vvd-neutral-tint-shadow-surface-16dp: drop-shadow(0px 6px 32px #26044d1a) drop-shadow(0px 16px 24px #26044d0d) drop-shadow(0px 8px 12px #26044d0d);
139
+ --vvd-neutral-tint-shadow-surface-24dp: drop-shadow(0px 12px 48px #26044d33) drop-shadow(0px 24px 32px #26044d0d) drop-shadow(0px 12px 16px #26044d0d);
133
140
  --vvd-typography-headline: 500 calc(var(--vvd-size-font-scale-base, 16px) * 4.125)/1.3333333333333333 Montserrat;
134
141
  --vvd-typography-subtitle: 500 calc(var(--vvd-size-font-scale-base, 16px) * 3.25)/1.3076923076923077 Montserrat;
135
142
  --vvd-typography-heading-1: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2.5)/1.3 Montserrat;
@@ -244,4 +251,18 @@
244
251
  --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #00000040) drop-shadow(0px 12px 16px #00000040) drop-shadow(0px 6px 8px #00000040);
245
252
  --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #00000040) drop-shadow(0px 16px 24px #00000040) drop-shadow(0px 8px 12px #00000040);
246
253
  --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000040) drop-shadow(0px 24px 32px #00000040) drop-shadow(0px 12px 16px #00000040);
254
+ --vvd-neutral-tint-color-surface-0dp: #191828;
255
+ --vvd-neutral-tint-color-surface-2dp: linear-gradient(#ffffff08, #ffffff08), #191828;
256
+ --vvd-neutral-tint-color-surface-4dp: linear-gradient(#ffffff0f, #ffffff0f), #191828;
257
+ --vvd-neutral-tint-color-surface-8dp: linear-gradient(#ffffff14, #ffffff14), #191828;
258
+ --vvd-neutral-tint-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #191828;
259
+ --vvd-neutral-tint-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #191828;
260
+ --vvd-neutral-tint-color-surface-24dp: linear-gradient(#ffffff33, #ffffff33), #191828;
261
+ --vvd-neutral-tint-shadow-surface-0dp: drop-shadow(1px 0px 0px #f2f3f91a) drop-shadow(0px 1px 0px #f2f3f91a) drop-shadow(0px -1px 0px #f2f3f91a) drop-shadow(-1px 0px 0px #f2f3f91a);
262
+ --vvd-neutral-tint-shadow-surface-2dp: none;
263
+ --vvd-neutral-tint-shadow-surface-4dp: none;
264
+ --vvd-neutral-tint-shadow-surface-8dp: none;
265
+ --vvd-neutral-tint-shadow-surface-12dp: none;
266
+ --vvd-neutral-tint-shadow-surface-16dp: none;
267
+ --vvd-neutral-tint-shadow-surface-24dp: none;
247
268
  }
package/styles/tokens/vivid-2-compat.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 18 Dec 2024 11:54:04 GMT
3
+ * Generated on Wed, 22 Jan 2025 12:46:31 GMT
4
4
  */
5
5
  .vvd-root, ::part(vvd-root),
6
6
  .vvd-theme-alternate, ::part(vvd-theme-alternate) {
package/text-anchor/index.cjs CHANGED
@@ -1,17 +1,17 @@
1
1
  'use strict';
2
2
 
3
3
  const definition = require('../shared/definition27.cjs');
4
- const defineVividComponent = require('../shared/defineVividComponent.cjs');
4
+ const vividElement = require('../shared/vivid-element.cjs');
5
5
  const textAnchor = require('../shared/text-anchor.cjs');
6
6
  const textAnchor_template = require('../shared/text-anchor.template.cjs');
7
7
 
8
- const textAnchorDefinition = defineVividComponent.defineVividComponent(
8
+ const textAnchorDefinition = vividElement.defineVividComponent(
9
9
  "text-anchor",
10
10
  textAnchor.TextAnchor,
11
11
  textAnchor_template.textAnchorTemplate,
12
12
  [definition.iconDefinition],
13
13
  {}
14
14
  );
15
- const registerTextAnchor = defineVividComponent.createRegisterFunction(textAnchorDefinition);
15
+ const registerTextAnchor = vividElement.createRegisterFunction(textAnchorDefinition);
16
16
 
17
17
  registerTextAnchor();
package/text-anchor/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { i as iconDefinition } from '../shared/definition27.js';
2
- import { f as createRegisterFunction, d as defineVividComponent } from '../shared/defineVividComponent.js';
2
+ import { f as createRegisterFunction, d as defineVividComponent } from '../shared/vivid-element.js';
3
3
  import { T as TextAnchor } from '../shared/text-anchor.js';
4
4
  import { t as textAnchorTemplate } from '../shared/text-anchor.template.js';
5
5