@seed-design/lynx-css 0.1.1-alpha.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 (594) hide show
  1. package/all.css +8781 -0
  2. package/all.layered.css +8785 -0
  3. package/all.layered.min.css +1 -0
  4. package/all.min.css +1 -0
  5. package/base.css +858 -0
  6. package/base.layered.css +861 -0
  7. package/base.layered.min.css +1 -0
  8. package/base.min.css +1 -0
  9. package/package.json +56 -0
  10. package/recipes/action-button.css +479 -0
  11. package/recipes/action-button.d.ts +33 -0
  12. package/recipes/action-button.layered.css +747 -0
  13. package/recipes/action-button.layered.mjs +99 -0
  14. package/recipes/action-button.mjs +99 -0
  15. package/recipes/action-chip.css +78 -0
  16. package/recipes/action-chip.d.ts +29 -0
  17. package/recipes/action-chip.layered.css +118 -0
  18. package/recipes/action-chip.layered.mjs +71 -0
  19. package/recipes/action-chip.mjs +71 -0
  20. package/recipes/action-sheet-item.css +30 -0
  21. package/recipes/action-sheet-item.d.ts +25 -0
  22. package/recipes/action-sheet-item.layered.css +38 -0
  23. package/recipes/action-sheet-item.layered.mjs +49 -0
  24. package/recipes/action-sheet-item.mjs +49 -0
  25. package/recipes/action-sheet.css +117 -0
  26. package/recipes/action-sheet.d.ts +21 -0
  27. package/recipes/action-sheet.layered.css +132 -0
  28. package/recipes/action-sheet.layered.mjs +60 -0
  29. package/recipes/action-sheet.mjs +60 -0
  30. package/recipes/app-bar-main.css +169 -0
  31. package/recipes/app-bar-main.d.ts +36 -0
  32. package/recipes/app-bar-main.layered.css +164 -0
  33. package/recipes/app-bar-main.layered.mjs +63 -0
  34. package/recipes/app-bar-main.mjs +63 -0
  35. package/recipes/app-bar.css +375 -0
  36. package/recipes/app-bar.d.ts +36 -0
  37. package/recipes/app-bar.layered.css +385 -0
  38. package/recipes/app-bar.layered.mjs +74 -0
  39. package/recipes/app-bar.mjs +74 -0
  40. package/recipes/app-screen.css +314 -0
  41. package/recipes/app-screen.d.ts +44 -0
  42. package/recipes/app-screen.layered.css +322 -0
  43. package/recipes/app-screen.layered.mjs +98 -0
  44. package/recipes/app-screen.mjs +98 -0
  45. package/recipes/article.css +0 -0
  46. package/recipes/article.d.ts +22 -0
  47. package/recipes/article.layered.css +1 -0
  48. package/recipes/article.layered.mjs +43 -0
  49. package/recipes/article.mjs +43 -0
  50. package/recipes/aspect-ratio.css +22 -0
  51. package/recipes/aspect-ratio.d.ts +22 -0
  52. package/recipes/aspect-ratio.layered.css +24 -0
  53. package/recipes/aspect-ratio.layered.mjs +43 -0
  54. package/recipes/aspect-ratio.mjs +43 -0
  55. package/recipes/avatar-stack.css +79 -0
  56. package/recipes/avatar-stack.d.ts +24 -0
  57. package/recipes/avatar-stack.layered.css +102 -0
  58. package/recipes/avatar-stack.layered.mjs +51 -0
  59. package/recipes/avatar-stack.mjs +51 -0
  60. package/recipes/avatar.css +168 -0
  61. package/recipes/avatar.d.ts +28 -0
  62. package/recipes/avatar.layered.css +201 -0
  63. package/recipes/avatar.layered.mjs +66 -0
  64. package/recipes/avatar.mjs +66 -0
  65. package/recipes/badge.css +112 -0
  66. package/recipes/badge.d.ts +32 -0
  67. package/recipes/badge.layered.css +134 -0
  68. package/recipes/badge.layered.mjs +131 -0
  69. package/recipes/badge.mjs +131 -0
  70. package/recipes/bottom-sheet-handle.css +22 -0
  71. package/recipes/bottom-sheet-handle.d.ts +21 -0
  72. package/recipes/bottom-sheet-handle.layered.css +26 -0
  73. package/recipes/bottom-sheet-handle.layered.mjs +36 -0
  74. package/recipes/bottom-sheet-handle.mjs +36 -0
  75. package/recipes/bottom-sheet.css +184 -0
  76. package/recipes/bottom-sheet.d.ts +28 -0
  77. package/recipes/bottom-sheet.layered.css +210 -0
  78. package/recipes/bottom-sheet.layered.mjs +75 -0
  79. package/recipes/bottom-sheet.mjs +75 -0
  80. package/recipes/callout.css +159 -0
  81. package/recipes/callout.d.ts +24 -0
  82. package/recipes/callout.layered.css +148 -0
  83. package/recipes/callout.layered.mjs +63 -0
  84. package/recipes/callout.mjs +63 -0
  85. package/recipes/checkbox-group.css +5 -0
  86. package/recipes/checkbox-group.d.ts +22 -0
  87. package/recipes/checkbox-group.layered.css +7 -0
  88. package/recipes/checkbox-group.layered.mjs +43 -0
  89. package/recipes/checkbox-group.mjs +43 -0
  90. package/recipes/checkbox.css +37 -0
  91. package/recipes/checkbox.d.ts +28 -0
  92. package/recipes/checkbox.layered.css +47 -0
  93. package/recipes/checkbox.layered.mjs +48 -0
  94. package/recipes/checkbox.mjs +48 -0
  95. package/recipes/checkmark.css +108 -0
  96. package/recipes/checkmark.d.ts +32 -0
  97. package/recipes/checkmark.layered.css +133 -0
  98. package/recipes/checkmark.layered.mjs +86 -0
  99. package/recipes/checkmark.mjs +86 -0
  100. package/recipes/chip-tabs.css +150 -0
  101. package/recipes/chip-tabs.d.ts +36 -0
  102. package/recipes/chip-tabs.layered.css +186 -0
  103. package/recipes/chip-tabs.layered.mjs +75 -0
  104. package/recipes/chip-tabs.mjs +75 -0
  105. package/recipes/chip.css +184 -0
  106. package/recipes/chip.d.ts +32 -0
  107. package/recipes/chip.layered.css +207 -0
  108. package/recipes/chip.layered.mjs +80 -0
  109. package/recipes/chip.mjs +80 -0
  110. package/recipes/content-placeholder.css +19 -0
  111. package/recipes/content-placeholder.d.ts +24 -0
  112. package/recipes/content-placeholder.layered.css +22 -0
  113. package/recipes/content-placeholder.layered.mjs +53 -0
  114. package/recipes/content-placeholder.mjs +53 -0
  115. package/recipes/contextual-floating-button.css +123 -0
  116. package/recipes/contextual-floating-button.d.ts +29 -0
  117. package/recipes/contextual-floating-button.layered.css +190 -0
  118. package/recipes/contextual-floating-button.layered.mjs +54 -0
  119. package/recipes/contextual-floating-button.mjs +54 -0
  120. package/recipes/control-chip.css +97 -0
  121. package/recipes/control-chip.d.ts +29 -0
  122. package/recipes/control-chip.layered.css +147 -0
  123. package/recipes/control-chip.layered.mjs +71 -0
  124. package/recipes/control-chip.mjs +71 -0
  125. package/recipes/dialog.css +101 -0
  126. package/recipes/dialog.d.ts +24 -0
  127. package/recipes/dialog.layered.css +113 -0
  128. package/recipes/dialog.layered.mjs +66 -0
  129. package/recipes/dialog.mjs +66 -0
  130. package/recipes/extended-action-sheet-item.css +39 -0
  131. package/recipes/extended-action-sheet-item.d.ts +25 -0
  132. package/recipes/extended-action-sheet-item.layered.css +55 -0
  133. package/recipes/extended-action-sheet-item.layered.mjs +49 -0
  134. package/recipes/extended-action-sheet-item.mjs +49 -0
  135. package/recipes/extended-action-sheet.css +116 -0
  136. package/recipes/extended-action-sheet.d.ts +21 -0
  137. package/recipes/extended-action-sheet.layered.css +131 -0
  138. package/recipes/extended-action-sheet.layered.mjs +64 -0
  139. package/recipes/extended-action-sheet.mjs +64 -0
  140. package/recipes/extended-fab.css +65 -0
  141. package/recipes/extended-fab.d.ts +29 -0
  142. package/recipes/extended-fab.layered.css +84 -0
  143. package/recipes/extended-fab.layered.mjs +54 -0
  144. package/recipes/extended-fab.mjs +54 -0
  145. package/recipes/fab.css +24 -0
  146. package/recipes/fab.d.ts +22 -0
  147. package/recipes/fab.layered.css +36 -0
  148. package/recipes/fab.layered.mjs +43 -0
  149. package/recipes/fab.mjs +43 -0
  150. package/recipes/field-label.css +27 -0
  151. package/recipes/field-label.d.ts +24 -0
  152. package/recipes/field-label.layered.css +33 -0
  153. package/recipes/field-label.layered.mjs +47 -0
  154. package/recipes/field-label.mjs +47 -0
  155. package/recipes/field.css +66 -0
  156. package/recipes/field.d.ts +21 -0
  157. package/recipes/field.layered.css +77 -0
  158. package/recipes/field.layered.mjs +60 -0
  159. package/recipes/field.mjs +60 -0
  160. package/recipes/floating-action-button.css +63 -0
  161. package/recipes/floating-action-button.d.ts +24 -0
  162. package/recipes/floating-action-button.layered.css +71 -0
  163. package/recipes/floating-action-button.layered.mjs +47 -0
  164. package/recipes/floating-action-button.mjs +47 -0
  165. package/recipes/help-bubble.css +80 -0
  166. package/recipes/help-bubble.d.ts +21 -0
  167. package/recipes/help-bubble.layered.css +92 -0
  168. package/recipes/help-bubble.layered.mjs +60 -0
  169. package/recipes/help-bubble.mjs +60 -0
  170. package/recipes/identity-placeholder.css +15 -0
  171. package/recipes/identity-placeholder.d.ts +24 -0
  172. package/recipes/identity-placeholder.layered.css +18 -0
  173. package/recipes/identity-placeholder.layered.mjs +43 -0
  174. package/recipes/identity-placeholder.mjs +43 -0
  175. package/recipes/image-frame-icon.css +7 -0
  176. package/recipes/image-frame-icon.d.ts +22 -0
  177. package/recipes/image-frame-icon.layered.css +11 -0
  178. package/recipes/image-frame-icon.layered.mjs +43 -0
  179. package/recipes/image-frame-icon.mjs +43 -0
  180. package/recipes/image-frame-indicator.css +16 -0
  181. package/recipes/image-frame-indicator.d.ts +22 -0
  182. package/recipes/image-frame-indicator.layered.css +20 -0
  183. package/recipes/image-frame-indicator.layered.mjs +43 -0
  184. package/recipes/image-frame-indicator.mjs +43 -0
  185. package/recipes/image-frame-reaction-button.css +44 -0
  186. package/recipes/image-frame-reaction-button.d.ts +21 -0
  187. package/recipes/image-frame-reaction-button.layered.css +50 -0
  188. package/recipes/image-frame-reaction-button.layered.mjs +40 -0
  189. package/recipes/image-frame-reaction-button.mjs +40 -0
  190. package/recipes/image-frame.css +28 -0
  191. package/recipes/image-frame.d.ts +28 -0
  192. package/recipes/image-frame.layered.css +34 -0
  193. package/recipes/image-frame.layered.mjs +52 -0
  194. package/recipes/image-frame.mjs +52 -0
  195. package/recipes/inline-banner.css +163 -0
  196. package/recipes/inline-banner.d.ts +24 -0
  197. package/recipes/inline-banner.layered.css +142 -0
  198. package/recipes/inline-banner.layered.mjs +64 -0
  199. package/recipes/inline-banner.mjs +64 -0
  200. package/recipes/input-button.css +120 -0
  201. package/recipes/input-button.d.ts +21 -0
  202. package/recipes/input-button.layered.css +135 -0
  203. package/recipes/input-button.layered.mjs +64 -0
  204. package/recipes/input-button.mjs +64 -0
  205. package/recipes/link-content.css +45 -0
  206. package/recipes/link-content.d.ts +29 -0
  207. package/recipes/link-content.layered.css +72 -0
  208. package/recipes/link-content.layered.mjs +55 -0
  209. package/recipes/link-content.mjs +55 -0
  210. package/recipes/list-header.css +22 -0
  211. package/recipes/list-header.d.ts +25 -0
  212. package/recipes/list-header.layered.css +28 -0
  213. package/recipes/list-header.layered.mjs +49 -0
  214. package/recipes/list-header.mjs +49 -0
  215. package/recipes/list-item.css +108 -0
  216. package/recipes/list-item.d.ts +24 -0
  217. package/recipes/list-item.layered.css +124 -0
  218. package/recipes/list-item.layered.mjs +59 -0
  219. package/recipes/list-item.mjs +59 -0
  220. package/recipes/manner-temp-badge.css +76 -0
  221. package/recipes/manner-temp-badge.d.ts +25 -0
  222. package/recipes/manner-temp-badge.layered.css +100 -0
  223. package/recipes/manner-temp-badge.layered.mjs +57 -0
  224. package/recipes/manner-temp-badge.mjs +57 -0
  225. package/recipes/manner-temp.css +50 -0
  226. package/recipes/manner-temp.d.ts +25 -0
  227. package/recipes/manner-temp.layered.css +71 -0
  228. package/recipes/manner-temp.layered.mjs +57 -0
  229. package/recipes/manner-temp.mjs +57 -0
  230. package/recipes/menu-sheet-item.css +67 -0
  231. package/recipes/menu-sheet-item.d.ts +28 -0
  232. package/recipes/menu-sheet-item.layered.css +83 -0
  233. package/recipes/menu-sheet-item.layered.mjs +56 -0
  234. package/recipes/menu-sheet-item.mjs +56 -0
  235. package/recipes/menu-sheet.css +135 -0
  236. package/recipes/menu-sheet.d.ts +24 -0
  237. package/recipes/menu-sheet.layered.css +151 -0
  238. package/recipes/menu-sheet.layered.mjs +74 -0
  239. package/recipes/menu-sheet.mjs +74 -0
  240. package/recipes/notification-badge-positioner.css +28 -0
  241. package/recipes/notification-badge-positioner.d.ts +29 -0
  242. package/recipes/notification-badge-positioner.layered.css +27 -0
  243. package/recipes/notification-badge-positioner.layered.mjs +71 -0
  244. package/recipes/notification-badge-positioner.mjs +71 -0
  245. package/recipes/notification-badge.css +27 -0
  246. package/recipes/notification-badge.d.ts +25 -0
  247. package/recipes/notification-badge.layered.css +34 -0
  248. package/recipes/notification-badge.layered.mjs +49 -0
  249. package/recipes/notification-badge.mjs +49 -0
  250. package/recipes/page-banner.css +260 -0
  251. package/recipes/page-banner.d.ts +28 -0
  252. package/recipes/page-banner.layered.css +235 -0
  253. package/recipes/page-banner.layered.mjs +117 -0
  254. package/recipes/page-banner.mjs +117 -0
  255. package/recipes/progress-circle.css +55 -0
  256. package/recipes/progress-circle.d.ts +30 -0
  257. package/recipes/progress-circle.mjs +40 -0
  258. package/recipes/pull-to-refresh.css +15 -0
  259. package/recipes/pull-to-refresh.d.ts +21 -0
  260. package/recipes/pull-to-refresh.layered.css +19 -0
  261. package/recipes/pull-to-refresh.layered.mjs +36 -0
  262. package/recipes/pull-to-refresh.mjs +36 -0
  263. package/recipes/radio-group.css +5 -0
  264. package/recipes/radio-group.d.ts +22 -0
  265. package/recipes/radio-group.layered.css +7 -0
  266. package/recipes/radio-group.layered.mjs +43 -0
  267. package/recipes/radio-group.mjs +43 -0
  268. package/recipes/radio.css +37 -0
  269. package/recipes/radio.d.ts +28 -0
  270. package/recipes/radio.layered.css +47 -0
  271. package/recipes/radio.layered.mjs +48 -0
  272. package/recipes/radio.mjs +48 -0
  273. package/recipes/radiomark.css +79 -0
  274. package/recipes/radiomark.d.ts +28 -0
  275. package/recipes/radiomark.layered.css +100 -0
  276. package/recipes/radiomark.layered.mjs +48 -0
  277. package/recipes/radiomark.mjs +48 -0
  278. package/recipes/reaction-button.css +115 -0
  279. package/recipes/reaction-button.d.ts +25 -0
  280. package/recipes/reaction-button.layered.css +173 -0
  281. package/recipes/reaction-button.layered.mjs +49 -0
  282. package/recipes/reaction-button.mjs +49 -0
  283. package/recipes/scroll-fog.css +11 -0
  284. package/recipes/scroll-fog.d.ts +25 -0
  285. package/recipes/scroll-fog.layered.css +19 -0
  286. package/recipes/scroll-fog.layered.mjs +48 -0
  287. package/recipes/scroll-fog.mjs +48 -0
  288. package/recipes/segmented-control.css +59 -0
  289. package/recipes/segmented-control.d.ts +21 -0
  290. package/recipes/segmented-control.layered.css +67 -0
  291. package/recipes/segmented-control.layered.mjs +40 -0
  292. package/recipes/segmented-control.mjs +40 -0
  293. package/recipes/select-box-group.css +10 -0
  294. package/recipes/select-box-group.d.ts +22 -0
  295. package/recipes/select-box-group.layered.css +13 -0
  296. package/recipes/select-box-group.layered.mjs +43 -0
  297. package/recipes/select-box-group.mjs +43 -0
  298. package/recipes/select-box.css +111 -0
  299. package/recipes/select-box.d.ts +24 -0
  300. package/recipes/select-box.layered.css +130 -0
  301. package/recipes/select-box.layered.mjs +63 -0
  302. package/recipes/select-box.mjs +63 -0
  303. package/recipes/selectBoxCheckmark.css +30 -0
  304. package/recipes/selectBoxCheckmark.d.ts +21 -0
  305. package/recipes/selectBoxCheckmark.layered.css +36 -0
  306. package/recipes/selectBoxCheckmark.layered.mjs +36 -0
  307. package/recipes/selectBoxCheckmark.mjs +36 -0
  308. package/recipes/shared.mjs +48 -0
  309. package/recipes/skeleton.css +46 -0
  310. package/recipes/skeleton.d.ts +29 -0
  311. package/recipes/skeleton.layered.css +63 -0
  312. package/recipes/skeleton.layered.mjs +56 -0
  313. package/recipes/skeleton.mjs +56 -0
  314. package/recipes/slider-marker.css +55 -0
  315. package/recipes/slider-marker.d.ts +25 -0
  316. package/recipes/slider-marker.layered.css +73 -0
  317. package/recipes/slider-marker.layered.mjs +50 -0
  318. package/recipes/slider-marker.mjs +50 -0
  319. package/recipes/slider-tick.css +21 -0
  320. package/recipes/slider-tick.d.ts +25 -0
  321. package/recipes/slider-tick.layered.css +32 -0
  322. package/recipes/slider-tick.layered.mjs +49 -0
  323. package/recipes/slider-tick.mjs +49 -0
  324. package/recipes/slider.css +177 -0
  325. package/recipes/slider.d.ts +21 -0
  326. package/recipes/slider.layered.css +209 -0
  327. package/recipes/slider.layered.mjs +68 -0
  328. package/recipes/slider.mjs +68 -0
  329. package/recipes/snackbar-region.css +20 -0
  330. package/recipes/snackbar-region.d.ts +22 -0
  331. package/recipes/snackbar-region.layered.css +29 -0
  332. package/recipes/snackbar-region.layered.mjs +43 -0
  333. package/recipes/snackbar-region.mjs +43 -0
  334. package/recipes/snackbar.css +83 -0
  335. package/recipes/snackbar.d.ts +24 -0
  336. package/recipes/snackbar.layered.css +94 -0
  337. package/recipes/snackbar.layered.mjs +56 -0
  338. package/recipes/snackbar.mjs +56 -0
  339. package/recipes/switch.css +44 -0
  340. package/recipes/switch.d.ts +24 -0
  341. package/recipes/switch.layered.css +54 -0
  342. package/recipes/switch.layered.mjs +44 -0
  343. package/recipes/switch.mjs +44 -0
  344. package/recipes/switchmark.css +70 -0
  345. package/recipes/switchmark.d.ts +28 -0
  346. package/recipes/switchmark.layered.css +89 -0
  347. package/recipes/switchmark.layered.mjs +49 -0
  348. package/recipes/switchmark.mjs +49 -0
  349. package/recipes/tabs.css +157 -0
  350. package/recipes/tabs.d.ts +36 -0
  351. package/recipes/tabs.layered.css +184 -0
  352. package/recipes/tabs.layered.mjs +78 -0
  353. package/recipes/tabs.mjs +78 -0
  354. package/recipes/tag-group-item.css +75 -0
  355. package/recipes/tag-group-item.d.ts +32 -0
  356. package/recipes/tag-group-item.layered.css +94 -0
  357. package/recipes/tag-group-item.layered.mjs +55 -0
  358. package/recipes/tag-group-item.mjs +55 -0
  359. package/recipes/tag-group.css +42 -0
  360. package/recipes/tag-group.d.ts +28 -0
  361. package/recipes/tag-group.layered.css +52 -0
  362. package/recipes/tag-group.layered.mjs +62 -0
  363. package/recipes/tag-group.mjs +62 -0
  364. package/recipes/text-input.css +198 -0
  365. package/recipes/text-input.d.ts +28 -0
  366. package/recipes/text-input.layered.css +212 -0
  367. package/recipes/text-input.layered.mjs +73 -0
  368. package/recipes/text-input.mjs +73 -0
  369. package/recipes/text.css +558 -0
  370. package/recipes/text.d.ts +33 -0
  371. package/recipes/text.layered.css +371 -0
  372. package/recipes/text.layered.mjs +110 -0
  373. package/recipes/text.mjs +110 -0
  374. package/recipes/toggle-button.css +167 -0
  375. package/recipes/toggle-button.d.ts +29 -0
  376. package/recipes/toggle-button.layered.css +239 -0
  377. package/recipes/toggle-button.layered.mjs +54 -0
  378. package/recipes/toggle-button.mjs +54 -0
  379. package/vars/color/banner.d.ts +10 -0
  380. package/vars/color/banner.mjs +10 -0
  381. package/vars/color/bg.d.ts +76 -0
  382. package/vars/color/bg.mjs +41 -0
  383. package/vars/color/fg.d.ts +30 -0
  384. package/vars/color/fg.mjs +16 -0
  385. package/vars/color/index.d.ts +6 -0
  386. package/vars/color/index.mjs +6 -0
  387. package/vars/color/manner-temp/index.d.ts +10 -0
  388. package/vars/color/manner-temp/index.mjs +10 -0
  389. package/vars/color/manner-temp/l1.d.ts +2 -0
  390. package/vars/color/manner-temp/l1.mjs +2 -0
  391. package/vars/color/manner-temp/l10.d.ts +2 -0
  392. package/vars/color/manner-temp/l10.mjs +2 -0
  393. package/vars/color/manner-temp/l2.d.ts +2 -0
  394. package/vars/color/manner-temp/l2.mjs +2 -0
  395. package/vars/color/manner-temp/l3.d.ts +2 -0
  396. package/vars/color/manner-temp/l3.mjs +2 -0
  397. package/vars/color/manner-temp/l4.d.ts +2 -0
  398. package/vars/color/manner-temp/l4.mjs +2 -0
  399. package/vars/color/manner-temp/l5.d.ts +2 -0
  400. package/vars/color/manner-temp/l5.mjs +2 -0
  401. package/vars/color/manner-temp/l6.d.ts +2 -0
  402. package/vars/color/manner-temp/l6.mjs +2 -0
  403. package/vars/color/manner-temp/l7.d.ts +2 -0
  404. package/vars/color/manner-temp/l7.mjs +2 -0
  405. package/vars/color/manner-temp/l8.d.ts +2 -0
  406. package/vars/color/manner-temp/l8.mjs +2 -0
  407. package/vars/color/manner-temp/l9.d.ts +2 -0
  408. package/vars/color/manner-temp/l9.mjs +2 -0
  409. package/vars/color/palette.d.ts +94 -0
  410. package/vars/color/palette.mjs +94 -0
  411. package/vars/color/stroke.d.ts +31 -0
  412. package/vars/color/stroke.mjs +16 -0
  413. package/vars/component/action-button.d.ts +660 -0
  414. package/vars/component/action-button.mjs +541 -0
  415. package/vars/component/action-chip.d.ts +132 -0
  416. package/vars/component/action-chip.mjs +132 -0
  417. package/vars/component/action-sheet-close-button.d.ts +23 -0
  418. package/vars/component/action-sheet-close-button.mjs +23 -0
  419. package/vars/component/action-sheet-item.d.ts +36 -0
  420. package/vars/component/action-sheet-item.mjs +36 -0
  421. package/vars/component/action-sheet.d.ts +46 -0
  422. package/vars/component/action-sheet.mjs +46 -0
  423. package/vars/component/avatar-stack.d.ts +110 -0
  424. package/vars/component/avatar-stack.mjs +110 -0
  425. package/vars/component/avatar.d.ts +204 -0
  426. package/vars/component/avatar.mjs +162 -0
  427. package/vars/component/badge.d.ts +316 -0
  428. package/vars/component/badge.mjs +236 -0
  429. package/vars/component/bottom-sheet-close-button.d.ts +21 -0
  430. package/vars/component/bottom-sheet-close-button.mjs +21 -0
  431. package/vars/component/bottom-sheet-handle.d.ts +24 -0
  432. package/vars/component/bottom-sheet-handle.mjs +24 -0
  433. package/vars/component/bottom-sheet.d.ts +86 -0
  434. package/vars/component/bottom-sheet.mjs +86 -0
  435. package/vars/component/callout.d.ts +229 -0
  436. package/vars/component/callout.mjs +197 -0
  437. package/vars/component/checkbox-group.d.ts +9 -0
  438. package/vars/component/checkbox-group.mjs +9 -0
  439. package/vars/component/checkbox.d.ts +53 -0
  440. package/vars/component/checkbox.mjs +53 -0
  441. package/vars/component/checkmark.d.ts +197 -0
  442. package/vars/component/checkmark.mjs +165 -0
  443. package/vars/component/chip-tab.d.ts +162 -0
  444. package/vars/component/chip-tab.mjs +162 -0
  445. package/vars/component/chip-tablist.d.ts +31 -0
  446. package/vars/component/chip-tablist.mjs +31 -0
  447. package/vars/component/chip.d.ts +301 -0
  448. package/vars/component/chip.mjs +283 -0
  449. package/vars/component/content-placeholder.d.ts +28 -0
  450. package/vars/component/content-placeholder.mjs +27 -0
  451. package/vars/component/contextual-floating-button.d.ts +144 -0
  452. package/vars/component/contextual-floating-button.mjs +132 -0
  453. package/vars/component/control-chip.d.ts +158 -0
  454. package/vars/component/control-chip.mjs +158 -0
  455. package/vars/component/dialog.d.ts +52 -0
  456. package/vars/component/dialog.mjs +52 -0
  457. package/vars/component/divider.d.ts +9 -0
  458. package/vars/component/divider.mjs +9 -0
  459. package/vars/component/extended-action-sheet-close-button.d.ts +24 -0
  460. package/vars/component/extended-action-sheet-close-button.mjs +24 -0
  461. package/vars/component/extended-action-sheet-item.d.ts +46 -0
  462. package/vars/component/extended-action-sheet-item.mjs +46 -0
  463. package/vars/component/extended-action-sheet.d.ts +55 -0
  464. package/vars/component/extended-action-sheet.mjs +55 -0
  465. package/vars/component/extended-fab.d.ts +88 -0
  466. package/vars/component/extended-fab.mjs +82 -0
  467. package/vars/component/fab.d.ts +21 -0
  468. package/vars/component/fab.mjs +21 -0
  469. package/vars/component/field-label.d.ts +25 -0
  470. package/vars/component/field-label.mjs +25 -0
  471. package/vars/component/field.d.ts +78 -0
  472. package/vars/component/field.mjs +72 -0
  473. package/vars/component/floating-action-button.d.ts +60 -0
  474. package/vars/component/floating-action-button.mjs +54 -0
  475. package/vars/component/help-bubble.d.ts +52 -0
  476. package/vars/component/help-bubble.mjs +50 -0
  477. package/vars/component/identity-placeholder.d.ts +12 -0
  478. package/vars/component/identity-placeholder.mjs +12 -0
  479. package/vars/component/image-frame-floater.d.ts +10 -0
  480. package/vars/component/image-frame-floater.mjs +9 -0
  481. package/vars/component/image-frame-indicator.d.ts +20 -0
  482. package/vars/component/image-frame-indicator.mjs +18 -0
  483. package/vars/component/image-frame-reaction-button.d.ts +35 -0
  484. package/vars/component/image-frame-reaction-button.mjs +26 -0
  485. package/vars/component/image-frame.d.ts +48 -0
  486. package/vars/component/image-frame.mjs +26 -0
  487. package/vars/component/index.d.ts +77 -0
  488. package/vars/component/index.mjs +77 -0
  489. package/vars/component/inline-banner.d.ts +191 -0
  490. package/vars/component/inline-banner.mjs +191 -0
  491. package/vars/component/input-button.d.ts +89 -0
  492. package/vars/component/input-button.mjs +88 -0
  493. package/vars/component/link-content.d.ts +58 -0
  494. package/vars/component/link-content.mjs +58 -0
  495. package/vars/component/list-header.d.ts +29 -0
  496. package/vars/component/list-header.mjs +29 -0
  497. package/vars/component/list-item.d.ts +84 -0
  498. package/vars/component/list-item.mjs +84 -0
  499. package/vars/component/manner-temp-badge.d.ts +117 -0
  500. package/vars/component/manner-temp-badge.mjs +117 -0
  501. package/vars/component/manner-temp.d.ts +88 -0
  502. package/vars/component/manner-temp.mjs +88 -0
  503. package/vars/component/menu-sheet-close-button.d.ts +24 -0
  504. package/vars/component/menu-sheet-close-button.mjs +24 -0
  505. package/vars/component/menu-sheet-item.d.ts +73 -0
  506. package/vars/component/menu-sheet-item.mjs +61 -0
  507. package/vars/component/menu-sheet.d.ts +55 -0
  508. package/vars/component/menu-sheet.mjs +55 -0
  509. package/vars/component/notification-badge.d.ts +47 -0
  510. package/vars/component/notification-badge.mjs +41 -0
  511. package/vars/component/page-banner.d.ts +382 -0
  512. package/vars/component/page-banner.mjs +336 -0
  513. package/vars/component/progress-circle.d.ts +88 -0
  514. package/vars/component/progress-circle.mjs +67 -0
  515. package/vars/component/radio-group.d.ts +9 -0
  516. package/vars/component/radio-group.mjs +9 -0
  517. package/vars/component/radio.d.ts +53 -0
  518. package/vars/component/radio.mjs +53 -0
  519. package/vars/component/radiomark.d.ts +120 -0
  520. package/vars/component/radiomark.mjs +117 -0
  521. package/vars/component/reaction-button.d.ts +136 -0
  522. package/vars/component/reaction-button.mjs +136 -0
  523. package/vars/component/scroll-fog.d.ts +11 -0
  524. package/vars/component/scroll-fog.mjs +11 -0
  525. package/vars/component/segmented-control-indicator.d.ts +24 -0
  526. package/vars/component/segmented-control-indicator.mjs +24 -0
  527. package/vars/component/segmented-control-item.d.ts +41 -0
  528. package/vars/component/segmented-control-item.mjs +41 -0
  529. package/vars/component/segmented-control.d.ts +11 -0
  530. package/vars/component/segmented-control.mjs +11 -0
  531. package/vars/component/select-box-checkmark.d.ts +40 -0
  532. package/vars/component/select-box-checkmark.mjs +40 -0
  533. package/vars/component/select-box-group.d.ts +10 -0
  534. package/vars/component/select-box-group.mjs +10 -0
  535. package/vars/component/select-box.d.ts +107 -0
  536. package/vars/component/select-box.mjs +102 -0
  537. package/vars/component/skeleton.d.ts +76 -0
  538. package/vars/component/skeleton.mjs +58 -0
  539. package/vars/component/slider-thumb.d.ts +25 -0
  540. package/vars/component/slider-thumb.mjs +25 -0
  541. package/vars/component/slider-tick.d.ts +23 -0
  542. package/vars/component/slider-tick.mjs +23 -0
  543. package/vars/component/slider.d.ts +78 -0
  544. package/vars/component/slider.mjs +75 -0
  545. package/vars/component/snackbar.d.ts +65 -0
  546. package/vars/component/snackbar.mjs +65 -0
  547. package/vars/component/switch.d.ts +53 -0
  548. package/vars/component/switch.mjs +53 -0
  549. package/vars/component/switchmark.d.ts +115 -0
  550. package/vars/component/switchmark.mjs +112 -0
  551. package/vars/component/tab.d.ts +47 -0
  552. package/vars/component/tab.mjs +47 -0
  553. package/vars/component/tablist.d.ts +51 -0
  554. package/vars/component/tablist.mjs +51 -0
  555. package/vars/component/tag-group-item.d.ts +122 -0
  556. package/vars/component/tag-group-item.mjs +122 -0
  557. package/vars/component/tag-group.d.ts +34 -0
  558. package/vars/component/tag-group.mjs +34 -0
  559. package/vars/component/text-button.d.ts +23 -0
  560. package/vars/component/text-button.mjs +23 -0
  561. package/vars/component/text-input.d.ts +224 -0
  562. package/vars/component/text-input.mjs +211 -0
  563. package/vars/component/toggle-button.d.ts +213 -0
  564. package/vars/component/toggle-button.mjs +207 -0
  565. package/vars/component/top-navigation.d.ts +89 -0
  566. package/vars/component/top-navigation.mjs +89 -0
  567. package/vars/component/typography.d.ts +542 -0
  568. package/vars/component/typography.mjs +461 -0
  569. package/vars/dimension/index.d.ts +22 -0
  570. package/vars/dimension/index.mjs +22 -0
  571. package/vars/dimension/spacing-x.d.ts +4 -0
  572. package/vars/dimension/spacing-x.mjs +2 -0
  573. package/vars/dimension/spacing-y.d.ts +8 -0
  574. package/vars/dimension/spacing-y.mjs +4 -0
  575. package/vars/duration.d.ts +7 -0
  576. package/vars/duration.mjs +7 -0
  577. package/vars/font-size.d.ts +30 -0
  578. package/vars/font-size.mjs +20 -0
  579. package/vars/font-weight.d.ts +3 -0
  580. package/vars/font-weight.mjs +3 -0
  581. package/vars/gradient.d.ts +19 -0
  582. package/vars/gradient.mjs +8 -0
  583. package/vars/index.d.ts +51 -0
  584. package/vars/index.mjs +1 -0
  585. package/vars/line-height.d.ts +30 -0
  586. package/vars/line-height.mjs +20 -0
  587. package/vars/radius.d.ts +11 -0
  588. package/vars/radius.mjs +11 -0
  589. package/vars/shadow.d.ts +4 -0
  590. package/vars/shadow.mjs +3 -0
  591. package/vars/timing-function.d.ts +6 -0
  592. package/vars/timing-function.mjs +6 -0
  593. package/vars/vars.d.ts +10 -0
  594. package/vars/vars.mjs +10 -0
package/base.css ADDED
@@ -0,0 +1,858 @@
1
+ @supports (font: -apple-system-body) {
2
+ }
3
+
4
+ .seed-loading-indicator {
5
+ display: inline-flex;
6
+ position: absolute;
7
+ }
8
+
9
+ .seed-icon, .seed-prefix-icon, .seed-suffix-icon {
10
+ flex-shrink: 0;
11
+ justify-content: center;
12
+ align-items: center;
13
+ display: inline-flex;
14
+ }
15
+
16
+ .seed-icon {
17
+ width: var(--seed-icon-size);
18
+ height: var(--seed-icon-size);
19
+ }
20
+
21
+ .seed-icon__text {
22
+ color: var(--seed-icon-color, currentColor);
23
+ }
24
+
25
+ .seed-prefix-icon {
26
+ width: var(--seed-prefix-icon-size);
27
+ height: var(--seed-prefix-icon-size);
28
+ margin-left: var(--seed-prefix-icon-margin-left, 0);
29
+ margin-right: var(--seed-prefix-icon-margin-right, 0);
30
+ margin-top: var(--seed-prefix-icon-margin-top, 0);
31
+ margin-bottom: var(--seed-prefix-icon-margin-bottom, 0);
32
+ align-self: var(--seed-prefix-icon-align-self);
33
+ justify-self: var(--seed-prefix-icon-justify-self);
34
+ }
35
+
36
+ .seed-prefix-icon__text {
37
+ color: var(--seed-prefix-icon-color, currentColor);
38
+ }
39
+
40
+ .seed-suffix-icon {
41
+ width: var(--seed-suffix-icon-size);
42
+ height: var(--seed-suffix-icon-size);
43
+ margin-left: var(--seed-suffix-icon-margin-left, 0);
44
+ margin-right: var(--seed-suffix-icon-margin-right, 0);
45
+ margin-top: var(--seed-suffix-icon-margin-top, 0);
46
+ margin-bottom: var(--seed-suffix-icon-margin-bottom, 0);
47
+ align-self: var(--seed-suffix-icon-align-self);
48
+ justify-self: var(--seed-suffix-icon-justify-self);
49
+ }
50
+
51
+ .seed-suffix-icon__text {
52
+ color: var(--seed-suffix-icon-color, currentColor);
53
+ }
54
+
55
+ .seed-count__text {
56
+ font-size: var(--seed-count-font-size);
57
+ line-height: var(--seed-count-line-height);
58
+ font-weight: var(--seed-count-font-weight);
59
+ color: var(--seed-count-color);
60
+ }
61
+
62
+ .seed-box {
63
+ --seed-box-background: transparent;
64
+ background: var(--seed-box-background);
65
+ --seed-box-border-style: solid;
66
+ --seed-box-border-color: transparent;
67
+ border-style: var(--seed-box-border-style);
68
+ border-color: var(--seed-box-border-color);
69
+ --seed-box-border-width: 0;
70
+ --seed-box-border-top-width: var(--seed-box-border-width);
71
+ --seed-box-border-bottom-width: var(--seed-box-border-width);
72
+ --seed-box-border-left-width: var(--seed-box-border-width);
73
+ --seed-box-border-right-width: var(--seed-box-border-width);
74
+ border-top-width: var(--seed-box-border-top-width);
75
+ border-bottom-width: var(--seed-box-border-bottom-width);
76
+ border-left-width: var(--seed-box-border-left-width);
77
+ border-right-width: var(--seed-box-border-right-width);
78
+ --seed-box-padding: 0;
79
+ --seed-box-padding-y: var(--seed-box-padding);
80
+ --seed-box-padding-x: var(--seed-box-padding);
81
+ --seed-box-padding-bottom: var(--seed-box-padding-y);
82
+ --seed-box-padding-top: var(--seed-box-padding-y);
83
+ --seed-box-padding-left: var(--seed-box-padding-x);
84
+ --seed-box-padding-right: var(--seed-box-padding-x);
85
+ padding-top: var(--seed-box-padding-top);
86
+ padding-bottom: var(--seed-box-padding-bottom);
87
+ padding-left: var(--seed-box-padding-left);
88
+ padding-right: var(--seed-box-padding-right);
89
+ --seed-box-bleed-bottom: 0px;
90
+ --seed-box-bleed-top: 0px;
91
+ --seed-box-bleed-left: 0px;
92
+ --seed-box-bleed-right: 0px;
93
+ margin-top: calc(var(--seed-box-bleed-top) * -1);
94
+ margin-bottom: calc(var(--seed-box-bleed-bottom) * -1);
95
+ margin-left: calc(var(--seed-box-bleed-left) * -1);
96
+ margin-right: calc(var(--seed-box-bleed-right) * -1);
97
+ --seed-box-min-height: auto;
98
+ --seed-box-max-height: none;
99
+ --seed-box-height: auto;
100
+ --seed-box-min-width: auto;
101
+ --seed-box-max-width: none;
102
+ --seed-box-width: auto;
103
+ min-height: var(--seed-box-min-height);
104
+ max-height: var(--seed-box-max-height);
105
+ height: var(--seed-box-height);
106
+ min-width: var(--seed-box-min-width);
107
+ max-width: var(--seed-box-max-width);
108
+ width: var(--seed-box-width);
109
+ --seed-box-top: auto;
110
+ --seed-box-bottom: auto;
111
+ --seed-box-left: auto;
112
+ --seed-box-right: auto;
113
+ top: var(--seed-box-top);
114
+ bottom: var(--seed-box-bottom);
115
+ left: var(--seed-box-left);
116
+ right: var(--seed-box-right);
117
+ --seed-box-border-radius: 0;
118
+ --seed-box-border-bottom-left-radius: var(--seed-box-border-radius);
119
+ --seed-box-border-bottom-right-radius: var(--seed-box-border-radius);
120
+ --seed-box-border-top-left-radius: var(--seed-box-border-radius);
121
+ --seed-box-border-top-right-radius: var(--seed-box-border-radius);
122
+ border-bottom-left-radius: var(--seed-box-border-bottom-left-radius);
123
+ border-bottom-right-radius: var(--seed-box-border-bottom-right-radius);
124
+ border-top-left-radius: var(--seed-box-border-top-left-radius);
125
+ border-top-right-radius: var(--seed-box-border-top-right-radius);
126
+ --seed-box-box-shadow: none;
127
+ box-shadow: var(--seed-box-box-shadow);
128
+ --seed-box-display: block;
129
+ --seed-box-position: relative;
130
+ display: var(--seed-box-display);
131
+ position: var(--seed-box-position);
132
+ --seed-box-unstable-transform: none;
133
+ transform: var(--seed-box-unstable-transform);
134
+ --seed-box-z-index: auto;
135
+ z-index: var(--seed-box-z-index);
136
+ --seed-box-overflow-x: visible;
137
+ --seed-box-overflow-y: visible;
138
+ overflow-x: var(--seed-box-overflow-x);
139
+ overflow-y: var(--seed-box-overflow-y);
140
+ --seed-box-flex-grow: 0;
141
+ --seed-box-flex-shrink: 1;
142
+ flex-grow: var(--seed-box-flex-grow);
143
+ flex-shrink: var(--seed-box-flex-shrink);
144
+ --seed-box-flex-direction: row;
145
+ --seed-box-flex-wrap: nowrap;
146
+ --seed-box-justify-content: flex-start;
147
+ --seed-box-justify-self: auto;
148
+ --seed-box-align-items: stretch;
149
+ --seed-box-align-content: stretch;
150
+ --seed-box-align-self: auto;
151
+ --seed-box-gap: 0px;
152
+ flex-direction: var(--seed-box-flex-direction);
153
+ flex-wrap: var(--seed-box-flex-wrap);
154
+ justify-content: var(--seed-box-justify-content);
155
+ justify-self: var(--seed-box-justify-self);
156
+ align-items: var(--seed-box-align-items);
157
+ align-content: var(--seed-box-align-content);
158
+ align-self: var(--seed-box-align-self);
159
+ gap: var(--seed-box-gap);
160
+ --seed-box-grid-column: auto;
161
+ --seed-box-grid-row: auto;
162
+ }
163
+
164
+ .seed-box__text {
165
+ --seed-box-background: transparent;
166
+ --seed-box-border-style: solid;
167
+ --seed-box-border-color: transparent;
168
+ --seed-box-border-width: 0;
169
+ --seed-box-border-top-width: var(--seed-box-border-width);
170
+ --seed-box-border-bottom-width: var(--seed-box-border-width);
171
+ --seed-box-border-left-width: var(--seed-box-border-width);
172
+ --seed-box-border-right-width: var(--seed-box-border-width);
173
+ --seed-box-padding: 0;
174
+ --seed-box-padding-y: var(--seed-box-padding);
175
+ --seed-box-padding-x: var(--seed-box-padding);
176
+ --seed-box-padding-bottom: var(--seed-box-padding-y);
177
+ --seed-box-padding-top: var(--seed-box-padding-y);
178
+ --seed-box-padding-left: var(--seed-box-padding-x);
179
+ --seed-box-padding-right: var(--seed-box-padding-x);
180
+ --seed-box-bleed-bottom: 0px;
181
+ --seed-box-bleed-top: 0px;
182
+ --seed-box-bleed-left: 0px;
183
+ --seed-box-bleed-right: 0px;
184
+ --seed-box-min-height: auto;
185
+ --seed-box-max-height: none;
186
+ --seed-box-height: auto;
187
+ --seed-box-min-width: auto;
188
+ --seed-box-max-width: none;
189
+ --seed-box-width: auto;
190
+ --seed-box-top: auto;
191
+ --seed-box-bottom: auto;
192
+ --seed-box-left: auto;
193
+ --seed-box-right: auto;
194
+ --seed-box-border-radius: 0;
195
+ --seed-box-border-bottom-left-radius: var(--seed-box-border-radius);
196
+ --seed-box-border-bottom-right-radius: var(--seed-box-border-radius);
197
+ --seed-box-border-top-left-radius: var(--seed-box-border-radius);
198
+ --seed-box-border-top-right-radius: var(--seed-box-border-radius);
199
+ --seed-box-box-shadow: none;
200
+ --seed-box-display: block;
201
+ --seed-box-position: relative;
202
+ --seed-box-unstable-transform: none;
203
+ --seed-box-z-index: auto;
204
+ --seed-box-overflow-x: visible;
205
+ --seed-box-overflow-y: visible;
206
+ --seed-box-flex-grow: 0;
207
+ --seed-box-flex-shrink: 1;
208
+ --seed-box-flex-direction: row;
209
+ --seed-box-flex-wrap: nowrap;
210
+ --seed-box-justify-content: flex-start;
211
+ --seed-box-justify-self: auto;
212
+ --seed-box-align-items: stretch;
213
+ --seed-box-align-content: stretch;
214
+ --seed-box-align-self: auto;
215
+ --seed-box-gap: 0px;
216
+ --seed-box-grid-column: auto;
217
+ --seed-box-grid-row: auto;
218
+ transform: var(--seed-box-unstable-transform);
219
+ color: var(--seed-box-color);
220
+ }
221
+
222
+ .seed-box.seed-box--has-active-bg_true:active {
223
+ background: var(--seed-box-background--active);
224
+ }
225
+
226
+ .seed-grid {
227
+ --seed-grid-columns: auto;
228
+ grid-template-columns: var(--seed-grid-columns);
229
+ --seed-grid-rows: auto;
230
+ grid-template-rows: var(--seed-grid-rows);
231
+ --seed-grid-auto-flow: row;
232
+ grid-auto-flow: var(--seed-grid-auto-flow);
233
+ --seed-grid-auto-columns: auto;
234
+ grid-auto-columns: var(--seed-grid-auto-columns);
235
+ --seed-grid-auto-rows: auto;
236
+ grid-auto-rows: var(--seed-grid-auto-rows);
237
+ --seed-grid-justify-items: stretch;
238
+ justify-items: var(--seed-grid-justify-items);
239
+ display: grid;
240
+ }
241
+
242
+ .seed-grid__text {
243
+ --seed-grid-columns: auto;
244
+ --seed-grid-rows: auto;
245
+ --seed-grid-auto-flow: row;
246
+ --seed-grid-auto-columns: auto;
247
+ --seed-grid-auto-rows: auto;
248
+ --seed-grid-justify-items: stretch;
249
+ }
250
+
251
+ .seed-consistent-width:before {
252
+ visibility: hidden;
253
+ height: 0;
254
+ display: block;
255
+ }
256
+
257
+ .seed-consistent-width__text:before {
258
+ font-weight: var(--seed-font-weight-regular);
259
+ }
260
+
261
+ .seed-consistent-width:after {
262
+ visibility: hidden;
263
+ height: 0;
264
+ display: block;
265
+ }
266
+
267
+ .seed-consistent-width__text:after {
268
+ font-weight: var(--seed-font-weight-bold);
269
+ }
270
+
271
+ :root {
272
+ --seed-dimension-x0_5: 2px;
273
+ --seed-dimension-x1: 4px;
274
+ --seed-dimension-x1_5: 6px;
275
+ --seed-dimension-x2: 8px;
276
+ --seed-dimension-x2_5: 10px;
277
+ --seed-dimension-x3: 12px;
278
+ --seed-dimension-x3_5: 14px;
279
+ --seed-dimension-x4: 16px;
280
+ --seed-dimension-x4_5: 18px;
281
+ --seed-dimension-x5: 20px;
282
+ --seed-dimension-x6: 24px;
283
+ --seed-dimension-x7: 28px;
284
+ --seed-dimension-x8: 32px;
285
+ --seed-dimension-x9: 36px;
286
+ --seed-dimension-x10: 40px;
287
+ --seed-dimension-x12: 48px;
288
+ --seed-dimension-x13: 52px;
289
+ --seed-dimension-x14: 56px;
290
+ --seed-dimension-x16: 64px;
291
+ --seed-dimension-spacing-x-between-chips: var(--seed-dimension-x2);
292
+ --seed-dimension-spacing-x-global-gutter: var(--seed-dimension-x4);
293
+ --seed-dimension-spacing-y-component-default: var(--seed-dimension-x3);
294
+ --seed-dimension-spacing-y-nav-to-title: var(--seed-dimension-x5);
295
+ --seed-dimension-spacing-y-screen-bottom: var(--seed-dimension-x14);
296
+ --seed-dimension-spacing-y-between-text: var(--seed-dimension-x1_5);
297
+ --seed-duration-d1: 50ms;
298
+ --seed-duration-d2: .1s;
299
+ --seed-duration-d3: .15s;
300
+ --seed-duration-d4: .2s;
301
+ --seed-duration-d5: .25s;
302
+ --seed-duration-d6: .3s;
303
+ --seed-duration-color-transition: var(--seed-duration-d3);
304
+ --seed-font-size-t1: 11sp;
305
+ --seed-font-size-t2: 12sp;
306
+ --seed-font-size-t3: 13sp;
307
+ --seed-font-size-t4: 14sp;
308
+ --seed-font-size-t5: 16sp;
309
+ --seed-font-size-t6: 18sp;
310
+ --seed-font-size-t7: 20sp;
311
+ --seed-font-size-t8: 22sp;
312
+ --seed-font-size-t9: 24sp;
313
+ --seed-font-size-t10: 26sp;
314
+ --seed-font-size-t1-static: 11px;
315
+ --seed-font-size-t2-static: 12px;
316
+ --seed-font-size-t3-static: 13px;
317
+ --seed-font-size-t4-static: 14px;
318
+ --seed-font-size-t5-static: 16px;
319
+ --seed-font-size-t6-static: 18px;
320
+ --seed-font-size-t7-static: 20px;
321
+ --seed-font-size-t8-static: 22px;
322
+ --seed-font-size-t9-static: 24px;
323
+ --seed-font-size-t10-static: 26px;
324
+ --seed-font-weight-regular: 400;
325
+ --seed-font-weight-medium: 500;
326
+ --seed-font-weight-bold: 700;
327
+ --seed-line-height-t1: 15sp;
328
+ --seed-line-height-t2: 16sp;
329
+ --seed-line-height-t3: 18sp;
330
+ --seed-line-height-t4: 19sp;
331
+ --seed-line-height-t5: 22sp;
332
+ --seed-line-height-t6: 24sp;
333
+ --seed-line-height-t7: 27sp;
334
+ --seed-line-height-t8: 30sp;
335
+ --seed-line-height-t9: 32sp;
336
+ --seed-line-height-t10: 35sp;
337
+ --seed-line-height-t1-static: 15px;
338
+ --seed-line-height-t2-static: 16px;
339
+ --seed-line-height-t3-static: 18px;
340
+ --seed-line-height-t4-static: 19px;
341
+ --seed-line-height-t5-static: 22px;
342
+ --seed-line-height-t6-static: 24px;
343
+ --seed-line-height-t7-static: 27px;
344
+ --seed-line-height-t8-static: 30px;
345
+ --seed-line-height-t9-static: 32px;
346
+ --seed-line-height-t10-static: 35px;
347
+ --seed-radius-r0_5: 2px;
348
+ --seed-radius-r1: 4px;
349
+ --seed-radius-r1_5: 6px;
350
+ --seed-radius-r2: 8px;
351
+ --seed-radius-r2_5: 10px;
352
+ --seed-radius-r3: 12px;
353
+ --seed-radius-r3_5: 14px;
354
+ --seed-radius-r4: 16px;
355
+ --seed-radius-r5: 20px;
356
+ --seed-radius-r6: 24px;
357
+ --seed-radius-full: 9999px;
358
+ --seed-timing-function-linear: cubic-bezier(0, 0, 1, 1);
359
+ --seed-timing-function-easing: cubic-bezier(.35, 0, .35, 1);
360
+ --seed-timing-function-enter: cubic-bezier(0, 0, .15, 1);
361
+ --seed-timing-function-exit: cubic-bezier(.35, 0, 1, 1);
362
+ --seed-timing-function-enter-expressive: cubic-bezier(.03, .4, .1, 1);
363
+ --seed-timing-function-exit-expressive: cubic-bezier(.35, 0, .95, .55);
364
+ }
365
+
366
+ :root, :root.seed-user-color-scheme-light, :root.seed-color-mode-light-only, .seed-color-mode-light-only {
367
+ --seed-color-palette-gray-00: #fff;
368
+ --seed-color-palette-gray-100: #f7f8f9;
369
+ --seed-color-palette-gray-200: #f3f4f5;
370
+ --seed-color-palette-gray-300: #eeeff1;
371
+ --seed-color-palette-gray-400: #dcdee3;
372
+ --seed-color-palette-gray-500: #d1d3d8;
373
+ --seed-color-palette-gray-600: #b0b3ba;
374
+ --seed-color-palette-gray-700: #868b94;
375
+ --seed-color-palette-gray-800: #555d6d;
376
+ --seed-color-palette-gray-900: #2a3038;
377
+ --seed-color-palette-gray-1000: #1a1c20;
378
+ --seed-color-palette-carrot-100: #fff2ec;
379
+ --seed-color-palette-carrot-200: #ffe8db;
380
+ --seed-color-palette-carrot-300: #ffd5c0;
381
+ --seed-color-palette-carrot-400: #ffb999;
382
+ --seed-color-palette-carrot-500: #ff9364;
383
+ --seed-color-palette-carrot-600: #f60;
384
+ --seed-color-palette-carrot-700: #e14d00;
385
+ --seed-color-palette-carrot-800: #b93901;
386
+ --seed-color-palette-carrot-900: #862b00;
387
+ --seed-color-palette-carrot-1000: #471601;
388
+ --seed-color-palette-blue-100: #eff6ff;
389
+ --seed-color-palette-blue-200: #e2edfc;
390
+ --seed-color-palette-blue-300: #cbdffa;
391
+ --seed-color-palette-blue-400: #aacefd;
392
+ --seed-color-palette-blue-500: #85b8fd;
393
+ --seed-color-palette-blue-600: #5e98fe;
394
+ --seed-color-palette-blue-700: #217cf9;
395
+ --seed-color-palette-blue-800: #135fcd;
396
+ --seed-color-palette-blue-900: #0b4596;
397
+ --seed-color-palette-blue-1000: #032451;
398
+ --seed-color-palette-red-100: #fdf0f0;
399
+ --seed-color-palette-red-200: #fde7e7;
400
+ --seed-color-palette-red-300: #fed4d2;
401
+ --seed-color-palette-red-400: #feb7b3;
402
+ --seed-color-palette-red-500: #fe928d;
403
+ --seed-color-palette-red-600: #fc6a66;
404
+ --seed-color-palette-red-700: #fa342c;
405
+ --seed-color-palette-red-800: #ca1d13;
406
+ --seed-color-palette-red-900: #921708;
407
+ --seed-color-palette-red-1000: #4a1209;
408
+ --seed-color-palette-green-100: #edfaf6;
409
+ --seed-color-palette-green-200: #d9f6e9;
410
+ --seed-color-palette-green-300: #b9e9d2;
411
+ --seed-color-palette-green-400: #7ddcb3;
412
+ --seed-color-palette-green-500: #42c593;
413
+ --seed-color-palette-green-600: #10ab7d;
414
+ --seed-color-palette-green-700: #079171;
415
+ --seed-color-palette-green-800: #00745f;
416
+ --seed-color-palette-green-900: #075445;
417
+ --seed-color-palette-green-1000: #0a2b24;
418
+ --seed-color-palette-yellow-100: #fff7de;
419
+ --seed-color-palette-yellow-200: #fdefb9;
420
+ --seed-color-palette-yellow-300: #fbdc65;
421
+ --seed-color-palette-yellow-400: #e9c647;
422
+ --seed-color-palette-yellow-500: #d4ab28;
423
+ --seed-color-palette-yellow-600: #c49725;
424
+ --seed-color-palette-yellow-700: #9b7821;
425
+ --seed-color-palette-yellow-800: #755b22;
426
+ --seed-color-palette-yellow-900: #4f3e1f;
427
+ --seed-color-palette-yellow-1000: #2c2512;
428
+ --seed-color-palette-purple-100: #f5f3fe;
429
+ --seed-color-palette-purple-200: #efeafe;
430
+ --seed-color-palette-purple-300: #e1d8ff;
431
+ --seed-color-palette-purple-400: #d0c0ff;
432
+ --seed-color-palette-purple-500: #b8a1ff;
433
+ --seed-color-palette-purple-600: #9f84fb;
434
+ --seed-color-palette-purple-700: #8969ea;
435
+ --seed-color-palette-purple-800: #6d50cb;
436
+ --seed-color-palette-purple-900: #50379b;
437
+ --seed-color-palette-purple-1000: #29175d;
438
+ --seed-color-palette-static-black: #000;
439
+ --seed-color-palette-static-black-alpha-100: #00000007;
440
+ --seed-color-palette-static-black-alpha-200: #0000000c;
441
+ --seed-color-palette-static-black-alpha-300: #00000010;
442
+ --seed-color-palette-static-black-alpha-400: #00000021;
443
+ --seed-color-palette-static-black-alpha-500: #0000002c;
444
+ --seed-color-palette-static-black-alpha-600: #0000004c;
445
+ --seed-color-palette-static-black-alpha-700: #00000074;
446
+ --seed-color-palette-static-black-alpha-800: #000000a2;
447
+ --seed-color-palette-static-black-alpha-900: #000000d0;
448
+ --seed-color-palette-static-black-alpha-1000: #000000e3;
449
+ --seed-color-palette-static-white: #fff;
450
+ --seed-color-palette-static-white-alpha-50: #ffffff0d;
451
+ --seed-color-palette-static-white-alpha-100: #ffffff17;
452
+ --seed-color-palette-static-white-alpha-200: #ffffff20;
453
+ --seed-color-palette-static-white-alpha-300: #ffffff2e;
454
+ --seed-color-palette-static-white-alpha-400: #ffffff3d;
455
+ --seed-color-palette-static-white-alpha-500: #ffffff60;
456
+ --seed-color-palette-static-white-alpha-600: #ffffff8b;
457
+ --seed-color-palette-static-white-alpha-700: #ffffffb3;
458
+ --seed-color-palette-static-white-alpha-800: #ffffffde;
459
+ --seed-color-palette-static-white-alpha-900: #ffffffea;
460
+ --seed-color-palette-static-white-alpha-1000: #fffffff4;
461
+ --seed-color-fg-brand: var(--seed-color-palette-carrot-600);
462
+ --seed-color-fg-brand-contrast: var(--seed-color-palette-carrot-700);
463
+ --seed-color-fg-critical: var(--seed-color-palette-red-700);
464
+ --seed-color-fg-critical-contrast: var(--seed-color-palette-red-900);
465
+ --seed-color-fg-disabled: var(--seed-color-palette-gray-500);
466
+ --seed-color-fg-informative: var(--seed-color-palette-blue-700);
467
+ --seed-color-fg-informative-contrast: var(--seed-color-palette-blue-900);
468
+ --seed-color-fg-neutral: var(--seed-color-palette-gray-1000);
469
+ --seed-color-fg-neutral-inverted: var(--seed-color-palette-gray-00);
470
+ --seed-color-fg-neutral-muted: var(--seed-color-palette-gray-800);
471
+ --seed-color-fg-neutral-subtle: var(--seed-color-palette-gray-700);
472
+ --seed-color-fg-placeholder: var(--seed-color-palette-gray-600);
473
+ --seed-color-fg-positive: var(--seed-color-palette-green-700);
474
+ --seed-color-fg-positive-contrast: var(--seed-color-palette-green-900);
475
+ --seed-color-fg-warning: var(--seed-color-palette-yellow-700);
476
+ --seed-color-fg-warning-contrast: var(--seed-color-palette-yellow-900);
477
+ --seed-color-bg-brand-solid: var(--seed-color-palette-carrot-600);
478
+ --seed-color-bg-brand-solid-pressed: var(--seed-color-palette-carrot-700);
479
+ --seed-color-bg-brand-weak: var(--seed-color-palette-carrot-100);
480
+ --seed-color-bg-brand-weak-pressed: var(--seed-color-palette-carrot-200);
481
+ --seed-color-bg-critical-solid: var(--seed-color-palette-red-700);
482
+ --seed-color-bg-critical-solid-pressed: var(--seed-color-palette-red-800);
483
+ --seed-color-bg-critical-weak: var(--seed-color-palette-red-100);
484
+ --seed-color-bg-critical-weak-pressed: var(--seed-color-palette-red-200);
485
+ --seed-color-bg-disabled: var(--seed-color-palette-gray-200);
486
+ --seed-color-bg-informative-solid: var(--seed-color-palette-blue-700);
487
+ --seed-color-bg-informative-solid-pressed: var(--seed-color-palette-blue-800);
488
+ --seed-color-bg-informative-weak: var(--seed-color-palette-blue-100);
489
+ --seed-color-bg-informative-weak-pressed: var(--seed-color-palette-blue-200);
490
+ --seed-color-bg-layer-basement: var(--seed-color-palette-gray-200);
491
+ --seed-color-bg-layer-default: var(--seed-color-palette-gray-00);
492
+ --seed-color-bg-layer-default-pressed: var(--seed-color-palette-gray-100);
493
+ --seed-color-bg-layer-fill: var(--seed-color-palette-gray-100);
494
+ --seed-color-bg-layer-floating: var(--seed-color-palette-gray-00);
495
+ --seed-color-bg-layer-floating-pressed: var(--seed-color-palette-gray-100);
496
+ --seed-color-bg-magic-weak: #f9f2ee;
497
+ --seed-color-bg-neutral-inverted: var(--seed-color-palette-gray-900);
498
+ --seed-color-bg-neutral-inverted-pressed: var(--seed-color-palette-gray-800);
499
+ --seed-color-bg-neutral-solid: var(--seed-color-palette-gray-1000);
500
+ --seed-color-bg-neutral-solid-muted: var(--seed-color-palette-gray-800);
501
+ --seed-color-bg-neutral-solid-muted-pressed: var(--seed-color-palette-gray-900);
502
+ --seed-color-bg-neutral-weak: var(--seed-color-palette-gray-200);
503
+ --seed-color-bg-neutral-weak-alpha: var(--seed-color-palette-static-black-alpha-200);
504
+ --seed-color-bg-neutral-weak-alpha-pressed: var(--seed-color-palette-static-black-alpha-300);
505
+ --seed-color-bg-neutral-weak-pressed: var(--seed-color-palette-gray-300);
506
+ --seed-color-bg-overlay: var(--seed-color-palette-static-black-alpha-700);
507
+ --seed-color-bg-overlay-muted: var(--seed-color-palette-static-black-alpha-500);
508
+ --seed-color-bg-positive-solid: var(--seed-color-palette-green-700);
509
+ --seed-color-bg-positive-solid-pressed: var(--seed-color-palette-green-800);
510
+ --seed-color-bg-positive-weak: var(--seed-color-palette-green-100);
511
+ --seed-color-bg-positive-weak-pressed: var(--seed-color-palette-green-200);
512
+ --seed-color-bg-transparent: #0000;
513
+ --seed-color-bg-transparent-pressed: var(--seed-color-palette-static-black-alpha-100);
514
+ --seed-color-bg-warning-solid: var(--seed-color-palette-yellow-300);
515
+ --seed-color-bg-warning-solid-pressed: var(--seed-color-palette-yellow-400);
516
+ --seed-color-bg-warning-weak: var(--seed-color-palette-yellow-100);
517
+ --seed-color-bg-warning-weak-pressed: var(--seed-color-palette-yellow-200);
518
+ --seed-color-stroke-brand-solid: var(--seed-color-palette-carrot-700);
519
+ --seed-color-stroke-brand-weak: var(--seed-color-palette-carrot-300);
520
+ --seed-color-stroke-critical-solid: var(--seed-color-palette-red-700);
521
+ --seed-color-stroke-critical-weak: var(--seed-color-palette-red-300);
522
+ --seed-color-stroke-informative-solid: var(--seed-color-palette-blue-700);
523
+ --seed-color-stroke-informative-weak: var(--seed-color-palette-blue-300);
524
+ --seed-color-stroke-neutral-contrast: var(--seed-color-palette-gray-1000);
525
+ --seed-color-stroke-neutral-muted: var(--seed-color-palette-static-black-alpha-300);
526
+ --seed-color-stroke-neutral-solid: var(--seed-color-palette-gray-800);
527
+ --seed-color-stroke-neutral-subtle: var(--seed-color-palette-static-black-alpha-200);
528
+ --seed-color-stroke-neutral-weak: var(--seed-color-palette-gray-400);
529
+ --seed-color-stroke-positive-solid: var(--seed-color-palette-green-700);
530
+ --seed-color-stroke-positive-weak: var(--seed-color-palette-green-300);
531
+ --seed-color-stroke-warning-solid: var(--seed-color-palette-yellow-700);
532
+ --seed-color-stroke-warning-weak: var(--seed-color-palette-yellow-300);
533
+ --seed-color-stroke-focus-ring: var(--seed-color-palette-blue-600);
534
+ --seed-color-manner-temp-l1-bg: #f1f2f3;
535
+ --seed-color-manner-temp-l1-text: #757b85;
536
+ --seed-color-manner-temp-l10-bg: #ffebee;
537
+ --seed-color-manner-temp-l10-text: #cb0123;
538
+ --seed-color-manner-temp-l2-bg: #f8f4ec;
539
+ --seed-color-manner-temp-l2-text: #ab863f;
540
+ --seed-color-manner-temp-l3-bg: #fff5e5;
541
+ --seed-color-manner-temp-l3-text: #e08a00;
542
+ --seed-color-manner-temp-l4-bg: #fff3e5;
543
+ --seed-color-manner-temp-l4-text: #f57e00;
544
+ --seed-color-manner-temp-l5-bg: #fff1e5;
545
+ --seed-color-manner-temp-l5-text: #ff7300;
546
+ --seed-color-manner-temp-l6-bg: #fff0e5;
547
+ --seed-color-manner-temp-l6-text: #f60;
548
+ --seed-color-manner-temp-l7-bg: #ffefe5;
549
+ --seed-color-manner-temp-l7-text: #ff5100;
550
+ --seed-color-manner-temp-l8-bg: #ffeee5;
551
+ --seed-color-manner-temp-l8-text: #f30;
552
+ --seed-color-manner-temp-l9-bg: #fdeded;
553
+ --seed-color-manner-temp-l9-text: #e82c45;
554
+ --seed-color-banner-blue: #e1f7ff;
555
+ --seed-color-banner-cool-gray: #ebf1f5;
556
+ --seed-color-banner-green: #f0fbe5;
557
+ --seed-color-banner-orange: #fff2e1;
558
+ --seed-color-banner-pink: #ffebf1;
559
+ --seed-color-banner-purple: #f5ecff;
560
+ --seed-color-banner-red: #ffecee;
561
+ --seed-color-banner-teal: #e6faf6;
562
+ --seed-color-banner-warm-gray: #f2f0ee;
563
+ --seed-color-banner-yellow: #fffae1;
564
+ --seed-gradient-fade-layer-floating: #fff0 0%, #000 100%;
565
+ --seed-gradient-fade-layer-default: #000 0%, #fff0 100%;
566
+ --seed-gradient-glow-magic: #fef6f7 0%, #fef0e7 80%, #f9f7f5 100%;
567
+ --seed-gradient-glow-magic-pressed: #fbf0f2 0%, #ffe8db 80%, #f5f2ef 100%;
568
+ --seed-gradient-highlight-magic: #f60 20%, #d25aca 100%;
569
+ --seed-gradient-highlight-magic-pressed: #e14f00 20%, #ae58bf 100%;
570
+ --seed-gradient-shimmer-magic: #fff9f500 0%, #fff9f5cc 46%, #fff9f5cc 54%, #fff9f500 100%;
571
+ --seed-gradient-shimmer-neutral: #fff0 0%, #ffffffab 46%, #ffffffab 54%, #fff0 100%;
572
+ --seed-shadow-s1: 0px 1px 4px 0px #00000014;
573
+ --seed-shadow-s2: 0px 2px 10px 0px #0000001a;
574
+ --seed-shadow-s3: 0px 4px 16px 0px #0000001f;
575
+ }
576
+
577
+ :root.seed-user-color-scheme-dark, :root.seed-color-mode-dark-only, .seed-color-mode-dark-only {
578
+ --seed-color-palette-gray-00: #000;
579
+ --seed-color-palette-gray-100: #16171b;
580
+ --seed-color-palette-gray-200: #1d2025;
581
+ --seed-color-palette-gray-300: #2b2e35;
582
+ --seed-color-palette-gray-400: #393d46;
583
+ --seed-color-palette-gray-500: #5b606a;
584
+ --seed-color-palette-gray-600: #868b94;
585
+ --seed-color-palette-gray-700: #b0b3ba;
586
+ --seed-color-palette-gray-800: #dcdee3;
587
+ --seed-color-palette-gray-900: #e9eaec;
588
+ --seed-color-palette-gray-1000: #f3f4f5;
589
+ --seed-color-palette-carrot-100: #31241f;
590
+ --seed-color-palette-carrot-200: #4b291c;
591
+ --seed-color-palette-carrot-300: #6b311c;
592
+ --seed-color-palette-carrot-400: #923600;
593
+ --seed-color-palette-carrot-500: #bd4201;
594
+ --seed-color-palette-carrot-600: #e65200;
595
+ --seed-color-palette-carrot-700: #f60;
596
+ --seed-color-palette-carrot-800: #ff9e65;
597
+ --seed-color-palette-carrot-900: #eecebc;
598
+ --seed-color-palette-carrot-1000: #f4eeea;
599
+ --seed-color-palette-blue-100: #202742;
600
+ --seed-color-palette-blue-200: #1e3352;
601
+ --seed-color-palette-blue-300: #1a4275;
602
+ --seed-color-palette-blue-400: #0f559e;
603
+ --seed-color-palette-blue-500: #1964d8;
604
+ --seed-color-palette-blue-600: #1e82eb;
605
+ --seed-color-palette-blue-700: #41a2f9;
606
+ --seed-color-palette-blue-800: #83bcf9;
607
+ --seed-color-palette-blue-900: #b9d7fb;
608
+ --seed-color-palette-blue-1000: #e5f0fe;
609
+ --seed-color-palette-red-100: #322323;
610
+ --seed-color-palette-red-200: #4f2624;
611
+ --seed-color-palette-red-300: #742826;
612
+ --seed-color-palette-red-400: #a12621;
613
+ --seed-color-palette-red-500: #ca2319;
614
+ --seed-color-palette-red-600: #f73526;
615
+ --seed-color-palette-red-700: #ff6e60;
616
+ --seed-color-palette-red-800: #ffa299;
617
+ --seed-color-palette-red-900: #f8c5c3;
618
+ --seed-color-palette-red-1000: #fdf2f2;
619
+ --seed-color-palette-green-100: #202926;
620
+ --seed-color-palette-green-200: #20362e;
621
+ --seed-color-palette-green-300: #20493b;
622
+ --seed-color-palette-green-400: #19604c;
623
+ --seed-color-palette-green-500: #117956;
624
+ --seed-color-palette-green-600: #1b946d;
625
+ --seed-color-palette-green-700: #22b27f;
626
+ --seed-color-palette-green-800: #35ce9a;
627
+ --seed-color-palette-green-900: #93e5c0;
628
+ --seed-color-palette-green-1000: #d4f6ef;
629
+ --seed-color-palette-yellow-100: #302819;
630
+ --seed-color-palette-yellow-200: #413218;
631
+ --seed-color-palette-yellow-300: #543e15;
632
+ --seed-color-palette-yellow-400: #714e15;
633
+ --seed-color-palette-yellow-500: #91601b;
634
+ --seed-color-palette-yellow-600: #b6720d;
635
+ --seed-color-palette-yellow-700: #ca901c;
636
+ --seed-color-palette-yellow-800: #dab156;
637
+ --seed-color-palette-yellow-900: #e5d49b;
638
+ --seed-color-palette-yellow-1000: #f7f0cd;
639
+ --seed-color-palette-purple-100: #28213b;
640
+ --seed-color-palette-purple-200: #3b2873;
641
+ --seed-color-palette-purple-300: #443081;
642
+ --seed-color-palette-purple-400: #5a3bb1;
643
+ --seed-color-palette-purple-500: #764fd9;
644
+ --seed-color-palette-purple-600: #8e6bee;
645
+ --seed-color-palette-purple-700: #a78df0;
646
+ --seed-color-palette-purple-800: #beadf2;
647
+ --seed-color-palette-purple-900: #d9cefa;
648
+ --seed-color-palette-purple-1000: #f0edfc;
649
+ --seed-color-palette-static-black: #000;
650
+ --seed-color-palette-static-black-alpha-100: #00000007;
651
+ --seed-color-palette-static-black-alpha-200: #0000000c;
652
+ --seed-color-palette-static-black-alpha-300: #00000010;
653
+ --seed-color-palette-static-black-alpha-400: #00000021;
654
+ --seed-color-palette-static-black-alpha-500: #0000002c;
655
+ --seed-color-palette-static-black-alpha-600: #0000004c;
656
+ --seed-color-palette-static-black-alpha-700: #00000074;
657
+ --seed-color-palette-static-black-alpha-800: #000000a2;
658
+ --seed-color-palette-static-black-alpha-900: #000000d0;
659
+ --seed-color-palette-static-black-alpha-1000: #000000e3;
660
+ --seed-color-palette-static-white: #fff;
661
+ --seed-color-palette-static-white-alpha-50: #ffffff0d;
662
+ --seed-color-palette-static-white-alpha-100: #ffffff17;
663
+ --seed-color-palette-static-white-alpha-200: #ffffff20;
664
+ --seed-color-palette-static-white-alpha-300: #ffffff2e;
665
+ --seed-color-palette-static-white-alpha-400: #ffffff3d;
666
+ --seed-color-palette-static-white-alpha-500: #ffffff60;
667
+ --seed-color-palette-static-white-alpha-600: #ffffff8b;
668
+ --seed-color-palette-static-white-alpha-700: #ffffffb3;
669
+ --seed-color-palette-static-white-alpha-800: #ffffffde;
670
+ --seed-color-palette-static-white-alpha-900: #ffffffea;
671
+ --seed-color-palette-static-white-alpha-1000: #fffffff4;
672
+ --seed-color-fg-brand: var(--seed-color-palette-carrot-700);
673
+ --seed-color-fg-brand-contrast: var(--seed-color-palette-carrot-700);
674
+ --seed-color-fg-critical: var(--seed-color-palette-red-700);
675
+ --seed-color-fg-critical-contrast: var(--seed-color-palette-red-900);
676
+ --seed-color-fg-disabled: var(--seed-color-palette-gray-500);
677
+ --seed-color-fg-informative: var(--seed-color-palette-blue-700);
678
+ --seed-color-fg-informative-contrast: var(--seed-color-palette-blue-900);
679
+ --seed-color-fg-neutral: var(--seed-color-palette-gray-1000);
680
+ --seed-color-fg-neutral-inverted: var(--seed-color-palette-gray-100);
681
+ --seed-color-fg-neutral-muted: var(--seed-color-palette-gray-800);
682
+ --seed-color-fg-neutral-subtle: var(--seed-color-palette-gray-700);
683
+ --seed-color-fg-placeholder: var(--seed-color-palette-gray-600);
684
+ --seed-color-fg-positive: var(--seed-color-palette-green-700);
685
+ --seed-color-fg-positive-contrast: var(--seed-color-palette-green-900);
686
+ --seed-color-fg-warning: var(--seed-color-palette-yellow-700);
687
+ --seed-color-fg-warning-contrast: var(--seed-color-palette-yellow-900);
688
+ --seed-color-bg-brand-solid: var(--seed-color-palette-carrot-700);
689
+ --seed-color-bg-brand-solid-pressed: var(--seed-color-palette-carrot-800);
690
+ --seed-color-bg-brand-weak: var(--seed-color-palette-carrot-100);
691
+ --seed-color-bg-brand-weak-pressed: var(--seed-color-palette-carrot-200);
692
+ --seed-color-bg-critical-solid: var(--seed-color-palette-red-600);
693
+ --seed-color-bg-critical-solid-pressed: var(--seed-color-palette-red-700);
694
+ --seed-color-bg-critical-weak: var(--seed-color-palette-red-100);
695
+ --seed-color-bg-critical-weak-pressed: var(--seed-color-palette-red-200);
696
+ --seed-color-bg-disabled: var(--seed-color-palette-gray-300);
697
+ --seed-color-bg-informative-solid: var(--seed-color-palette-blue-600);
698
+ --seed-color-bg-informative-solid-pressed: var(--seed-color-palette-blue-700);
699
+ --seed-color-bg-informative-weak: var(--seed-color-palette-blue-100);
700
+ --seed-color-bg-informative-weak-pressed: var(--seed-color-palette-blue-200);
701
+ --seed-color-bg-layer-basement: var(--seed-color-palette-gray-00);
702
+ --seed-color-bg-layer-default: var(--seed-color-palette-gray-100);
703
+ --seed-color-bg-layer-default-pressed: var(--seed-color-palette-gray-300);
704
+ --seed-color-bg-layer-fill: var(--seed-color-palette-gray-200);
705
+ --seed-color-bg-layer-floating: var(--seed-color-palette-gray-200);
706
+ --seed-color-bg-layer-floating-pressed: var(--seed-color-palette-gray-300);
707
+ --seed-color-bg-magic-weak: #201f1f;
708
+ --seed-color-bg-neutral-inverted: var(--seed-color-palette-gray-1000);
709
+ --seed-color-bg-neutral-inverted-pressed: var(--seed-color-palette-gray-800);
710
+ --seed-color-bg-neutral-solid: var(--seed-color-palette-gray-300);
711
+ --seed-color-bg-neutral-solid-muted: var(--seed-color-palette-gray-400);
712
+ --seed-color-bg-neutral-solid-muted-pressed: var(--seed-color-palette-gray-500);
713
+ --seed-color-bg-neutral-weak: var(--seed-color-palette-gray-300);
714
+ --seed-color-bg-neutral-weak-alpha: var(--seed-color-palette-static-white-alpha-200);
715
+ --seed-color-bg-neutral-weak-alpha-pressed: var(--seed-color-palette-static-white-alpha-300);
716
+ --seed-color-bg-neutral-weak-pressed: var(--seed-color-palette-gray-400);
717
+ --seed-color-bg-overlay: var(--seed-color-palette-static-black-alpha-700);
718
+ --seed-color-bg-overlay-muted: var(--seed-color-palette-static-black-alpha-500);
719
+ --seed-color-bg-positive-solid: var(--seed-color-palette-green-500);
720
+ --seed-color-bg-positive-solid-pressed: var(--seed-color-palette-green-600);
721
+ --seed-color-bg-positive-weak: var(--seed-color-palette-green-100);
722
+ --seed-color-bg-positive-weak-pressed: var(--seed-color-palette-green-200);
723
+ --seed-color-bg-transparent: #fff0;
724
+ --seed-color-bg-transparent-pressed: var(--seed-color-palette-static-white-alpha-50);
725
+ --seed-color-bg-warning-solid: var(--seed-color-palette-yellow-800);
726
+ --seed-color-bg-warning-solid-pressed: var(--seed-color-palette-yellow-900);
727
+ --seed-color-bg-warning-weak: var(--seed-color-palette-yellow-100);
728
+ --seed-color-bg-warning-weak-pressed: var(--seed-color-palette-yellow-200);
729
+ --seed-color-stroke-brand-solid: var(--seed-color-palette-carrot-700);
730
+ --seed-color-stroke-brand-weak: var(--seed-color-palette-carrot-300);
731
+ --seed-color-stroke-critical-solid: var(--seed-color-palette-red-700);
732
+ --seed-color-stroke-critical-weak: var(--seed-color-palette-red-300);
733
+ --seed-color-stroke-informative-solid: var(--seed-color-palette-blue-700);
734
+ --seed-color-stroke-informative-weak: var(--seed-color-palette-blue-300);
735
+ --seed-color-stroke-neutral-contrast: var(--seed-color-palette-gray-1000);
736
+ --seed-color-stroke-neutral-muted: var(--seed-color-palette-static-white-alpha-100);
737
+ --seed-color-stroke-neutral-solid: var(--seed-color-palette-gray-800);
738
+ --seed-color-stroke-neutral-subtle: var(--seed-color-palette-static-white-alpha-50);
739
+ --seed-color-stroke-neutral-weak: var(--seed-color-palette-gray-400);
740
+ --seed-color-stroke-positive-solid: var(--seed-color-palette-green-700);
741
+ --seed-color-stroke-positive-weak: var(--seed-color-palette-green-300);
742
+ --seed-color-stroke-warning-solid: var(--seed-color-palette-yellow-700);
743
+ --seed-color-stroke-warning-weak: var(--seed-color-palette-yellow-300);
744
+ --seed-color-stroke-focus-ring: var(--seed-color-palette-blue-600);
745
+ --seed-color-manner-temp-l1-bg: #292929;
746
+ --seed-color-manner-temp-l1-text: #b8b8b9;
747
+ --seed-color-manner-temp-l10-bg: #34040a;
748
+ --seed-color-manner-temp-l10-text: #fb6f82;
749
+ --seed-color-manner-temp-l2-bg: #332605;
750
+ --seed-color-manner-temp-l2-text: #f5db97;
751
+ --seed-color-manner-temp-l3-bg: #372b01;
752
+ --seed-color-manner-temp-l3-text: #fdda65;
753
+ --seed-color-manner-temp-l4-bg: #372301;
754
+ --seed-color-manner-temp-l4-text: #fbbe55;
755
+ --seed-color-manner-temp-l5-bg: #371f01;
756
+ --seed-color-manner-temp-l5-text: #faac4b;
757
+ --seed-color-manner-temp-l6-bg: #351b03;
758
+ --seed-color-manner-temp-l6-text: #fc9855;
759
+ --seed-color-manner-temp-l7-bg: #371701;
760
+ --seed-color-manner-temp-l7-text: #f97a25;
761
+ --seed-color-manner-temp-l8-bg: #380f00;
762
+ --seed-color-manner-temp-l8-text: #fe6a34;
763
+ --seed-color-manner-temp-l9-bg: #380500;
764
+ --seed-color-manner-temp-l9-text: #fe6a5d;
765
+ --seed-color-banner-blue: #0d2a3a;
766
+ --seed-color-banner-cool-gray: #242c33;
767
+ --seed-color-banner-green: #1e361c;
768
+ --seed-color-banner-orange: #42230a;
769
+ --seed-color-banner-pink: #3b172c;
770
+ --seed-color-banner-purple: #2e1e45;
771
+ --seed-color-banner-red: #3a0f15;
772
+ --seed-color-banner-teal: #143633;
773
+ --seed-color-banner-warm-gray: #2f2b27;
774
+ --seed-color-banner-yellow: #3e2b00;
775
+ --seed-gradient-fade-layer-floating: #1d202500 0%, #000 100%;
776
+ --seed-gradient-fade-layer-default: #000 0%, #16171b00 100%;
777
+ --seed-gradient-glow-magic: #2d252d 0%, #3a312b 80%, #333232 100%;
778
+ --seed-gradient-glow-magic-pressed: #3e333e 0%, #51453e 80%, #434242 100%;
779
+ --seed-gradient-highlight-magic: #f60 20%, #d25aca 100%;
780
+ --seed-gradient-highlight-magic-pressed: #ff9e65 20%, #e89bee 100%;
781
+ --seed-gradient-shimmer-magic: #fff9f500 0%, #fff9f51a 46%, #fff9f51a 54%, #fff9f500 100%;
782
+ --seed-gradient-shimmer-neutral: #fff0 0%, #ffffff1a 46%, #ffffff1a 54%, #fff0 100%;
783
+ --seed-shadow-s1: 0px 1px 4px 0px #00000080;
784
+ --seed-shadow-s2: 0px 2px 10px 0px #000000ad;
785
+ --seed-shadow-s3: 0px 4px 16px 0px #000c;
786
+ }
787
+
788
+ @keyframes seed-enter {
789
+ from {
790
+ opacity: var(--seed-enter-opacity, 1);
791
+ transform: translate3d(var(--seed-enter-translate-x, 0), var(--seed-enter-translate-y, 0), 0) scale3d(var(--seed-enter-scale, 1), var(--seed-enter-scale, 1), var(--seed-enter-scale, 1)) rotate(var(--seed-enter-rotate, 0));
792
+ }
793
+ }
794
+
795
+ @keyframes seed-exit {
796
+ to {
797
+ opacity: var(--seed-exit-opacity, 1);
798
+ transform: translate3d(var(--seed-exit-translate-x, 0), var(--seed-exit-translate-y, 0), 0) scale3d(var(--seed-exit-scale, 1), var(--seed-exit-scale, 1), var(--seed-exit-scale, 1)) rotate(var(--seed-exit-rotate, 0));
799
+ }
800
+ }
801
+
802
+ @keyframes rotate {
803
+ from {
804
+ transform: rotate(0);
805
+ }
806
+
807
+ to {
808
+ transform: rotate(360deg);
809
+ }
810
+ }
811
+
812
+ @keyframes slide-x {
813
+ 0% {
814
+ transform: translateX(-100%);
815
+ }
816
+
817
+ 100% {
818
+ transform: translateX(100%);
819
+ }
820
+ }
821
+
822
+ @keyframes progress-circle-head {
823
+ }
824
+
825
+ @keyframes progress-circle-tail {
826
+ }
827
+
828
+ @keyframes fade-in {
829
+ from {
830
+ opacity: 0;
831
+ }
832
+
833
+ to {
834
+ opacity: 1;
835
+ }
836
+ }
837
+
838
+ @keyframes fade-out {
839
+ to {
840
+ opacity: 0;
841
+ }
842
+ }
843
+
844
+ @keyframes drawer-slide-from-bottom {
845
+ from {
846
+ transform: translate3d(0, var(--initial-transform, 100%), 0);
847
+ }
848
+
849
+ to {
850
+ transform: translate3d(0, var(--snap-point-height, 0), 0);
851
+ }
852
+ }
853
+
854
+ @keyframes drawer-slide-to-bottom {
855
+ to {
856
+ transform: translate3d(0, var(--initial-transform, 100%), 0);
857
+ }
858
+ }