@vonage/vivid 3.0.0 → 3.1.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 (337) hide show
  1. package/README.md +176 -4
  2. package/accordion/index.js +22 -61
  3. package/accordion-item/index.js +16 -118
  4. package/action-group/index.js +5 -0
  5. package/avatar/index.js +11 -0
  6. package/badge/index.js +9 -53
  7. package/banner/index.js +20 -210
  8. package/breadcrumb/index.js +7 -96
  9. package/breadcrumb-item/index.js +15 -46
  10. package/button/index.js +19 -751
  11. package/calendar/index.js +6 -1520
  12. package/calendar-event/index.js +9 -0
  13. package/card/index.js +10 -133
  14. package/checkbox/index.js +16 -0
  15. package/combobox/index.js +35 -0
  16. package/custom-elements.json +6214 -0
  17. package/data-grid/index.js +1104 -0
  18. package/dialog/index.js +24 -0
  19. package/divider/index.js +6 -0
  20. package/elevation/index.js +4 -30
  21. package/fab/index.js +22 -0
  22. package/focus/index.js +4 -2
  23. package/header/index.js +6 -0
  24. package/icon/index.js +8 -36
  25. package/index.js +77 -26
  26. package/layout/index.js +4 -52
  27. package/lib/accordion/accordion.d.ts +3 -7
  28. package/lib/accordion/accordion.template.d.ts +1 -2
  29. package/lib/accordion/definition.d.ts +1 -0
  30. package/lib/accordion/index.d.ts +1 -2
  31. package/lib/accordion-item/accordion-item.d.ts +2 -6
  32. package/lib/accordion-item/accordion-item.template.d.ts +4 -4
  33. package/lib/accordion-item/definition.d.ts +1 -0
  34. package/lib/accordion-item/index.d.ts +1 -3
  35. package/lib/action-group/action-group.d.ts +10 -0
  36. package/lib/{sidenav-item/sidenav-item.template.d.ts → action-group/action-group.template.d.ts} +2 -2
  37. package/lib/action-group/definition.d.ts +1 -0
  38. package/lib/action-group/index.d.ts +1 -0
  39. package/lib/avatar/avatar.d.ts +15 -0
  40. package/lib/avatar/avatar.template.d.ts +4 -0
  41. package/lib/avatar/definition.d.ts +1 -0
  42. package/lib/avatar/index.d.ts +1 -0
  43. package/lib/badge/badge.d.ts +2 -4
  44. package/lib/badge/definition.d.ts +3 -0
  45. package/lib/badge/index.d.ts +1 -3
  46. package/lib/banner/banner.d.ts +1 -1
  47. package/lib/banner/banner.template.d.ts +0 -2
  48. package/lib/banner/definition.d.ts +1 -0
  49. package/lib/banner/index.d.ts +1 -2
  50. package/lib/breadcrumb/breadcrumb.template.d.ts +4 -0
  51. package/lib/breadcrumb/definition.d.ts +1 -0
  52. package/lib/breadcrumb/index.d.ts +1 -2
  53. package/lib/breadcrumb-item/definition.d.ts +1 -0
  54. package/lib/breadcrumb-item/index.d.ts +1 -3
  55. package/lib/button/button.d.ts +3 -2
  56. package/lib/button/definition.d.ts +1 -0
  57. package/lib/button/index.d.ts +1 -21
  58. package/lib/calendar/calendar.d.ts +3 -1
  59. package/lib/calendar/definition.d.ts +1 -0
  60. package/lib/calendar/index.d.ts +1 -3
  61. package/lib/calendar-event/calendar-event.d.ts +14 -0
  62. package/lib/calendar-event/calendar-event.template.d.ts +4 -0
  63. package/lib/calendar-event/definition.d.ts +1 -0
  64. package/lib/calendar-event/index.d.ts +1 -0
  65. package/lib/card/card.d.ts +2 -2
  66. package/lib/card/definition.d.ts +1 -0
  67. package/lib/card/index.d.ts +1 -5
  68. package/lib/checkbox/checkbox.d.ts +5 -0
  69. package/lib/checkbox/checkbox.template.d.ts +4 -0
  70. package/lib/checkbox/definition.d.ts +1 -0
  71. package/lib/checkbox/index.d.ts +1 -0
  72. package/lib/combobox/combobox.d.ts +14 -0
  73. package/lib/combobox/combobox.template.d.ts +4 -0
  74. package/lib/combobox/definition.d.ts +3 -0
  75. package/lib/combobox/index.d.ts +1 -0
  76. package/lib/components.d.ts +44 -16
  77. package/lib/data-grid/data-grid-cell.d.ts +5 -0
  78. package/lib/data-grid/data-grid-cell.template.d.ts +4 -0
  79. package/lib/data-grid/data-grid-row.d.ts +3 -0
  80. package/lib/data-grid/data-grid-row.template.d.ts +3 -0
  81. package/lib/data-grid/data-grid.d.ts +3 -0
  82. package/lib/data-grid/data-grid.options.d.ts +31 -0
  83. package/lib/data-grid/data-grid.template.d.ts +3 -0
  84. package/lib/data-grid/definition.d.ts +6 -0
  85. package/lib/data-grid/index.d.ts +1 -0
  86. package/lib/dialog/definition.d.ts +1 -0
  87. package/lib/dialog/dialog.d.ts +23 -0
  88. package/lib/dialog/dialog.template.d.ts +4 -0
  89. package/lib/dialog/index.d.ts +1 -0
  90. package/lib/divider/definition.d.ts +1 -0
  91. package/lib/divider/divider.d.ts +3 -0
  92. package/lib/divider/divider.template.d.ts +4 -0
  93. package/lib/divider/index.d.ts +1 -0
  94. package/lib/elevation/definition.d.ts +1 -0
  95. package/lib/elevation/elevation.d.ts +1 -0
  96. package/lib/elevation/index.d.ts +1 -2
  97. package/lib/enums.d.ts +19 -6
  98. package/lib/fab/definition.d.ts +3 -0
  99. package/lib/fab/fab.d.ts +13 -0
  100. package/lib/fab/fab.template.d.ts +4 -0
  101. package/lib/fab/index.d.ts +1 -0
  102. package/lib/focus/definition.d.ts +3 -0
  103. package/lib/focus/index.d.ts +1 -2
  104. package/lib/{sidenav-item/index.d.ts → header/definition.d.ts} +2 -2
  105. package/lib/header/header.d.ts +5 -0
  106. package/lib/header/header.template.d.ts +4 -0
  107. package/lib/header/index.d.ts +1 -0
  108. package/lib/icon/definition.d.ts +3 -0
  109. package/lib/icon/icon.d.ts +5 -6
  110. package/lib/icon/index.d.ts +1 -2
  111. package/lib/layout/definition.d.ts +3 -0
  112. package/lib/layout/index.d.ts +1 -2
  113. package/lib/layout/layout.d.ts +4 -4
  114. package/lib/listbox/definition.d.ts +3 -0
  115. package/lib/listbox/index.d.ts +1 -0
  116. package/lib/listbox/listbox.d.ts +6 -0
  117. package/lib/listbox/listbox.template.d.ts +4 -0
  118. package/lib/menu/definition.d.ts +11 -0
  119. package/lib/menu/index.d.ts +1 -0
  120. package/lib/menu/menu.d.ts +10 -0
  121. package/lib/menu/menu.template.d.ts +3 -0
  122. package/lib/menu-item/definition.d.ts +3 -0
  123. package/lib/menu-item/index.d.ts +1 -0
  124. package/lib/menu-item/menu-item.d.ts +8 -0
  125. package/lib/menu-item/menu-item.template.d.ts +5 -0
  126. package/lib/nav/definition.d.ts +3 -0
  127. package/lib/nav/index.d.ts +1 -0
  128. package/lib/nav/nav.d.ts +3 -0
  129. package/lib/nav/nav.template.d.ts +4 -0
  130. package/lib/nav-disclosure/definition.d.ts +3 -0
  131. package/lib/nav-disclosure/index.d.ts +1 -0
  132. package/lib/nav-disclosure/nav-disclosure.d.ts +10 -0
  133. package/lib/nav-disclosure/nav-disclosure.template.d.ts +4 -0
  134. package/lib/nav-item/definition.d.ts +3 -0
  135. package/lib/nav-item/index.d.ts +1 -0
  136. package/lib/{sidenav-item/sidenav-item.d.ts → nav-item/nav-item.d.ts} +2 -2
  137. package/lib/nav-item/nav-item.template.d.ts +4 -0
  138. package/lib/note/definition.d.ts +3 -0
  139. package/lib/note/index.d.ts +1 -0
  140. package/lib/note/note.d.ts +10 -0
  141. package/lib/{text/text.template.d.ts → note/note.template.d.ts} +2 -2
  142. package/lib/number-field/definition.d.ts +4 -0
  143. package/lib/number-field/index.d.ts +1 -0
  144. package/lib/number-field/number-field.d.ts +14 -0
  145. package/lib/number-field/number-field.template.d.ts +4 -0
  146. package/lib/option/definition.d.ts +3 -0
  147. package/lib/option/index.d.ts +1 -0
  148. package/lib/option/option.d.ts +9 -0
  149. package/lib/option/option.template.d.ts +4 -0
  150. package/lib/popup/definition.d.ts +3 -0
  151. package/lib/popup/index.d.ts +1 -4
  152. package/lib/popup/popup.d.ts +8 -4
  153. package/lib/progress/definition.d.ts +3 -0
  154. package/lib/progress/index.d.ts +1 -2
  155. package/lib/progress/progress.d.ts +1 -1
  156. package/lib/progress-ring/definition.d.ts +3 -0
  157. package/lib/progress-ring/index.d.ts +1 -2
  158. package/lib/progress-ring/progress-ring.d.ts +2 -1
  159. package/lib/radio/definition.d.ts +3 -0
  160. package/lib/radio/index.d.ts +1 -0
  161. package/lib/radio/radio.d.ts +4 -0
  162. package/lib/radio/radio.template.d.ts +4 -0
  163. package/lib/radio-group/definition.d.ts +11 -0
  164. package/lib/radio-group/index.d.ts +1 -0
  165. package/lib/radio-group/radio-group.d.ts +4 -0
  166. package/lib/radio-group/radio-group.template.d.ts +4 -0
  167. package/lib/select/definition.d.ts +3 -0
  168. package/lib/select/index.d.ts +1 -0
  169. package/lib/select/select.d.ts +17 -0
  170. package/lib/select/select.template.d.ts +4 -0
  171. package/lib/side-drawer/definition.d.ts +3 -0
  172. package/lib/side-drawer/index.d.ts +1 -2
  173. package/lib/side-drawer/side-drawer.d.ts +3 -2
  174. package/lib/slider/definition.d.ts +3 -0
  175. package/lib/slider/index.d.ts +1 -0
  176. package/lib/slider/slider.d.ts +4 -0
  177. package/lib/slider/slider.template.d.ts +4 -0
  178. package/lib/switch/definition.d.ts +3 -0
  179. package/lib/switch/index.d.ts +1 -0
  180. package/lib/switch/switch.d.ts +7 -0
  181. package/lib/switch/switch.template.d.ts +4 -0
  182. package/lib/tab/definition.d.ts +3 -0
  183. package/lib/tab/index.d.ts +1 -0
  184. package/lib/tab/tab.d.ts +9 -0
  185. package/lib/tab/tab.template.d.ts +3 -0
  186. package/lib/tab-panel/definition.d.ts +3 -0
  187. package/lib/tab-panel/index.d.ts +1 -0
  188. package/lib/tab-panel/tab-panel.d.ts +3 -0
  189. package/lib/tab-panel/tab-panel.template.d.ts +2 -0
  190. package/lib/tabs/definition.d.ts +3 -0
  191. package/lib/tabs/index.d.ts +1 -0
  192. package/lib/tabs/tabs.d.ts +10 -0
  193. package/lib/tabs/tabs.template.d.ts +2 -0
  194. package/lib/text-anchor/definition.d.ts +3 -0
  195. package/lib/text-anchor/index.d.ts +1 -2
  196. package/lib/text-area/definition.d.ts +3 -0
  197. package/lib/text-area/index.d.ts +1 -0
  198. package/lib/text-area/text-area.d.ts +9 -0
  199. package/lib/text-area/text-area.template.d.ts +4 -0
  200. package/lib/text-field/definition.d.ts +3 -0
  201. package/lib/text-field/index.d.ts +1 -0
  202. package/lib/text-field/text-field.d.ts +14 -0
  203. package/lib/text-field/text-field.template.d.ts +4 -0
  204. package/lib/tooltip/definition.d.ts +3 -0
  205. package/lib/tooltip/index.d.ts +1 -3
  206. package/lib/tooltip/tooltip.d.ts +6 -6
  207. package/listbox/index.js +27 -0
  208. package/menu/index.js +30 -0
  209. package/menu-item/index.js +20 -0
  210. package/nav/index.js +4 -0
  211. package/nav-disclosure/index.js +17 -0
  212. package/nav-item/index.js +22 -0
  213. package/note/index.js +15 -0
  214. package/number-field/index.js +459 -0
  215. package/option/index.js +21 -0
  216. package/package.json +21 -11
  217. package/popup/index.js +21 -2062
  218. package/progress/index.js +6 -98
  219. package/progress-ring/index.js +6 -75
  220. package/radio/index.js +12 -0
  221. package/radio-group/index.js +11 -0
  222. package/select/index.js +34 -0
  223. package/shared/affix.js +2 -8
  224. package/shared/anchor.js +10 -2
  225. package/shared/apply-mixins.js +5 -4
  226. package/shared/aria-global.js +2 -86
  227. package/shared/aria.js +9 -0
  228. package/shared/base-progress.js +5 -0
  229. package/shared/breadcrumb-item.js +1 -1
  230. package/shared/button.js +200 -0
  231. package/shared/calendar-event.js +19 -0
  232. package/shared/definition.js +225 -0
  233. package/shared/definition10.js +99 -0
  234. package/shared/definition11.js +48 -0
  235. package/shared/definition12.js +763 -0
  236. package/shared/definition13.js +111 -0
  237. package/shared/definition14.js +114 -0
  238. package/shared/definition15.js +32 -0
  239. package/shared/definition16.js +172 -0
  240. package/shared/definition17.js +727 -0
  241. package/shared/definition18.js +1531 -0
  242. package/shared/definition19.js +261 -0
  243. package/shared/definition2.js +150 -0
  244. package/shared/definition20.js +221 -0
  245. package/shared/definition21.js +78 -0
  246. package/shared/definition22.js +87 -0
  247. package/shared/definition23.js +58 -0
  248. package/shared/definition24.js +44 -0
  249. package/shared/definition25.js +58 -0
  250. package/shared/definition26.js +348 -0
  251. package/shared/definition27.js +363 -0
  252. package/shared/definition28.js +21 -0
  253. package/shared/definition29.js +75 -0
  254. package/shared/definition3.js +29 -0
  255. package/shared/definition30.js +31 -0
  256. package/shared/definition31.js +49 -0
  257. package/shared/definition32.js +94 -0
  258. package/shared/definition33.js +77 -0
  259. package/shared/definition34.js +45 -0
  260. package/shared/definition35.js +435 -0
  261. package/shared/definition36.js +634 -0
  262. package/shared/definition37.js +86 -0
  263. package/shared/definition38.js +592 -0
  264. package/shared/definition39.js +147 -0
  265. package/shared/definition4.js +19 -0
  266. package/shared/definition40.js +67 -0
  267. package/shared/definition41.js +32 -0
  268. package/shared/definition42.js +440 -0
  269. package/shared/definition43.js +282 -0
  270. package/shared/definition44.js +119 -0
  271. package/shared/definition45.js +77 -0
  272. package/shared/definition5.js +38 -0
  273. package/shared/definition6.js +60 -0
  274. package/shared/definition7.js +45 -0
  275. package/shared/definition8.js +113 -0
  276. package/shared/definition9.js +107 -0
  277. package/shared/design-system/index.d.ts +1 -1
  278. package/shared/dialog-polyfill.esm.js +858 -0
  279. package/shared/direction.js +20 -0
  280. package/shared/dom.js +8 -0
  281. package/shared/enums.js +70 -0
  282. package/shared/es.object.assign.js +2 -3
  283. package/shared/es.regexp.to-string.js +59 -0
  284. package/shared/focus.js +5 -0
  285. package/shared/focus2.js +11 -0
  286. package/shared/form-associated.js +466 -0
  287. package/shared/form-elements.js +127 -0
  288. package/shared/icon.js +538 -567
  289. package/shared/index.js +1664 -83
  290. package/shared/key-codes.js +100 -0
  291. package/shared/listbox.js +995 -0
  292. package/shared/numbers.js +34 -0
  293. package/shared/patterns/affix.d.ts +1 -1
  294. package/shared/patterns/focus.d.ts +3 -0
  295. package/shared/patterns/form-elements/form-elements.d.ts +43 -0
  296. package/shared/patterns/form-elements/index.d.ts +1 -0
  297. package/shared/patterns/index.d.ts +2 -0
  298. package/shared/radio.js +127 -0
  299. package/shared/ref.js +41 -0
  300. package/shared/repeat.js +764 -0
  301. package/shared/select.options.js +10 -0
  302. package/shared/slotted.js +1 -1
  303. package/shared/start-end.js +50 -0
  304. package/shared/string-trim.js +40 -0
  305. package/shared/strings.js +9 -0
  306. package/shared/text-anchor.js +0 -2
  307. package/shared/text-anchor.template.js +6 -5
  308. package/shared/text-field.js +3 -0
  309. package/shared/text-field2.js +225 -0
  310. package/shared/to-string.js +51 -0
  311. package/side-drawer/index.js +5 -81
  312. package/slider/index.js +17 -0
  313. package/styles/core/all.css +83 -0
  314. package/styles/core/theme.css +11 -0
  315. package/styles/core/typography.css +77 -0
  316. package/styles/tokens/theme-dark.css +228 -0
  317. package/styles/tokens/theme-light.css +228 -0
  318. package/switch/index.js +18 -0
  319. package/tab/index.js +16 -0
  320. package/tab-panel/index.js +4 -0
  321. package/tabs/index.js +24 -0
  322. package/text-anchor/index.js +11 -6
  323. package/text-area/index.js +23 -0
  324. package/text-field/index.js +24 -0
  325. package/tooltip/index.js +18 -55
  326. package/vivid.api.json +3695 -0
  327. package/lib/text/index.d.ts +0 -2
  328. package/lib/text/text.d.ts +0 -10
  329. package/shared/index2.js +0 -21
  330. package/shared/object-set-prototype-of.js +0 -1009
  331. package/shared/style-inject.es.js +0 -28
  332. package/shared/web.dom-collections.iterator.js +0 -473
  333. package/sidenav-item/index.js +0 -39
  334. package/styles/fonts/spezia.css +0 -23
  335. package/styles/themes/dark.css +0 -205
  336. package/styles/themes/light.css +0 -205
  337. package/text/index.js +0 -46
package/styles/core/typography.css ADDED
@@ -0,0 +1,77 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Fri, 03 Feb 2023 15:57:56 GMT
4
+ */
5
+ .vvd-root:root {
6
+ --vvd-size-font-scale-base: 1rem;
7
+ font-size: unset;
8
+ }
9
+ .vvd-root:root > body {
10
+ font: var(--vvd-typography-base);
11
+ font-feature-settings: "kern"; /* turns on kerning */
12
+ text-rendering: optimizeLegibility; /* emphasise on legibility when rendering, turns on ligatures and kerning */
13
+ -webkit-font-smoothing: antialiased; /* apply font anti-aliasing for Webkit on OSX */
14
+ -moz-osx-font-smoothing: grayscale; /* apply font anti-aliasing for Firefox on OSX */
15
+ }
16
+ .vvd-root:not(:root) {
17
+ font: var(--vvd-typography-base);
18
+ font-feature-settings: "kern"; /* turns on kerning */
19
+ text-rendering: optimizeLegibility; /* emphasise on legibility when rendering, turns on ligatures and kerning */
20
+ -webkit-font-smoothing: antialiased; /* apply font anti-aliasing for Webkit on OSX */
21
+ -moz-osx-font-smoothing: grayscale; /* apply font anti-aliasing for Firefox on OSX */
22
+ }
23
+ .vvd-root p {
24
+ font: var(--vvd-typography-base);
25
+ margin-block: 16px;
26
+ }
27
+ .vvd-root b, .vvd-root strong {
28
+ font: var(--vvd-typography-base-bold);
29
+ }
30
+ .vvd-root pre, .vvd-root var, .vvd-root code, .vvd-root kbd, .vvd-root samp {
31
+ font: var(--vvd-typography-base-code);
32
+ }
33
+ .vvd-root .headline {
34
+ font: var(--vvd-typography-headline);
35
+ margin-block: 40px;
36
+ }
37
+ .vvd-root .subtitle {
38
+ font: var(--vvd-typography-subtitle);
39
+ margin-block: 40px;
40
+ }
41
+ .vvd-root h1, .vvd-root .heading1 {
42
+ font: var(--vvd-typography-heading-1);
43
+ margin-block: 32px;
44
+ }
45
+ .vvd-root h2, .vvd-root .heading2 {
46
+ font: var(--vvd-typography-heading-2);
47
+ margin-block: 32px;
48
+ }
49
+ .vvd-root h3, .vvd-root .heading3 {
50
+ font: var(--vvd-typography-heading-3);
51
+ margin-block: 24px;
52
+ }
53
+ .vvd-root h4, .vvd-root .heading4 {
54
+ font: var(--vvd-typography-heading-4);
55
+ margin-block: 24px;
56
+ }
57
+ .vvd-root small, .vvd-root figcaption {
58
+ font: var(--vvd-typography-base-condensed);
59
+ }
60
+ .vvd-root small b, .vvd-root small strong, .vvd-root figcaption b, .vvd-root figcaption strong {
61
+ font: var(--vvd-typography-base-condensed-bold);
62
+ }
63
+ .vvd-root sub,
64
+ .vvd-root sup {
65
+ font: 75%;
66
+ line-height: 0;
67
+ position: relative;
68
+ vertical-align: baseline;
69
+ }
70
+ .vvd-root sub {
71
+ bottom: -0.25em;
72
+ }
73
+ .vvd-root sup {
74
+ top: -0.5em;
75
+ }
76
+
77
+ /*# sourceMappingURL=typography.css.map */
package/styles/tokens/theme-dark.css ADDED
@@ -0,0 +1,228 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Fri, 03 Feb 2023 15:57:56 GMT
4
+ */
5
+ /**
6
+ * Do not edit directly
7
+ * Generated on Fri, 03 Feb 2023 15:57:56 GMT
8
+ */
9
+ /**
10
+ * Do not edit directly
11
+ * Generated on Fri, 03 Feb 2023 15:57:56 GMT
12
+ */
13
+ /**
14
+ * Do not edit directly
15
+ * Generated on Fri, 03 Feb 2023 15:57:56 GMT
16
+ */
17
+ @property --vvd-size-density {
18
+ syntax: "<integer>";
19
+ inherits: true;
20
+ initial-value: 0;
21
+ }
22
+ @property --vvd-size-font-scale-base {
23
+ syntax: "<length>";
24
+ inherits: true;
25
+ initial-value: 16px;
26
+ }
27
+ .vvd-root, ::part(vvd-root) {
28
+ --vvd-color-scheme: dark;
29
+ --vvd-color-canvas: #000000;
30
+ --vvd-color-canvas-text: #ffffff;
31
+ --vvd-color-neutral-50: #1a1a1a;
32
+ --vvd-color-neutral-100: #333333;
33
+ --vvd-color-neutral-200: #4d4d4d;
34
+ --vvd-color-neutral-300: #666666;
35
+ --vvd-color-neutral-400: #757575;
36
+ --vvd-color-neutral-500: #929292;
37
+ --vvd-color-neutral-600: #b3b3b3;
38
+ --vvd-color-neutral-700: #cccccc;
39
+ --vvd-color-neutral-800: #E6E6E6;
40
+ --vvd-color-neutral-900: #F2F2F2;
41
+ --vvd-color-neutral-950: #ffffff;
42
+ --vvd-color-cta-50: #26044d;
43
+ --vvd-color-cta-100: #440291;
44
+ --vvd-color-cta-200: #6405d1;
45
+ --vvd-color-cta-300: #871eff;
46
+ --vvd-color-cta-400: #9941ff;
47
+ --vvd-color-cta-500: #b27bf2;
48
+ --vvd-color-cta-600: #cba1fa;
49
+ --vvd-color-cta-700: #dcc1fc;
50
+ --vvd-color-cta-800: #ece2fa;
51
+ --vvd-color-cta-900: #f5f0fd;
52
+ --vvd-color-warning-50: #2A1502;
53
+ --vvd-color-warning-100: #522801;
54
+ --vvd-color-warning-200: #803807;
55
+ --vvd-color-warning-300: #A64C03;
56
+ --vvd-color-warning-400: #be5702;
57
+ --vvd-color-warning-500: #e07902;
58
+ --vvd-color-warning-600: #fa9f00;
59
+ --vvd-color-warning-700: #FACC4B;
60
+ --vvd-color-warning-800: #FDEAA0;
61
+ --vvd-color-warning-900: #FDF5D4;
62
+ --vvd-color-information-50: #071939;
63
+ --vvd-color-information-100: #0e306d;
64
+ --vvd-color-information-200: #094a9e;
65
+ --vvd-color-information-300: #0e65c2;
66
+ --vvd-color-information-400: #0276d5;
67
+ --vvd-color-information-500: #2997f0;
68
+ --vvd-color-information-600: #65baff;
69
+ --vvd-color-information-700: #9dd2fe;
70
+ --vvd-color-information-800: #d3e9fc;
71
+ --vvd-color-information-900: #e8f4fb;
72
+ --vvd-color-announcement-50: #32082c;
73
+ --vvd-color-announcement-100: #620256;
74
+ --vvd-color-announcement-200: #8f1669;
75
+ --vvd-color-announcement-300: #bb1e89;
76
+ --vvd-color-announcement-400: #d6219c;
77
+ --vvd-color-announcement-500: #e560bb;
78
+ --vvd-color-announcement-600: #fb8fd8;
79
+ --vvd-color-announcement-700: #f8b9e7;
80
+ --vvd-color-announcement-800: #ffdcf7;
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
+ --vvd-color-success-50: #0a1e11;
93
+ --vvd-color-success-100: #183a1e;
94
+ --vvd-color-success-200: #155923;
95
+ --vvd-color-success-300: #167629;
96
+ --vvd-color-success-400: #1c8731;
97
+ --vvd-color-success-500: #30a849;
98
+ --vvd-color-success-600: #53ca6a;
99
+ --vvd-color-success-700: #86e090;
100
+ --vvd-color-success-800: #cfeed4;
101
+ --vvd-color-success-900: #e1f8e5;
102
+ --vvd-color-surface-0dp: #0d0d0d;
103
+ --vvd-color-surface-2dp: linear-gradient(#ffffff0f, #ffffff0f), #0d0d0d;
104
+ --vvd-color-surface-4dp: linear-gradient(#ffffff14, #ffffff14), #0d0d0d;
105
+ --vvd-color-surface-8dp: linear-gradient(#ffffff1a, #ffffff1a), #0d0d0d;
106
+ --vvd-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #0d0d0d;
107
+ --vvd-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #0d0d0d;
108
+ --vvd-color-surface-24dp: linear-gradient(#ffffff29, #ffffff29), #0d0d0d;
109
+ --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #cccccc) drop-shadow(0px 1px 0px #cccccc) drop-shadow(0px -1px 0px #cccccc) drop-shadow(-1px 0px 0px #cccccc);
110
+ --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #00000040) drop-shadow(0px 1px 2px #00000040) drop-shadow(0px 2px 1px #00000040);
111
+ --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #00000040) drop-shadow(0px 2px 4px #00000040) drop-shadow(0px 4px 4px #00000040);
112
+ --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #00000040) drop-shadow(0px 8px 8px #00000040) drop-shadow(0px 4px 4px #00000040);
113
+ --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #00000040) drop-shadow(0px 12px 16px #00000040) drop-shadow(0px 6px 8px #00000040);
114
+ --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #00000040) drop-shadow(0px 16px 24px #00000040) drop-shadow(0px 8px 12px #00000040);
115
+ --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000040) drop-shadow(0px 24px 32px #00000040) drop-shadow(0px 12px 16px #00000040);
116
+ --vvd-typography-headline: 500 calc(var(--vvd-size-font-scale-base, 16px) * 4.125)/1.3333333333333333 var(--vvd-font-family-upright, Montserrat);
117
+ --vvd-typography-subtitle: 500 calc(var(--vvd-size-font-scale-base, 16px) * 3.25)/1.3076923076923077 var(--vvd-font-family-upright, Montserrat);
118
+ --vvd-typography-heading-1: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2.5)/1.3 var(--vvd-font-family-upright, Montserrat);
119
+ --vvd-typography-heading-2: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2)/1.375 var(--vvd-font-family-upright, Montserrat);
120
+ --vvd-typography-heading-3: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.625)/1.3846153846153846 var(--vvd-font-family-upright, Montserrat);
121
+ --vvd-typography-heading-4: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.25)/1.4 var(--vvd-font-family-upright, Montserrat);
122
+ --vvd-typography-base: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 var(--vvd-font-family-upright, Montserrat);
123
+ --vvd-typography-base-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 var(--vvd-font-family-upright, Montserrat);
124
+ --vvd-typography-base-code: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 var(--vvd-font-family-monospace, Roboto Mono);
125
+ --vvd-typography-base-condensed: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 var(--vvd-font-family-upright, Montserrat);
126
+ --vvd-typography-base-condensed-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 var(--vvd-font-family-upright, Montserrat);
127
+ --vvd-typography-base-extended: 400 calc(var(--vvd-size-font-scale-base, 16px))/1.5 var(--vvd-font-family-upright, Montserrat);
128
+ --vvd-typography-base-extended-bold: 600 calc(var(--vvd-size-font-scale-base, 16px))/1.5 var(--vvd-font-family-upright, Montserrat);
129
+ }
130
+
131
+ .vvd-theme-alternate, ::part(vvd-theme-alternate) {
132
+ --vvd-color-scheme: light;
133
+ --vvd-color-canvas: #ffffff;
134
+ --vvd-color-canvas-text: #0d0d0d;
135
+ --vvd-color-neutral-50: #F2F2F2;
136
+ --vvd-color-neutral-100: #E6E6E6;
137
+ --vvd-color-neutral-200: #cccccc;
138
+ --vvd-color-neutral-300: #b3b3b3;
139
+ --vvd-color-neutral-400: #929292;
140
+ --vvd-color-neutral-500: #757575;
141
+ --vvd-color-neutral-600: #666666;
142
+ --vvd-color-neutral-700: #4d4d4d;
143
+ --vvd-color-neutral-800: #333333;
144
+ --vvd-color-neutral-900: #1a1a1a;
145
+ --vvd-color-neutral-950: #0d0d0d;
146
+ --vvd-color-cta-50: #f5f0fd;
147
+ --vvd-color-cta-100: #ece2fa;
148
+ --vvd-color-cta-200: #dcc1fc;
149
+ --vvd-color-cta-300: #cba1fa;
150
+ --vvd-color-cta-400: #b27bf2;
151
+ --vvd-color-cta-500: #9941ff;
152
+ --vvd-color-cta-600: #871eff;
153
+ --vvd-color-cta-700: #6405d1;
154
+ --vvd-color-cta-800: #440291;
155
+ --vvd-color-cta-900: #26044d;
156
+ --vvd-color-cta-950: #140623;
157
+ --vvd-color-warning-50: #FDF5D4;
158
+ --vvd-color-warning-100: #FDEAA0;
159
+ --vvd-color-warning-200: #FACC4B;
160
+ --vvd-color-warning-300: #fa9f00;
161
+ --vvd-color-warning-400: #e07902;
162
+ --vvd-color-warning-500: #be5702;
163
+ --vvd-color-warning-600: #A64C03;
164
+ --vvd-color-warning-700: #893000;
165
+ --vvd-color-warning-800: #522801;
166
+ --vvd-color-warning-900: #2A1502;
167
+ --vvd-color-warning-950: #150B01;
168
+ --vvd-color-information-50: #e8f4fb;
169
+ --vvd-color-information-100: #d3e9fc;
170
+ --vvd-color-information-200: #9dd2fe;
171
+ --vvd-color-information-300: #65baff;
172
+ --vvd-color-information-400: #2997f0;
173
+ --vvd-color-information-500: #0276d5;
174
+ --vvd-color-information-600: #0e65c2;
175
+ --vvd-color-information-700: #094a9e;
176
+ --vvd-color-information-800: #0e306d;
177
+ --vvd-color-information-900: #071939;
178
+ --vvd-color-information-950: #040d1d;
179
+ --vvd-color-announcement-50: #ffedfb;
180
+ --vvd-color-announcement-100: #ffdcf7;
181
+ --vvd-color-announcement-200: #f8b9e7;
182
+ --vvd-color-announcement-300: #fb8fd8;
183
+ --vvd-color-announcement-400: #e560bb;
184
+ --vvd-color-announcement-500: #d6219c;
185
+ --vvd-color-announcement-600: #bb1e89;
186
+ --vvd-color-announcement-700: #8f1669;
187
+ --vvd-color-announcement-800: #620256;
188
+ --vvd-color-announcement-900: #32082c;
189
+ --vvd-color-announcement-950: #1d031a;
190
+ --vvd-color-success-50: #e1f8e5;
191
+ --vvd-color-success-100: #cfeed4;
192
+ --vvd-color-success-200: #86e090;
193
+ --vvd-color-success-300: #53ca6a;
194
+ --vvd-color-success-400: #30a849;
195
+ --vvd-color-success-500: #1c8731;
196
+ --vvd-color-success-600: #167629;
197
+ --vvd-color-success-700: #155923;
198
+ --vvd-color-success-800: #183a1e;
199
+ --vvd-color-success-900: #0a1e11;
200
+ --vvd-color-success-950: #060f09;
201
+ --vvd-color-alert-50: #ffeef2;
202
+ --vvd-color-alert-100: #fedfdf;
203
+ --vvd-color-alert-200: #ffbbbb;
204
+ --vvd-color-alert-300: #fe9696;
205
+ --vvd-color-alert-400: #f75959;
206
+ --vvd-color-alert-500: #e61d1d;
207
+ --vvd-color-alert-600: #cd0d0d;
208
+ --vvd-color-alert-700: #9f0202;
209
+ --vvd-color-alert-800: #6e0000;
210
+ --vvd-color-alert-900: #3e0004;
211
+ --vvd-color-alert-950: #250004;
212
+ --vvd-color-surface-0dp: #ffffff;
213
+ --vvd-color-surface-2dp: #ffffff;
214
+ --vvd-color-surface-4dp: #ffffff;
215
+ --vvd-color-surface-8dp: #ffffff;
216
+ --vvd-color-surface-12dp: #ffffff;
217
+ --vvd-color-surface-16dp: #ffffff;
218
+ --vvd-color-surface-24dp: #ffffff;
219
+ --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #cccccc) drop-shadow(0px 1px 0px #cccccc) drop-shadow(0px -1px 0px #cccccc) drop-shadow(-1px 0px 0px #cccccc);
220
+ --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #0000001a) drop-shadow(0px 1px 2px #0000000d) drop-shadow(0px 2px 1px #0000000d);
221
+ --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #0000001a) drop-shadow(0px 2px 4px #0000000d) drop-shadow(0px 4px 2px #0000000d);
222
+ --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #0000001a) drop-shadow(0px 8px 8px #0000000d) drop-shadow(0px 4px 4px #0000000d);
223
+ --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #0000001a) drop-shadow(0px 12px 16px #0000000d) drop-shadow(0px 6px 8px #0000000d);
224
+ --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #0000001a) drop-shadow(0px 16px 24px #0000000d) drop-shadow(0px 8px 12px #0000000d);
225
+ --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000033) drop-shadow(0px 24px 32px #0000000d) drop-shadow(0px 12px 16px #0000000d);
226
+ }
227
+
228
+ /*# sourceMappingURL=theme-dark.css.map */
package/styles/tokens/theme-light.css ADDED
@@ -0,0 +1,228 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Fri, 03 Feb 2023 15:57:56 GMT
4
+ */
5
+ /**
6
+ * Do not edit directly
7
+ * Generated on Fri, 03 Feb 2023 15:57:56 GMT
8
+ */
9
+ /**
10
+ * Do not edit directly
11
+ * Generated on Fri, 03 Feb 2023 15:57:56 GMT
12
+ */
13
+ /**
14
+ * Do not edit directly
15
+ * Generated on Fri, 03 Feb 2023 15:57:56 GMT
16
+ */
17
+ @property --vvd-size-density {
18
+ syntax: "<integer>";
19
+ inherits: true;
20
+ initial-value: 0;
21
+ }
22
+ @property --vvd-size-font-scale-base {
23
+ syntax: "<length>";
24
+ inherits: true;
25
+ initial-value: 16px;
26
+ }
27
+ .vvd-root, ::part(vvd-root) {
28
+ --vvd-color-scheme: light;
29
+ --vvd-color-canvas: #ffffff;
30
+ --vvd-color-canvas-text: #0d0d0d;
31
+ --vvd-color-neutral-50: #F2F2F2;
32
+ --vvd-color-neutral-100: #E6E6E6;
33
+ --vvd-color-neutral-200: #cccccc;
34
+ --vvd-color-neutral-300: #b3b3b3;
35
+ --vvd-color-neutral-400: #929292;
36
+ --vvd-color-neutral-500: #757575;
37
+ --vvd-color-neutral-600: #666666;
38
+ --vvd-color-neutral-700: #4d4d4d;
39
+ --vvd-color-neutral-800: #333333;
40
+ --vvd-color-neutral-900: #1a1a1a;
41
+ --vvd-color-neutral-950: #0d0d0d;
42
+ --vvd-color-cta-50: #f5f0fd;
43
+ --vvd-color-cta-100: #ece2fa;
44
+ --vvd-color-cta-200: #dcc1fc;
45
+ --vvd-color-cta-300: #cba1fa;
46
+ --vvd-color-cta-400: #b27bf2;
47
+ --vvd-color-cta-500: #9941ff;
48
+ --vvd-color-cta-600: #871eff;
49
+ --vvd-color-cta-700: #6405d1;
50
+ --vvd-color-cta-800: #440291;
51
+ --vvd-color-cta-900: #26044d;
52
+ --vvd-color-cta-950: #140623;
53
+ --vvd-color-warning-50: #FDF5D4;
54
+ --vvd-color-warning-100: #FDEAA0;
55
+ --vvd-color-warning-200: #FACC4B;
56
+ --vvd-color-warning-300: #fa9f00;
57
+ --vvd-color-warning-400: #e07902;
58
+ --vvd-color-warning-500: #be5702;
59
+ --vvd-color-warning-600: #A64C03;
60
+ --vvd-color-warning-700: #893000;
61
+ --vvd-color-warning-800: #522801;
62
+ --vvd-color-warning-900: #2A1502;
63
+ --vvd-color-warning-950: #150B01;
64
+ --vvd-color-information-50: #e8f4fb;
65
+ --vvd-color-information-100: #d3e9fc;
66
+ --vvd-color-information-200: #9dd2fe;
67
+ --vvd-color-information-300: #65baff;
68
+ --vvd-color-information-400: #2997f0;
69
+ --vvd-color-information-500: #0276d5;
70
+ --vvd-color-information-600: #0e65c2;
71
+ --vvd-color-information-700: #094a9e;
72
+ --vvd-color-information-800: #0e306d;
73
+ --vvd-color-information-900: #071939;
74
+ --vvd-color-information-950: #040d1d;
75
+ --vvd-color-announcement-50: #ffedfb;
76
+ --vvd-color-announcement-100: #ffdcf7;
77
+ --vvd-color-announcement-200: #f8b9e7;
78
+ --vvd-color-announcement-300: #fb8fd8;
79
+ --vvd-color-announcement-400: #e560bb;
80
+ --vvd-color-announcement-500: #d6219c;
81
+ --vvd-color-announcement-600: #bb1e89;
82
+ --vvd-color-announcement-700: #8f1669;
83
+ --vvd-color-announcement-800: #620256;
84
+ --vvd-color-announcement-900: #32082c;
85
+ --vvd-color-announcement-950: #1d031a;
86
+ --vvd-color-success-50: #e1f8e5;
87
+ --vvd-color-success-100: #cfeed4;
88
+ --vvd-color-success-200: #86e090;
89
+ --vvd-color-success-300: #53ca6a;
90
+ --vvd-color-success-400: #30a849;
91
+ --vvd-color-success-500: #1c8731;
92
+ --vvd-color-success-600: #167629;
93
+ --vvd-color-success-700: #155923;
94
+ --vvd-color-success-800: #183a1e;
95
+ --vvd-color-success-900: #0a1e11;
96
+ --vvd-color-success-950: #060f09;
97
+ --vvd-color-alert-50: #ffeef2;
98
+ --vvd-color-alert-100: #fedfdf;
99
+ --vvd-color-alert-200: #ffbbbb;
100
+ --vvd-color-alert-300: #fe9696;
101
+ --vvd-color-alert-400: #f75959;
102
+ --vvd-color-alert-500: #e61d1d;
103
+ --vvd-color-alert-600: #cd0d0d;
104
+ --vvd-color-alert-700: #9f0202;
105
+ --vvd-color-alert-800: #6e0000;
106
+ --vvd-color-alert-900: #3e0004;
107
+ --vvd-color-alert-950: #250004;
108
+ --vvd-color-surface-0dp: #ffffff;
109
+ --vvd-color-surface-2dp: #ffffff;
110
+ --vvd-color-surface-4dp: #ffffff;
111
+ --vvd-color-surface-8dp: #ffffff;
112
+ --vvd-color-surface-12dp: #ffffff;
113
+ --vvd-color-surface-16dp: #ffffff;
114
+ --vvd-color-surface-24dp: #ffffff;
115
+ --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #cccccc) drop-shadow(0px 1px 0px #cccccc) drop-shadow(0px -1px 0px #cccccc) drop-shadow(-1px 0px 0px #cccccc);
116
+ --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #0000001a) drop-shadow(0px 1px 2px #0000000d) drop-shadow(0px 2px 1px #0000000d);
117
+ --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #0000001a) drop-shadow(0px 2px 4px #0000000d) drop-shadow(0px 4px 2px #0000000d);
118
+ --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #0000001a) drop-shadow(0px 8px 8px #0000000d) drop-shadow(0px 4px 4px #0000000d);
119
+ --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #0000001a) drop-shadow(0px 12px 16px #0000000d) drop-shadow(0px 6px 8px #0000000d);
120
+ --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #0000001a) drop-shadow(0px 16px 24px #0000000d) drop-shadow(0px 8px 12px #0000000d);
121
+ --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000033) drop-shadow(0px 24px 32px #0000000d) drop-shadow(0px 12px 16px #0000000d);
122
+ --vvd-typography-headline: 500 calc(var(--vvd-size-font-scale-base, 16px) * 4.125)/1.3333333333333333 var(--vvd-font-family-upright, Montserrat);
123
+ --vvd-typography-subtitle: 500 calc(var(--vvd-size-font-scale-base, 16px) * 3.25)/1.3076923076923077 var(--vvd-font-family-upright, Montserrat);
124
+ --vvd-typography-heading-1: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2.5)/1.3 var(--vvd-font-family-upright, Montserrat);
125
+ --vvd-typography-heading-2: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2)/1.375 var(--vvd-font-family-upright, Montserrat);
126
+ --vvd-typography-heading-3: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.625)/1.3846153846153846 var(--vvd-font-family-upright, Montserrat);
127
+ --vvd-typography-heading-4: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.25)/1.4 var(--vvd-font-family-upright, Montserrat);
128
+ --vvd-typography-base: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 var(--vvd-font-family-upright, Montserrat);
129
+ --vvd-typography-base-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 var(--vvd-font-family-upright, Montserrat);
130
+ --vvd-typography-base-code: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 var(--vvd-font-family-monospace, Roboto Mono);
131
+ --vvd-typography-base-condensed: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 var(--vvd-font-family-upright, Montserrat);
132
+ --vvd-typography-base-condensed-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 var(--vvd-font-family-upright, Montserrat);
133
+ --vvd-typography-base-extended: 400 calc(var(--vvd-size-font-scale-base, 16px))/1.5 var(--vvd-font-family-upright, Montserrat);
134
+ --vvd-typography-base-extended-bold: 600 calc(var(--vvd-size-font-scale-base, 16px))/1.5 var(--vvd-font-family-upright, Montserrat);
135
+ }
136
+
137
+ .vvd-theme-alternate, ::part(vvd-theme-alternate) {
138
+ --vvd-color-scheme: dark;
139
+ --vvd-color-canvas: #000000;
140
+ --vvd-color-canvas-text: #ffffff;
141
+ --vvd-color-neutral-50: #1a1a1a;
142
+ --vvd-color-neutral-100: #333333;
143
+ --vvd-color-neutral-200: #4d4d4d;
144
+ --vvd-color-neutral-300: #666666;
145
+ --vvd-color-neutral-400: #757575;
146
+ --vvd-color-neutral-500: #929292;
147
+ --vvd-color-neutral-600: #b3b3b3;
148
+ --vvd-color-neutral-700: #cccccc;
149
+ --vvd-color-neutral-800: #E6E6E6;
150
+ --vvd-color-neutral-900: #F2F2F2;
151
+ --vvd-color-neutral-950: #ffffff;
152
+ --vvd-color-cta-50: #26044d;
153
+ --vvd-color-cta-100: #440291;
154
+ --vvd-color-cta-200: #6405d1;
155
+ --vvd-color-cta-300: #871eff;
156
+ --vvd-color-cta-400: #9941ff;
157
+ --vvd-color-cta-500: #b27bf2;
158
+ --vvd-color-cta-600: #cba1fa;
159
+ --vvd-color-cta-700: #dcc1fc;
160
+ --vvd-color-cta-800: #ece2fa;
161
+ --vvd-color-cta-900: #f5f0fd;
162
+ --vvd-color-warning-50: #2A1502;
163
+ --vvd-color-warning-100: #522801;
164
+ --vvd-color-warning-200: #803807;
165
+ --vvd-color-warning-300: #A64C03;
166
+ --vvd-color-warning-400: #be5702;
167
+ --vvd-color-warning-500: #e07902;
168
+ --vvd-color-warning-600: #fa9f00;
169
+ --vvd-color-warning-700: #FACC4B;
170
+ --vvd-color-warning-800: #FDEAA0;
171
+ --vvd-color-warning-900: #FDF5D4;
172
+ --vvd-color-information-50: #071939;
173
+ --vvd-color-information-100: #0e306d;
174
+ --vvd-color-information-200: #094a9e;
175
+ --vvd-color-information-300: #0e65c2;
176
+ --vvd-color-information-400: #0276d5;
177
+ --vvd-color-information-500: #2997f0;
178
+ --vvd-color-information-600: #65baff;
179
+ --vvd-color-information-700: #9dd2fe;
180
+ --vvd-color-information-800: #d3e9fc;
181
+ --vvd-color-information-900: #e8f4fb;
182
+ --vvd-color-announcement-50: #32082c;
183
+ --vvd-color-announcement-100: #620256;
184
+ --vvd-color-announcement-200: #8f1669;
185
+ --vvd-color-announcement-300: #bb1e89;
186
+ --vvd-color-announcement-400: #d6219c;
187
+ --vvd-color-announcement-500: #e560bb;
188
+ --vvd-color-announcement-600: #fb8fd8;
189
+ --vvd-color-announcement-700: #f8b9e7;
190
+ --vvd-color-announcement-800: #ffdcf7;
191
+ --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
+ --vvd-color-success-50: #0a1e11;
203
+ --vvd-color-success-100: #183a1e;
204
+ --vvd-color-success-200: #155923;
205
+ --vvd-color-success-300: #167629;
206
+ --vvd-color-success-400: #1c8731;
207
+ --vvd-color-success-500: #30a849;
208
+ --vvd-color-success-600: #53ca6a;
209
+ --vvd-color-success-700: #86e090;
210
+ --vvd-color-success-800: #cfeed4;
211
+ --vvd-color-success-900: #e1f8e5;
212
+ --vvd-color-surface-0dp: #0d0d0d;
213
+ --vvd-color-surface-2dp: linear-gradient(#ffffff0f, #ffffff0f), #0d0d0d;
214
+ --vvd-color-surface-4dp: linear-gradient(#ffffff14, #ffffff14), #0d0d0d;
215
+ --vvd-color-surface-8dp: linear-gradient(#ffffff1a, #ffffff1a), #0d0d0d;
216
+ --vvd-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #0d0d0d;
217
+ --vvd-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #0d0d0d;
218
+ --vvd-color-surface-24dp: linear-gradient(#ffffff29, #ffffff29), #0d0d0d;
219
+ --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #cccccc) drop-shadow(0px 1px 0px #cccccc) drop-shadow(0px -1px 0px #cccccc) drop-shadow(-1px 0px 0px #cccccc);
220
+ --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #00000040) drop-shadow(0px 1px 2px #00000040) drop-shadow(0px 2px 1px #00000040);
221
+ --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #00000040) drop-shadow(0px 2px 4px #00000040) drop-shadow(0px 4px 4px #00000040);
222
+ --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #00000040) drop-shadow(0px 8px 8px #00000040) drop-shadow(0px 4px 4px #00000040);
223
+ --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #00000040) drop-shadow(0px 12px 16px #00000040) drop-shadow(0px 6px 8px #00000040);
224
+ --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #00000040) drop-shadow(0px 16px 24px #00000040) drop-shadow(0px 8px 12px #00000040);
225
+ --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000040) drop-shadow(0px 24px 32px #00000040) drop-shadow(0px 12px 16px #00000040);
226
+ }
227
+
228
+ /*# sourceMappingURL=theme-light.css.map */
package/switch/index.js ADDED
@@ -0,0 +1,18 @@
1
+ import { r as registerSwitch } from '../shared/definition39.js';
2
+ import '../shared/index.js';
3
+ import '../shared/definition3.js';
4
+ import '../shared/icon.js';
5
+ import '../shared/to-string.js';
6
+ import '../shared/string-trim.js';
7
+ import '../shared/_has.js';
8
+ import '../shared/class-names.js';
9
+ import '../shared/when.js';
10
+ import '../shared/definition4.js';
11
+ import '../shared/focus.js';
12
+ import '../shared/form-associated.js';
13
+ import '../shared/key-codes.js';
14
+ import '../shared/affix.js';
15
+ import '../shared/focus2.js';
16
+ import '../shared/form-elements.js';
17
+
18
+ registerSwitch();
package/tab/index.js ADDED
@@ -0,0 +1,16 @@
1
+ import { r as registerTab } from '../shared/definition40.js';
2
+ import '../shared/index.js';
3
+ import '../shared/definition3.js';
4
+ import '../shared/icon.js';
5
+ import '../shared/to-string.js';
6
+ import '../shared/string-trim.js';
7
+ import '../shared/_has.js';
8
+ import '../shared/class-names.js';
9
+ import '../shared/when.js';
10
+ import '../shared/definition4.js';
11
+ import '../shared/focus.js';
12
+ import '../shared/affix.js';
13
+ import '../shared/apply-mixins.js';
14
+ import '../shared/focus2.js';
15
+
16
+ registerTab();
package/tab-panel/index.js ADDED
@@ -0,0 +1,4 @@
1
+ import { r as registerTabPanel } from '../shared/definition41.js';
2
+ import '../shared/index.js';
3
+
4
+ registerTabPanel();
package/tabs/index.js ADDED
@@ -0,0 +1,24 @@
1
+ import { r as registerTabs } from '../shared/definition42.js';
2
+ import '../shared/index.js';
3
+ import '../shared/definition40.js';
4
+ import '../shared/definition3.js';
5
+ import '../shared/icon.js';
6
+ import '../shared/to-string.js';
7
+ import '../shared/string-trim.js';
8
+ import '../shared/_has.js';
9
+ import '../shared/class-names.js';
10
+ import '../shared/when.js';
11
+ import '../shared/definition4.js';
12
+ import '../shared/focus.js';
13
+ import '../shared/affix.js';
14
+ import '../shared/apply-mixins.js';
15
+ import '../shared/focus2.js';
16
+ import '../shared/definition41.js';
17
+ import '../shared/start-end.js';
18
+ import '../shared/ref.js';
19
+ import '../shared/key-codes.js';
20
+ import '../shared/strings.js';
21
+ import '../shared/numbers.js';
22
+ import '../shared/slotted.js';
23
+
24
+ registerTabs();
package/text-anchor/index.js CHANGED
@@ -1,20 +1,25 @@
1
- import { d as designSystem } from '../shared/index.js';
1
+ import { r as registerFactory } 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
4
  import '../shared/affix.js';
5
- import '../shared/web.dom-collections.iterator.js';
6
- import '../shared/object-set-prototype-of.js';
7
5
  import '../shared/icon.js';
6
+ import '../shared/to-string.js';
7
+ import '../shared/string-trim.js';
8
8
  import '../shared/_has.js';
9
9
  import '../shared/anchor.js';
10
10
  import '../shared/apply-mixins.js';
11
11
  import '../shared/aria-global.js';
12
+ import '../shared/start-end.js';
13
+ import '../shared/ref.js';
14
+ import '../shared/focus2.js';
15
+ import '../shared/focus.js';
12
16
  import '../shared/class-names.js';
13
17
 
14
- const vividTextAnchor = TextAnchor.compose({
18
+ const textAnchorDefinition = TextAnchor.compose({
15
19
  baseName: 'text-anchor',
16
20
  template: textAnchorTemplate
17
21
  });
18
- designSystem.register(vividTextAnchor());
22
+ const textAnchorRegistries = [textAnchorDefinition()];
23
+ const registerTextAnchor = registerFactory(textAnchorRegistries);
19
24
 
20
- export { vividTextAnchor };
25
+ registerTextAnchor();
package/text-area/index.js ADDED
@@ -0,0 +1,23 @@
1
+ import { r as registerTextArea } from '../shared/definition43.js';
2
+ import '../shared/index.js';
3
+ import '../shared/definition3.js';
4
+ import '../shared/icon.js';
5
+ import '../shared/to-string.js';
6
+ import '../shared/string-trim.js';
7
+ import '../shared/_has.js';
8
+ import '../shared/class-names.js';
9
+ import '../shared/when.js';
10
+ import '../shared/definition4.js';
11
+ import '../shared/focus.js';
12
+ import '../shared/affix.js';
13
+ import '../shared/form-elements.js';
14
+ import '../shared/text-field2.js';
15
+ import '../shared/apply-mixins.js';
16
+ import '../shared/form-associated.js';
17
+ import '../shared/key-codes.js';
18
+ import '../shared/aria-global.js';
19
+ import '../shared/start-end.js';
20
+ import '../shared/ref.js';
21
+ import '../shared/focus2.js';
22
+
23
+ registerTextArea();