@seed-design/css 0.0.0-alpha-20260324091316

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 (605) hide show
  1. package/README.md +4 -0
  2. package/all.css +9562 -0
  3. package/all.layered.css +9574 -0
  4. package/all.layered.min.css +1 -0
  5. package/all.min.css +1 -0
  6. package/base.css +1084 -0
  7. package/base.layered.css +1086 -0
  8. package/base.layered.min.css +1 -0
  9. package/base.min.css +1 -0
  10. package/breakpoints/index.d.ts +7 -0
  11. package/breakpoints/index.mjs +17 -0
  12. package/package.json +82 -0
  13. package/recipes/action-button.css +423 -0
  14. package/recipes/action-button.d.ts +30 -0
  15. package/recipes/action-button.layered.css +477 -0
  16. package/recipes/action-button.layered.mjs +79 -0
  17. package/recipes/action-button.mjs +79 -0
  18. package/recipes/action-chip.css +75 -0
  19. package/recipes/action-chip.d.ts +26 -0
  20. package/recipes/action-chip.layered.css +84 -0
  21. package/recipes/action-chip.layered.mjs +51 -0
  22. package/recipes/action-chip.mjs +51 -0
  23. package/recipes/action-sheet-item.css +32 -0
  24. package/recipes/action-sheet-item.d.ts +22 -0
  25. package/recipes/action-sheet-item.layered.css +38 -0
  26. package/recipes/action-sheet-item.layered.mjs +29 -0
  27. package/recipes/action-sheet-item.mjs +29 -0
  28. package/recipes/action-sheet.css +125 -0
  29. package/recipes/action-sheet.d.ts +21 -0
  30. package/recipes/action-sheet.layered.css +134 -0
  31. package/recipes/action-sheet.layered.mjs +60 -0
  32. package/recipes/action-sheet.mjs +60 -0
  33. package/recipes/app-bar-main.css +171 -0
  34. package/recipes/app-bar-main.d.ts +36 -0
  35. package/recipes/app-bar-main.layered.css +165 -0
  36. package/recipes/app-bar-main.layered.mjs +63 -0
  37. package/recipes/app-bar-main.mjs +63 -0
  38. package/recipes/app-bar.css +291 -0
  39. package/recipes/app-bar.d.ts +36 -0
  40. package/recipes/app-bar.layered.css +302 -0
  41. package/recipes/app-bar.layered.mjs +70 -0
  42. package/recipes/app-bar.mjs +70 -0
  43. package/recipes/app-screen.css +320 -0
  44. package/recipes/app-screen.d.ts +44 -0
  45. package/recipes/app-screen.layered.css +332 -0
  46. package/recipes/app-screen.layered.mjs +98 -0
  47. package/recipes/app-screen.mjs +98 -0
  48. package/recipes/article.css +9 -0
  49. package/recipes/article.d.ts +19 -0
  50. package/recipes/article.layered.css +12 -0
  51. package/recipes/article.layered.mjs +22 -0
  52. package/recipes/article.mjs +22 -0
  53. package/recipes/aspect-ratio.css +24 -0
  54. package/recipes/aspect-ratio.d.ts +19 -0
  55. package/recipes/aspect-ratio.layered.css +26 -0
  56. package/recipes/aspect-ratio.layered.mjs +22 -0
  57. package/recipes/aspect-ratio.mjs +22 -0
  58. package/recipes/avatar-stack.css +73 -0
  59. package/recipes/avatar-stack.d.ts +24 -0
  60. package/recipes/avatar-stack.layered.css +94 -0
  61. package/recipes/avatar-stack.layered.mjs +50 -0
  62. package/recipes/avatar-stack.mjs +50 -0
  63. package/recipes/avatar.css +194 -0
  64. package/recipes/avatar.d.ts +28 -0
  65. package/recipes/avatar.layered.css +222 -0
  66. package/recipes/avatar.layered.mjs +65 -0
  67. package/recipes/avatar.mjs +65 -0
  68. package/recipes/badge.css +118 -0
  69. package/recipes/badge.d.ts +32 -0
  70. package/recipes/badge.layered.css +140 -0
  71. package/recipes/badge.layered.mjs +131 -0
  72. package/recipes/badge.mjs +131 -0
  73. package/recipes/bottom-sheet-handle.css +31 -0
  74. package/recipes/bottom-sheet-handle.d.ts +21 -0
  75. package/recipes/bottom-sheet-handle.layered.css +36 -0
  76. package/recipes/bottom-sheet-handle.layered.mjs +36 -0
  77. package/recipes/bottom-sheet-handle.mjs +36 -0
  78. package/recipes/bottom-sheet.css +257 -0
  79. package/recipes/bottom-sheet.d.ts +28 -0
  80. package/recipes/bottom-sheet.layered.css +280 -0
  81. package/recipes/bottom-sheet.layered.mjs +75 -0
  82. package/recipes/bottom-sheet.mjs +75 -0
  83. package/recipes/callout.css +241 -0
  84. package/recipes/callout.d.ts +24 -0
  85. package/recipes/callout.layered.css +242 -0
  86. package/recipes/callout.layered.mjs +63 -0
  87. package/recipes/callout.mjs +63 -0
  88. package/recipes/checkbox-group.css +5 -0
  89. package/recipes/checkbox-group.d.ts +19 -0
  90. package/recipes/checkbox-group.layered.css +7 -0
  91. package/recipes/checkbox-group.layered.mjs +22 -0
  92. package/recipes/checkbox-group.mjs +22 -0
  93. package/recipes/checkbox.css +43 -0
  94. package/recipes/checkbox.d.ts +28 -0
  95. package/recipes/checkbox.layered.css +54 -0
  96. package/recipes/checkbox.layered.mjs +48 -0
  97. package/recipes/checkbox.mjs +48 -0
  98. package/recipes/checkmark.css +158 -0
  99. package/recipes/checkmark.d.ts +32 -0
  100. package/recipes/checkmark.layered.css +187 -0
  101. package/recipes/checkmark.layered.mjs +86 -0
  102. package/recipes/checkmark.mjs +86 -0
  103. package/recipes/chip-tabs.css +210 -0
  104. package/recipes/chip-tabs.d.ts +36 -0
  105. package/recipes/chip-tabs.layered.css +254 -0
  106. package/recipes/chip-tabs.layered.mjs +75 -0
  107. package/recipes/chip-tabs.mjs +75 -0
  108. package/recipes/chip.css +241 -0
  109. package/recipes/chip.d.ts +32 -0
  110. package/recipes/chip.layered.css +272 -0
  111. package/recipes/chip.layered.mjs +80 -0
  112. package/recipes/chip.mjs +80 -0
  113. package/recipes/content-placeholder.css +24 -0
  114. package/recipes/content-placeholder.d.ts +24 -0
  115. package/recipes/content-placeholder.layered.css +27 -0
  116. package/recipes/content-placeholder.layered.mjs +53 -0
  117. package/recipes/content-placeholder.mjs +53 -0
  118. package/recipes/contextual-floating-button.css +113 -0
  119. package/recipes/contextual-floating-button.d.ts +26 -0
  120. package/recipes/contextual-floating-button.layered.css +130 -0
  121. package/recipes/contextual-floating-button.layered.mjs +34 -0
  122. package/recipes/contextual-floating-button.mjs +34 -0
  123. package/recipes/control-chip.css +88 -0
  124. package/recipes/control-chip.d.ts +26 -0
  125. package/recipes/control-chip.layered.css +99 -0
  126. package/recipes/control-chip.layered.mjs +51 -0
  127. package/recipes/control-chip.mjs +51 -0
  128. package/recipes/dialog.css +105 -0
  129. package/recipes/dialog.d.ts +24 -0
  130. package/recipes/dialog.layered.css +111 -0
  131. package/recipes/dialog.layered.mjs +66 -0
  132. package/recipes/dialog.mjs +66 -0
  133. package/recipes/extended-action-sheet-item.css +31 -0
  134. package/recipes/extended-action-sheet-item.d.ts +22 -0
  135. package/recipes/extended-action-sheet-item.layered.css +38 -0
  136. package/recipes/extended-action-sheet-item.layered.mjs +29 -0
  137. package/recipes/extended-action-sheet-item.mjs +29 -0
  138. package/recipes/extended-action-sheet.css +123 -0
  139. package/recipes/extended-action-sheet.d.ts +21 -0
  140. package/recipes/extended-action-sheet.layered.css +132 -0
  141. package/recipes/extended-action-sheet.layered.mjs +64 -0
  142. package/recipes/extended-action-sheet.mjs +64 -0
  143. package/recipes/extended-fab.css +66 -0
  144. package/recipes/extended-fab.d.ts +26 -0
  145. package/recipes/extended-fab.layered.css +79 -0
  146. package/recipes/extended-fab.layered.mjs +34 -0
  147. package/recipes/extended-fab.mjs +34 -0
  148. package/recipes/fab.css +31 -0
  149. package/recipes/fab.d.ts +19 -0
  150. package/recipes/fab.layered.css +37 -0
  151. package/recipes/fab.layered.mjs +22 -0
  152. package/recipes/fab.mjs +22 -0
  153. package/recipes/field-label.css +29 -0
  154. package/recipes/field-label.d.ts +24 -0
  155. package/recipes/field-label.layered.css +35 -0
  156. package/recipes/field-label.layered.mjs +47 -0
  157. package/recipes/field-label.mjs +47 -0
  158. package/recipes/field.css +69 -0
  159. package/recipes/field.d.ts +21 -0
  160. package/recipes/field.layered.css +81 -0
  161. package/recipes/field.layered.mjs +60 -0
  162. package/recipes/field.mjs +60 -0
  163. package/recipes/floating-action-button.css +87 -0
  164. package/recipes/floating-action-button.d.ts +24 -0
  165. package/recipes/floating-action-button.layered.css +101 -0
  166. package/recipes/floating-action-button.layered.mjs +47 -0
  167. package/recipes/floating-action-button.mjs +47 -0
  168. package/recipes/help-bubble.css +117 -0
  169. package/recipes/help-bubble.d.ts +21 -0
  170. package/recipes/help-bubble.layered.css +134 -0
  171. package/recipes/help-bubble.layered.mjs +60 -0
  172. package/recipes/help-bubble.mjs +60 -0
  173. package/recipes/identity-placeholder.css +19 -0
  174. package/recipes/identity-placeholder.d.ts +24 -0
  175. package/recipes/identity-placeholder.layered.css +22 -0
  176. package/recipes/identity-placeholder.layered.mjs +43 -0
  177. package/recipes/identity-placeholder.mjs +43 -0
  178. package/recipes/image-frame-icon.css +6 -0
  179. package/recipes/image-frame-icon.d.ts +19 -0
  180. package/recipes/image-frame-icon.layered.css +8 -0
  181. package/recipes/image-frame-icon.layered.mjs +22 -0
  182. package/recipes/image-frame-icon.mjs +22 -0
  183. package/recipes/image-frame-indicator.css +16 -0
  184. package/recipes/image-frame-indicator.d.ts +19 -0
  185. package/recipes/image-frame-indicator.layered.css +18 -0
  186. package/recipes/image-frame-indicator.layered.mjs +22 -0
  187. package/recipes/image-frame-indicator.mjs +22 -0
  188. package/recipes/image-frame-reaction-button.css +52 -0
  189. package/recipes/image-frame-reaction-button.d.ts +21 -0
  190. package/recipes/image-frame-reaction-button.layered.css +60 -0
  191. package/recipes/image-frame-reaction-button.layered.mjs +40 -0
  192. package/recipes/image-frame-reaction-button.mjs +40 -0
  193. package/recipes/image-frame.css +30 -0
  194. package/recipes/image-frame.d.ts +28 -0
  195. package/recipes/image-frame.layered.css +33 -0
  196. package/recipes/image-frame.layered.mjs +52 -0
  197. package/recipes/image-frame.mjs +52 -0
  198. package/recipes/inline-banner.css +180 -0
  199. package/recipes/inline-banner.d.ts +24 -0
  200. package/recipes/inline-banner.layered.css +161 -0
  201. package/recipes/inline-banner.layered.mjs +64 -0
  202. package/recipes/inline-banner.mjs +64 -0
  203. package/recipes/input-button.css +151 -0
  204. package/recipes/input-button.d.ts +21 -0
  205. package/recipes/input-button.layered.css +167 -0
  206. package/recipes/input-button.layered.mjs +64 -0
  207. package/recipes/input-button.mjs +64 -0
  208. package/recipes/link-content.css +41 -0
  209. package/recipes/link-content.d.ts +26 -0
  210. package/recipes/link-content.layered.css +48 -0
  211. package/recipes/link-content.layered.mjs +35 -0
  212. package/recipes/link-content.mjs +35 -0
  213. package/recipes/list-header.css +22 -0
  214. package/recipes/list-header.d.ts +22 -0
  215. package/recipes/list-header.layered.css +26 -0
  216. package/recipes/list-header.layered.mjs +29 -0
  217. package/recipes/list-header.mjs +29 -0
  218. package/recipes/list-item.css +237 -0
  219. package/recipes/list-item.d.ts +24 -0
  220. package/recipes/list-item.layered.css +267 -0
  221. package/recipes/list-item.layered.mjs +59 -0
  222. package/recipes/list-item.mjs +59 -0
  223. package/recipes/manner-temp-badge.css +60 -0
  224. package/recipes/manner-temp-badge.d.ts +22 -0
  225. package/recipes/manner-temp-badge.layered.css +72 -0
  226. package/recipes/manner-temp-badge.layered.mjs +37 -0
  227. package/recipes/manner-temp-badge.mjs +37 -0
  228. package/recipes/manner-temp.css +45 -0
  229. package/recipes/manner-temp.d.ts +22 -0
  230. package/recipes/manner-temp.layered.css +57 -0
  231. package/recipes/manner-temp.layered.mjs +37 -0
  232. package/recipes/manner-temp.mjs +37 -0
  233. package/recipes/menu-sheet-item.css +83 -0
  234. package/recipes/menu-sheet-item.d.ts +28 -0
  235. package/recipes/menu-sheet-item.layered.css +102 -0
  236. package/recipes/menu-sheet-item.layered.mjs +56 -0
  237. package/recipes/menu-sheet-item.mjs +56 -0
  238. package/recipes/menu-sheet.css +154 -0
  239. package/recipes/menu-sheet.d.ts +24 -0
  240. package/recipes/menu-sheet.layered.css +167 -0
  241. package/recipes/menu-sheet.layered.mjs +74 -0
  242. package/recipes/menu-sheet.mjs +74 -0
  243. package/recipes/notification-badge-positioner.css +33 -0
  244. package/recipes/notification-badge-positioner.d.ts +26 -0
  245. package/recipes/notification-badge-positioner.layered.css +35 -0
  246. package/recipes/notification-badge-positioner.layered.mjs +51 -0
  247. package/recipes/notification-badge-positioner.mjs +51 -0
  248. package/recipes/notification-badge.css +29 -0
  249. package/recipes/notification-badge.d.ts +22 -0
  250. package/recipes/notification-badge.layered.css +33 -0
  251. package/recipes/notification-badge.layered.mjs +29 -0
  252. package/recipes/notification-badge.mjs +29 -0
  253. package/recipes/page-banner.css +370 -0
  254. package/recipes/page-banner.d.ts +28 -0
  255. package/recipes/page-banner.layered.css +361 -0
  256. package/recipes/page-banner.layered.mjs +117 -0
  257. package/recipes/page-banner.mjs +117 -0
  258. package/recipes/progress-circle.css +46 -0
  259. package/recipes/progress-circle.d.ts +28 -0
  260. package/recipes/progress-circle.layered.css +52 -0
  261. package/recipes/progress-circle.layered.mjs +55 -0
  262. package/recipes/progress-circle.mjs +55 -0
  263. package/recipes/pull-to-refresh.css +15 -0
  264. package/recipes/pull-to-refresh.d.ts +21 -0
  265. package/recipes/pull-to-refresh.layered.css +19 -0
  266. package/recipes/pull-to-refresh.layered.mjs +36 -0
  267. package/recipes/pull-to-refresh.mjs +36 -0
  268. package/recipes/radio-group.css +5 -0
  269. package/recipes/radio-group.d.ts +19 -0
  270. package/recipes/radio-group.layered.css +7 -0
  271. package/recipes/radio-group.layered.mjs +22 -0
  272. package/recipes/radio-group.mjs +22 -0
  273. package/recipes/radio.css +43 -0
  274. package/recipes/radio.d.ts +28 -0
  275. package/recipes/radio.layered.css +54 -0
  276. package/recipes/radio.layered.mjs +48 -0
  277. package/recipes/radio.mjs +48 -0
  278. package/recipes/radiomark.css +107 -0
  279. package/recipes/radiomark.d.ts +28 -0
  280. package/recipes/radiomark.layered.css +132 -0
  281. package/recipes/radiomark.layered.mjs +48 -0
  282. package/recipes/radiomark.mjs +48 -0
  283. package/recipes/reaction-button.css +110 -0
  284. package/recipes/reaction-button.d.ts +22 -0
  285. package/recipes/reaction-button.layered.css +124 -0
  286. package/recipes/reaction-button.layered.mjs +29 -0
  287. package/recipes/reaction-button.mjs +29 -0
  288. package/recipes/scroll-fog.css +23 -0
  289. package/recipes/scroll-fog.d.ts +22 -0
  290. package/recipes/scroll-fog.layered.css +27 -0
  291. package/recipes/scroll-fog.layered.mjs +28 -0
  292. package/recipes/scroll-fog.mjs +28 -0
  293. package/recipes/segmented-control.css +95 -0
  294. package/recipes/segmented-control.d.ts +21 -0
  295. package/recipes/segmented-control.layered.css +108 -0
  296. package/recipes/segmented-control.layered.mjs +40 -0
  297. package/recipes/segmented-control.mjs +40 -0
  298. package/recipes/select-box-group.css +10 -0
  299. package/recipes/select-box-group.d.ts +19 -0
  300. package/recipes/select-box-group.layered.css +13 -0
  301. package/recipes/select-box-group.layered.mjs +22 -0
  302. package/recipes/select-box-group.mjs +22 -0
  303. package/recipes/select-box.css +129 -0
  304. package/recipes/select-box.d.ts +24 -0
  305. package/recipes/select-box.layered.css +148 -0
  306. package/recipes/select-box.layered.mjs +63 -0
  307. package/recipes/select-box.mjs +63 -0
  308. package/recipes/selectBoxCheckmark.css +38 -0
  309. package/recipes/selectBoxCheckmark.d.ts +21 -0
  310. package/recipes/selectBoxCheckmark.layered.css +42 -0
  311. package/recipes/selectBoxCheckmark.layered.mjs +36 -0
  312. package/recipes/selectBoxCheckmark.mjs +36 -0
  313. package/recipes/shared.mjs +48 -0
  314. package/recipes/skeleton.css +79 -0
  315. package/recipes/skeleton.d.ts +26 -0
  316. package/recipes/skeleton.layered.css +94 -0
  317. package/recipes/skeleton.layered.mjs +36 -0
  318. package/recipes/skeleton.mjs +36 -0
  319. package/recipes/slider-marker.css +42 -0
  320. package/recipes/slider-marker.d.ts +22 -0
  321. package/recipes/slider-marker.layered.css +54 -0
  322. package/recipes/slider-marker.layered.mjs +30 -0
  323. package/recipes/slider-marker.mjs +30 -0
  324. package/recipes/slider-tick.css +19 -0
  325. package/recipes/slider-tick.d.ts +22 -0
  326. package/recipes/slider-tick.layered.css +25 -0
  327. package/recipes/slider-tick.layered.mjs +29 -0
  328. package/recipes/slider-tick.mjs +29 -0
  329. package/recipes/slider.css +205 -0
  330. package/recipes/slider.d.ts +21 -0
  331. package/recipes/slider.layered.css +238 -0
  332. package/recipes/slider.layered.mjs +68 -0
  333. package/recipes/slider.mjs +68 -0
  334. package/recipes/snackbar-region.css +16 -0
  335. package/recipes/snackbar-region.d.ts +19 -0
  336. package/recipes/snackbar-region.layered.css +18 -0
  337. package/recipes/snackbar-region.layered.mjs +22 -0
  338. package/recipes/snackbar-region.mjs +22 -0
  339. package/recipes/snackbar.css +111 -0
  340. package/recipes/snackbar.d.ts +24 -0
  341. package/recipes/snackbar.layered.css +126 -0
  342. package/recipes/snackbar.layered.mjs +56 -0
  343. package/recipes/snackbar.mjs +56 -0
  344. package/recipes/switch.css +51 -0
  345. package/recipes/switch.d.ts +24 -0
  346. package/recipes/switch.layered.css +62 -0
  347. package/recipes/switch.layered.mjs +44 -0
  348. package/recipes/switch.mjs +44 -0
  349. package/recipes/switchmark.css +79 -0
  350. package/recipes/switchmark.d.ts +28 -0
  351. package/recipes/switchmark.layered.css +100 -0
  352. package/recipes/switchmark.layered.mjs +49 -0
  353. package/recipes/switchmark.mjs +49 -0
  354. package/recipes/tabs.css +178 -0
  355. package/recipes/tabs.d.ts +36 -0
  356. package/recipes/tabs.layered.css +211 -0
  357. package/recipes/tabs.layered.mjs +78 -0
  358. package/recipes/tabs.mjs +78 -0
  359. package/recipes/tag-group-item.css +79 -0
  360. package/recipes/tag-group-item.d.ts +32 -0
  361. package/recipes/tag-group-item.layered.css +98 -0
  362. package/recipes/tag-group-item.layered.mjs +55 -0
  363. package/recipes/tag-group-item.mjs +55 -0
  364. package/recipes/tag-group.css +47 -0
  365. package/recipes/tag-group.d.ts +28 -0
  366. package/recipes/tag-group.layered.css +58 -0
  367. package/recipes/tag-group.layered.mjs +62 -0
  368. package/recipes/tag-group.mjs +62 -0
  369. package/recipes/text-input.css +234 -0
  370. package/recipes/text-input.d.ts +28 -0
  371. package/recipes/text-input.layered.css +236 -0
  372. package/recipes/text-input.layered.mjs +73 -0
  373. package/recipes/text-input.mjs +73 -0
  374. package/recipes/text.css +305 -0
  375. package/recipes/text.d.ts +30 -0
  376. package/recipes/text.layered.css +364 -0
  377. package/recipes/text.layered.mjs +90 -0
  378. package/recipes/text.mjs +90 -0
  379. package/recipes/toggle-button.css +160 -0
  380. package/recipes/toggle-button.d.ts +26 -0
  381. package/recipes/toggle-button.layered.css +183 -0
  382. package/recipes/toggle-button.layered.mjs +34 -0
  383. package/recipes/toggle-button.mjs +34 -0
  384. package/theming/index.cjs +81 -0
  385. package/theming/index.d.ts +9 -0
  386. package/theming/index.mjs +79 -0
  387. package/theming/mode.cjs +12 -0
  388. package/theming/mode.d.ts +4 -0
  389. package/theming/mode.mjs +6 -0
  390. package/vars/color/banner.d.ts +10 -0
  391. package/vars/color/banner.mjs +10 -0
  392. package/vars/color/bg.d.ts +76 -0
  393. package/vars/color/bg.mjs +41 -0
  394. package/vars/color/fg.d.ts +30 -0
  395. package/vars/color/fg.mjs +16 -0
  396. package/vars/color/index.d.ts +6 -0
  397. package/vars/color/index.mjs +6 -0
  398. package/vars/color/manner-temp/index.d.ts +10 -0
  399. package/vars/color/manner-temp/index.mjs +10 -0
  400. package/vars/color/manner-temp/l1.d.ts +2 -0
  401. package/vars/color/manner-temp/l1.mjs +2 -0
  402. package/vars/color/manner-temp/l10.d.ts +2 -0
  403. package/vars/color/manner-temp/l10.mjs +2 -0
  404. package/vars/color/manner-temp/l2.d.ts +2 -0
  405. package/vars/color/manner-temp/l2.mjs +2 -0
  406. package/vars/color/manner-temp/l3.d.ts +2 -0
  407. package/vars/color/manner-temp/l3.mjs +2 -0
  408. package/vars/color/manner-temp/l4.d.ts +2 -0
  409. package/vars/color/manner-temp/l4.mjs +2 -0
  410. package/vars/color/manner-temp/l5.d.ts +2 -0
  411. package/vars/color/manner-temp/l5.mjs +2 -0
  412. package/vars/color/manner-temp/l6.d.ts +2 -0
  413. package/vars/color/manner-temp/l6.mjs +2 -0
  414. package/vars/color/manner-temp/l7.d.ts +2 -0
  415. package/vars/color/manner-temp/l7.mjs +2 -0
  416. package/vars/color/manner-temp/l8.d.ts +2 -0
  417. package/vars/color/manner-temp/l8.mjs +2 -0
  418. package/vars/color/manner-temp/l9.d.ts +2 -0
  419. package/vars/color/manner-temp/l9.mjs +2 -0
  420. package/vars/color/palette.d.ts +94 -0
  421. package/vars/color/palette.mjs +94 -0
  422. package/vars/color/stroke.d.ts +31 -0
  423. package/vars/color/stroke.mjs +16 -0
  424. package/vars/component/action-button.d.ts +660 -0
  425. package/vars/component/action-button.mjs +541 -0
  426. package/vars/component/action-chip.d.ts +132 -0
  427. package/vars/component/action-chip.mjs +132 -0
  428. package/vars/component/action-sheet-close-button.d.ts +23 -0
  429. package/vars/component/action-sheet-close-button.mjs +23 -0
  430. package/vars/component/action-sheet-item.d.ts +36 -0
  431. package/vars/component/action-sheet-item.mjs +36 -0
  432. package/vars/component/action-sheet.d.ts +46 -0
  433. package/vars/component/action-sheet.mjs +46 -0
  434. package/vars/component/avatar-stack.d.ts +100 -0
  435. package/vars/component/avatar-stack.mjs +100 -0
  436. package/vars/component/avatar.d.ts +162 -0
  437. package/vars/component/avatar.mjs +146 -0
  438. package/vars/component/badge.d.ts +316 -0
  439. package/vars/component/badge.mjs +236 -0
  440. package/vars/component/bottom-sheet-close-button.d.ts +21 -0
  441. package/vars/component/bottom-sheet-close-button.mjs +21 -0
  442. package/vars/component/bottom-sheet-handle.d.ts +24 -0
  443. package/vars/component/bottom-sheet-handle.mjs +24 -0
  444. package/vars/component/bottom-sheet.d.ts +86 -0
  445. package/vars/component/bottom-sheet.mjs +86 -0
  446. package/vars/component/callout.d.ts +229 -0
  447. package/vars/component/callout.mjs +197 -0
  448. package/vars/component/checkbox-group.d.ts +9 -0
  449. package/vars/component/checkbox-group.mjs +9 -0
  450. package/vars/component/checkbox.d.ts +53 -0
  451. package/vars/component/checkbox.mjs +53 -0
  452. package/vars/component/checkmark.d.ts +197 -0
  453. package/vars/component/checkmark.mjs +165 -0
  454. package/vars/component/chip-tab.d.ts +162 -0
  455. package/vars/component/chip-tab.mjs +162 -0
  456. package/vars/component/chip-tablist.d.ts +31 -0
  457. package/vars/component/chip-tablist.mjs +31 -0
  458. package/vars/component/chip.d.ts +301 -0
  459. package/vars/component/chip.mjs +283 -0
  460. package/vars/component/content-placeholder.d.ts +28 -0
  461. package/vars/component/content-placeholder.mjs +27 -0
  462. package/vars/component/contextual-floating-button.d.ts +144 -0
  463. package/vars/component/contextual-floating-button.mjs +132 -0
  464. package/vars/component/control-chip.d.ts +158 -0
  465. package/vars/component/control-chip.mjs +158 -0
  466. package/vars/component/dialog.d.ts +52 -0
  467. package/vars/component/dialog.mjs +52 -0
  468. package/vars/component/divider.d.ts +9 -0
  469. package/vars/component/divider.mjs +9 -0
  470. package/vars/component/extended-action-sheet-close-button.d.ts +24 -0
  471. package/vars/component/extended-action-sheet-close-button.mjs +24 -0
  472. package/vars/component/extended-action-sheet-item.d.ts +46 -0
  473. package/vars/component/extended-action-sheet-item.mjs +46 -0
  474. package/vars/component/extended-action-sheet.d.ts +55 -0
  475. package/vars/component/extended-action-sheet.mjs +55 -0
  476. package/vars/component/extended-fab.d.ts +88 -0
  477. package/vars/component/extended-fab.mjs +82 -0
  478. package/vars/component/fab.d.ts +21 -0
  479. package/vars/component/fab.mjs +21 -0
  480. package/vars/component/field-label.d.ts +25 -0
  481. package/vars/component/field-label.mjs +25 -0
  482. package/vars/component/field.d.ts +78 -0
  483. package/vars/component/field.mjs +72 -0
  484. package/vars/component/floating-action-button.d.ts +60 -0
  485. package/vars/component/floating-action-button.mjs +54 -0
  486. package/vars/component/help-bubble.d.ts +52 -0
  487. package/vars/component/help-bubble.mjs +50 -0
  488. package/vars/component/identity-placeholder.d.ts +12 -0
  489. package/vars/component/identity-placeholder.mjs +12 -0
  490. package/vars/component/image-frame-floater.d.ts +10 -0
  491. package/vars/component/image-frame-floater.mjs +9 -0
  492. package/vars/component/image-frame-indicator.d.ts +20 -0
  493. package/vars/component/image-frame-indicator.mjs +18 -0
  494. package/vars/component/image-frame-reaction-button.d.ts +35 -0
  495. package/vars/component/image-frame-reaction-button.mjs +26 -0
  496. package/vars/component/image-frame.d.ts +48 -0
  497. package/vars/component/image-frame.mjs +26 -0
  498. package/vars/component/index.d.ts +77 -0
  499. package/vars/component/index.mjs +77 -0
  500. package/vars/component/inline-banner.d.ts +191 -0
  501. package/vars/component/inline-banner.mjs +191 -0
  502. package/vars/component/input-button.d.ts +89 -0
  503. package/vars/component/input-button.mjs +88 -0
  504. package/vars/component/link-content.d.ts +58 -0
  505. package/vars/component/link-content.mjs +58 -0
  506. package/vars/component/list-header.d.ts +29 -0
  507. package/vars/component/list-header.mjs +29 -0
  508. package/vars/component/list-item.d.ts +84 -0
  509. package/vars/component/list-item.mjs +84 -0
  510. package/vars/component/manner-temp-badge.d.ts +117 -0
  511. package/vars/component/manner-temp-badge.mjs +117 -0
  512. package/vars/component/manner-temp.d.ts +88 -0
  513. package/vars/component/manner-temp.mjs +88 -0
  514. package/vars/component/menu-sheet-close-button.d.ts +24 -0
  515. package/vars/component/menu-sheet-close-button.mjs +24 -0
  516. package/vars/component/menu-sheet-item.d.ts +73 -0
  517. package/vars/component/menu-sheet-item.mjs +61 -0
  518. package/vars/component/menu-sheet.d.ts +55 -0
  519. package/vars/component/menu-sheet.mjs +55 -0
  520. package/vars/component/notification-badge.d.ts +47 -0
  521. package/vars/component/notification-badge.mjs +41 -0
  522. package/vars/component/page-banner.d.ts +382 -0
  523. package/vars/component/page-banner.mjs +336 -0
  524. package/vars/component/progress-circle.d.ts +88 -0
  525. package/vars/component/progress-circle.mjs +67 -0
  526. package/vars/component/radio-group.d.ts +9 -0
  527. package/vars/component/radio-group.mjs +9 -0
  528. package/vars/component/radio.d.ts +53 -0
  529. package/vars/component/radio.mjs +53 -0
  530. package/vars/component/radiomark.d.ts +120 -0
  531. package/vars/component/radiomark.mjs +117 -0
  532. package/vars/component/reaction-button.d.ts +136 -0
  533. package/vars/component/reaction-button.mjs +136 -0
  534. package/vars/component/scroll-fog.d.ts +11 -0
  535. package/vars/component/scroll-fog.mjs +11 -0
  536. package/vars/component/segmented-control-indicator.d.ts +24 -0
  537. package/vars/component/segmented-control-indicator.mjs +24 -0
  538. package/vars/component/segmented-control-item.d.ts +41 -0
  539. package/vars/component/segmented-control-item.mjs +41 -0
  540. package/vars/component/segmented-control.d.ts +11 -0
  541. package/vars/component/segmented-control.mjs +11 -0
  542. package/vars/component/select-box-checkmark.d.ts +40 -0
  543. package/vars/component/select-box-checkmark.mjs +40 -0
  544. package/vars/component/select-box-group.d.ts +10 -0
  545. package/vars/component/select-box-group.mjs +10 -0
  546. package/vars/component/select-box.d.ts +107 -0
  547. package/vars/component/select-box.mjs +102 -0
  548. package/vars/component/skeleton.d.ts +76 -0
  549. package/vars/component/skeleton.mjs +58 -0
  550. package/vars/component/slider-thumb.d.ts +25 -0
  551. package/vars/component/slider-thumb.mjs +25 -0
  552. package/vars/component/slider-tick.d.ts +23 -0
  553. package/vars/component/slider-tick.mjs +23 -0
  554. package/vars/component/slider.d.ts +78 -0
  555. package/vars/component/slider.mjs +75 -0
  556. package/vars/component/snackbar.d.ts +65 -0
  557. package/vars/component/snackbar.mjs +65 -0
  558. package/vars/component/switch.d.ts +53 -0
  559. package/vars/component/switch.mjs +53 -0
  560. package/vars/component/switchmark.d.ts +115 -0
  561. package/vars/component/switchmark.mjs +112 -0
  562. package/vars/component/tab.d.ts +47 -0
  563. package/vars/component/tab.mjs +47 -0
  564. package/vars/component/tablist.d.ts +51 -0
  565. package/vars/component/tablist.mjs +51 -0
  566. package/vars/component/tag-group-item.d.ts +122 -0
  567. package/vars/component/tag-group-item.mjs +122 -0
  568. package/vars/component/tag-group.d.ts +34 -0
  569. package/vars/component/tag-group.mjs +34 -0
  570. package/vars/component/text-button.d.ts +23 -0
  571. package/vars/component/text-button.mjs +23 -0
  572. package/vars/component/text-input.d.ts +224 -0
  573. package/vars/component/text-input.mjs +211 -0
  574. package/vars/component/toggle-button.d.ts +213 -0
  575. package/vars/component/toggle-button.mjs +207 -0
  576. package/vars/component/top-navigation.d.ts +89 -0
  577. package/vars/component/top-navigation.mjs +89 -0
  578. package/vars/component/typography.d.ts +542 -0
  579. package/vars/component/typography.mjs +461 -0
  580. package/vars/dimension/index.d.ts +22 -0
  581. package/vars/dimension/index.mjs +22 -0
  582. package/vars/dimension/spacing-x.d.ts +4 -0
  583. package/vars/dimension/spacing-x.mjs +2 -0
  584. package/vars/dimension/spacing-y.d.ts +8 -0
  585. package/vars/dimension/spacing-y.mjs +4 -0
  586. package/vars/duration.d.ts +7 -0
  587. package/vars/duration.mjs +7 -0
  588. package/vars/font-size.d.ts +30 -0
  589. package/vars/font-size.mjs +20 -0
  590. package/vars/font-weight.d.ts +3 -0
  591. package/vars/font-weight.mjs +3 -0
  592. package/vars/gradient.d.ts +19 -0
  593. package/vars/gradient.mjs +8 -0
  594. package/vars/index.d.ts +51 -0
  595. package/vars/index.mjs +1 -0
  596. package/vars/line-height.d.ts +30 -0
  597. package/vars/line-height.mjs +20 -0
  598. package/vars/radius.d.ts +11 -0
  599. package/vars/radius.mjs +11 -0
  600. package/vars/shadow.d.ts +4 -0
  601. package/vars/shadow.mjs +3 -0
  602. package/vars/timing-function.d.ts +6 -0
  603. package/vars/timing-function.mjs +6 -0
  604. package/vars/vars.d.ts +10 -0
  605. package/vars/vars.mjs +10 -0
package/vars/component/action-button.mjs ADDED
@@ -0,0 +1,541 @@
1
+ export const vars = {
2
+ "base": {
3
+ "enabled": {
4
+ "root": {
5
+ "colorDuration": "var(--seed-duration-color-transition)",
6
+ "colorTimingFunction": "var(--seed-timing-function-easing)"
7
+ },
8
+ "label": {
9
+ "fontWeight": "var(--seed-font-weight-bold)"
10
+ }
11
+ }
12
+ },
13
+ "variantBrandSolid": {
14
+ "enabled": {
15
+ "root": {
16
+ "color": "var(--seed-color-bg-brand-solid)"
17
+ },
18
+ "label": {
19
+ "color": "var(--seed-color-palette-static-white)"
20
+ },
21
+ "icon": {
22
+ "color": "var(--seed-color-palette-static-white)"
23
+ },
24
+ "prefixIcon": {
25
+ "color": "var(--seed-color-palette-static-white)"
26
+ },
27
+ "suffixIcon": {
28
+ "color": "var(--seed-color-palette-static-white)"
29
+ },
30
+ "progressCircle": {
31
+ "trackColor": "var(--seed-color-palette-static-white-alpha-300)",
32
+ "rangeColor": "var(--seed-color-palette-static-white)"
33
+ }
34
+ },
35
+ "pressed": {
36
+ "root": {
37
+ "color": "var(--seed-color-bg-brand-solid-pressed)"
38
+ }
39
+ },
40
+ "disabled": {
41
+ "root": {
42
+ "color": "var(--seed-color-bg-disabled)"
43
+ },
44
+ "label": {
45
+ "color": "var(--seed-color-fg-disabled)"
46
+ },
47
+ "icon": {
48
+ "color": "var(--seed-color-fg-disabled)"
49
+ },
50
+ "prefixIcon": {
51
+ "color": "var(--seed-color-fg-disabled)"
52
+ },
53
+ "suffixIcon": {
54
+ "color": "var(--seed-color-fg-disabled)"
55
+ }
56
+ },
57
+ "loading": {
58
+ "root": {
59
+ "color": "var(--seed-color-bg-brand-solid-pressed)"
60
+ }
61
+ }
62
+ },
63
+ "variantNeutralSolid": {
64
+ "enabled": {
65
+ "root": {
66
+ "color": "var(--seed-color-bg-neutral-inverted)"
67
+ },
68
+ "label": {
69
+ "color": "var(--seed-color-fg-neutral-inverted)"
70
+ },
71
+ "icon": {
72
+ "color": "var(--seed-color-fg-neutral-inverted)"
73
+ },
74
+ "prefixIcon": {
75
+ "color": "var(--seed-color-fg-neutral-inverted)"
76
+ },
77
+ "suffixIcon": {
78
+ "color": "var(--seed-color-fg-neutral-inverted)"
79
+ },
80
+ "progressCircle": {
81
+ "trackColor": "var(--seed-color-palette-static-white-alpha-300)",
82
+ "rangeColor": "var(--seed-color-palette-static-white)"
83
+ }
84
+ },
85
+ "pressed": {
86
+ "root": {
87
+ "color": "var(--seed-color-bg-neutral-inverted-pressed)"
88
+ }
89
+ },
90
+ "disabled": {
91
+ "root": {
92
+ "color": "var(--seed-color-bg-disabled)"
93
+ },
94
+ "label": {
95
+ "color": "var(--seed-color-fg-disabled)"
96
+ },
97
+ "icon": {
98
+ "color": "var(--seed-color-fg-disabled)"
99
+ },
100
+ "prefixIcon": {
101
+ "color": "var(--seed-color-fg-disabled)"
102
+ },
103
+ "suffixIcon": {
104
+ "color": "var(--seed-color-fg-disabled)"
105
+ }
106
+ },
107
+ "loading": {
108
+ "root": {
109
+ "color": "var(--seed-color-bg-neutral-inverted-pressed)"
110
+ }
111
+ }
112
+ },
113
+ "variantNeutralWeak": {
114
+ "enabled": {
115
+ "root": {
116
+ "color": "var(--seed-color-bg-neutral-weak)"
117
+ },
118
+ "label": {
119
+ "color": "var(--seed-color-fg-neutral)"
120
+ },
121
+ "icon": {
122
+ "color": "var(--seed-color-fg-neutral)"
123
+ },
124
+ "prefixIcon": {
125
+ "color": "var(--seed-color-fg-neutral)"
126
+ },
127
+ "suffixIcon": {
128
+ "color": "var(--seed-color-fg-neutral)"
129
+ },
130
+ "progressCircle": {
131
+ "trackColor": "var(--seed-color-palette-gray-500)",
132
+ "rangeColor": "var(--seed-color-fg-neutral)"
133
+ }
134
+ },
135
+ "pressed": {
136
+ "root": {
137
+ "color": "var(--seed-color-bg-neutral-weak-pressed)"
138
+ }
139
+ },
140
+ "disabled": {
141
+ "root": {
142
+ "color": "var(--seed-color-bg-disabled)"
143
+ },
144
+ "label": {
145
+ "color": "var(--seed-color-fg-disabled)"
146
+ },
147
+ "icon": {
148
+ "color": "var(--seed-color-fg-disabled)"
149
+ },
150
+ "prefixIcon": {
151
+ "color": "var(--seed-color-fg-disabled)"
152
+ },
153
+ "suffixIcon": {
154
+ "color": "var(--seed-color-fg-disabled)"
155
+ }
156
+ },
157
+ "loading": {
158
+ "root": {
159
+ "color": "var(--seed-color-bg-neutral-weak-pressed)"
160
+ }
161
+ }
162
+ },
163
+ "variantCriticalSolid": {
164
+ "enabled": {
165
+ "root": {
166
+ "color": "var(--seed-color-bg-critical-solid)"
167
+ },
168
+ "label": {
169
+ "color": "var(--seed-color-palette-static-white)"
170
+ },
171
+ "icon": {
172
+ "color": "var(--seed-color-palette-static-white)"
173
+ },
174
+ "prefixIcon": {
175
+ "color": "var(--seed-color-palette-static-white)"
176
+ },
177
+ "suffixIcon": {
178
+ "color": "var(--seed-color-palette-static-white)"
179
+ },
180
+ "progressCircle": {
181
+ "trackColor": "var(--seed-color-palette-static-white-alpha-300)",
182
+ "rangeColor": "var(--seed-color-palette-static-white)"
183
+ }
184
+ },
185
+ "pressed": {
186
+ "root": {
187
+ "color": "var(--seed-color-bg-critical-solid-pressed)"
188
+ }
189
+ },
190
+ "disabled": {
191
+ "root": {
192
+ "color": "var(--seed-color-bg-disabled)"
193
+ },
194
+ "label": {
195
+ "color": "var(--seed-color-fg-disabled)"
196
+ },
197
+ "icon": {
198
+ "color": "var(--seed-color-fg-disabled)"
199
+ },
200
+ "prefixIcon": {
201
+ "color": "var(--seed-color-fg-disabled)"
202
+ },
203
+ "suffixIcon": {
204
+ "color": "var(--seed-color-fg-disabled)"
205
+ }
206
+ },
207
+ "loading": {
208
+ "root": {
209
+ "color": "var(--seed-color-bg-critical-solid-pressed)"
210
+ }
211
+ }
212
+ },
213
+ "variantNeutralOutline": {
214
+ "enabled": {
215
+ "root": {
216
+ "color": "var(--seed-color-bg-transparent)",
217
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)",
218
+ "strokeWidth": "1px"
219
+ },
220
+ "label": {
221
+ "color": "var(--seed-color-fg-neutral)"
222
+ },
223
+ "icon": {
224
+ "color": "var(--seed-color-fg-neutral)"
225
+ },
226
+ "prefixIcon": {
227
+ "color": "var(--seed-color-fg-neutral)"
228
+ },
229
+ "suffixIcon": {
230
+ "color": "var(--seed-color-fg-neutral)"
231
+ },
232
+ "progressCircle": {
233
+ "trackColor": "var(--seed-color-palette-gray-500)",
234
+ "rangeColor": "var(--seed-color-fg-neutral)"
235
+ }
236
+ },
237
+ "pressed": {
238
+ "root": {
239
+ "color": "var(--seed-color-bg-transparent-pressed)"
240
+ }
241
+ },
242
+ "disabled": {
243
+ "root": {
244
+ "color": "var(--seed-color-bg-transparent)",
245
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)"
246
+ },
247
+ "label": {
248
+ "color": "var(--seed-color-fg-disabled)"
249
+ },
250
+ "icon": {
251
+ "color": "var(--seed-color-fg-disabled)"
252
+ },
253
+ "prefixIcon": {
254
+ "color": "var(--seed-color-fg-disabled)"
255
+ },
256
+ "suffixIcon": {
257
+ "color": "var(--seed-color-fg-disabled)"
258
+ }
259
+ },
260
+ "loading": {
261
+ "root": {
262
+ "color": "var(--seed-color-bg-transparent)"
263
+ }
264
+ }
265
+ },
266
+ "variantBrandOutline": {
267
+ "enabled": {
268
+ "root": {
269
+ "color": "var(--seed-color-bg-transparent)",
270
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)",
271
+ "strokeWidth": "1px"
272
+ },
273
+ "label": {
274
+ "color": "var(--seed-color-fg-brand)"
275
+ },
276
+ "icon": {
277
+ "color": "var(--seed-color-fg-brand)"
278
+ },
279
+ "prefixIcon": {
280
+ "color": "var(--seed-color-fg-brand)"
281
+ },
282
+ "suffixIcon": {
283
+ "color": "var(--seed-color-fg-brand)"
284
+ },
285
+ "progressCircle": {
286
+ "trackColor": "var(--seed-color-palette-carrot-200)",
287
+ "rangeColor": "var(--seed-color-bg-brand-solid)"
288
+ }
289
+ },
290
+ "pressed": {
291
+ "root": {
292
+ "color": "var(--seed-color-bg-transparent-pressed)"
293
+ }
294
+ },
295
+ "disabled": {
296
+ "root": {
297
+ "color": "var(--seed-color-bg-transparent)",
298
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)"
299
+ },
300
+ "label": {
301
+ "color": "var(--seed-color-fg-disabled)"
302
+ },
303
+ "icon": {
304
+ "color": "var(--seed-color-fg-disabled)"
305
+ },
306
+ "prefixIcon": {
307
+ "color": "var(--seed-color-fg-disabled)"
308
+ },
309
+ "suffixIcon": {
310
+ "color": "var(--seed-color-fg-disabled)"
311
+ }
312
+ },
313
+ "loading": {
314
+ "root": {
315
+ "color": "var(--seed-color-bg-transparent)"
316
+ }
317
+ }
318
+ },
319
+ "variantGhost": {
320
+ "enabled": {
321
+ "root": {
322
+ "color": "#ffffff00"
323
+ },
324
+ "label": {
325
+ "color": "var(--seed-color-fg-neutral)"
326
+ },
327
+ "icon": {
328
+ "color": "var(--seed-color-fg-neutral)"
329
+ },
330
+ "prefixIcon": {
331
+ "color": "var(--seed-color-fg-neutral)"
332
+ },
333
+ "suffixIcon": {
334
+ "color": "var(--seed-color-fg-neutral)"
335
+ },
336
+ "progressCircle": {
337
+ "trackColor": "var(--seed-color-palette-gray-500)",
338
+ "rangeColor": "var(--seed-color-fg-neutral)"
339
+ }
340
+ },
341
+ "pressed": {
342
+ "root": {
343
+ "color": "var(--seed-color-bg-transparent-pressed)"
344
+ }
345
+ },
346
+ "disabled": {
347
+ "root": {
348
+ "color": "#ffffff00"
349
+ },
350
+ "label": {
351
+ "color": "var(--seed-color-fg-disabled)"
352
+ },
353
+ "icon": {
354
+ "color": "var(--seed-color-fg-disabled)"
355
+ },
356
+ "prefixIcon": {
357
+ "color": "var(--seed-color-fg-disabled)"
358
+ },
359
+ "suffixIcon": {
360
+ "color": "var(--seed-color-fg-disabled)"
361
+ }
362
+ },
363
+ "loading": {
364
+ "root": {
365
+ "color": "var(--seed-color-bg-transparent-pressed)"
366
+ }
367
+ }
368
+ },
369
+ "sizeXsmall": {
370
+ "enabled": {
371
+ "root": {
372
+ "minHeight": "var(--seed-dimension-x8)",
373
+ "cornerRadius": "var(--seed-radius-full)"
374
+ },
375
+ "progressCircle": {
376
+ "size": "14px",
377
+ "thickness": "2px"
378
+ }
379
+ }
380
+ },
381
+ "sizeXsmallLayoutWithText": {
382
+ "enabled": {
383
+ "root": {
384
+ "gap": "var(--seed-dimension-x1)",
385
+ "paddingX": "var(--seed-dimension-x3_5)",
386
+ "paddingY": "var(--seed-dimension-x1_5)"
387
+ },
388
+ "prefixIcon": {
389
+ "size": "var(--seed-dimension-x3_5)"
390
+ },
391
+ "suffixIcon": {
392
+ "size": "var(--seed-dimension-x3_5)"
393
+ },
394
+ "label": {
395
+ "fontSize": "var(--seed-font-size-t3)",
396
+ "lineHeight": "var(--seed-line-height-t3)"
397
+ }
398
+ }
399
+ },
400
+ "sizeXsmallLayoutIconOnly": {
401
+ "enabled": {
402
+ "root": {
403
+ "minWidth": "var(--seed-dimension-x8)",
404
+ "paddingX": "var(--seed-dimension-x1_5)",
405
+ "paddingY": "var(--seed-dimension-x1_5)"
406
+ },
407
+ "icon": {
408
+ "size": "var(--seed-dimension-x3_5)"
409
+ }
410
+ }
411
+ },
412
+ "sizeSmall": {
413
+ "enabled": {
414
+ "root": {
415
+ "minHeight": "var(--seed-dimension-x9)",
416
+ "cornerRadius": "var(--seed-radius-r2)"
417
+ },
418
+ "progressCircle": {
419
+ "size": "14px",
420
+ "thickness": "2px"
421
+ }
422
+ }
423
+ },
424
+ "sizeSmallLayoutWithText": {
425
+ "enabled": {
426
+ "root": {
427
+ "gap": "var(--seed-dimension-x1)",
428
+ "paddingX": "var(--seed-dimension-x3_5)",
429
+ "paddingY": "var(--seed-dimension-x2)"
430
+ },
431
+ "prefixIcon": {
432
+ "size": "var(--seed-dimension-x3_5)"
433
+ },
434
+ "suffixIcon": {
435
+ "size": "var(--seed-dimension-x3_5)"
436
+ },
437
+ "label": {
438
+ "fontSize": "var(--seed-font-size-t4)",
439
+ "lineHeight": "var(--seed-line-height-t4)"
440
+ }
441
+ }
442
+ },
443
+ "sizeSmallLayoutIconOnly": {
444
+ "enabled": {
445
+ "root": {
446
+ "minWidth": "var(--seed-dimension-x9)",
447
+ "paddingX": "var(--seed-dimension-x2)",
448
+ "paddingY": "var(--seed-dimension-x2)"
449
+ },
450
+ "icon": {
451
+ "size": "var(--seed-dimension-x4)"
452
+ }
453
+ }
454
+ },
455
+ "sizeMedium": {
456
+ "enabled": {
457
+ "root": {
458
+ "minHeight": "var(--seed-dimension-x10)",
459
+ "cornerRadius": "var(--seed-radius-r2)"
460
+ },
461
+ "progressCircle": {
462
+ "size": "16px",
463
+ "thickness": "2px"
464
+ }
465
+ }
466
+ },
467
+ "sizeMediumLayoutWithText": {
468
+ "enabled": {
469
+ "root": {
470
+ "gap": "var(--seed-dimension-x1_5)",
471
+ "paddingX": "var(--seed-dimension-x4)",
472
+ "paddingY": "var(--seed-dimension-x2_5)"
473
+ },
474
+ "prefixIcon": {
475
+ "size": "var(--seed-dimension-x4)"
476
+ },
477
+ "suffixIcon": {
478
+ "size": "var(--seed-dimension-x4)"
479
+ },
480
+ "label": {
481
+ "fontSize": "var(--seed-font-size-t4)",
482
+ "lineHeight": "var(--seed-line-height-t4)"
483
+ }
484
+ }
485
+ },
486
+ "sizeMediumLayoutIconOnly": {
487
+ "enabled": {
488
+ "root": {
489
+ "minWidth": "var(--seed-dimension-x10)",
490
+ "paddingX": "var(--seed-dimension-x2_5)",
491
+ "paddingY": "var(--seed-dimension-x2_5)"
492
+ },
493
+ "icon": {
494
+ "size": "18px"
495
+ }
496
+ }
497
+ },
498
+ "sizeLarge": {
499
+ "enabled": {
500
+ "root": {
501
+ "minHeight": "var(--seed-dimension-x13)",
502
+ "cornerRadius": "var(--seed-radius-r3)"
503
+ },
504
+ "progressCircle": {
505
+ "size": "18px",
506
+ "thickness": "2px"
507
+ }
508
+ }
509
+ },
510
+ "sizeLargeLayoutWithText": {
511
+ "enabled": {
512
+ "root": {
513
+ "gap": "var(--seed-dimension-x2)",
514
+ "paddingX": "var(--seed-dimension-x5)",
515
+ "paddingY": "var(--seed-dimension-x3_5)"
516
+ },
517
+ "prefixIcon": {
518
+ "size": "22px"
519
+ },
520
+ "suffixIcon": {
521
+ "size": "22px"
522
+ },
523
+ "label": {
524
+ "fontSize": "var(--seed-font-size-t6)",
525
+ "lineHeight": "var(--seed-line-height-t6)"
526
+ }
527
+ }
528
+ },
529
+ "sizeLargeLayoutIconOnly": {
530
+ "enabled": {
531
+ "root": {
532
+ "minWidth": "var(--seed-dimension-x13)",
533
+ "paddingX": "var(--seed-dimension-x3_5)",
534
+ "paddingY": "var(--seed-dimension-x3_5)"
535
+ },
536
+ "icon": {
537
+ "size": "22px"
538
+ }
539
+ }
540
+ }
541
+ }
package/vars/component/action-chip.d.ts ADDED
@@ -0,0 +1,132 @@
1
+ export declare const vars: {
2
+ "base": {
3
+ "enabled": {
4
+ "root": {
5
+ "color": "var(--seed-color-bg-neutral-weak)",
6
+ "cornerRadius": "var(--seed-radius-full)"
7
+ },
8
+ "label": {
9
+ "color": "var(--seed-color-fg-neutral)",
10
+ "fontWeight": "var(--seed-font-weight-medium)"
11
+ },
12
+ "prefixIcon": {
13
+ "color": "var(--seed-color-fg-neutral)"
14
+ },
15
+ "suffixIcon": {
16
+ "color": "var(--seed-color-fg-neutral-subtle)"
17
+ },
18
+ "icon": {
19
+ "color": "var(--seed-color-fg-neutral)"
20
+ },
21
+ "count": {
22
+ "color": "var(--seed-color-fg-neutral-muted)",
23
+ "fontWeight": "var(--seed-font-weight-medium)"
24
+ }
25
+ },
26
+ "pressed": {
27
+ "root": {
28
+ "color": "var(--seed-color-bg-neutral-weak-pressed)"
29
+ }
30
+ },
31
+ "disabled": {
32
+ "root": {
33
+ "color": "var(--seed-color-bg-disabled)"
34
+ },
35
+ "label": {
36
+ "color": "var(--seed-color-fg-disabled)"
37
+ },
38
+ "prefixIcon": {
39
+ "color": "var(--seed-color-fg-disabled)"
40
+ },
41
+ "suffixIcon": {
42
+ "color": "var(--seed-color-fg-disabled)"
43
+ },
44
+ "icon": {
45
+ "color": "var(--seed-color-fg-disabled)"
46
+ },
47
+ "count": {
48
+ "color": "var(--seed-color-fg-disabled)"
49
+ }
50
+ }
51
+ },
52
+ "sizeSmall": {
53
+ "enabled": {
54
+ "root": {
55
+ "minHeight": "var(--seed-dimension-x8)",
56
+ "paddingY": "var(--seed-dimension-x1_5)",
57
+ "gap": "var(--seed-dimension-x1)"
58
+ },
59
+ "label": {
60
+ "fontSize": "var(--seed-font-size-t4)",
61
+ "lineHeight": "var(--seed-line-height-t4)"
62
+ },
63
+ "prefixIcon": {
64
+ "size": "var(--seed-dimension-x4)"
65
+ },
66
+ "suffixIcon": {
67
+ "size": "var(--seed-dimension-x3_5)"
68
+ },
69
+ "count": {
70
+ "fontSize": "var(--seed-font-size-t4)",
71
+ "lineHeight": "var(--seed-line-height-t4)"
72
+ }
73
+ }
74
+ },
75
+ "sizeMedium": {
76
+ "enabled": {
77
+ "root": {
78
+ "minHeight": "var(--seed-dimension-x9)",
79
+ "paddingY": "var(--seed-dimension-x2)",
80
+ "gap": "var(--seed-dimension-x1)"
81
+ },
82
+ "label": {
83
+ "fontSize": "var(--seed-font-size-t4)",
84
+ "lineHeight": "var(--seed-line-height-t4)"
85
+ },
86
+ "prefixIcon": {
87
+ "size": "var(--seed-dimension-x4)"
88
+ },
89
+ "suffixIcon": {
90
+ "size": "var(--seed-dimension-x3_5)"
91
+ },
92
+ "count": {
93
+ "fontSize": "var(--seed-font-size-t4)",
94
+ "lineHeight": "var(--seed-line-height-t4)"
95
+ }
96
+ }
97
+ },
98
+ "sizeSmallLayoutWithText": {
99
+ "enabled": {
100
+ "root": {
101
+ "paddingX": "var(--seed-dimension-x3)"
102
+ }
103
+ }
104
+ },
105
+ "sizeSmallLayoutIconOnly": {
106
+ "enabled": {
107
+ "root": {
108
+ "minWidth": "var(--seed-dimension-x8)"
109
+ },
110
+ "icon": {
111
+ "size": "var(--seed-dimension-x4)"
112
+ }
113
+ }
114
+ },
115
+ "sizeMediumLayoutWithText": {
116
+ "enabled": {
117
+ "root": {
118
+ "paddingX": "var(--seed-dimension-x3_5)"
119
+ }
120
+ }
121
+ },
122
+ "sizeMediumLayoutIconOnly": {
123
+ "enabled": {
124
+ "root": {
125
+ "minWidth": "var(--seed-dimension-x9)"
126
+ },
127
+ "icon": {
128
+ "size": "var(--seed-dimension-x4)"
129
+ }
130
+ }
131
+ }
132
+ }