@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/themes/dark.css DELETED
@@ -1,205 +0,0 @@
1
- :root, .vvd-theme-main, ::part(vvd-theme-main) {
2
- --vvd-sizing-4px-scale-3xs: 8px;
3
- --vvd-sizing-4px-scale-2xs: 12px;
4
- --vvd-sizing-4px-scale-xs: 16px;
5
- --vvd-sizing-4px-scale-sm: 20px;
6
- --vvd-sizing-4px-scale-md: 24px;
7
- --vvd-sizing-4px-scale-lg: 28px;
8
- --vvd-sizing-4px-scale-xl: 32px;
9
- --vvd-sizing-4px-scale-2xl: 36px;
10
- --vvd-sizing-4px-scale-3xl: 40px;
11
- --vvd-sizing-8px-scale-3xs: 8px;
12
- --vvd-sizing-8px-scale-2xs: 16px;
13
- --vvd-sizing-8px-scale-xs: 24px;
14
- --vvd-sizing-8px-scale-sm: 32px;
15
- --vvd-sizing-8px-scale-md: 40px;
16
- --vvd-sizing-8px-scale-lg: 48px;
17
- --vvd-sizing-8px-scale-xl: 56px;
18
- --vvd-sizing-8px-scale-2xl: 64px;
19
- --vvd-sizing-8px-scale-3xl: 72px;
20
- --vvd-color-surface-0dp: rgba(13, 13, 13, 1);
21
- --vvd-color-surface-2dp: rgba(28, 28, 28, 1);
22
- --vvd-color-surface-4dp: rgba(32, 32, 32, 1);
23
- --vvd-color-surface-8dp: rgba(37, 37, 37, 1);
24
- --vvd-color-surface-12dp: rgba(42, 42, 42, 1);
25
- --vvd-color-surface-16dp: rgba(47, 47, 47, 1);
26
- --vvd-color-surface-24dp: rgba(52, 52, 52, 1);
27
- --vvd-color-canvas: rgb(13,13,13);
28
- --vvd-color-on-canvas: rgb(255,255,255);
29
- --vvd-color-primary: rgb(255,255,255);
30
- --vvd-color-on-primary: rgb(0,0,0);
31
- --vvd-color-neutral: rgb(146,146,146);
32
- --vvd-color-on-neutral: rgb(0,0,0);
33
- --vvd-color-neutral-10: rgb(26,26,26);
34
- --vvd-color-neutral-20: rgb(51,51,51);
35
- --vvd-color-neutral-30: rgb(77,77,77);
36
- --vvd-color-neutral-40: rgb(102,102,102);
37
- --vvd-color-neutral-50: rgb(117,117,117);
38
- --vvd-color-neutral-70: rgb(179,179,179);
39
- --vvd-color-neutral-80: rgb(204,204,204);
40
- --vvd-color-neutral-90: rgb(230,230,230);
41
- --vvd-color-cta: rgb(178,123,242);
42
- --vvd-color-on-cta: rgb(0,0,0);
43
- --vvd-color-cta-10: rgb(38,4,77);
44
- --vvd-color-cta-20: rgb(68,2,145);
45
- --vvd-color-cta-30: rgb(100,5,209);
46
- --vvd-color-cta-70: rgb(203,161,250);
47
- --vvd-color-cta-80: rgb(220,193,252);
48
- --vvd-color-cta-90: rgb(236,226,250);
49
- --vvd-color-success: rgb(48,168,73);
50
- --vvd-color-on-success: rgb(0,0,0);
51
- --vvd-color-success-10: rgb(10,30,17);
52
- --vvd-color-success-20: rgb(24,58,30);
53
- --vvd-color-success-30: rgb(21,89,35);
54
- --vvd-color-success-70: rgb(83,202,106);
55
- --vvd-color-success-80: rgb(134,224,144);
56
- --vvd-color-success-90: rgb(207,238,212);
57
- --vvd-color-alert: rgb(247,89,89);
58
- --vvd-color-on-alert: rgb(0,0,0);
59
- --vvd-color-alert-10: rgb(62,0,4);
60
- --vvd-color-alert-20: rgb(110,0,0);
61
- --vvd-color-alert-30: rgb(159,2,2);
62
- --vvd-color-alert-70: rgb(254,150,150);
63
- --vvd-color-alert-80: rgb(255,187,187);
64
- --vvd-color-alert-90: rgb(254,223,223);
65
- --vvd-color-warning: rgb(224,121,2);
66
- --vvd-color-on-warning: rgb(0,0,0);
67
- --vvd-color-warning-10: rgb(42,21,2);
68
- --vvd-color-warning-20: rgb(82,40,1);
69
- --vvd-color-warning-30: rgb(128,56,7);
70
- --vvd-color-warning-70: rgb(250,159,0);
71
- --vvd-color-warning-80: rgb(255,195,33);
72
- --vvd-color-warning-90: rgb(253,231,109);
73
- --vvd-color-info: rgb(41,151,240);
74
- --vvd-color-on-info: rgb(0,0,0);
75
- --vvd-color-info-10: rgb(7,25,57);
76
- --vvd-color-info-20: rgb(14,48,109);
77
- --vvd-color-info-30: rgb(9,74,158);
78
- --vvd-color-info-70: rgb(101,186,255);
79
- --vvd-color-info-80: rgb(157,210,254);
80
- --vvd-color-info-90: rgb(211,233,252);
81
- --vvd-color-announcement: rgb(229,96,187);
82
- --vvd-color-on-announcement: rgb(0,0,0);
83
- --vvd-color-announcement-10: rgb(50,8,44);
84
- --vvd-color-announcement-20: rgb(98,2,86);
85
- --vvd-color-announcement-30: rgb(143,22,105);
86
- --vvd-color-announcement-70: rgb(251,143,216);
87
- --vvd-color-announcement-80: rgb(248,185,231);
88
- --vvd-color-announcement-90: rgb(255,220,247);
89
- --vvd-shadow-surface-0dp: drop-shadow(1px 0 0 rgba(77, 77, 77, 1)) drop-shadow(0 1px 0 rgba(77, 77, 77, 1)) drop-shadow(0 -1px 0 rgba(77, 77, 77, 1)) drop-shadow(-1px 0 0 rgba(77, 77, 77, 1));
90
- --vvd-shadow-surface-2dp: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)) drop-shadow(0 2px 1px rgba(0, 0, 0, 0.25));
91
- --vvd-shadow-surface-4dp: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.25)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
92
- --vvd-shadow-surface-8dp: drop-shadow(0 2px 16px rgba(19, 20, 21, 0.25)) drop-shadow(0 8px 8px rgba(19, 20, 21, 0.25)) drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
93
- --vvd-shadow-surface-12dp: drop-shadow(0 4px 24px rgba(0, 0, 0, 0.25)) drop-shadow(0 12px 16px rgba(0, 0, 0, 0.25)) drop-shadow(0 6px 8px rgba(0, 0, 0, 0.25));
94
- --vvd-shadow-surface-16dp: drop-shadow(0 6px 32px rgba(0, 0, 0, 0.25)) drop-shadow(0 16px 24px rgba(0, 0, 0, 0.25)) drop-shadow(0 8px 12px rgba(0, 0, 0, 0.25));
95
- --vvd-shadow-surface-24dp: drop-shadow(0 12px 48px rgba(0, 0, 0, 0.25)) drop-shadow(0 24px 32px rgba(0, 0, 0, 0.25)) drop-shadow(0 12px 16px rgba(0, 0, 0, 0.25));
96
- }
97
- @supports (color-scheme: dark) {
98
- :root, .vvd-theme-main, ::part(vvd-theme-main) {
99
- color-scheme: dark;
100
- }
101
- }
102
-
103
- .vvd-theme-alternate, ::part(vvd-theme-alternate) {
104
- --vvd-sizing-4px-scale-3xs: 8px;
105
- --vvd-sizing-4px-scale-2xs: 12px;
106
- --vvd-sizing-4px-scale-xs: 16px;
107
- --vvd-sizing-4px-scale-sm: 20px;
108
- --vvd-sizing-4px-scale-md: 24px;
109
- --vvd-sizing-4px-scale-lg: 28px;
110
- --vvd-sizing-4px-scale-xl: 32px;
111
- --vvd-sizing-4px-scale-2xl: 36px;
112
- --vvd-sizing-4px-scale-3xl: 40px;
113
- --vvd-sizing-8px-scale-3xs: 8px;
114
- --vvd-sizing-8px-scale-2xs: 16px;
115
- --vvd-sizing-8px-scale-xs: 24px;
116
- --vvd-sizing-8px-scale-sm: 32px;
117
- --vvd-sizing-8px-scale-md: 40px;
118
- --vvd-sizing-8px-scale-lg: 48px;
119
- --vvd-sizing-8px-scale-xl: 56px;
120
- --vvd-sizing-8px-scale-2xl: 64px;
121
- --vvd-sizing-8px-scale-3xl: 72px;
122
- --vvd-color-surface-0dp: rgba(255, 255, 255, 1);
123
- --vvd-color-surface-2dp: rgba(255, 255, 255, 1);
124
- --vvd-color-surface-4dp: rgba(255, 255, 255, 1);
125
- --vvd-color-surface-8dp: rgba(255, 255, 255, 1);
126
- --vvd-color-surface-12dp: rgba(255, 255, 255, 1);
127
- --vvd-color-surface-16dp: rgba(255, 255, 255, 1);
128
- --vvd-color-surface-24dp: rgba(255, 255, 255, 1);
129
- --vvd-color-canvas: rgb(255,255,255);
130
- --vvd-color-on-canvas: rgb(0,0,0);
131
- --vvd-color-primary: rgb(0,0,0);
132
- --vvd-color-on-primary: rgb(255,255,255);
133
- --vvd-color-neutral: rgb(117,117,117);
134
- --vvd-color-on-neutral: rgb(255,255,255);
135
- --vvd-color-neutral-10: rgb(242,242,242);
136
- --vvd-color-neutral-20: rgb(230,230,230);
137
- --vvd-color-neutral-30: rgb(204,204,204);
138
- --vvd-color-neutral-40: rgb(179,179,179);
139
- --vvd-color-neutral-50: rgb(146,146,146);
140
- --vvd-color-neutral-70: rgb(102,102,102);
141
- --vvd-color-neutral-80: rgb(77,77,77);
142
- --vvd-color-neutral-90: rgb(51,51,51);
143
- --vvd-color-cta: rgb(153,65,255);
144
- --vvd-color-on-cta: rgb(255,255,255);
145
- --vvd-color-cta-10: rgb(245,240,253);
146
- --vvd-color-cta-20: rgb(236,226,250);
147
- --vvd-color-cta-30: rgb(220,193,252);
148
- --vvd-color-cta-70: rgb(135,30,255);
149
- --vvd-color-cta-80: rgb(100,5,209);
150
- --vvd-color-cta-90: rgb(68,2,145);
151
- --vvd-color-success: rgb(28,135,49);
152
- --vvd-color-on-success: rgb(255,255,255);
153
- --vvd-color-success-10: rgb(225,248,229);
154
- --vvd-color-success-20: rgb(207,238,212);
155
- --vvd-color-success-30: rgb(134,224,144);
156
- --vvd-color-success-70: rgb(22,118,41);
157
- --vvd-color-success-80: rgb(21,89,35);
158
- --vvd-color-success-90: rgb(24,58,30);
159
- --vvd-color-alert: rgb(230,29,29);
160
- --vvd-color-on-alert: rgb(255,255,255);
161
- --vvd-color-alert-10: rgb(255,238,242);
162
- --vvd-color-alert-20: rgb(254,223,223);
163
- --vvd-color-alert-30: rgb(255,187,187);
164
- --vvd-color-alert-70: rgb(205,13,13);
165
- --vvd-color-alert-80: rgb(159,2,2);
166
- --vvd-color-alert-90: rgb(110,0,0);
167
- --vvd-color-warning: rgb(250,159,0);
168
- --vvd-color-on-warning: rgb(0,0,0);
169
- --vvd-color-warning-10: rgb(252,245,167);
170
- --vvd-color-warning-20: rgb(253,231,109);
171
- --vvd-color-warning-30: rgb(255,195,33);
172
- --vvd-color-warning-70: rgb(166,76,3);
173
- --vvd-color-warning-80: rgb(128,56,7);
174
- --vvd-color-warning-90: rgb(82,40,1);
175
- --vvd-color-info: rgb(2,118,213);
176
- --vvd-color-on-info: rgb(255,255,255);
177
- --vvd-color-info-10: rgb(232,244,251);
178
- --vvd-color-info-20: rgb(211,233,252);
179
- --vvd-color-info-30: rgb(157,210,254);
180
- --vvd-color-info-70: rgb(14,101,194);
181
- --vvd-color-info-80: rgb(9,74,158);
182
- --vvd-color-info-90: rgb(14,48,109);
183
- --vvd-color-announcement: rgb(214,33,156);
184
- --vvd-color-on-announcement: rgb(255,255,255);
185
- --vvd-color-announcement-10: rgb(255,237,251);
186
- --vvd-color-announcement-20: rgb(255,220,247);
187
- --vvd-color-announcement-30: rgb(248,185,231);
188
- --vvd-color-announcement-70: rgb(187,30,137);
189
- --vvd-color-announcement-80: rgb(143,22,105);
190
- --vvd-color-announcement-90: rgb(98,2,86);
191
- --vvd-shadow-surface-0dp: drop-shadow(1px 0 0 rgba(204, 204, 204, 1)) drop-shadow(0 1px 0 rgba(204, 204, 204, 1)) drop-shadow(0 -1px 0 rgba(204, 204, 204, 1)) drop-shadow(-1px 0 0 rgba(204, 204, 204, 1));
192
- --vvd-shadow-surface-2dp: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.05)) drop-shadow(0 2px 1px rgba(0, 0, 0, 0.05));
193
- --vvd-shadow-surface-4dp: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.05)) drop-shadow(0 4px 2px rgba(0, 0, 0, 0.05));
194
- --vvd-shadow-surface-8dp: drop-shadow(0 2px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 8px 8px rgba(0, 0, 0, 0.05)) drop-shadow(0 4px 4px rgba(0, 0, 0, 0.05));
195
- --vvd-shadow-surface-12dp: drop-shadow(0 4px 24px rgba(0, 0, 0, 0.1)) drop-shadow(0 12px 16px rgba(0, 0, 0, 0.05)) drop-shadow(0 6px 8px rgba(0, 0, 0, 0.05));
196
- --vvd-shadow-surface-16dp: drop-shadow(0 6px 32px rgba(0, 0, 0, 0.1)) drop-shadow(0 16px 24px rgba(0, 0, 0, 0.05)) drop-shadow(0 8px 12px rgba(0, 0, 0, 0.05));
197
- --vvd-shadow-surface-24dp: drop-shadow(0 12px 48px rgba(0, 0, 0, 0.2)) drop-shadow(0 24px 32px rgba(0, 0, 0, 0.05)) drop-shadow(0 12px 16px rgba(0, 0, 0, 0.05));
198
- }
199
- @supports (color-scheme: light) {
200
- .vvd-theme-alternate, ::part(vvd-theme-alternate) {
201
- color-scheme: light;
202
- }
203
- }
204
-
205
- /*# sourceMappingURL=dark.css.map */
package/styles/themes/light.css DELETED
@@ -1,205 +0,0 @@
1
- :root, .vvd-theme-main, ::part(vvd-theme-main) {
2
- --vvd-sizing-4px-scale-3xs: 8px;
3
- --vvd-sizing-4px-scale-2xs: 12px;
4
- --vvd-sizing-4px-scale-xs: 16px;
5
- --vvd-sizing-4px-scale-sm: 20px;
6
- --vvd-sizing-4px-scale-md: 24px;
7
- --vvd-sizing-4px-scale-lg: 28px;
8
- --vvd-sizing-4px-scale-xl: 32px;
9
- --vvd-sizing-4px-scale-2xl: 36px;
10
- --vvd-sizing-4px-scale-3xl: 40px;
11
- --vvd-sizing-8px-scale-3xs: 8px;
12
- --vvd-sizing-8px-scale-2xs: 16px;
13
- --vvd-sizing-8px-scale-xs: 24px;
14
- --vvd-sizing-8px-scale-sm: 32px;
15
- --vvd-sizing-8px-scale-md: 40px;
16
- --vvd-sizing-8px-scale-lg: 48px;
17
- --vvd-sizing-8px-scale-xl: 56px;
18
- --vvd-sizing-8px-scale-2xl: 64px;
19
- --vvd-sizing-8px-scale-3xl: 72px;
20
- --vvd-color-surface-0dp: rgba(255, 255, 255, 1);
21
- --vvd-color-surface-2dp: rgba(255, 255, 255, 1);
22
- --vvd-color-surface-4dp: rgba(255, 255, 255, 1);
23
- --vvd-color-surface-8dp: rgba(255, 255, 255, 1);
24
- --vvd-color-surface-12dp: rgba(255, 255, 255, 1);
25
- --vvd-color-surface-16dp: rgba(255, 255, 255, 1);
26
- --vvd-color-surface-24dp: rgba(255, 255, 255, 1);
27
- --vvd-color-canvas: rgb(255,255,255);
28
- --vvd-color-on-canvas: rgb(0,0,0);
29
- --vvd-color-primary: rgb(0,0,0);
30
- --vvd-color-on-primary: rgb(255,255,255);
31
- --vvd-color-neutral: rgb(117,117,117);
32
- --vvd-color-on-neutral: rgb(255,255,255);
33
- --vvd-color-neutral-10: rgb(242,242,242);
34
- --vvd-color-neutral-20: rgb(230,230,230);
35
- --vvd-color-neutral-30: rgb(204,204,204);
36
- --vvd-color-neutral-40: rgb(179,179,179);
37
- --vvd-color-neutral-50: rgb(146,146,146);
38
- --vvd-color-neutral-70: rgb(102,102,102);
39
- --vvd-color-neutral-80: rgb(77,77,77);
40
- --vvd-color-neutral-90: rgb(51,51,51);
41
- --vvd-color-cta: rgb(153,65,255);
42
- --vvd-color-on-cta: rgb(255,255,255);
43
- --vvd-color-cta-10: rgb(245,240,253);
44
- --vvd-color-cta-20: rgb(236,226,250);
45
- --vvd-color-cta-30: rgb(220,193,252);
46
- --vvd-color-cta-70: rgb(135,30,255);
47
- --vvd-color-cta-80: rgb(100,5,209);
48
- --vvd-color-cta-90: rgb(68,2,145);
49
- --vvd-color-success: rgb(28,135,49);
50
- --vvd-color-on-success: rgb(255,255,255);
51
- --vvd-color-success-10: rgb(225,248,229);
52
- --vvd-color-success-20: rgb(207,238,212);
53
- --vvd-color-success-30: rgb(134,224,144);
54
- --vvd-color-success-70: rgb(22,118,41);
55
- --vvd-color-success-80: rgb(21,89,35);
56
- --vvd-color-success-90: rgb(24,58,30);
57
- --vvd-color-alert: rgb(230,29,29);
58
- --vvd-color-on-alert: rgb(255,255,255);
59
- --vvd-color-alert-10: rgb(255,238,242);
60
- --vvd-color-alert-20: rgb(254,223,223);
61
- --vvd-color-alert-30: rgb(255,187,187);
62
- --vvd-color-alert-70: rgb(205,13,13);
63
- --vvd-color-alert-80: rgb(159,2,2);
64
- --vvd-color-alert-90: rgb(110,0,0);
65
- --vvd-color-warning: rgb(250,159,0);
66
- --vvd-color-on-warning: rgb(0,0,0);
67
- --vvd-color-warning-10: rgb(252,245,167);
68
- --vvd-color-warning-20: rgb(253,231,109);
69
- --vvd-color-warning-30: rgb(255,195,33);
70
- --vvd-color-warning-70: rgb(166,76,3);
71
- --vvd-color-warning-80: rgb(128,56,7);
72
- --vvd-color-warning-90: rgb(82,40,1);
73
- --vvd-color-info: rgb(2,118,213);
74
- --vvd-color-on-info: rgb(255,255,255);
75
- --vvd-color-info-10: rgb(232,244,251);
76
- --vvd-color-info-20: rgb(211,233,252);
77
- --vvd-color-info-30: rgb(157,210,254);
78
- --vvd-color-info-70: rgb(14,101,194);
79
- --vvd-color-info-80: rgb(9,74,158);
80
- --vvd-color-info-90: rgb(14,48,109);
81
- --vvd-color-announcement: rgb(214,33,156);
82
- --vvd-color-on-announcement: rgb(255,255,255);
83
- --vvd-color-announcement-10: rgb(255,237,251);
84
- --vvd-color-announcement-20: rgb(255,220,247);
85
- --vvd-color-announcement-30: rgb(248,185,231);
86
- --vvd-color-announcement-70: rgb(187,30,137);
87
- --vvd-color-announcement-80: rgb(143,22,105);
88
- --vvd-color-announcement-90: rgb(98,2,86);
89
- --vvd-shadow-surface-0dp: drop-shadow(1px 0 0 rgba(204, 204, 204, 1)) drop-shadow(0 1px 0 rgba(204, 204, 204, 1)) drop-shadow(0 -1px 0 rgba(204, 204, 204, 1)) drop-shadow(-1px 0 0 rgba(204, 204, 204, 1));
90
- --vvd-shadow-surface-2dp: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.05)) drop-shadow(0 2px 1px rgba(0, 0, 0, 0.05));
91
- --vvd-shadow-surface-4dp: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.05)) drop-shadow(0 4px 2px rgba(0, 0, 0, 0.05));
92
- --vvd-shadow-surface-8dp: drop-shadow(0 2px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 8px 8px rgba(0, 0, 0, 0.05)) drop-shadow(0 4px 4px rgba(0, 0, 0, 0.05));
93
- --vvd-shadow-surface-12dp: drop-shadow(0 4px 24px rgba(0, 0, 0, 0.1)) drop-shadow(0 12px 16px rgba(0, 0, 0, 0.05)) drop-shadow(0 6px 8px rgba(0, 0, 0, 0.05));
94
- --vvd-shadow-surface-16dp: drop-shadow(0 6px 32px rgba(0, 0, 0, 0.1)) drop-shadow(0 16px 24px rgba(0, 0, 0, 0.05)) drop-shadow(0 8px 12px rgba(0, 0, 0, 0.05));
95
- --vvd-shadow-surface-24dp: drop-shadow(0 12px 48px rgba(0, 0, 0, 0.2)) drop-shadow(0 24px 32px rgba(0, 0, 0, 0.05)) drop-shadow(0 12px 16px rgba(0, 0, 0, 0.05));
96
- }
97
- @supports (color-scheme: light) {
98
- :root, .vvd-theme-main, ::part(vvd-theme-main) {
99
- color-scheme: light;
100
- }
101
- }
102
-
103
- .vvd-theme-alternate, ::part(vvd-theme-alternate) {
104
- --vvd-sizing-4px-scale-3xs: 8px;
105
- --vvd-sizing-4px-scale-2xs: 12px;
106
- --vvd-sizing-4px-scale-xs: 16px;
107
- --vvd-sizing-4px-scale-sm: 20px;
108
- --vvd-sizing-4px-scale-md: 24px;
109
- --vvd-sizing-4px-scale-lg: 28px;
110
- --vvd-sizing-4px-scale-xl: 32px;
111
- --vvd-sizing-4px-scale-2xl: 36px;
112
- --vvd-sizing-4px-scale-3xl: 40px;
113
- --vvd-sizing-8px-scale-3xs: 8px;
114
- --vvd-sizing-8px-scale-2xs: 16px;
115
- --vvd-sizing-8px-scale-xs: 24px;
116
- --vvd-sizing-8px-scale-sm: 32px;
117
- --vvd-sizing-8px-scale-md: 40px;
118
- --vvd-sizing-8px-scale-lg: 48px;
119
- --vvd-sizing-8px-scale-xl: 56px;
120
- --vvd-sizing-8px-scale-2xl: 64px;
121
- --vvd-sizing-8px-scale-3xl: 72px;
122
- --vvd-color-surface-0dp: rgba(13, 13, 13, 1);
123
- --vvd-color-surface-2dp: rgba(28, 28, 28, 1);
124
- --vvd-color-surface-4dp: rgba(32, 32, 32, 1);
125
- --vvd-color-surface-8dp: rgba(37, 37, 37, 1);
126
- --vvd-color-surface-12dp: rgba(42, 42, 42, 1);
127
- --vvd-color-surface-16dp: rgba(47, 47, 47, 1);
128
- --vvd-color-surface-24dp: rgba(52, 52, 52, 1);
129
- --vvd-color-canvas: rgb(13,13,13);
130
- --vvd-color-on-canvas: rgb(255,255,255);
131
- --vvd-color-primary: rgb(255,255,255);
132
- --vvd-color-on-primary: rgb(0,0,0);
133
- --vvd-color-neutral: rgb(146,146,146);
134
- --vvd-color-on-neutral: rgb(0,0,0);
135
- --vvd-color-neutral-10: rgb(26,26,26);
136
- --vvd-color-neutral-20: rgb(51,51,51);
137
- --vvd-color-neutral-30: rgb(77,77,77);
138
- --vvd-color-neutral-40: rgb(102,102,102);
139
- --vvd-color-neutral-50: rgb(117,117,117);
140
- --vvd-color-neutral-70: rgb(179,179,179);
141
- --vvd-color-neutral-80: rgb(204,204,204);
142
- --vvd-color-neutral-90: rgb(230,230,230);
143
- --vvd-color-cta: rgb(178,123,242);
144
- --vvd-color-on-cta: rgb(0,0,0);
145
- --vvd-color-cta-10: rgb(38,4,77);
146
- --vvd-color-cta-20: rgb(68,2,145);
147
- --vvd-color-cta-30: rgb(100,5,209);
148
- --vvd-color-cta-70: rgb(203,161,250);
149
- --vvd-color-cta-80: rgb(220,193,252);
150
- --vvd-color-cta-90: rgb(236,226,250);
151
- --vvd-color-success: rgb(48,168,73);
152
- --vvd-color-on-success: rgb(0,0,0);
153
- --vvd-color-success-10: rgb(10,30,17);
154
- --vvd-color-success-20: rgb(24,58,30);
155
- --vvd-color-success-30: rgb(21,89,35);
156
- --vvd-color-success-70: rgb(83,202,106);
157
- --vvd-color-success-80: rgb(134,224,144);
158
- --vvd-color-success-90: rgb(207,238,212);
159
- --vvd-color-alert: rgb(247,89,89);
160
- --vvd-color-on-alert: rgb(0,0,0);
161
- --vvd-color-alert-10: rgb(62,0,4);
162
- --vvd-color-alert-20: rgb(110,0,0);
163
- --vvd-color-alert-30: rgb(159,2,2);
164
- --vvd-color-alert-70: rgb(254,150,150);
165
- --vvd-color-alert-80: rgb(255,187,187);
166
- --vvd-color-alert-90: rgb(254,223,223);
167
- --vvd-color-warning: rgb(224,121,2);
168
- --vvd-color-on-warning: rgb(0,0,0);
169
- --vvd-color-warning-10: rgb(42,21,2);
170
- --vvd-color-warning-20: rgb(82,40,1);
171
- --vvd-color-warning-30: rgb(128,56,7);
172
- --vvd-color-warning-70: rgb(250,159,0);
173
- --vvd-color-warning-80: rgb(255,195,33);
174
- --vvd-color-warning-90: rgb(253,231,109);
175
- --vvd-color-info: rgb(41,151,240);
176
- --vvd-color-on-info: rgb(0,0,0);
177
- --vvd-color-info-10: rgb(7,25,57);
178
- --vvd-color-info-20: rgb(14,48,109);
179
- --vvd-color-info-30: rgb(9,74,158);
180
- --vvd-color-info-70: rgb(101,186,255);
181
- --vvd-color-info-80: rgb(157,210,254);
182
- --vvd-color-info-90: rgb(211,233,252);
183
- --vvd-color-announcement: rgb(229,96,187);
184
- --vvd-color-on-announcement: rgb(0,0,0);
185
- --vvd-color-announcement-10: rgb(50,8,44);
186
- --vvd-color-announcement-20: rgb(98,2,86);
187
- --vvd-color-announcement-30: rgb(143,22,105);
188
- --vvd-color-announcement-70: rgb(251,143,216);
189
- --vvd-color-announcement-80: rgb(248,185,231);
190
- --vvd-color-announcement-90: rgb(255,220,247);
191
- --vvd-shadow-surface-0dp: drop-shadow(1px 0 0 rgba(77, 77, 77, 1)) drop-shadow(0 1px 0 rgba(77, 77, 77, 1)) drop-shadow(0 -1px 0 rgba(77, 77, 77, 1)) drop-shadow(-1px 0 0 rgba(77, 77, 77, 1));
192
- --vvd-shadow-surface-2dp: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)) drop-shadow(0 2px 1px rgba(0, 0, 0, 0.25));
193
- --vvd-shadow-surface-4dp: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.25)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
194
- --vvd-shadow-surface-8dp: drop-shadow(0 2px 16px rgba(19, 20, 21, 0.25)) drop-shadow(0 8px 8px rgba(19, 20, 21, 0.25)) drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
195
- --vvd-shadow-surface-12dp: drop-shadow(0 4px 24px rgba(0, 0, 0, 0.25)) drop-shadow(0 12px 16px rgba(0, 0, 0, 0.25)) drop-shadow(0 6px 8px rgba(0, 0, 0, 0.25));
196
- --vvd-shadow-surface-16dp: drop-shadow(0 6px 32px rgba(0, 0, 0, 0.25)) drop-shadow(0 16px 24px rgba(0, 0, 0, 0.25)) drop-shadow(0 8px 12px rgba(0, 0, 0, 0.25));
197
- --vvd-shadow-surface-24dp: drop-shadow(0 12px 48px rgba(0, 0, 0, 0.25)) drop-shadow(0 24px 32px rgba(0, 0, 0, 0.25)) drop-shadow(0 12px 16px rgba(0, 0, 0, 0.25));
198
- }
199
- @supports (color-scheme: dark) {
200
- .vvd-theme-alternate, ::part(vvd-theme-alternate) {
201
- color-scheme: dark;
202
- }
203
- }
204
-
205
- /*# sourceMappingURL=light.css.map */
package/text/index.js DELETED
@@ -1,46 +0,0 @@
1
- import { F as FoundationElement, _ as __decorate, a as attr, b as __metadata, h as html, d as designSystem } from '../shared/index.js';
2
- import { s as styleInject } from '../shared/style-inject.es.js';
3
- import '../shared/web.dom-collections.iterator.js';
4
- import { c as classNames } from '../shared/class-names.js';
5
- import '../shared/object-set-prototype-of.js';
6
-
7
- var css_248z = "/*\n Do not edit directly\n Generated on Wed, 27 Apr 2022 11:58:36 GMT\n*/\n.control:not(.tight):not(.font-face-body-1, .font-face-body-1-bold, .font-face-body-1-code, .font-face-body-1-link, .font-face-body-2, .font-face-body-2-bold, .font-face-body-2-code, .font-face-body-2-link, .font-face-button, .font-face-button-dense, .font-face-button-enlarge, .font-face-caption, .font-face-caption-bold, .font-face-caption-code, .font-face-caption-link, .font-face-headline-1, .font-face-headline-2, .font-face-subtitle-1, .font-face-subtitle-2, .font-face-title-1, .font-face-title-2), .control.font-face-body-1:not(.tight), .control.font-face-body-1-bold:not(.tight), .control.font-face-body-1-code:not(.tight), .control.font-face-body-1-link:not(.tight), .control.font-face-body-2:not(.tight), .control.font-face-body-2-bold:not(.tight), .control.font-face-body-2-code:not(.tight), .control.font-face-body-2-link:not(.tight), .control.font-face-subtitle-1:not(.tight), .control.font-face-subtitle-2:not(.tight), .control.font-face-title-1:not(.tight), .control.font-face-title-2:not(.tight), .control.font-face-headline-1:not(.tight), .control.font-face-headline-2:not(.tight) {\n display: block;\n margin: var(--font-face-margin, 0);\n}\n\n.control {\n color: var(--connotation);\n}\n.control.font-face-body-1 {\n font: 400 ultra-condensed 16px / 24px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-body-1-bold {\n font: 600 ultra-condensed 16px / 24px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-body-1-code {\n font: 400 ultra-condensed 16px / 24px SpeziaMonoWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-body-1-link {\n font: 400 ultra-condensed 16px / 24px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: underline;\n text-transform: none;\n}\n.control.font-face-body-2 {\n font: 400 ultra-condensed 14px / 20px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-body-2-bold {\n font: 600 ultra-condensed 14px / 20px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-body-2-code {\n font: 400 ultra-condensed 14px / 20px SpeziaMonoWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-body-2-link {\n font: 400 ultra-condensed 14px / 20px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: underline;\n text-transform: none;\n}\n.control.font-face-button {\n font: 600 ultra-condensed 14px / 100% SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-button-dense {\n font: 600 ultra-condensed 12px / 100% SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-button-enlarge {\n font: 600 ultra-condensed 16px / 100% SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-caption {\n font: 400 ultra-condensed 12px / 16px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-caption-bold {\n font: 600 ultra-condensed 12px / 16px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-caption-code {\n font: 400 ultra-condensed 12px / 16px SpeziaMonoWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-caption-link {\n font: 400 ultra-condensed 12px / 16px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: underline;\n text-transform: none;\n}\n.control.font-face-headline-1 {\n font: 500 condensed 66px / 88px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-headline-2 {\n font: 500 condensed 52px / 68px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-subtitle-1 {\n font: 500 condensed 26px / 36px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-subtitle-2 {\n font: 500 condensed 20px / 28px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-title-1 {\n font: 500 condensed 40px / 52px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-title-2 {\n font: 500 condensed 32px / 44px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control:not(.font-face-body-1, .font-face-body-1-bold, .font-face-body-1-code, .font-face-body-1-link, .font-face-body-2, .font-face-body-2-bold, .font-face-body-2-code, .font-face-body-2-link, .font-face-button, .font-face-button-dense, .font-face-button-enlarge, .font-face-caption, .font-face-caption-bold, .font-face-caption-code, .font-face-caption-link, .font-face-headline-1, .font-face-headline-2, .font-face-subtitle-1, .font-face-subtitle-2, .font-face-title-1, .font-face-title-2) {\n font: 400 ultra-condensed 16px / 24px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.connotation-primary {\n --connotation: var(--vvd-color-primary);\n --on-connotation: var(--vvd-color-on-primary);\n}\n\n.control.connotation-cta {\n --connotation: var(--vvd-color-cta);\n --on-connotation: var(--vvd-color-on-cta);\n}\n\n.control.connotation-success {\n --connotation: var(--vvd-color-success);\n --on-connotation: var(--vvd-color-on-success);\n}\n\n.control.connotation-alert {\n --connotation: var(--vvd-color-alert);\n --on-connotation: var(--vvd-color-on-alert);\n}\n\n.control.connotation-announcement {\n --connotation: var(--vvd-color-announcement);\n --on-connotation: var(--vvd-color-on-announcement);\n}\n\n.control.connotation-info {\n --connotation: var(--vvd-color-info);\n --on-connotation: var(--vvd-color-on-info);\n}\n\n.control.font-face-headline-1, .control.font-face-headline-2 {\n --font-face-margin: 2.5rem 0;\n}\n.control.font-face-title-1, .control.font-face-title-2 {\n --font-face-margin: 2rem 0;\n}\n.control.font-face-subtitle-1, .control.font-face-subtitle-2 {\n --font-face-margin: 1.5rem 0;\n}\n.control:not(.font-face-body-1, .font-face-body-1-bold, .font-face-body-1-code, .font-face-body-1-link, .font-face-body-2, .font-face-body-2-bold, .font-face-body-2-code, .font-face-body-2-link, .font-face-button, .font-face-button-dense, .font-face-button-enlarge, .font-face-caption, .font-face-caption-bold, .font-face-caption-code, .font-face-caption-link, .font-face-headline-1, .font-face-headline-2, .font-face-subtitle-1, .font-face-subtitle-2, .font-face-title-1, .font-face-title-2), .control.font-face-body-1, .control.font-face-body-1-bold, .control.font-face-body-1-code, .control.font-face-body-1-link, .control.font-face-body-2, .control.font-face-body-2-bold, .control.font-face-body-2-code, .control.font-face-body-2-link {\n --font-face-margin: 1rem 0;\n}\n\n::slotted(:where(h1, h2, h3, h4, h5, h6, p)) {\n margin: initial;\n}\n\n::slotted(*) {\n color: inherit;\n font: inherit;\n}";
8
- styleInject(css_248z);
9
-
10
- class Text extends FoundationElement {
11
- constructor() {
12
- super(...arguments);
13
- this.tight = false;
14
- }
15
-
16
- }
17
-
18
- __decorate([attr, __metadata("design:type", String)], Text.prototype, "connotation", void 0);
19
-
20
- __decorate([attr({
21
- attribute: 'font-face'
22
- }), __metadata("design:type", String)], Text.prototype, "fontFace", void 0);
23
-
24
- __decorate([attr({
25
- mode: 'boolean'
26
- }), __metadata("design:type", Object)], Text.prototype, "tight", void 0);
27
-
28
- let _ = t => t,
29
- _t;
30
-
31
- const getClasses = ({
32
- connotation,
33
- fontFace,
34
- tight
35
- }) => classNames('control', [`connotation-${connotation}`, Boolean(connotation)], [`font-face-${fontFace}`, Boolean(fontFace)], ['tight', tight]);
36
-
37
- const TextTemplate = () => html(_t || (_t = _`<slot class="${0}"></slot>`), getClasses);
38
-
39
- const vividText = Text.compose({
40
- baseName: 'text',
41
- template: TextTemplate,
42
- styles: css_248z
43
- });
44
- designSystem.register(vividText());
45
-
46
- export { vividText };