@once-ui-system/core 1.8.5 → 2.0.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (571) hide show
  1. package/AGENTS.md +1 -1
  2. package/ai/catalog.json +166 -78
  3. package/ai/components/Accordion.json +1 -1
  4. package/ai/components/BarChart.json +34 -3
  5. package/ai/components/Book.json +128 -0
  6. package/ai/components/Button.json +1 -1
  7. package/ai/components/Card.json +1 -0
  8. package/ai/components/Carousel.json +1 -1
  9. package/ai/components/ChartHeader.json +2 -1
  10. package/ai/components/ChartStatus.json +2 -1
  11. package/ai/components/Checkbox.json +2 -2
  12. package/ai/components/CodeBlock.json +23 -2
  13. package/ai/components/ColorInput.json +1 -1
  14. package/ai/components/DataTooltip.json +3 -2
  15. package/ai/components/DatePicker.json +2 -2
  16. package/ai/components/Dialog.json +1 -1
  17. package/ai/components/DropdownWrapper.json +6 -4
  18. package/ai/components/Effect.json +133 -0
  19. package/ai/components/Fade.json +1 -1
  20. package/ai/components/Feedback.json +1 -1
  21. package/ai/components/IconButton.json +1 -1
  22. package/ai/components/InfoTip.json +125 -0
  23. package/ai/components/Input.json +5 -4
  24. package/ai/components/Legend.json +2 -1
  25. package/ai/components/LineBarChart.json +34 -3
  26. package/ai/components/LineChart.json +39 -3
  27. package/ai/components/LinearGauge.json +3 -2
  28. package/ai/components/LinearGradient.json +2 -1
  29. package/ai/components/Logo.json +2 -2
  30. package/ai/components/Media.json +1 -1
  31. package/ai/components/MediaUpload.json +21 -2
  32. package/ai/components/Modal.json +1 -1
  33. package/ai/components/NavGroup.json +130 -0
  34. package/ai/components/NavIcon.json +1 -1
  35. package/ai/components/NavItem.json +14 -0
  36. package/ai/components/Option.json +2 -2
  37. package/ai/components/Particle.json +1 -1
  38. package/ai/components/PieChart.json +32 -3
  39. package/ai/components/ProgressBar.json +1 -1
  40. package/ai/components/Pulse.json +1 -1
  41. package/ai/components/RadialGauge.json +4 -3
  42. package/ai/components/RadialGradient.json +2 -1
  43. package/ai/components/RadioButton.json +1 -1
  44. package/ai/components/RevealFx.json +1 -1
  45. package/ai/components/Scrubber.json +136 -0
  46. package/ai/components/SegmentedControl.json +3 -3
  47. package/ai/components/Setting.json +128 -0
  48. package/ai/components/SettingAxes.json +127 -0
  49. package/ai/components/SettingGroup.json +129 -0
  50. package/ai/components/ShineFx.json +1 -1
  51. package/ai/components/Skeleton.json +2 -3
  52. package/ai/components/SplitView.json +2 -0
  53. package/ai/components/StylePanel.json +4 -2
  54. package/ai/components/Swatch.json +11 -0
  55. package/ai/components/Swiper.json +1 -1
  56. package/ai/components/Switch.json +1 -1
  57. package/ai/components/Tag.json +1 -1
  58. package/ai/components/Textarea.json +6 -5
  59. package/ai/components/ThemeSwitcher.json +3 -0
  60. package/ai/components/Toast.json +1 -1
  61. package/ai/components/ToggleButton.json +2 -1
  62. package/ai/eval-tasks.md +10 -1
  63. package/ai/examples/app-shell.tsx +111 -0
  64. package/ai/examples/auth.tsx +2 -3
  65. package/ai/examples/blocks/Dashboard1.tsx +25 -36
  66. package/ai/examples/blocks/Feed3.tsx +8 -8
  67. package/ai/examples/blocks/Footer1.tsx +5 -3
  68. package/ai/examples/blocks/Footer2.tsx +3 -3
  69. package/ai/examples/blocks/Footer3.tsx +1 -1
  70. package/ai/examples/blocks/Footer4.tsx +6 -5
  71. package/ai/examples/blocks/Header1.tsx +7 -6
  72. package/ai/examples/blocks/Header2.tsx +1 -1
  73. package/ai/examples/blocks/Header3.tsx +7 -7
  74. package/ai/examples/blocks/Header4.tsx +6 -7
  75. package/ai/examples/blocks/Productivity1.tsx +1 -1
  76. package/ai/examples/blocks/Roadmap1.tsx +3 -3
  77. package/ai/examples/blocks/Sidebar1.tsx +1 -1
  78. package/ai/examples/blocks/Sidebar2.tsx +1 -1
  79. package/ai/examples/blocks/Sidebar4.tsx +1 -1
  80. package/ai/examples/blocks/Streaming1.tsx +4 -4
  81. package/ai/examples/blocks/Table1.tsx +9 -9
  82. package/ai/examples/blocks/Waitlist1.tsx +5 -5
  83. package/ai/examples/blocks/content/resources.ts +3 -1
  84. package/ai/examples/dashboard.tsx +13 -14
  85. package/ai/examples/marketing-hero.tsx +4 -4
  86. package/ai/examples/pricing.tsx +7 -8
  87. package/ai/examples/settings.tsx +7 -7
  88. package/ai/gotchas.json +99 -25
  89. package/ai/layouts.md +154 -0
  90. package/ai/manifest.json +3 -2
  91. package/ai/recipes.md +50 -5
  92. package/ai/rules.compact.md +26 -5
  93. package/ai/rules.md +84 -14
  94. package/ai/spec.json +634 -176
  95. package/ai/tasks/settings.json +1 -1
  96. package/dist/AGENTS.md +1 -1
  97. package/dist/ai/catalog.json +166 -78
  98. package/dist/ai/components/Accordion.json +1 -1
  99. package/dist/ai/components/BarChart.json +34 -3
  100. package/dist/ai/components/Book.json +128 -0
  101. package/dist/ai/components/Button.json +1 -1
  102. package/dist/ai/components/Card.json +1 -0
  103. package/dist/ai/components/Carousel.json +1 -1
  104. package/dist/ai/components/ChartHeader.json +2 -1
  105. package/dist/ai/components/ChartStatus.json +2 -1
  106. package/dist/ai/components/Checkbox.json +2 -2
  107. package/dist/ai/components/CodeBlock.json +23 -2
  108. package/dist/ai/components/ColorInput.json +1 -1
  109. package/dist/ai/components/DataTooltip.json +3 -2
  110. package/dist/ai/components/DatePicker.json +2 -2
  111. package/dist/ai/components/Dialog.json +1 -1
  112. package/dist/ai/components/DropdownWrapper.json +6 -4
  113. package/dist/ai/components/Effect.json +133 -0
  114. package/dist/ai/components/Fade.json +1 -1
  115. package/dist/ai/components/Feedback.json +1 -1
  116. package/dist/ai/components/IconButton.json +1 -1
  117. package/dist/ai/components/InfoTip.json +125 -0
  118. package/dist/ai/components/Input.json +5 -4
  119. package/dist/ai/components/Legend.json +2 -1
  120. package/dist/ai/components/LineBarChart.json +34 -3
  121. package/dist/ai/components/LineChart.json +39 -3
  122. package/dist/ai/components/LinearGauge.json +3 -2
  123. package/dist/ai/components/LinearGradient.json +2 -1
  124. package/dist/ai/components/Logo.json +2 -2
  125. package/dist/ai/components/Media.json +1 -1
  126. package/dist/ai/components/MediaUpload.json +21 -2
  127. package/dist/ai/components/Modal.json +1 -1
  128. package/dist/ai/components/NavGroup.json +130 -0
  129. package/dist/ai/components/NavIcon.json +1 -1
  130. package/dist/ai/components/NavItem.json +14 -0
  131. package/dist/ai/components/Option.json +2 -2
  132. package/dist/ai/components/Particle.json +1 -1
  133. package/dist/ai/components/PieChart.json +32 -3
  134. package/dist/ai/components/ProgressBar.json +1 -1
  135. package/dist/ai/components/Pulse.json +1 -1
  136. package/dist/ai/components/RadialGauge.json +4 -3
  137. package/dist/ai/components/RadialGradient.json +2 -1
  138. package/dist/ai/components/RadioButton.json +1 -1
  139. package/dist/ai/components/RevealFx.json +1 -1
  140. package/dist/ai/components/Scrubber.json +136 -0
  141. package/dist/ai/components/SegmentedControl.json +3 -3
  142. package/dist/ai/components/Setting.json +128 -0
  143. package/dist/ai/components/SettingAxes.json +127 -0
  144. package/dist/ai/components/SettingGroup.json +129 -0
  145. package/dist/ai/components/ShineFx.json +1 -1
  146. package/dist/ai/components/Skeleton.json +2 -3
  147. package/dist/ai/components/SplitView.json +2 -0
  148. package/dist/ai/components/StylePanel.json +4 -2
  149. package/dist/ai/components/Swatch.json +11 -0
  150. package/dist/ai/components/Swiper.json +1 -1
  151. package/dist/ai/components/Switch.json +1 -1
  152. package/dist/ai/components/Tag.json +1 -1
  153. package/dist/ai/components/Textarea.json +6 -5
  154. package/dist/ai/components/ThemeSwitcher.json +3 -0
  155. package/dist/ai/components/Toast.json +1 -1
  156. package/dist/ai/components/ToggleButton.json +2 -1
  157. package/dist/ai/eval-tasks.md +10 -1
  158. package/dist/ai/gotchas.json +99 -25
  159. package/dist/ai/layouts.md +154 -0
  160. package/dist/ai/manifest.json +3 -2
  161. package/dist/ai/recipes.md +50 -5
  162. package/dist/ai/rules.compact.md +26 -5
  163. package/dist/ai/rules.md +84 -14
  164. package/dist/ai/spec.json +634 -176
  165. package/dist/ai/tasks/settings.json +1 -1
  166. package/dist/components/Accordion.d.ts +2 -1
  167. package/dist/components/Accordion.d.ts.map +1 -1
  168. package/dist/components/Accordion.js.map +1 -1
  169. package/dist/components/Avatar.d.ts.map +1 -1
  170. package/dist/components/Avatar.js +2 -2
  171. package/dist/components/Avatar.js.map +1 -1
  172. package/dist/components/Background.d.ts +6 -6
  173. package/dist/components/Background.d.ts.map +1 -1
  174. package/dist/components/Book.d.ts +28 -0
  175. package/dist/components/Book.d.ts.map +1 -0
  176. package/dist/components/Book.js +24 -0
  177. package/dist/components/Book.js.map +1 -0
  178. package/dist/components/Book.module.scss +45 -0
  179. package/dist/components/Button.d.ts +1 -1
  180. package/dist/components/Button.d.ts.map +1 -1
  181. package/dist/components/Button.js +4 -4
  182. package/dist/components/Button.js.map +1 -1
  183. package/dist/components/Card.d.ts +8 -0
  184. package/dist/components/Card.d.ts.map +1 -1
  185. package/dist/components/Card.js +10 -2
  186. package/dist/components/Card.js.map +1 -1
  187. package/dist/components/Card.module.scss +11 -1
  188. package/dist/components/Carousel.d.ts +7 -1
  189. package/dist/components/Carousel.d.ts.map +1 -1
  190. package/dist/components/Carousel.js +7 -7
  191. package/dist/components/Carousel.js.map +1 -1
  192. package/dist/components/Carousel.module.scss +1 -8
  193. package/dist/components/Checkbox.d.ts +3 -3
  194. package/dist/components/Checkbox.d.ts.map +1 -1
  195. package/dist/components/Checkbox.js +5 -5
  196. package/dist/components/Checkbox.js.map +1 -1
  197. package/dist/components/ClientFlex.d.ts.map +1 -1
  198. package/dist/components/ClientFlex.js +5 -10
  199. package/dist/components/ClientFlex.js.map +1 -1
  200. package/dist/components/ClientGrid.d.ts.map +1 -1
  201. package/dist/components/ClientGrid.js +2 -7
  202. package/dist/components/ClientGrid.js.map +1 -1
  203. package/dist/components/ColorInput.d.ts +1 -1
  204. package/dist/components/ColorInput.d.ts.map +1 -1
  205. package/dist/components/ColorInput.js +7 -13
  206. package/dist/components/ColorInput.js.map +1 -1
  207. package/dist/components/CompareImage.d.ts.map +1 -1
  208. package/dist/components/CompareImage.js +2 -2
  209. package/dist/components/CompareImage.js.map +1 -1
  210. package/dist/components/DateInput.d.ts.map +1 -1
  211. package/dist/components/DateInput.js +10 -1
  212. package/dist/components/DateInput.js.map +1 -1
  213. package/dist/components/DatePicker.d.ts +2 -2
  214. package/dist/components/DatePicker.d.ts.map +1 -1
  215. package/dist/components/DatePicker.js +21 -14
  216. package/dist/components/DatePicker.js.map +1 -1
  217. package/dist/components/DateRangeInput.js +3 -3
  218. package/dist/components/DateRangeInput.js.map +1 -1
  219. package/dist/components/Dialog.d.ts +1 -1
  220. package/dist/components/Dialog.d.ts.map +1 -1
  221. package/dist/components/Dialog.js +14 -14
  222. package/dist/components/Dialog.js.map +1 -1
  223. package/dist/components/DropdownWrapper.d.ts +8 -3
  224. package/dist/components/DropdownWrapper.d.ts.map +1 -1
  225. package/dist/components/DropdownWrapper.js +17 -6
  226. package/dist/components/DropdownWrapper.js.map +1 -1
  227. package/dist/components/Effect.d.ts +41 -0
  228. package/dist/components/Effect.d.ts.map +1 -0
  229. package/dist/components/Effect.js +30 -0
  230. package/dist/components/Effect.js.map +1 -0
  231. package/dist/components/ElementType.d.ts +2 -1
  232. package/dist/components/ElementType.d.ts.map +1 -1
  233. package/dist/components/ElementType.js +4 -2
  234. package/dist/components/ElementType.js.map +1 -1
  235. package/dist/components/EmojiPicker.d.ts.map +1 -1
  236. package/dist/components/EmojiPicker.js +1 -1
  237. package/dist/components/EmojiPicker.js.map +1 -1
  238. package/dist/components/Feedback.d.ts +1 -1
  239. package/dist/components/Feedback.d.ts.map +1 -1
  240. package/dist/components/Feedback.js +2 -2
  241. package/dist/components/Feedback.js.map +1 -1
  242. package/dist/components/Flex.d.ts.map +1 -1
  243. package/dist/components/Flex.js +46 -5
  244. package/dist/components/Flex.js.map +1 -1
  245. package/dist/components/Icon.d.ts.map +1 -1
  246. package/dist/components/Icon.js.map +1 -1
  247. package/dist/components/IconButton.d.ts +1 -1
  248. package/dist/components/IconButton.d.ts.map +1 -1
  249. package/dist/components/IconButton.js +4 -4
  250. package/dist/components/IconButton.js.map +1 -1
  251. package/dist/components/InfoTip.d.ts +17 -0
  252. package/dist/components/InfoTip.d.ts.map +1 -0
  253. package/dist/components/InfoTip.js +12 -0
  254. package/dist/components/InfoTip.js.map +1 -0
  255. package/dist/components/Input.d.ts +11 -5
  256. package/dist/components/Input.d.ts.map +1 -1
  257. package/dist/components/Input.js +32 -16
  258. package/dist/components/Input.js.map +1 -1
  259. package/dist/components/Input.module.scss +313 -1
  260. package/dist/components/InteractiveDetails.d.ts.map +1 -1
  261. package/dist/components/InteractiveDetails.js +1 -1
  262. package/dist/components/InteractiveDetails.js.map +1 -1
  263. package/dist/components/Kbd.d.ts.map +1 -1
  264. package/dist/components/Kbd.js +4 -1
  265. package/dist/components/Kbd.js.map +1 -1
  266. package/dist/components/Logo.d.ts +16 -4
  267. package/dist/components/Logo.d.ts.map +1 -1
  268. package/dist/components/Logo.js +32 -14
  269. package/dist/components/Logo.js.map +1 -1
  270. package/dist/components/Media.d.ts +9 -2
  271. package/dist/components/Media.d.ts.map +1 -1
  272. package/dist/components/Media.js +25 -16
  273. package/dist/components/Media.js.map +1 -1
  274. package/dist/components/MediaAudioPlayer.d.ts +29 -0
  275. package/dist/components/MediaAudioPlayer.d.ts.map +1 -0
  276. package/dist/components/MediaAudioPlayer.js +115 -0
  277. package/dist/components/MediaAudioPlayer.js.map +1 -0
  278. package/dist/components/MediaAudioPlayer.module.scss +38 -0
  279. package/dist/components/Modal.d.ts +1 -1
  280. package/dist/components/Modal.d.ts.map +1 -1
  281. package/dist/components/Modal.js +10 -10
  282. package/dist/components/Modal.js.map +1 -1
  283. package/dist/components/NavGroup.d.ts +33 -0
  284. package/dist/components/NavGroup.d.ts.map +1 -0
  285. package/dist/components/NavGroup.js +27 -0
  286. package/dist/components/NavGroup.js.map +1 -0
  287. package/dist/components/NavIcon.d.ts +1 -1
  288. package/dist/components/NavIcon.d.ts.map +1 -1
  289. package/dist/components/NavIcon.js +2 -2
  290. package/dist/components/NavIcon.js.map +1 -1
  291. package/dist/components/NavItem.d.ts +24 -0
  292. package/dist/components/NavItem.d.ts.map +1 -0
  293. package/dist/components/NavItem.js +18 -0
  294. package/dist/components/NavItem.js.map +1 -0
  295. package/dist/components/NumberInput.js +1 -1
  296. package/dist/components/NumberInput.js.map +1 -1
  297. package/dist/components/OgCard.d.ts.map +1 -1
  298. package/dist/components/OgCard.js +7 -4
  299. package/dist/components/OgCard.js.map +1 -1
  300. package/dist/components/Option.d.ts +3 -3
  301. package/dist/components/Option.d.ts.map +1 -1
  302. package/dist/components/Option.js +2 -2
  303. package/dist/components/Option.js.map +1 -1
  304. package/dist/components/Particle.d.ts +2 -2
  305. package/dist/components/Particle.d.ts.map +1 -1
  306. package/dist/components/PasswordInput.d.ts.map +1 -1
  307. package/dist/components/PasswordInput.js +2 -2
  308. package/dist/components/PasswordInput.js.map +1 -1
  309. package/dist/components/ProgressBar.d.ts +1 -1
  310. package/dist/components/ProgressBar.d.ts.map +1 -1
  311. package/dist/components/ProgressBar.js +2 -2
  312. package/dist/components/ProgressBar.js.map +1 -1
  313. package/dist/components/Pulse.d.ts +1 -1
  314. package/dist/components/Pulse.d.ts.map +1 -1
  315. package/dist/components/Pulse.js +2 -2
  316. package/dist/components/Pulse.js.map +1 -1
  317. package/dist/components/RadioButton.d.ts +2 -2
  318. package/dist/components/RadioButton.d.ts.map +1 -1
  319. package/dist/components/RadioButton.js +1 -1
  320. package/dist/components/RadioButton.js.map +1 -1
  321. package/dist/components/RevealFx.d.ts +2 -1
  322. package/dist/components/RevealFx.d.ts.map +1 -1
  323. package/dist/components/RevealFx.js +8 -8
  324. package/dist/components/RevealFx.js.map +1 -1
  325. package/dist/components/ScrollContainer.d.ts.map +1 -1
  326. package/dist/components/ScrollContainer.js +1 -1
  327. package/dist/components/ScrollContainer.js.map +1 -1
  328. package/dist/components/Scrubber.d.ts +70 -0
  329. package/dist/components/Scrubber.d.ts.map +1 -0
  330. package/dist/components/Scrubber.js +161 -0
  331. package/dist/components/Scrubber.js.map +1 -0
  332. package/dist/components/SegmentedControl.d.ts +4 -4
  333. package/dist/components/SegmentedControl.d.ts.map +1 -1
  334. package/dist/components/SegmentedControl.js +11 -11
  335. package/dist/components/SegmentedControl.js.map +1 -1
  336. package/dist/components/Select.d.ts.map +1 -1
  337. package/dist/components/Select.js +48 -15
  338. package/dist/components/Select.js.map +1 -1
  339. package/dist/components/ServerFlex.d.ts +0 -1
  340. package/dist/components/ServerFlex.d.ts.map +1 -1
  341. package/dist/components/ServerFlex.js +99 -52
  342. package/dist/components/ServerFlex.js.map +1 -1
  343. package/dist/components/ServerGrid.d.ts +0 -1
  344. package/dist/components/ServerGrid.d.ts.map +1 -1
  345. package/dist/components/ServerGrid.js +11 -9
  346. package/dist/components/ServerGrid.js.map +1 -1
  347. package/dist/components/Setting.d.ts +50 -0
  348. package/dist/components/Setting.d.ts.map +1 -0
  349. package/dist/components/Setting.js +43 -0
  350. package/dist/components/Setting.js.map +1 -0
  351. package/dist/components/ShineFx.d.ts +1 -0
  352. package/dist/components/ShineFx.d.ts.map +1 -1
  353. package/dist/components/ShineFx.js +2 -2
  354. package/dist/components/ShineFx.js.map +1 -1
  355. package/dist/components/Skeleton.d.ts +16 -3
  356. package/dist/components/Skeleton.d.ts.map +1 -1
  357. package/dist/components/Skeleton.js +2 -2
  358. package/dist/components/Skeleton.js.map +1 -1
  359. package/dist/components/Skeleton.module.scss +14 -51
  360. package/dist/components/SplitView.d.ts +23 -3
  361. package/dist/components/SplitView.d.ts.map +1 -1
  362. package/dist/components/SplitView.js +90 -58
  363. package/dist/components/SplitView.js.map +1 -1
  364. package/dist/components/StyleOverlay.d.ts.map +1 -1
  365. package/dist/components/StyleOverlay.js +1 -1
  366. package/dist/components/StyleOverlay.js.map +1 -1
  367. package/dist/components/StylePanel.d.ts +47 -6
  368. package/dist/components/StylePanel.d.ts.map +1 -1
  369. package/dist/components/StylePanel.js +16 -189
  370. package/dist/components/StylePanel.js.map +1 -1
  371. package/dist/components/StylePanel.module.scss +6 -1
  372. package/dist/components/StylePanelSections.d.ts +117 -0
  373. package/dist/components/StylePanelSections.d.ts.map +1 -0
  374. package/dist/components/StylePanelSections.js +175 -0
  375. package/dist/components/StylePanelSections.js.map +1 -0
  376. package/dist/components/Swiper.d.ts +7 -1
  377. package/dist/components/Swiper.d.ts.map +1 -1
  378. package/dist/components/Swiper.js +7 -7
  379. package/dist/components/Swiper.js.map +1 -1
  380. package/dist/components/Switch.d.ts +2 -2
  381. package/dist/components/Switch.d.ts.map +1 -1
  382. package/dist/components/Switch.js +4 -4
  383. package/dist/components/Switch.js.map +1 -1
  384. package/dist/components/Table.d.ts.map +1 -1
  385. package/dist/components/Table.js +4 -4
  386. package/dist/components/Table.js.map +1 -1
  387. package/dist/components/Tag.d.ts +1 -1
  388. package/dist/components/Tag.d.ts.map +1 -1
  389. package/dist/components/Tag.js +2 -2
  390. package/dist/components/Tag.js.map +1 -1
  391. package/dist/components/Textarea.d.ts +15 -5
  392. package/dist/components/Textarea.d.ts.map +1 -1
  393. package/dist/components/Textarea.js +31 -17
  394. package/dist/components/Textarea.js.map +1 -1
  395. package/dist/components/ThemeSwitcher.d.ts +14 -1
  396. package/dist/components/ThemeSwitcher.d.ts.map +1 -1
  397. package/dist/components/ThemeSwitcher.js +19 -9
  398. package/dist/components/ThemeSwitcher.js.map +1 -1
  399. package/dist/components/ThemeSwitcher.module.scss +54 -0
  400. package/dist/components/Toast.d.ts +1 -1
  401. package/dist/components/Toast.d.ts.map +1 -1
  402. package/dist/components/Toast.js +2 -2
  403. package/dist/components/Toast.js.map +1 -1
  404. package/dist/components/ToggleButton.d.ts +9 -2
  405. package/dist/components/ToggleButton.d.ts.map +1 -1
  406. package/dist/components/ToggleButton.js +5 -5
  407. package/dist/components/ToggleButton.js.map +1 -1
  408. package/dist/components/User.js +1 -1
  409. package/dist/components/User.js.map +1 -1
  410. package/dist/components/index.d.ts +7 -0
  411. package/dist/components/index.d.ts.map +1 -1
  412. package/dist/components/index.js +7 -0
  413. package/dist/components/index.js.map +1 -1
  414. package/dist/contexts/AdapterProvider.d.ts +50 -0
  415. package/dist/contexts/AdapterProvider.d.ts.map +1 -0
  416. package/dist/contexts/AdapterProvider.js +91 -0
  417. package/dist/contexts/AdapterProvider.js.map +1 -0
  418. package/dist/contexts/IconProvider.d.ts +2 -2
  419. package/dist/contexts/IconProvider.d.ts.map +1 -1
  420. package/dist/contexts/IconProvider.js +2 -2
  421. package/dist/contexts/IconProvider.js.map +1 -1
  422. package/dist/contexts/LayoutProvider.d.ts +0 -2
  423. package/dist/contexts/LayoutProvider.d.ts.map +1 -1
  424. package/dist/contexts/LayoutProvider.js +15 -10
  425. package/dist/contexts/LayoutProvider.js.map +1 -1
  426. package/dist/contexts/ThemeProvider.d.ts +29 -1
  427. package/dist/contexts/ThemeProvider.d.ts.map +1 -1
  428. package/dist/contexts/ThemeProvider.js +42 -15
  429. package/dist/contexts/ThemeProvider.js.map +1 -1
  430. package/dist/contexts/index.d.ts +3 -2
  431. package/dist/contexts/index.d.ts.map +1 -1
  432. package/dist/contexts/index.js +3 -2
  433. package/dist/contexts/index.js.map +1 -1
  434. package/dist/css/styles.css +1 -1
  435. package/dist/css/tokens.css +1 -1
  436. package/dist/data/emoji-data.json +8 -10
  437. package/dist/hooks/index.d.ts +0 -1
  438. package/dist/hooks/index.d.ts.map +1 -1
  439. package/dist/hooks/index.js +0 -1
  440. package/dist/hooks/index.js.map +1 -1
  441. package/dist/icons/ATTRIBUTION.md +19 -0
  442. package/dist/icons/data.d.ts +1919 -0
  443. package/dist/icons/data.d.ts.map +1 -0
  444. package/dist/icons/data.js +102 -0
  445. package/dist/icons/data.js.map +1 -0
  446. package/dist/icons/renderIcon.d.ts +26 -0
  447. package/dist/icons/renderIcon.d.ts.map +1 -0
  448. package/dist/icons/renderIcon.js +22 -0
  449. package/dist/icons/renderIcon.js.map +1 -0
  450. package/dist/icons.d.ts +35 -4
  451. package/dist/icons.d.ts.map +1 -1
  452. package/dist/icons.js +13 -60
  453. package/dist/icons.js.map +1 -1
  454. package/dist/modules/code/CodeBlock.impl.d.ts +2 -1
  455. package/dist/modules/code/CodeBlock.impl.d.ts.map +1 -1
  456. package/dist/modules/code/CodeBlock.impl.js +7 -2
  457. package/dist/modules/code/CodeBlock.impl.js.map +1 -1
  458. package/dist/modules/data/ChartHeader.d.ts.map +1 -1
  459. package/dist/modules/data/ChartHeader.js +1 -1
  460. package/dist/modules/data/ChartHeader.js.map +1 -1
  461. package/dist/modules/data/DataTooltip.d.ts +1 -1
  462. package/dist/modules/data/DataTooltip.d.ts.map +1 -1
  463. package/dist/modules/data/DataTooltip.js +2 -2
  464. package/dist/modules/data/DataTooltip.js.map +1 -1
  465. package/dist/modules/data/LinearGauge.d.ts +3 -2
  466. package/dist/modules/data/LinearGauge.d.ts.map +1 -1
  467. package/dist/modules/data/LinearGauge.js +1 -1
  468. package/dist/modules/data/LinearGauge.js.map +1 -1
  469. package/dist/modules/data/PieChart.impl.d.ts +1 -1
  470. package/dist/modules/data/PieChart.impl.d.ts.map +1 -1
  471. package/dist/modules/data/PieChart.impl.js +4 -1
  472. package/dist/modules/data/PieChart.impl.js.map +1 -1
  473. package/dist/modules/data/RadialGauge.d.ts +3 -2
  474. package/dist/modules/data/RadialGauge.d.ts.map +1 -1
  475. package/dist/modules/data/RadialGauge.js +1 -1
  476. package/dist/modules/data/RadialGauge.js.map +1 -1
  477. package/dist/modules/data/interfaces.d.ts +12 -3
  478. package/dist/modules/data/interfaces.d.ts.map +1 -1
  479. package/dist/modules/index.d.ts +1 -4
  480. package/dist/modules/index.d.ts.map +1 -1
  481. package/dist/modules/index.js +9 -3
  482. package/dist/modules/index.js.map +1 -1
  483. package/dist/modules/media/MediaUpload.impl.d.ts +1 -1
  484. package/dist/modules/media/MediaUpload.impl.d.ts.map +1 -1
  485. package/dist/modules/media/MediaUpload.impl.js +1 -1
  486. package/dist/modules/media/MediaUpload.impl.js.map +1 -1
  487. package/dist/modules/navigation/Kbar.d.ts +5 -4
  488. package/dist/modules/navigation/Kbar.d.ts.map +1 -1
  489. package/dist/modules/navigation/Kbar.js +32 -35
  490. package/dist/modules/navigation/Kbar.js.map +1 -1
  491. package/dist/modules/navigation/MegaMenu.d.ts +5 -3
  492. package/dist/modules/navigation/MegaMenu.d.ts.map +1 -1
  493. package/dist/modules/navigation/MegaMenu.js +24 -12
  494. package/dist/modules/navigation/MegaMenu.js.map +1 -1
  495. package/dist/modules/navigation/MobileMegaMenu.d.ts +3 -2
  496. package/dist/modules/navigation/MobileMegaMenu.d.ts.map +1 -1
  497. package/dist/modules/navigation/MobileMegaMenu.js +1 -1
  498. package/dist/modules/navigation/MobileMegaMenu.js.map +1 -1
  499. package/dist/modules/seo/Meta.d.ts +40 -2
  500. package/dist/modules/seo/Meta.d.ts.map +1 -1
  501. package/dist/modules/seo/Meta.js.map +1 -1
  502. package/dist/modules/seo/Schema.d.ts.map +1 -1
  503. package/dist/modules/seo/Schema.js +1 -2
  504. package/dist/modules/seo/Schema.js.map +1 -1
  505. package/dist/next/index.d.ts +35 -0
  506. package/dist/next/index.d.ts.map +1 -0
  507. package/dist/next/index.js +56 -0
  508. package/dist/next/index.js.map +1 -0
  509. package/dist/package.json +52 -7
  510. package/dist/scripts/init-agent.js +156 -0
  511. package/dist/scripts/validate-ai-code.js +431 -0
  512. package/dist/server/og-utils.d.ts +9 -3
  513. package/dist/server/og-utils.d.ts.map +1 -1
  514. package/dist/server/og-utils.js +15 -9
  515. package/dist/server/og-utils.js.map +1 -1
  516. package/dist/styles/breakpoints.scss +16 -5
  517. package/dist/test/setup.js +21 -0
  518. package/dist/test/setup.js.map +1 -1
  519. package/dist/types.d.ts +13 -1
  520. package/dist/types.d.ts.map +1 -1
  521. package/dist/types.js.map +1 -1
  522. package/dist/utils/colorScheme.d.ts +35 -0
  523. package/dist/utils/colorScheme.d.ts.map +1 -0
  524. package/dist/utils/colorScheme.js +140 -0
  525. package/dist/utils/colorScheme.js.map +1 -0
  526. package/dist/utils/index.d.ts +2 -0
  527. package/dist/utils/index.d.ts.map +1 -1
  528. package/dist/utils/index.js +2 -0
  529. package/dist/utils/index.js.map +1 -1
  530. package/dist/utils/navMatch.d.ts +21 -0
  531. package/dist/utils/navMatch.d.ts.map +1 -0
  532. package/dist/utils/navMatch.js +26 -0
  533. package/dist/utils/navMatch.js.map +1 -0
  534. package/package.json +66 -11
  535. package/scripts/validate-ai-code.js +309 -27
  536. package/dist/css/styles.css.map +0 -1
  537. package/dist/css/tokens.css.map +0 -1
  538. package/dist/hooks/useResponsiveClasses.d.ts +0 -9
  539. package/dist/hooks/useResponsiveClasses.d.ts.map +0 -1
  540. package/dist/hooks/useResponsiveClasses.js +0 -293
  541. package/dist/hooks/useResponsiveClasses.js.map +0 -1
  542. package/dist/styles/background.scss +0 -423
  543. package/dist/styles/border.scss +0 -546
  544. package/dist/styles/color.scss +0 -183
  545. package/dist/styles/display.scss +0 -391
  546. package/dist/styles/flex.scss +0 -518
  547. package/dist/styles/global.scss +0 -36
  548. package/dist/styles/grid.scss +0 -293
  549. package/dist/styles/index.scss +0 -14
  550. package/dist/styles/position.scss +0 -1549
  551. package/dist/styles/shadow.scss +0 -19
  552. package/dist/styles/size.scss +0 -53
  553. package/dist/styles/spacing.scss +0 -1505
  554. package/dist/styles/typography.scss +0 -223
  555. package/dist/styles/utilities.scss +0 -23
  556. package/dist/tokens/border.scss +0 -95
  557. package/dist/tokens/data.scss +0 -107
  558. package/dist/tokens/function.scss +0 -742
  559. package/dist/tokens/index.scss +0 -8
  560. package/dist/tokens/layout.scss +0 -275
  561. package/dist/tokens/scheme.scss +0 -352
  562. package/dist/tokens/shadow.scss +0 -7
  563. package/dist/tokens/theme.scss +0 -657
  564. package/dist/tokens/typography.scss +0 -118
  565. package/next-env.d.ts +0 -5
  566. package/scripts/copy-files.js +0 -103
  567. package/scripts/generate-ai-spec.js +0 -464
  568. package/scripts/generate-emoji-data.js +0 -128
  569. package/scss.d.ts +0 -4
  570. package/tsconfig.vitest.json +0 -20
  571. package/vitest.config.ts +0 -19
package/dist/tokens/theme.scss DELETED
@@ -1,657 +0,0 @@
1
- :root {
2
- --font-heading: var(--font-heading);
3
- --font-body: var(--font-body);
4
- --font-label: var(--font-label);
5
- --font-code: var(--font-code);
6
-
7
- --font-size-display-multiplier: 1;
8
- --font-size-heading-multiplier: 1;
9
- --font-size-body-multiplier: 1;
10
- --font-size-label-multiplier: 1;
11
-
12
- --line-height-display-multiplier: 1;
13
- --line-height-heading-multiplier: 1;
14
- --line-height-body-multiplier: 1;
15
- --line-height-label-multiplier: 1;
16
-
17
- --font-scaling-desktop: 16px;
18
- --font-scaling-tablet: 16px;
19
- --font-scaling-mobile: 15px;
20
-
21
- --cursor-interactive: pointer;
22
-
23
- --solid-inset-distance: 0;
24
- --solid-inset-size: 0;
25
- --solid-border-width: 0;
26
- --backdrop-filter: none;
27
- --surface-border: var(--static-transparent);
28
- --surface-background: var(--neutral-background-medium);
29
- --default-border: var(--neutral-border-medium);
30
- }
31
-
32
- [data-cursor-interactive="pointer"] {
33
- --cursor-interactive: pointer;
34
- }
35
-
36
- [data-cursor-interactive="default"] {
37
- --cursor-interactive: default;
38
- }
39
-
40
- [data-desktop-size="18"] {
41
- --font-scaling-desktop: 18px;
42
- }
43
-
44
- [data-desktop-size="17"] {
45
- --font-scaling-desktop: 17px;
46
- }
47
-
48
- [data-desktop-size="16"] {
49
- --font-scaling-desktop: 16px;
50
- }
51
-
52
- [data-desktop-size="15"] {
53
- --font-scaling-desktop: 15px;
54
- }
55
-
56
- [data-desktop-size="14"] {
57
- --font-scaling-desktop: 14px;
58
- }
59
-
60
- [data-desktop-size="13"] {
61
- --font-scaling-desktop: 13px;
62
- }
63
-
64
- [data-tablet-size="18"] {
65
- --font-scaling-tablet: 18px;
66
- }
67
-
68
- [data-tablet-size="17"] {
69
- --font-scaling-tablet: 17px;
70
- }
71
-
72
- [data-tablet-size="16"] {
73
- --font-scaling-tablet: 16px;
74
- }
75
-
76
- [data-tablet-size="15"] {
77
- --font-scaling-tablet: 15px;
78
- }
79
-
80
- [data-tablet-size="14"] {
81
- --font-scaling-tablet: 14px;
82
- }
83
-
84
- [data-tablet-size="13"] {
85
- --font-scaling-tablet: 13px;
86
- }
87
-
88
- [data-mobile-size="18"] {
89
- --font-scaling-mobile: 18px;
90
- }
91
-
92
- [data-mobile-size="17"] {
93
- --font-scaling-mobile: 17px;
94
- }
95
-
96
- [data-mobile-size="16"] {
97
- --font-scaling-mobile: 16px;
98
- }
99
-
100
- [data-mobile-size="15"] {
101
- --font-scaling-mobile: 15px;
102
- }
103
-
104
- [data-mobile-size="14"] {
105
- --font-scaling-mobile: 14px;
106
- }
107
-
108
- [data-mobile-size="13"] {
109
- --font-scaling-mobile: 13px;
110
- }
111
-
112
- [data-theme="dark"] {
113
- --page-background: var(--neutral-background-weak);
114
- --backdrop: var(--static-black-medium);
115
-
116
- --solid-border-color-brand: var(--brand-alpha-strong);
117
- --solid-border-color-neutral: var(--neutral-alpha-strong);
118
- --solid-border-color-danger: var(--danger-alpha-strong);
119
-
120
- /* code */
121
- --code-moss: var(--scheme-moss-800);
122
- --code-gray: var(--scheme-gray-800);
123
- --code-aqua: var(--scheme-aqua-800);
124
- --code-green: var(--scheme-green-800);
125
- --code-blue: var(--scheme-blue-800);
126
- --code-violet: var(--scheme-violet-800);
127
- --code-orange: var(--scheme-orange-800);
128
-
129
- /* brand */
130
- --brand-background-strong: var(--function-brand-300);
131
- --brand-background-medium: var(--function-brand-200);
132
- --brand-background-weak: var(--function-brand-100);
133
-
134
- --brand-on-background-strong: var(--static-white);
135
- --brand-on-background-medium: var(--function-brand-900);
136
- --brand-on-background-weak: var(--function-brand-700);
137
-
138
- --brand-border-strong: var(--function-brand-400);
139
- --brand-border-medium: var(--function-brand-300);
140
- --brand-border-weak: var(--function-brand-200);
141
-
142
- --brand-alpha-strong: var(--function-brand-600-50);
143
- --brand-alpha-medium: var(--function-brand-600-30);
144
- --brand-alpha-weak: var(--function-brand-600-15);
145
-
146
- /* accent */
147
- --accent-background-strong: var(--function-accent-300);
148
- --accent-background-medium: var(--function-accent-200);
149
- --accent-background-weak: var(--function-accent-100);
150
-
151
- --accent-on-background-strong: var(--static-white);
152
- --accent-on-background-medium: var(--function-accent-900);
153
- --accent-on-background-weak: var(--function-accent-700);
154
-
155
- --accent-solid-strong: var(--function-accent-500);
156
- --accent-solid-medium: var(--function-accent-400);
157
- --accent-solid-weak: var(--function-accent-300);
158
-
159
- --accent-on-solid-strong: var(--static-white);
160
- --accent-on-solid-medium: var(--function-accent-1000);
161
- --accent-on-solid-weak: var(--function-accent-900);
162
-
163
- --accent-border-strong: var(--function-accent-400);
164
- --accent-border-medium: var(--function-accent-300);
165
- --accent-border-weak: var(--function-accent-200);
166
-
167
- --accent-alpha-strong: var(--function-accent-600-50);
168
- --accent-alpha-medium: var(--function-accent-600-30);
169
- --accent-alpha-weak: var(--function-accent-600-15);
170
-
171
- /* neutral */
172
- --neutral-background-strong: var(--function-neutral-300);
173
- --neutral-background-medium: var(--function-neutral-200);
174
- --neutral-background-weak: var(--function-neutral-100);
175
-
176
- --neutral-on-background-strong: var(--static-white);
177
- --neutral-on-background-medium: var(--function-neutral-900);
178
- --neutral-on-background-weak: var(--function-neutral-700);
179
-
180
- --neutral-solid-strong: var(--function-neutral-500);
181
- --neutral-solid-medium: var(--function-neutral-400);
182
- --neutral-solid-weak: var(--function-neutral-300);
183
-
184
- --neutral-on-solid-strong: var(--static-white);
185
- --neutral-on-solid-medium: var(--function-neutral-1000);
186
- --neutral-on-solid-weak: var(--function-neutral-900);
187
-
188
- --neutral-border-strong: var(--function-neutral-400);
189
- --neutral-border-medium: var(--function-neutral-300);
190
- --neutral-border-weak: var(--function-neutral-200);
191
-
192
- --neutral-alpha-strong: var(--function-neutral-600-50);
193
- --neutral-alpha-medium: var(--function-neutral-600-30);
194
- --neutral-alpha-weak: var(--function-neutral-600-15);
195
-
196
- /* info */
197
- --info-background-strong: var(--function-info-300);
198
- --info-background-medium: var(--function-info-200);
199
- --info-background-weak: var(--function-info-100);
200
-
201
- --info-on-background-strong: var(--static-white);
202
- --info-on-background-medium: var(--function-info-900);
203
- --info-on-background-weak: var(--function-info-700);
204
-
205
- --info-solid-strong: var(--function-info-500);
206
- --info-solid-medium: var(--function-info-400);
207
- --info-solid-weak: var(--function-info-300);
208
-
209
- --info-on-solid-strong: var(--static-white);
210
- --info-on-solid-medium: var(--function-info-1000);
211
- --info-on-solid-weak: var(--function-info-900);
212
-
213
- --info-border-strong: var(--function-info-400);
214
- --info-border-medium: var(--function-info-300);
215
- --info-border-weak: var(--function-info-200);
216
-
217
- --info-alpha-strong: var(--function-info-600-50);
218
- --info-alpha-medium: var(--function-info-600-30);
219
- --info-alpha-weak: var(--function-info-600-15);
220
-
221
- /* warning */
222
- --warning-background-strong: var(--function-warning-300);
223
- --warning-background-medium: var(--function-warning-200);
224
- --warning-background-weak: var(--function-warning-100);
225
-
226
- --warning-on-background-strong: var(--static-white);
227
- --warning-on-background-medium: var(--function-warning-900);
228
- --warning-on-background-weak: var(--function-warning-700);
229
-
230
- --warning-solid-strong: var(--function-warning-500);
231
- --warning-solid-medium: var(--function-warning-400);
232
- --warning-solid-weak: var(--function-warning-300);
233
-
234
- --warning-on-solid-strong: var(--static-white);
235
- --warning-on-solid-medium: var(--function-warning-1000);
236
- --warning-on-solid-weak: var(--function-warning-900);
237
-
238
- --warning-border-strong: var(--function-warning-400);
239
- --warning-border-medium: var(--function-warning-300);
240
- --warning-border-weak: var(--function-warning-200);
241
-
242
- --warning-alpha-strong: var(--function-warning-600-50);
243
- --warning-alpha-medium: var(--function-warning-600-30);
244
- --warning-alpha-weak: var(--function-warning-600-15);
245
-
246
- /* danger */
247
- --danger-background-strong: var(--function-danger-300);
248
- --danger-background-medium: var(--function-danger-200);
249
- --danger-background-weak: var(--function-danger-100);
250
-
251
- --danger-on-background-strong: var(--static-white);
252
- --danger-on-background-medium: var(--function-danger-900);
253
- --danger-on-background-weak: var(--function-danger-700);
254
-
255
- --danger-solid-strong: var(--function-danger-500);
256
- --danger-solid-medium: var(--function-danger-400);
257
- --danger-solid-weak: var(--function-danger-300);
258
-
259
- --danger-on-solid-strong: var(--static-white);
260
- --danger-on-solid-medium: var(--function-danger-1000);
261
- --danger-on-solid-weak: var(--function-danger-900);
262
-
263
- --danger-border-strong: var(--function-danger-400);
264
- --danger-border-medium: var(--function-danger-300);
265
- --danger-border-weak: var(--function-danger-200);
266
-
267
- --danger-alpha-strong: var(--function-danger-600-50);
268
- --danger-alpha-medium: var(--function-danger-600-30);
269
- --danger-alpha-weak: var(--function-danger-600-15);
270
-
271
- /* success */
272
- --success-background-strong: var(--function-success-300);
273
- --success-background-medium: var(--function-success-200);
274
- --success-background-weak: var(--function-success-100);
275
-
276
- --success-on-background-strong: var(--static-white);
277
- --success-on-background-medium: var(--function-success-900);
278
- --success-on-background-weak: var(--function-success-700);
279
-
280
- --success-solid-strong: var(--function-success-500);
281
- --success-solid-medium: var(--function-success-400);
282
- --success-solid-weak: var(--function-success-300);
283
-
284
- --success-on-solid-strong: var(--static-white);
285
- --success-on-solid-medium: var(--function-success-1000);
286
- --success-on-solid-weak: var(--function-success-900);
287
-
288
- --success-border-strong: var(--function-success-400);
289
- --success-border-medium: var(--function-success-300);
290
- --success-border-weak: var(--function-success-200);
291
-
292
- --success-alpha-strong: var(--function-success-600-50);
293
- --success-alpha-medium: var(--function-success-600-30);
294
- --success-alpha-weak: var(--function-success-600-15);
295
-
296
- .dark-flex {
297
- display: flex;
298
- }
299
-
300
- .dark-grid {
301
- display: grid;
302
- }
303
-
304
- .light-flex {
305
- display: none;
306
- }
307
-
308
- .light-grid {
309
- display: none;
310
- }
311
- }
312
-
313
- [data-theme="light"] {
314
- --page-background: var(--neutral-background-weak);
315
- --backdrop: var(--static-white-medium);
316
-
317
- --solid-border-color-brand: var(--brand-alpha-strong);
318
- --solid-border-color-neutral: var(--neutral-alpha-strong);
319
- --solid-border-color-danger: var(--danger-alpha-strong);
320
-
321
- /* code */
322
- --code-moss: var(--scheme-moss-600);
323
- --code-gray: var(--scheme-gray-600);
324
- --code-aqua: var(--scheme-aqua-600);
325
- --code-green: var(--scheme-green-600);
326
- --code-blue: var(--scheme-blue-600);
327
- --code-violet: var(--scheme-violet-600);
328
- --code-orange: var(--scheme-orange-600);
329
-
330
- /* brand */
331
- --brand-background-strong: var(--function-brand-800);
332
- --brand-background-medium: var(--function-brand-1000);
333
- --brand-background-weak: var(--static-white);
334
-
335
- --brand-on-background-strong: var(--function-brand-100);
336
- --brand-on-background-medium: var(--function-brand-400);
337
- --brand-on-background-weak: var(--function-brand-500);
338
-
339
- --brand-border-strong: var(--function-brand-800);
340
- --brand-border-medium: var(--function-brand-900);
341
- --brand-border-weak: var(--function-brand-1000);
342
-
343
- --brand-alpha-strong: var(--function-brand-600-50);
344
- --brand-alpha-medium: var(--function-brand-600-30);
345
- --brand-alpha-weak: var(--function-brand-600-15);
346
-
347
- /* accent */
348
- --accent-background-strong: var(--function-accent-800);
349
- --accent-background-medium: var(--function-accent-1000);
350
- --accent-background-weak: var(--static-white);
351
-
352
- --accent-on-background-strong: var(--function-accent-100);
353
- --accent-on-background-medium: var(--function-accent-400);
354
- --accent-on-background-weak: var(--function-accent-500);
355
-
356
- --accent-solid-strong: var(--function-accent-600);
357
- --accent-solid-medium: var(--function-accent-500);
358
- --accent-solid-weak: var(--function-accent-400);
359
-
360
- --accent-on-solid-strong: var(--static-white);
361
- --accent-on-solid-medium: var(--function-accent-1100);
362
- --accent-on-solid-weak: var(--function-accent-1000);
363
-
364
- --accent-border-strong: var(--function-accent-800);
365
- --accent-border-medium: var(--function-accent-900);
366
- --accent-border-weak: var(--function-accent-1000);
367
-
368
- --accent-alpha-strong: var(--function-accent-600-50);
369
- --accent-alpha-medium: var(--function-accent-600-30);
370
- --accent-alpha-weak: var(--function-accent-600-15);
371
-
372
- /* neutral */
373
- --neutral-background-strong: var(--function-neutral-800);
374
- --neutral-background-medium: var(--function-neutral-1000);
375
- --neutral-background-weak: var(--static-white);
376
-
377
- --neutral-on-background-strong: var(--function-neutral-100);
378
- --neutral-on-background-medium: var(--function-neutral-400);
379
- --neutral-on-background-weak: var(--function-neutral-500);
380
-
381
- --neutral-solid-strong: var(--function-neutral-600);
382
- --neutral-solid-medium: var(--function-neutral-500);
383
- --neutral-solid-weak: var(--function-neutral-400);
384
-
385
- --neutral-on-solid-strong: var(--static-white);
386
- --neutral-on-solid-medium: var(--function-neutral-1100);
387
- --neutral-on-solid-weak: var(--function-neutral-1000);
388
-
389
- --neutral-border-strong: var(--function-neutral-800);
390
- --neutral-border-medium: var(--function-neutral-900);
391
- --neutral-border-weak: var(--function-neutral-1000);
392
-
393
- --neutral-alpha-strong: var(--function-neutral-600-50);
394
- --neutral-alpha-medium: var(--function-neutral-600-30);
395
- --neutral-alpha-weak: var(--function-neutral-600-15);
396
-
397
- /* info */
398
- --info-background-strong: var(--function-info-800);
399
- --info-background-medium: var(--function-info-1000);
400
- --info-background-weak: var(--static-white);
401
-
402
- --info-on-background-strong: var(--function-info-100);
403
- --info-on-background-medium: var(--function-info-400);
404
- --info-on-background-weak: var(--function-info-500);
405
-
406
- --info-solid-strong: var(--function-info-600);
407
- --info-solid-medium: var(--function-info-500);
408
- --info-solid-weak: var(--function-info-400);
409
-
410
- --info-on-solid-strong: var(--static-white);
411
- --info-on-solid-medium: var(--function-info-1100);
412
- --info-on-solid-weak: var(--function-info-1000);
413
-
414
- --info-border-strong: var(--function-info-800);
415
- --info-border-medium: var(--function-info-900);
416
- --info-border-weak: var(--function-info-1000);
417
-
418
- --info-alpha-strong: var(--function-info-600-50);
419
- --info-alpha-medium: var(--function-info-600-30);
420
- --info-alpha-weak: var(--function-info-600-15);
421
-
422
- /* warning */
423
- --warning-background-strong: var(--function-warning-800);
424
- --warning-background-medium: var(--function-warning-1000);
425
- --warning-background-weak: var(--static-white);
426
-
427
- --warning-on-background-strong: var(--function-warning-100);
428
- --warning-on-background-medium: var(--function-warning-400);
429
- --warning-on-background-weak: var(--function-warning-500);
430
-
431
- --warning-solid-strong: var(--function-warning-600);
432
- --warning-solid-medium: var(--function-warning-500);
433
- --warning-solid-weak: var(--function-warning-400);
434
-
435
- --warning-on-solid-strong: var(--static-white);
436
- --warning-on-solid-medium: var(--function-warning-1100);
437
- --warning-on-solid-weak: var(--function-warning-1000);
438
-
439
- --warning-border-strong: var(--function-warning-800);
440
- --warning-border-medium: var(--function-warning-900);
441
- --warning-border-weak: var(--function-warning-1000);
442
-
443
- --warning-alpha-strong: var(--function-warning-600-50);
444
- --warning-alpha-medium: var(--function-warning-600-30);
445
- --warning-alpha-weak: var(--function-warning-600-15);
446
-
447
- /* danger */
448
- --danger-background-strong: var(--function-danger-800);
449
- --danger-background-medium: var(--function-danger-1000);
450
- --danger-background-weak: var(--static-white);
451
-
452
- --danger-on-background-strong: var(--function-danger-100);
453
- --danger-on-background-medium: var(--function-danger-400);
454
- --danger-on-background-weak: var(--function-danger-500);
455
-
456
- --danger-solid-strong: var(--function-danger-600);
457
- --danger-solid-medium: var(--function-danger-500);
458
- --danger-solid-weak: var(--function-danger-400);
459
-
460
- --danger-on-solid-strong: var(--static-white);
461
- --danger-on-solid-medium: var(--function-danger-1100);
462
- --danger-on-solid-weak: var(--function-danger-1000);
463
-
464
- --danger-border-strong: var(--function-danger-800);
465
- --danger-border-medium: var(--function-danger-900);
466
- --danger-border-weak: var(--function-danger-1000);
467
-
468
- --danger-alpha-strong: var(--function-danger-600-50);
469
- --danger-alpha-medium: var(--function-danger-600-30);
470
- --danger-alpha-weak: var(--function-danger-600-15);
471
-
472
- /* success */
473
- --success-background-strong: var(--function-success-800);
474
- --success-background-medium: var(--function-success-1000);
475
- --success-background-weak: var(--static-white);
476
-
477
- --success-on-background-strong: var(--function-success-100);
478
- --success-on-background-medium: var(--function-success-400);
479
- --success-on-background-weak: var(--function-success-500);
480
-
481
- --success-solid-strong: var(--function-success-600);
482
- --success-solid-medium: var(--function-success-500);
483
- --success-solid-weak: var(--function-success-400);
484
-
485
- --success-on-solid-strong: var(--static-white);
486
- --success-on-solid-medium: var(--function-success-1100);
487
- --success-on-solid-weak: var(--function-success-1000);
488
-
489
- --success-border-strong: var(--function-success-800);
490
- --success-border-medium: var(--function-success-900);
491
- --success-border-weak: var(--function-success-1000);
492
-
493
- --success-alpha-strong: var(--function-success-600-50);
494
- --success-alpha-medium: var(--function-success-600-30);
495
- --success-alpha-weak: var(--function-success-600-15);
496
-
497
- .dark-flex {
498
- display: none;
499
- }
500
-
501
- .dark-grid {
502
- display: none;
503
- }
504
-
505
- .light-flex {
506
- display: flex;
507
- }
508
-
509
- .light-grid {
510
- display: grid;
511
- }
512
- }
513
-
514
- [data-solid-style="plastic"] {
515
- --solid-inset-distance: -1rem;
516
- --solid-inset-size: 1rem;
517
- --solid-border-width: 1px;
518
- }
519
-
520
- [data-transition="all"],[data-transition="micro"] {
521
- --transition-eased: ease-in-out;
522
- --transition-property-all: all;
523
- --transition-duration-micro-short: 0.1s;
524
- --transition-duration-micro-medium: 0.2s;
525
- --transition-duration-micro-long: 0.4s;
526
- --transition-micro-short: var(--transition-property-all) var(--transition-duration-micro-short) var(--transition-eased);
527
- --transition-micro-medium: var(--transition-property-all) var(--transition-duration-micro-medium) var(--transition-eased);
528
- --transition-micro-long: var(--transition-property-all) var(--transition-duration-micro-long) var(--transition-eased);
529
- }
530
-
531
- [data-transition="all"],[data-transition="macro"] {
532
- --transition-eased: ease-in-out;
533
- --transition-property-all: all;
534
- --transition-duration-macro-short: 0.15s;
535
- --transition-duration-macro-medium: 0.3s;
536
- --transition-duration-macro-long: 0.6s;
537
- --transition-macro-short: var(--transition-property-all) var(--transition-duration-macro-short) var(--transition-eased);
538
- --transition-macro-medium: var(--transition-property-all) var(--transition-duration-macro-medium) var(--transition-eased);
539
- --transition-macro-long: var(--transition-property-all) var(--transition-duration-macro-long) var(--transition-eased);
540
- }
541
-
542
- [data-surface="translucent"] {
543
- --backdrop-filter: blur(1rem);
544
- }
545
-
546
- [data-surface="translucent"][data-theme="light"],
547
- [data-surface="translucent"] [data-theme="light"] {
548
- --surface-background: var(--static-white-medium);
549
- --surface-border: var(--neutral-alpha-medium);
550
- }
551
-
552
- [data-surface="translucent"][data-theme="dark"],
553
- [data-surface="translucent"] [data-theme="dark"] {
554
- --surface-background: var(--static-black-medium);
555
- --surface-border: var(--neutral-alpha-medium);
556
- }
557
-
558
- [data-surface="filled"][data-theme="light"],
559
- [data-surface="filled"] [data-theme="light"] {
560
- --surface-background: var(--neutral-background-weak);
561
- --surface-border: var(--neutral-border-medium);
562
- }
563
-
564
- [data-surface="filled"][data-theme="dark"],
565
- [data-surface="filled"] [data-theme="dark"] {
566
- --surface-background: var(--neutral-background-medium);
567
- --surface-border: var(--static-transparent);
568
- }
569
-
570
- [data-theme="dark"][data-solid="color"],
571
- [data-theme="dark"] [data-solid="color"] {
572
- --brand-solid-strong: var(--function-brand-500);
573
- --brand-solid-medium: var(--function-brand-400);
574
- --brand-solid-weak: var(--function-brand-300);
575
-
576
- --brand-on-solid-strong: var(--static-white);
577
- --brand-on-solid-medium: var(--function-brand-1100);
578
- --brand-on-solid-weak: var(--function-brand-900);
579
- }
580
-
581
- [data-theme="dark"][data-solid="contrast"],
582
- [data-theme="dark"] [data-solid="contrast"] {
583
- --brand-solid-strong: var(--function-neutral-1000);
584
- --brand-solid-medium: var(--static-white);
585
- --brand-solid-weak: var(--function-neutral-900);
586
-
587
- --brand-on-solid-strong: var(--static-black);
588
- --brand-on-solid-medium: var(--function-neutral-100);
589
- --brand-on-solid-weak: var(--function-neutral-200);
590
- }
591
-
592
- [data-theme="dark"][data-solid="inverse"],
593
- [data-theme="dark"] [data-solid="inverse"] {
594
- --brand-solid-strong: var(--function-brand-800);
595
- --brand-solid-medium: var(--function-brand-700);
596
- --brand-solid-weak: var(--function-brand-600);
597
-
598
- --brand-on-solid-strong: var(--static-black);
599
- --brand-on-solid-medium: var(--function-brand-1100);
600
- --brand-on-solid-weak: var(--function-brand-200);
601
- }
602
-
603
- [data-theme="light"][data-solid="color"],
604
- [data-theme="light"] [data-solid="color"] {
605
- --brand-solid-strong: var(--function-brand-600);
606
- --brand-solid-medium: var(--function-brand-500);
607
- --brand-solid-weak: var(--function-brand-400);
608
-
609
- --brand-on-solid-strong: var(--static-white);
610
- --brand-on-solid-medium: var(--function-brand-1100);
611
- --brand-on-solid-weak: var(--function-brand-1000);
612
- }
613
-
614
- [data-theme="light"][data-solid="contrast"],
615
- [data-theme="light"] [data-solid="contrast"] {
616
- --brand-solid-strong: var(--function-neutral-300);
617
- --brand-solid-medium: var(--static-black);
618
- --brand-solid-weak: var(--function-neutral-400);
619
-
620
- --brand-on-solid-strong: var(--static-white);
621
- --brand-on-solid-medium: var(--function-neutral-1100);
622
- --brand-on-solid-weak: var(--function-neutral-1000);
623
- }
624
-
625
-
626
- [data-solid="color"] {
627
- --solid-inset-color-brand: var(--brand-alpha-strong);
628
- --solid-inset-color-neutral: var(--static-transparent);
629
- --solid-inset-color-danger: var(--danger-alpha-strong);
630
- }
631
-
632
- [data-solid="contrast"] {
633
- --solid-border-color-brand: var(--neutral-alpha-strong);
634
-
635
- --solid-inset-color-brand: var(--static-transparent);
636
- --solid-inset-color-neutral: var(--static-transparent);
637
- --solid-inset-color-danger: var(--danger-alpha-strong);
638
- }
639
-
640
- [data-solid="inverse"] {
641
- --solid-border-color-brand: var(--brand-alpha-strong);
642
-
643
- --solid-inset-color-brand: var(--brand-alpha-strong);
644
- --solid-inset-color-neutral: var(--static-transparent);
645
- --solid-inset-color-danger: var(--danger-alpha-strong);
646
- }
647
-
648
- [data-theme="light"][data-solid="inverse"],
649
- [data-theme="light"] [data-solid="inverse"] {
650
- --brand-solid-strong: var(--function-brand-900);
651
- --brand-solid-medium: var(--function-brand-800);
652
- --brand-solid-weak: var(--function-brand-700);
653
-
654
- --brand-on-solid-strong: var(--static-black);
655
- --brand-on-solid-medium: var(--function-neutral-100);
656
- --brand-on-solid-weak: var(--function-brand-200);
657
- }