@blukavantui/community 0.0.0-stage → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (987) hide show
  1. package/LICENSE.txt +103 -0
  2. package/README.md +177 -2
  3. package/THIRD_PARTY_NOTICES.txt +58 -0
  4. package/assets/fonts/dm-sans-LICENSE.txt +93 -0
  5. package/assets/fonts/dm-sans-latin-ext-wght-italic.woff2 +0 -0
  6. package/assets/fonts/dm-sans-latin-ext-wght-normal.woff2 +0 -0
  7. package/assets/fonts/dm-sans-latin-wght-italic.woff2 +0 -0
  8. package/assets/fonts/dm-sans-latin-wght-normal.woff2 +0 -0
  9. package/assets/fonts/ibm-plex-mono-LICENSE.txt +93 -0
  10. package/assets/fonts/ibm-plex-mono-latin-100-italic.woff2 +0 -0
  11. package/assets/fonts/ibm-plex-mono-latin-100-normal.woff2 +0 -0
  12. package/assets/fonts/ibm-plex-mono-latin-200-italic.woff2 +0 -0
  13. package/assets/fonts/ibm-plex-mono-latin-200-normal.woff2 +0 -0
  14. package/assets/fonts/ibm-plex-mono-latin-300-italic.woff2 +0 -0
  15. package/assets/fonts/ibm-plex-mono-latin-300-normal.woff2 +0 -0
  16. package/assets/fonts/ibm-plex-mono-latin-400-italic.woff2 +0 -0
  17. package/assets/fonts/ibm-plex-mono-latin-400-normal.woff2 +0 -0
  18. package/assets/fonts/ibm-plex-mono-latin-500-italic.woff2 +0 -0
  19. package/assets/fonts/ibm-plex-mono-latin-500-normal.woff2 +0 -0
  20. package/assets/fonts/ibm-plex-mono-latin-600-italic.woff2 +0 -0
  21. package/assets/fonts/ibm-plex-mono-latin-600-normal.woff2 +0 -0
  22. package/assets/fonts/ibm-plex-mono-latin-700-italic.woff2 +0 -0
  23. package/assets/fonts/ibm-plex-mono-latin-700-normal.woff2 +0 -0
  24. package/assets/fonts/ibm-plex-mono-latin-ext-100-italic.woff2 +0 -0
  25. package/assets/fonts/ibm-plex-mono-latin-ext-100-normal.woff2 +0 -0
  26. package/assets/fonts/ibm-plex-mono-latin-ext-200-italic.woff2 +0 -0
  27. package/assets/fonts/ibm-plex-mono-latin-ext-200-normal.woff2 +0 -0
  28. package/assets/fonts/ibm-plex-mono-latin-ext-300-italic.woff2 +0 -0
  29. package/assets/fonts/ibm-plex-mono-latin-ext-300-normal.woff2 +0 -0
  30. package/assets/fonts/ibm-plex-mono-latin-ext-400-italic.woff2 +0 -0
  31. package/assets/fonts/ibm-plex-mono-latin-ext-400-normal.woff2 +0 -0
  32. package/assets/fonts/ibm-plex-mono-latin-ext-500-italic.woff2 +0 -0
  33. package/assets/fonts/ibm-plex-mono-latin-ext-500-normal.woff2 +0 -0
  34. package/assets/fonts/ibm-plex-mono-latin-ext-600-italic.woff2 +0 -0
  35. package/assets/fonts/ibm-plex-mono-latin-ext-600-normal.woff2 +0 -0
  36. package/assets/fonts/ibm-plex-mono-latin-ext-700-italic.woff2 +0 -0
  37. package/assets/fonts/ibm-plex-mono-latin-ext-700-normal.woff2 +0 -0
  38. package/assets/fonts/inter-LICENSE.txt +93 -0
  39. package/assets/fonts/inter-latin-ext-wght-italic.woff2 +0 -0
  40. package/assets/fonts/inter-latin-ext-wght-normal.woff2 +0 -0
  41. package/assets/fonts/inter-latin-wght-italic.woff2 +0 -0
  42. package/assets/fonts/inter-latin-wght-normal.woff2 +0 -0
  43. package/assets/fonts/jetbrains-mono-LICENSE.txt +93 -0
  44. package/assets/fonts/jetbrains-mono-latin-ext-wght-italic.woff2 +0 -0
  45. package/assets/fonts/jetbrains-mono-latin-ext-wght-normal.woff2 +0 -0
  46. package/assets/fonts/jetbrains-mono-latin-wght-italic.woff2 +0 -0
  47. package/assets/fonts/jetbrains-mono-latin-wght-normal.woff2 +0 -0
  48. package/assets/fonts/lora-LICENSE.txt +93 -0
  49. package/assets/fonts/lora-latin-ext-wght-italic.woff2 +0 -0
  50. package/assets/fonts/lora-latin-ext-wght-normal.woff2 +0 -0
  51. package/assets/fonts/lora-latin-wght-italic.woff2 +0 -0
  52. package/assets/fonts/lora-latin-wght-normal.woff2 +0 -0
  53. package/assets/fonts/manifest.json +618 -0
  54. package/assets/fonts/manrope-LICENSE.txt +93 -0
  55. package/assets/fonts/manrope-latin-ext-wght-normal.woff2 +0 -0
  56. package/assets/fonts/manrope-latin-wght-normal.woff2 +0 -0
  57. package/assets/fonts/merriweather-LICENSE.txt +93 -0
  58. package/assets/fonts/merriweather-latin-ext-wght-italic.woff2 +0 -0
  59. package/assets/fonts/merriweather-latin-ext-wght-normal.woff2 +0 -0
  60. package/assets/fonts/merriweather-latin-wght-italic.woff2 +0 -0
  61. package/assets/fonts/merriweather-latin-wght-normal.woff2 +0 -0
  62. package/assets/fonts/montserrat-LICENSE.txt +93 -0
  63. package/assets/fonts/montserrat-latin-ext-wght-italic.woff2 +0 -0
  64. package/assets/fonts/montserrat-latin-ext-wght-normal.woff2 +0 -0
  65. package/assets/fonts/montserrat-latin-wght-italic.woff2 +0 -0
  66. package/assets/fonts/montserrat-latin-wght-normal.woff2 +0 -0
  67. package/assets/fonts/playfair-display-LICENSE.txt +93 -0
  68. package/assets/fonts/playfair-display-latin-ext-wght-italic.woff2 +0 -0
  69. package/assets/fonts/playfair-display-latin-ext-wght-normal.woff2 +0 -0
  70. package/assets/fonts/playfair-display-latin-wght-italic.woff2 +0 -0
  71. package/assets/fonts/playfair-display-latin-wght-normal.woff2 +0 -0
  72. package/assets/fonts/roboto-LICENSE.txt +93 -0
  73. package/assets/fonts/roboto-latin-ext-wght-italic.woff2 +0 -0
  74. package/assets/fonts/roboto-latin-ext-wght-normal.woff2 +0 -0
  75. package/assets/fonts/roboto-latin-wght-italic.woff2 +0 -0
  76. package/assets/fonts/roboto-latin-wght-normal.woff2 +0 -0
  77. package/assets/fonts/source-sans-3-LICENSE.txt +93 -0
  78. package/assets/fonts/source-sans-3-latin-ext-wght-italic.woff2 +0 -0
  79. package/assets/fonts/source-sans-3-latin-ext-wght-normal.woff2 +0 -0
  80. package/assets/fonts/source-sans-3-latin-wght-italic.woff2 +0 -0
  81. package/assets/fonts/source-sans-3-latin-wght-normal.woff2 +0 -0
  82. package/dist/advanced-types.d.ts +114 -0
  83. package/dist/app-layout.css +115 -0
  84. package/dist/app-layout.d.ts +2 -0
  85. package/dist/app-layout.js +1 -0
  86. package/dist/badge.css +131 -0
  87. package/dist/badge.d.ts +2 -0
  88. package/dist/badge.js +1 -0
  89. package/dist/bluui-community-grid.js +72 -0
  90. package/dist/bluui-community.js +1 -0
  91. package/dist/breadcrumbs.css +77 -0
  92. package/dist/breadcrumbs.d.ts +2 -0
  93. package/dist/breadcrumbs.js +1 -0
  94. package/dist/build-audit.json +516 -0
  95. package/dist/button.css +625 -0
  96. package/dist/button.d.ts +2 -0
  97. package/dist/button.js +1 -0
  98. package/dist/card.css +119 -0
  99. package/dist/card.d.ts +2 -0
  100. package/dist/card.js +1 -0
  101. package/dist/cascader.css +152 -0
  102. package/dist/cascader.d.ts +2 -0
  103. package/dist/cascader.js +1 -0
  104. package/dist/chat-widget.css +121 -0
  105. package/dist/chat-widget.d.ts +2 -0
  106. package/dist/chat-widget.js +1 -0
  107. package/dist/chat.css +66 -0
  108. package/dist/chat.d.ts +2 -0
  109. package/dist/chat.js +1 -0
  110. package/dist/checkbox.css +1 -0
  111. package/dist/checkbox.d.ts +2 -0
  112. package/dist/checkbox.js +1 -0
  113. package/dist/chip-group.css +44 -0
  114. package/dist/chip-group.d.ts +2 -0
  115. package/dist/chip-group.js +1 -0
  116. package/dist/chip.css +191 -0
  117. package/dist/chip.d.ts +2 -0
  118. package/dist/chip.js +1 -0
  119. package/dist/chunk-2HFI6CC6.js +0 -0
  120. package/dist/chunk-2MQNFEGJ.js +1 -0
  121. package/dist/chunk-3LWXPCWY.js +1 -0
  122. package/dist/chunk-3PNBQVYS.js +1 -0
  123. package/dist/chunk-3ZS5YITP.js +1 -0
  124. package/dist/chunk-4RM3B4L7.js +1 -0
  125. package/dist/chunk-4USJBOSC.js +1 -0
  126. package/dist/chunk-5ENZVZGF.js +0 -0
  127. package/dist/chunk-5TEIXA4R.js +1 -0
  128. package/dist/chunk-64LOE3FU.js +1 -0
  129. package/dist/chunk-6EHKOVZK.js +1 -0
  130. package/dist/chunk-6EJIIQNF.js +1 -0
  131. package/dist/chunk-6XOMFIPU.js +1 -0
  132. package/dist/chunk-75BQYII5.js +1 -0
  133. package/dist/chunk-7HXX66DB.js +3 -0
  134. package/dist/chunk-7KMRDQZG.js +0 -0
  135. package/dist/chunk-AICXIQKD.js +1 -0
  136. package/dist/chunk-AL2ETLJV.js +1 -0
  137. package/dist/chunk-BLDXIO7P.js +1 -0
  138. package/dist/chunk-BN3PDE5G.js +0 -0
  139. package/dist/chunk-C3CLLZH2.js +1 -0
  140. package/dist/chunk-CZXYS6CY.js +1 -0
  141. package/dist/chunk-EOKNLCNS.js +1 -0
  142. package/dist/chunk-EPZGLHPD.js +0 -0
  143. package/dist/chunk-FNX33PDD.js +0 -0
  144. package/dist/chunk-GEG3TNB4.js +1 -0
  145. package/dist/chunk-GK3INPAZ.js +1 -0
  146. package/dist/chunk-GXHANADL.js +1 -0
  147. package/dist/chunk-H5IEGCAK.js +72 -0
  148. package/dist/chunk-H7ETPJVW.js +1 -0
  149. package/dist/chunk-HO6CYWED.js +0 -0
  150. package/dist/chunk-IHKCC6WJ.js +1 -0
  151. package/dist/chunk-IIKSMXQE.js +1 -0
  152. package/dist/chunk-IJ62ILKE.js +0 -0
  153. package/dist/chunk-IO22GWON.js +0 -0
  154. package/dist/chunk-IZJN3EF7.js +1 -0
  155. package/dist/chunk-J7BV4KHG.js +1 -0
  156. package/dist/chunk-JVE6CXCJ.js +1 -0
  157. package/dist/chunk-K2P2BHV5.js +1 -0
  158. package/dist/chunk-KBOMPMSI.js +1 -0
  159. package/dist/chunk-KR3UUTB2.js +1 -0
  160. package/dist/chunk-LGJVLEAH.js +1 -0
  161. package/dist/chunk-LJ4O6YTN.js +1 -0
  162. package/dist/chunk-MBC4UVTS.js +1 -0
  163. package/dist/chunk-MCVO25PZ.js +1 -0
  164. package/dist/chunk-MEEQNPGM.js +1 -0
  165. package/dist/chunk-MSMNEIWA.js +0 -0
  166. package/dist/chunk-MYVLBALF.js +1 -0
  167. package/dist/chunk-MZBB5ROJ.js +1 -0
  168. package/dist/chunk-NB5PGEDY.js +1 -0
  169. package/dist/chunk-NTFHNL7T.js +1 -0
  170. package/dist/chunk-O3MRWAI5.js +1 -0
  171. package/dist/chunk-OPMD7QNV.js +1 -0
  172. package/dist/chunk-RGTLYBOY.js +3 -0
  173. package/dist/chunk-RWBLICYX.js +0 -0
  174. package/dist/chunk-RYD6RHRX.js +0 -0
  175. package/dist/chunk-RZ5YSY7Y.js +0 -0
  176. package/dist/chunk-SDMH2EVD.js +1 -0
  177. package/dist/chunk-SEJUHKS5.js +1 -0
  178. package/dist/chunk-SIU7DSOA.js +1 -0
  179. package/dist/chunk-T45UAWNI.js +3 -0
  180. package/dist/chunk-TIXCZTJ7.js +0 -0
  181. package/dist/chunk-U4ZP73V4.js +1 -0
  182. package/dist/chunk-U73BNLZ3.js +1 -0
  183. package/dist/chunk-UEOCR2C3.js +2 -0
  184. package/dist/chunk-UN2SLVFG.js +1 -0
  185. package/dist/chunk-UUZ4HU7L.js +0 -0
  186. package/dist/chunk-VBRSAI3K.js +1 -0
  187. package/dist/chunk-VJVFHL6P.js +0 -0
  188. package/dist/chunk-W27NAI62.js +1 -0
  189. package/dist/chunk-W4SW4RWX.js +1 -0
  190. package/dist/chunk-WHA6UO5X.js +1 -0
  191. package/dist/chunk-XIOI5PKM.js +1 -0
  192. package/dist/chunk-XWXEH3SW.js +1 -0
  193. package/dist/chunk-Y4TCT2K6.js +1 -0
  194. package/dist/chunk-Y4WEMSE4.js +0 -0
  195. package/dist/chunk-YCLR3IE3.js +0 -0
  196. package/dist/collection-layout.css +30 -0
  197. package/dist/collection-layout.d.ts +2 -0
  198. package/dist/collection-layout.js +1 -0
  199. package/dist/colors.d.ts +2 -0
  200. package/dist/columns2.css +1 -0
  201. package/dist/columns2.d.ts +2 -0
  202. package/dist/columns2.js +1 -0
  203. package/dist/columns3.css +1 -0
  204. package/dist/columns3.d.ts +2 -0
  205. package/dist/columns3.js +1 -0
  206. package/dist/columns4.css +1 -0
  207. package/dist/columns4.d.ts +2 -0
  208. package/dist/columns4.js +1 -0
  209. package/dist/command-palette.css +35 -0
  210. package/dist/command-palette.d.ts +2 -0
  211. package/dist/command-palette.js +1 -0
  212. package/dist/component-factories/app-layout.d.ts +2 -0
  213. package/dist/component-factories/breadcrumbs.d.ts +2 -0
  214. package/dist/component-factories/cascader.d.ts +2 -0
  215. package/dist/component-factories/chat-widget.d.ts +2 -0
  216. package/dist/component-factories/chat.d.ts +2 -0
  217. package/dist/component-factories/collection-layout.d.ts +2 -0
  218. package/dist/component-factories/command-palette.d.ts +2 -0
  219. package/dist/component-factories/content-carousel.d.ts +2 -0
  220. package/dist/component-factories/dashboard-canvas.d.ts +3 -0
  221. package/dist/component-factories/dashboard-panel.d.ts +3 -0
  222. package/dist/component-factories/date-picker.d.ts +2 -0
  223. package/dist/component-factories/date-range-picker.d.ts +2 -0
  224. package/dist/component-factories/date-time-picker.d.ts +2 -0
  225. package/dist/component-factories/descriptions.d.ts +2 -0
  226. package/dist/component-factories/drawer.d.ts +2 -0
  227. package/dist/component-factories/float-button.d.ts +2 -0
  228. package/dist/component-factories/font-provider.d.ts +2 -0
  229. package/dist/component-factories/hero-section.d.ts +2 -0
  230. package/dist/component-factories/image-compare.d.ts +2 -0
  231. package/dist/component-factories/logo-cloud.d.ts +2 -0
  232. package/dist/component-factories/media-card.d.ts +2 -0
  233. package/dist/component-factories/media-image.d.ts +2 -0
  234. package/dist/component-factories/modal.d.ts +2 -0
  235. package/dist/component-factories/notification-center.d.ts +3 -0
  236. package/dist/component-factories/notification.d.ts +5 -0
  237. package/dist/component-factories/page-header.d.ts +2 -0
  238. package/dist/component-factories/page-layout.d.ts +2 -0
  239. package/dist/component-factories/pagination.d.ts +2 -0
  240. package/dist/component-factories/profile-card.d.ts +2 -0
  241. package/dist/component-factories/qr-code.d.ts +2 -0
  242. package/dist/component-factories/quote-card.d.ts +2 -0
  243. package/dist/component-factories/shape-mask.d.ts +2 -0
  244. package/dist/component-factories/sidebar.d.ts +2 -0
  245. package/dist/component-factories/sparkline.d.ts +2 -0
  246. package/dist/component-factories/split-section.d.ts +2 -0
  247. package/dist/component-factories/splitter.d.ts +2 -0
  248. package/dist/component-factories/statistic.d.ts +2 -0
  249. package/dist/component-factories/text-highlight.d.ts +2 -0
  250. package/dist/component-factories/time-picker.d.ts +2 -0
  251. package/dist/component-factories/timeline.d.ts +2 -0
  252. package/dist/component-factories/tour.d.ts +2 -0
  253. package/dist/component-factories/transfer-list.d.ts +2 -0
  254. package/dist/component-factories/tree-select.d.ts +2 -0
  255. package/dist/component-factories/tree-view.d.ts +2 -0
  256. package/dist/component-factories/upload-manager.d.ts +2 -0
  257. package/dist/component-factories/video-lightbox.d.ts +2 -0
  258. package/dist/component-factories/video-player.d.ts +2 -0
  259. package/dist/component-runtime.d.ts +2 -0
  260. package/dist/content-carousel.css +34 -0
  261. package/dist/content-carousel.d.ts +2 -0
  262. package/dist/content-carousel.js +1 -0
  263. package/dist/content.css +2085 -0
  264. package/dist/content.d.ts +13 -0
  265. package/dist/content.js +1 -0
  266. package/dist/core.css +1070 -0
  267. package/dist/core.d.ts +6 -0
  268. package/dist/core.js +1 -0
  269. package/dist/dashboard-canvas.css +49 -0
  270. package/dist/dashboard-canvas.d.ts +2 -0
  271. package/dist/dashboard-canvas.js +1 -0
  272. package/dist/dashboard-panel.css +2 -0
  273. package/dist/dashboard-panel.d.ts +2 -0
  274. package/dist/dashboard-panel.js +1 -0
  275. package/dist/data.css +876 -0
  276. package/dist/data.d.ts +10 -0
  277. package/dist/data.js +1 -0
  278. package/dist/date-picker.css +78 -0
  279. package/dist/date-picker.d.ts +2 -0
  280. package/dist/date-picker.js +1 -0
  281. package/dist/date-range-picker.css +78 -0
  282. package/dist/date-range-picker.d.ts +2 -0
  283. package/dist/date-range-picker.js +1 -0
  284. package/dist/date-time-picker.css +78 -0
  285. package/dist/date-time-picker.d.ts +2 -0
  286. package/dist/date-time-picker.js +1 -0
  287. package/dist/descriptions.css +113 -0
  288. package/dist/descriptions.d.ts +2 -0
  289. package/dist/descriptions.js +1 -0
  290. package/dist/dom.d.ts +7 -0
  291. package/dist/draft-components.json +77 -0
  292. package/dist/drawer.css +215 -0
  293. package/dist/drawer.d.ts +2 -0
  294. package/dist/drawer.js +1 -0
  295. package/dist/empty-state.css +110 -0
  296. package/dist/empty-state.d.ts +2 -0
  297. package/dist/empty-state.js +1 -0
  298. package/dist/essentials.css +1295 -0
  299. package/dist/essentials.d.ts +11 -0
  300. package/dist/essentials.js +1 -0
  301. package/dist/feedback.css +1136 -0
  302. package/dist/feedback.d.ts +10 -0
  303. package/dist/feedback.js +1 -0
  304. package/dist/float-button.css +28 -0
  305. package/dist/float-button.d.ts +2 -0
  306. package/dist/float-button.js +1 -0
  307. package/dist/font-provider.css +5 -0
  308. package/dist/font-provider.d.ts +2 -0
  309. package/dist/font-provider.js +1 -0
  310. package/dist/fonts/dm-sans-LICENSE.txt +93 -0
  311. package/dist/fonts/dm-sans-latin-ext-wght-italic.woff2 +0 -0
  312. package/dist/fonts/dm-sans-latin-ext-wght-normal.woff2 +0 -0
  313. package/dist/fonts/dm-sans-latin-wght-italic.woff2 +0 -0
  314. package/dist/fonts/dm-sans-latin-wght-normal.woff2 +0 -0
  315. package/dist/fonts/ibm-plex-mono-LICENSE.txt +93 -0
  316. package/dist/fonts/ibm-plex-mono-latin-100-italic.woff2 +0 -0
  317. package/dist/fonts/ibm-plex-mono-latin-100-normal.woff2 +0 -0
  318. package/dist/fonts/ibm-plex-mono-latin-200-italic.woff2 +0 -0
  319. package/dist/fonts/ibm-plex-mono-latin-200-normal.woff2 +0 -0
  320. package/dist/fonts/ibm-plex-mono-latin-300-italic.woff2 +0 -0
  321. package/dist/fonts/ibm-plex-mono-latin-300-normal.woff2 +0 -0
  322. package/dist/fonts/ibm-plex-mono-latin-400-italic.woff2 +0 -0
  323. package/dist/fonts/ibm-plex-mono-latin-400-normal.woff2 +0 -0
  324. package/dist/fonts/ibm-plex-mono-latin-500-italic.woff2 +0 -0
  325. package/dist/fonts/ibm-plex-mono-latin-500-normal.woff2 +0 -0
  326. package/dist/fonts/ibm-plex-mono-latin-600-italic.woff2 +0 -0
  327. package/dist/fonts/ibm-plex-mono-latin-600-normal.woff2 +0 -0
  328. package/dist/fonts/ibm-plex-mono-latin-700-italic.woff2 +0 -0
  329. package/dist/fonts/ibm-plex-mono-latin-700-normal.woff2 +0 -0
  330. package/dist/fonts/ibm-plex-mono-latin-ext-100-italic.woff2 +0 -0
  331. package/dist/fonts/ibm-plex-mono-latin-ext-100-normal.woff2 +0 -0
  332. package/dist/fonts/ibm-plex-mono-latin-ext-200-italic.woff2 +0 -0
  333. package/dist/fonts/ibm-plex-mono-latin-ext-200-normal.woff2 +0 -0
  334. package/dist/fonts/ibm-plex-mono-latin-ext-300-italic.woff2 +0 -0
  335. package/dist/fonts/ibm-plex-mono-latin-ext-300-normal.woff2 +0 -0
  336. package/dist/fonts/ibm-plex-mono-latin-ext-400-italic.woff2 +0 -0
  337. package/dist/fonts/ibm-plex-mono-latin-ext-400-normal.woff2 +0 -0
  338. package/dist/fonts/ibm-plex-mono-latin-ext-500-italic.woff2 +0 -0
  339. package/dist/fonts/ibm-plex-mono-latin-ext-500-normal.woff2 +0 -0
  340. package/dist/fonts/ibm-plex-mono-latin-ext-600-italic.woff2 +0 -0
  341. package/dist/fonts/ibm-plex-mono-latin-ext-600-normal.woff2 +0 -0
  342. package/dist/fonts/ibm-plex-mono-latin-ext-700-italic.woff2 +0 -0
  343. package/dist/fonts/ibm-plex-mono-latin-ext-700-normal.woff2 +0 -0
  344. package/dist/fonts/inter-LICENSE.txt +93 -0
  345. package/dist/fonts/inter-latin-ext-wght-italic.woff2 +0 -0
  346. package/dist/fonts/inter-latin-ext-wght-normal.woff2 +0 -0
  347. package/dist/fonts/inter-latin-wght-italic.woff2 +0 -0
  348. package/dist/fonts/inter-latin-wght-normal.woff2 +0 -0
  349. package/dist/fonts/jetbrains-mono-LICENSE.txt +93 -0
  350. package/dist/fonts/jetbrains-mono-latin-ext-wght-italic.woff2 +0 -0
  351. package/dist/fonts/jetbrains-mono-latin-ext-wght-normal.woff2 +0 -0
  352. package/dist/fonts/jetbrains-mono-latin-wght-italic.woff2 +0 -0
  353. package/dist/fonts/jetbrains-mono-latin-wght-normal.woff2 +0 -0
  354. package/dist/fonts/lora-LICENSE.txt +93 -0
  355. package/dist/fonts/lora-latin-ext-wght-italic.woff2 +0 -0
  356. package/dist/fonts/lora-latin-ext-wght-normal.woff2 +0 -0
  357. package/dist/fonts/lora-latin-wght-italic.woff2 +0 -0
  358. package/dist/fonts/lora-latin-wght-normal.woff2 +0 -0
  359. package/dist/fonts/manifest.json +618 -0
  360. package/dist/fonts/manrope-LICENSE.txt +93 -0
  361. package/dist/fonts/manrope-latin-ext-wght-normal.woff2 +0 -0
  362. package/dist/fonts/manrope-latin-wght-normal.woff2 +0 -0
  363. package/dist/fonts/merriweather-LICENSE.txt +93 -0
  364. package/dist/fonts/merriweather-latin-ext-wght-italic.woff2 +0 -0
  365. package/dist/fonts/merriweather-latin-ext-wght-normal.woff2 +0 -0
  366. package/dist/fonts/merriweather-latin-wght-italic.woff2 +0 -0
  367. package/dist/fonts/merriweather-latin-wght-normal.woff2 +0 -0
  368. package/dist/fonts/montserrat-LICENSE.txt +93 -0
  369. package/dist/fonts/montserrat-latin-ext-wght-italic.woff2 +0 -0
  370. package/dist/fonts/montserrat-latin-ext-wght-normal.woff2 +0 -0
  371. package/dist/fonts/montserrat-latin-wght-italic.woff2 +0 -0
  372. package/dist/fonts/montserrat-latin-wght-normal.woff2 +0 -0
  373. package/dist/fonts/playfair-display-LICENSE.txt +93 -0
  374. package/dist/fonts/playfair-display-latin-ext-wght-italic.woff2 +0 -0
  375. package/dist/fonts/playfair-display-latin-ext-wght-normal.woff2 +0 -0
  376. package/dist/fonts/playfair-display-latin-wght-italic.woff2 +0 -0
  377. package/dist/fonts/playfair-display-latin-wght-normal.woff2 +0 -0
  378. package/dist/fonts/roboto-LICENSE.txt +93 -0
  379. package/dist/fonts/roboto-latin-ext-wght-italic.woff2 +0 -0
  380. package/dist/fonts/roboto-latin-ext-wght-normal.woff2 +0 -0
  381. package/dist/fonts/roboto-latin-wght-italic.woff2 +0 -0
  382. package/dist/fonts/roboto-latin-wght-normal.woff2 +0 -0
  383. package/dist/fonts/source-sans-3-LICENSE.txt +93 -0
  384. package/dist/fonts/source-sans-3-latin-ext-wght-italic.woff2 +0 -0
  385. package/dist/fonts/source-sans-3-latin-ext-wght-normal.woff2 +0 -0
  386. package/dist/fonts/source-sans-3-latin-wght-italic.woff2 +0 -0
  387. package/dist/fonts/source-sans-3-latin-wght-normal.woff2 +0 -0
  388. package/dist/form-field.css +1 -0
  389. package/dist/form-field.d.ts +2 -0
  390. package/dist/form-field.js +1 -0
  391. package/dist/form-layout/choice.d.ts +15 -0
  392. package/dist/form-layout/layout.d.ts +12 -0
  393. package/dist/form-layout/select.d.ts +3 -0
  394. package/dist/form-layout/shared.d.ts +21 -0
  395. package/dist/form-layout/table.d.ts +20 -0
  396. package/dist/form-layout/text.d.ts +3 -0
  397. package/dist/form-layout/types.d.ts +151 -0
  398. package/dist/form-layout.css +62 -0
  399. package/dist/form-layout.d.ts +12 -0
  400. package/dist/form-layout.js +1 -0
  401. package/dist/grid-basic.css +12 -0
  402. package/dist/grid-basic.d.ts +10 -0
  403. package/dist/grid-basic.js +1 -0
  404. package/dist/grid-spec.d.ts +37 -0
  405. package/dist/grid.css +12 -0
  406. package/dist/grid.d.ts +1 -0
  407. package/dist/grid.js +1 -0
  408. package/dist/hero-section.css +41 -0
  409. package/dist/hero-section.d.ts +2 -0
  410. package/dist/hero-section.js +1 -0
  411. package/dist/image-compare.css +35 -0
  412. package/dist/image-compare.d.ts +2 -0
  413. package/dist/image-compare.js +1 -0
  414. package/dist/index.d.ts +57 -0
  415. package/dist/index.js +1 -0
  416. package/dist/inputs.css +1587 -0
  417. package/dist/inputs.d.ts +16 -0
  418. package/dist/inputs.js +1 -0
  419. package/dist/layout.css +907 -0
  420. package/dist/layout.d.ts +11 -0
  421. package/dist/layout.js +1 -0
  422. package/dist/logo-cloud.css +33 -0
  423. package/dist/logo-cloud.d.ts +2 -0
  424. package/dist/logo-cloud.js +1 -0
  425. package/dist/marketing-template-layout.css +30 -0
  426. package/dist/media-card.css +41 -0
  427. package/dist/media-card.d.ts +2 -0
  428. package/dist/media-card.js +1 -0
  429. package/dist/media-image.css +531 -0
  430. package/dist/media-image.d.ts +2 -0
  431. package/dist/media-image.js +1 -0
  432. package/dist/modal.css +210 -0
  433. package/dist/modal.d.ts +2 -0
  434. package/dist/modal.js +1 -0
  435. package/dist/native/app-layout.js +1 -0
  436. package/dist/native/cascader.js +1 -0
  437. package/dist/native/chat-widget.js +3 -0
  438. package/dist/native/chat.js +3 -0
  439. package/dist/native/collection-layout.js +1 -0
  440. package/dist/native/command-palette.js +1 -0
  441. package/dist/native/content-carousel.js +1 -0
  442. package/dist/native/dashboard-canvas.js +1 -0
  443. package/dist/native/date-picker.js +1 -0
  444. package/dist/native/date-range-picker.js +1 -0
  445. package/dist/native/date-time-picker.js +1 -0
  446. package/dist/native/descriptions.js +1 -0
  447. package/dist/native/drawer.js +1 -0
  448. package/dist/native/float-button.js +1 -0
  449. package/dist/native/font-provider.js +1 -0
  450. package/dist/native/form-layout.js +1 -0
  451. package/dist/native/hero-section.js +1 -0
  452. package/dist/native/image-compare.js +1 -0
  453. package/dist/native/logo-cloud.js +1 -0
  454. package/dist/native/media-card.js +1 -0
  455. package/dist/native/media-image.js +1 -0
  456. package/dist/native/modal.js +1 -0
  457. package/dist/native/notification-center.js +1 -0
  458. package/dist/native/notification.js +2 -0
  459. package/dist/native/page-layout.js +1 -0
  460. package/dist/native/pagination.js +1 -0
  461. package/dist/native/profile-card.js +1 -0
  462. package/dist/native/qr-code.js +3 -0
  463. package/dist/native/quote-card.js +1 -0
  464. package/dist/native/shape-mask.js +1 -0
  465. package/dist/native/sparkline.js +1 -0
  466. package/dist/native/split-section.js +1 -0
  467. package/dist/native/splitter.js +1 -0
  468. package/dist/native/statistic.js +1 -0
  469. package/dist/native/text-highlight.js +1 -0
  470. package/dist/native/time-picker.js +1 -0
  471. package/dist/native/timeline.js +1 -0
  472. package/dist/native/tour.js +1 -0
  473. package/dist/native/transfer-list.js +1 -0
  474. package/dist/native/tree-select.js +1 -0
  475. package/dist/native/tree-view.js +1 -0
  476. package/dist/native/upload-manager.js +1 -0
  477. package/dist/native/video-lightbox.js +1 -0
  478. package/dist/native/video-player.js +1 -0
  479. package/dist/native-base.d.ts +1 -0
  480. package/dist/native-components/app-layout.d.ts +1 -0
  481. package/dist/native-components/cascader.d.ts +1 -0
  482. package/dist/native-components/chat-widget.d.ts +1 -0
  483. package/dist/native-components/chat.d.ts +1 -0
  484. package/dist/native-components/collection-layout.d.ts +1 -0
  485. package/dist/native-components/command-palette.d.ts +1 -0
  486. package/dist/native-components/content-carousel.d.ts +1 -0
  487. package/dist/native-components/dashboard-canvas.d.ts +1 -0
  488. package/dist/native-components/date-picker.d.ts +1 -0
  489. package/dist/native-components/date-range-picker.d.ts +1 -0
  490. package/dist/native-components/date-time-picker.d.ts +1 -0
  491. package/dist/native-components/descriptions.d.ts +1 -0
  492. package/dist/native-components/drawer.d.ts +1 -0
  493. package/dist/native-components/float-button.d.ts +1 -0
  494. package/dist/native-components/font-provider.d.ts +1 -0
  495. package/dist/native-components/form-layout.d.ts +1 -0
  496. package/dist/native-components/hero-section.d.ts +1 -0
  497. package/dist/native-components/image-compare.d.ts +1 -0
  498. package/dist/native-components/logo-cloud.d.ts +1 -0
  499. package/dist/native-components/media-card.d.ts +1 -0
  500. package/dist/native-components/media-image.d.ts +1 -0
  501. package/dist/native-components/modal.d.ts +1 -0
  502. package/dist/native-components/notification-center.d.ts +1 -0
  503. package/dist/native-components/notification.d.ts +1 -0
  504. package/dist/native-components/page-layout.d.ts +1 -0
  505. package/dist/native-components/pagination.d.ts +1 -0
  506. package/dist/native-components/profile-card.d.ts +1 -0
  507. package/dist/native-components/qr-code.d.ts +1 -0
  508. package/dist/native-components/quote-card.d.ts +1 -0
  509. package/dist/native-components/shape-mask.d.ts +1 -0
  510. package/dist/native-components/sparkline.d.ts +1 -0
  511. package/dist/native-components/split-section.d.ts +1 -0
  512. package/dist/native-components/splitter.d.ts +1 -0
  513. package/dist/native-components/statistic.d.ts +1 -0
  514. package/dist/native-components/text-highlight.d.ts +1 -0
  515. package/dist/native-components/time-picker.d.ts +1 -0
  516. package/dist/native-components/timeline.d.ts +1 -0
  517. package/dist/native-components/tour.d.ts +1 -0
  518. package/dist/native-components/transfer-list.d.ts +1 -0
  519. package/dist/native-components/tree-select.d.ts +1 -0
  520. package/dist/native-components/tree-view.d.ts +1 -0
  521. package/dist/native-components/upload-manager.d.ts +1 -0
  522. package/dist/native-components/video-lightbox.d.ts +1 -0
  523. package/dist/native-components/video-player.d.ts +1 -0
  524. package/dist/native-grid.d.ts +1 -0
  525. package/dist/native.d.ts +1 -0
  526. package/dist/notification-center.css +49 -0
  527. package/dist/notification-center.d.ts +2 -0
  528. package/dist/notification-center.js +1 -0
  529. package/dist/notification.css +155 -0
  530. package/dist/notification.d.ts +2 -0
  531. package/dist/notification.js +1 -0
  532. package/dist/page-header.css +184 -0
  533. package/dist/page-header.d.ts +2 -0
  534. package/dist/page-header.js +1 -0
  535. package/dist/page-layout.css +117 -0
  536. package/dist/page-layout.d.ts +2 -0
  537. package/dist/page-layout.js +1 -0
  538. package/dist/pagination.css +127 -0
  539. package/dist/pagination.d.ts +2 -0
  540. package/dist/pagination.js +1 -0
  541. package/dist/primitives.d.ts +1 -0
  542. package/dist/profile-card.css +484 -0
  543. package/dist/profile-card.d.ts +2 -0
  544. package/dist/profile-card.js +1 -0
  545. package/dist/qr-code.css +125 -0
  546. package/dist/qr-code.d.ts +2 -0
  547. package/dist/qr-code.js +1 -0
  548. package/dist/quote-card.css +30 -0
  549. package/dist/quote-card.d.ts +2 -0
  550. package/dist/quote-card.js +1 -0
  551. package/dist/radio-button.css +1 -0
  552. package/dist/radio-button.d.ts +2 -0
  553. package/dist/radio-button.js +1 -0
  554. package/dist/radio-group.css +1 -0
  555. package/dist/radio-group.d.ts +2 -0
  556. package/dist/radio-group.js +1 -0
  557. package/dist/select.css +1 -0
  558. package/dist/select.d.ts +2 -0
  559. package/dist/select.js +1 -0
  560. package/dist/shape-mask.css +10 -0
  561. package/dist/shape-mask.d.ts +2 -0
  562. package/dist/shape-mask.js +1 -0
  563. package/dist/sidebar.css +183 -0
  564. package/dist/sidebar.d.ts +2 -0
  565. package/dist/sidebar.js +1 -0
  566. package/dist/sizes.json +1194 -0
  567. package/dist/skeleton.css +69 -0
  568. package/dist/skeleton.d.ts +2 -0
  569. package/dist/skeleton.js +1 -0
  570. package/dist/sparkline.css +38 -0
  571. package/dist/sparkline.d.ts +2 -0
  572. package/dist/sparkline.js +1 -0
  573. package/dist/split-section.css +34 -0
  574. package/dist/split-section.d.ts +2 -0
  575. package/dist/split-section.js +1 -0
  576. package/dist/splitter.css +32 -0
  577. package/dist/splitter.d.ts +2 -0
  578. package/dist/splitter.js +1 -0
  579. package/dist/statistic.css +107 -0
  580. package/dist/statistic.d.ts +2 -0
  581. package/dist/statistic.js +1 -0
  582. package/dist/styles.css +8945 -0
  583. package/dist/switch.css +1 -0
  584. package/dist/switch.d.ts +2 -0
  585. package/dist/switch.js +1 -0
  586. package/dist/table.css +1 -0
  587. package/dist/table.d.ts +2 -0
  588. package/dist/table.js +1 -0
  589. package/dist/text-area.css +1 -0
  590. package/dist/text-area.d.ts +2 -0
  591. package/dist/text-area.js +1 -0
  592. package/dist/text-highlight.css +49 -0
  593. package/dist/text-highlight.d.ts +2 -0
  594. package/dist/text-highlight.js +1 -0
  595. package/dist/text-input.css +1 -0
  596. package/dist/text-input.d.ts +2 -0
  597. package/dist/text-input.js +1 -0
  598. package/dist/theme-runtime.d.ts +1 -0
  599. package/dist/theme.css +1391 -0
  600. package/dist/theme.d.ts +10 -0
  601. package/dist/theme.js +1 -0
  602. package/dist/time-picker.css +78 -0
  603. package/dist/time-picker.d.ts +2 -0
  604. package/dist/time-picker.js +1 -0
  605. package/dist/timeline.css +126 -0
  606. package/dist/timeline.d.ts +2 -0
  607. package/dist/timeline.js +1 -0
  608. package/dist/tour.css +138 -0
  609. package/dist/tour.d.ts +2 -0
  610. package/dist/tour.js +1 -0
  611. package/dist/transfer-list.css +878 -0
  612. package/dist/transfer-list.d.ts +2 -0
  613. package/dist/transfer-list.js +1 -0
  614. package/dist/tree-select.css +135 -0
  615. package/dist/tree-select.d.ts +2 -0
  616. package/dist/tree-select.js +1 -0
  617. package/dist/tree-view.css +118 -0
  618. package/dist/tree-view.d.ts +2 -0
  619. package/dist/tree-view.js +1 -0
  620. package/dist/types.d.ts +1284 -0
  621. package/dist/upload-manager.css +40 -0
  622. package/dist/upload-manager.d.ts +2 -0
  623. package/dist/upload-manager.js +1 -0
  624. package/dist/video-lightbox.css +639 -0
  625. package/dist/video-lightbox.d.ts +2 -0
  626. package/dist/video-lightbox.js +1 -0
  627. package/dist/video-player.css +92 -0
  628. package/dist/video-player.d.ts +2 -0
  629. package/dist/video-player.js +1 -0
  630. package/docs/FORM-LAYOUT-ESSENTIALS.md +122 -0
  631. package/docs/PUBLISHING.md +129 -0
  632. package/draft-components.json +77 -0
  633. package/edition.json +282 -0
  634. package/npm-shrinkwrap.json +554 -0
  635. package/package.json +457 -4
  636. package/scripts/build.mjs +42 -0
  637. package/scripts/verify-package.mjs +136 -0
  638. package/src/advanced-types.ts +89 -0
  639. package/src/app-layout.ts +2 -0
  640. package/src/badge.ts +2 -0
  641. package/src/breadcrumbs.ts +2 -0
  642. package/src/button.ts +2 -0
  643. package/src/card.ts +2 -0
  644. package/src/cascader.ts +2 -0
  645. package/src/chat-widget.ts +2 -0
  646. package/src/chat.ts +2 -0
  647. package/src/checkbox.ts +2 -0
  648. package/src/chip-group.ts +2 -0
  649. package/src/chip.ts +2 -0
  650. package/src/collection-layout.ts +2 -0
  651. package/src/colors.ts +3 -0
  652. package/src/columns2.ts +2 -0
  653. package/src/columns3.ts +2 -0
  654. package/src/columns4.ts +2 -0
  655. package/src/command-palette.ts +2 -0
  656. package/src/component-factories/app-layout.ts +8 -0
  657. package/src/component-factories/breadcrumbs.ts +45 -0
  658. package/src/component-factories/cascader.ts +11 -0
  659. package/src/component-factories/chat-widget.ts +12 -0
  660. package/src/component-factories/chat.ts +10 -0
  661. package/src/component-factories/collection-layout.ts +5 -0
  662. package/src/component-factories/command-palette.ts +79 -0
  663. package/src/component-factories/content-carousel.ts +5 -0
  664. package/src/component-factories/dashboard-canvas.ts +11 -0
  665. package/src/component-factories/dashboard-panel.ts +9 -0
  666. package/src/component-factories/date-picker.ts +6 -0
  667. package/src/component-factories/date-range-picker.ts +6 -0
  668. package/src/component-factories/date-time-picker.ts +6 -0
  669. package/src/component-factories/descriptions.ts +11 -0
  670. package/src/component-factories/drawer.ts +12 -0
  671. package/src/component-factories/float-button.ts +7 -0
  672. package/src/component-factories/font-provider.ts +6 -0
  673. package/src/component-factories/hero-section.ts +5 -0
  674. package/src/component-factories/image-compare.ts +5 -0
  675. package/src/component-factories/logo-cloud.ts +5 -0
  676. package/src/component-factories/media-card.ts +5 -0
  677. package/src/component-factories/media-image.ts +5 -0
  678. package/src/component-factories/modal.ts +12 -0
  679. package/src/component-factories/notification-center.ts +13 -0
  680. package/src/component-factories/notification.ts +16 -0
  681. package/src/component-factories/page-header.ts +73 -0
  682. package/src/component-factories/page-layout.ts +8 -0
  683. package/src/component-factories/pagination.ts +11 -0
  684. package/src/component-factories/profile-card.ts +5 -0
  685. package/src/component-factories/qr-code.ts +11 -0
  686. package/src/component-factories/quote-card.ts +5 -0
  687. package/src/component-factories/shape-mask.ts +6 -0
  688. package/src/component-factories/sidebar.ts +98 -0
  689. package/src/component-factories/sparkline.ts +8 -0
  690. package/src/component-factories/split-section.ts +5 -0
  691. package/src/component-factories/splitter.ts +105 -0
  692. package/src/component-factories/statistic.ts +10 -0
  693. package/src/component-factories/text-highlight.ts +5 -0
  694. package/src/component-factories/time-picker.ts +6 -0
  695. package/src/component-factories/timeline.ts +11 -0
  696. package/src/component-factories/tour.ts +13 -0
  697. package/src/component-factories/transfer-list.ts +159 -0
  698. package/src/component-factories/tree-select.ts +83 -0
  699. package/src/component-factories/tree-view.ts +115 -0
  700. package/src/component-factories/upload-manager.ts +76 -0
  701. package/src/component-factories/video-lightbox.ts +5 -0
  702. package/src/component-factories/video-player.ts +5 -0
  703. package/src/component-runtime.ts +20 -0
  704. package/src/content-carousel.ts +2 -0
  705. package/src/content.ts +13 -0
  706. package/src/core.ts +6 -0
  707. package/src/dashboard-canvas.ts +2 -0
  708. package/src/dashboard-panel.ts +2 -0
  709. package/src/data.ts +10 -0
  710. package/src/date-picker.ts +2 -0
  711. package/src/date-range-picker.ts +2 -0
  712. package/src/date-time-picker.ts +2 -0
  713. package/src/descriptions.ts +2 -0
  714. package/src/dom.ts +65 -0
  715. package/src/drawer.ts +2 -0
  716. package/src/empty-state.ts +2 -0
  717. package/src/essentials.ts +180 -0
  718. package/src/feedback.ts +10 -0
  719. package/src/float-button.ts +2 -0
  720. package/src/font-provider.ts +2 -0
  721. package/src/form-field.ts +2 -0
  722. package/src/form-layout/choice.ts +66 -0
  723. package/src/form-layout/layout.ts +40 -0
  724. package/src/form-layout/select.ts +97 -0
  725. package/src/form-layout/shared.ts +57 -0
  726. package/src/form-layout/table.ts +86 -0
  727. package/src/form-layout/text.ts +73 -0
  728. package/src/form-layout/types.ts +59 -0
  729. package/src/form-layout.ts +12 -0
  730. package/src/grid-basic.ts +46 -0
  731. package/src/grid-spec.ts +93 -0
  732. package/src/grid.ts +1 -0
  733. package/src/hero-section.ts +2 -0
  734. package/src/image-compare.ts +2 -0
  735. package/src/index.ts +58 -0
  736. package/src/inputs.ts +16 -0
  737. package/src/layout.ts +11 -0
  738. package/src/logo-cloud.ts +2 -0
  739. package/src/media-card.ts +2 -0
  740. package/src/media-image.ts +2 -0
  741. package/src/modal.ts +2 -0
  742. package/src/native-base.ts +20 -0
  743. package/src/native-components/app-layout.ts +2 -0
  744. package/src/native-components/cascader.ts +2 -0
  745. package/src/native-components/chat-widget.ts +2 -0
  746. package/src/native-components/chat.ts +2 -0
  747. package/src/native-components/collection-layout.ts +2 -0
  748. package/src/native-components/command-palette.ts +2 -0
  749. package/src/native-components/content-carousel.ts +2 -0
  750. package/src/native-components/dashboard-canvas.ts +2 -0
  751. package/src/native-components/date-picker.ts +2 -0
  752. package/src/native-components/date-range-picker.ts +2 -0
  753. package/src/native-components/date-time-picker.ts +2 -0
  754. package/src/native-components/descriptions.ts +2 -0
  755. package/src/native-components/drawer.ts +2 -0
  756. package/src/native-components/float-button.ts +2 -0
  757. package/src/native-components/font-provider.ts +2 -0
  758. package/src/native-components/form-layout.ts +21 -0
  759. package/src/native-components/hero-section.ts +2 -0
  760. package/src/native-components/image-compare.ts +2 -0
  761. package/src/native-components/logo-cloud.ts +2 -0
  762. package/src/native-components/media-card.ts +2 -0
  763. package/src/native-components/media-image.ts +2 -0
  764. package/src/native-components/modal.ts +2 -0
  765. package/src/native-components/notification-center.ts +2 -0
  766. package/src/native-components/notification.ts +2 -0
  767. package/src/native-components/page-layout.ts +2 -0
  768. package/src/native-components/pagination.ts +2 -0
  769. package/src/native-components/profile-card.ts +2 -0
  770. package/src/native-components/qr-code.ts +2 -0
  771. package/src/native-components/quote-card.ts +2 -0
  772. package/src/native-components/shape-mask.ts +2 -0
  773. package/src/native-components/sparkline.ts +2 -0
  774. package/src/native-components/split-section.ts +2 -0
  775. package/src/native-components/splitter.ts +2 -0
  776. package/src/native-components/statistic.ts +2 -0
  777. package/src/native-components/text-highlight.ts +2 -0
  778. package/src/native-components/time-picker.ts +2 -0
  779. package/src/native-components/timeline.ts +2 -0
  780. package/src/native-components/tour.ts +2 -0
  781. package/src/native-components/transfer-list.ts +2 -0
  782. package/src/native-components/tree-select.ts +2 -0
  783. package/src/native-components/tree-view.ts +2 -0
  784. package/src/native-components/upload-manager.ts +2 -0
  785. package/src/native-components/video-lightbox.ts +2 -0
  786. package/src/native-components/video-player.ts +2 -0
  787. package/src/native-grid.ts +3 -0
  788. package/src/native.ts +3 -0
  789. package/src/notification-center.ts +2 -0
  790. package/src/notification.ts +2 -0
  791. package/src/page-header.ts +2 -0
  792. package/src/page-layout.ts +2 -0
  793. package/src/pagination.ts +2 -0
  794. package/src/primitives.ts +1 -0
  795. package/src/profile-card.ts +2 -0
  796. package/src/qr-code.ts +2 -0
  797. package/src/quote-card.ts +2 -0
  798. package/src/radio-button.ts +2 -0
  799. package/src/radio-group.ts +2 -0
  800. package/src/runtime/app-layout.d.ts +1 -0
  801. package/src/runtime/app-layout.js +168 -0
  802. package/src/runtime/cascader.d.ts +1 -0
  803. package/src/runtime/cascader.js +381 -0
  804. package/src/runtime/chat-widget.d.ts +1 -0
  805. package/src/runtime/chat-widget.js +630 -0
  806. package/src/runtime/chat.d.ts +1 -0
  807. package/src/runtime/chat.js +461 -0
  808. package/src/runtime/collection-layout.d.ts +1 -0
  809. package/src/runtime/collection-layout.js +269 -0
  810. package/src/runtime/command-palette.d.ts +1 -0
  811. package/src/runtime/command-palette.js +302 -0
  812. package/src/runtime/content-carousel.d.ts +1 -0
  813. package/src/runtime/content-carousel.js +282 -0
  814. package/src/runtime/dashboard-canvas.d.ts +1 -0
  815. package/src/runtime/dashboard-canvas.js +493 -0
  816. package/src/runtime/date-picker.d.ts +1 -0
  817. package/src/runtime/date-picker.js +826 -0
  818. package/src/runtime/date-range-picker.d.ts +1 -0
  819. package/src/runtime/date-range-picker.js +826 -0
  820. package/src/runtime/date-time-picker.d.ts +1 -0
  821. package/src/runtime/date-time-picker.js +826 -0
  822. package/src/runtime/descriptions.d.ts +1 -0
  823. package/src/runtime/descriptions.js +220 -0
  824. package/src/runtime/drawer.d.ts +1 -0
  825. package/src/runtime/drawer.js +287 -0
  826. package/src/runtime/empty-state.d.ts +1 -0
  827. package/src/runtime/empty-state.js +178 -0
  828. package/src/runtime/float-button.d.ts +1 -0
  829. package/src/runtime/float-button.js +171 -0
  830. package/src/runtime/font-provider.d.ts +1 -0
  831. package/src/runtime/font-provider.js +694 -0
  832. package/src/runtime/hero-section.d.ts +1 -0
  833. package/src/runtime/hero-section.js +186 -0
  834. package/src/runtime/image-compare.d.ts +1 -0
  835. package/src/runtime/image-compare.js +242 -0
  836. package/src/runtime/kernel.js +8 -0
  837. package/src/runtime/logo-cloud.d.ts +1 -0
  838. package/src/runtime/logo-cloud.js +163 -0
  839. package/src/runtime/media-card.d.ts +1 -0
  840. package/src/runtime/media-card.js +189 -0
  841. package/src/runtime/media-image.d.ts +1 -0
  842. package/src/runtime/media-image.js +480 -0
  843. package/src/runtime/modal.d.ts +1 -0
  844. package/src/runtime/modal.js +287 -0
  845. package/src/runtime/notification-center.d.ts +1 -0
  846. package/src/runtime/notification-center.js +417 -0
  847. package/src/runtime/notification.d.ts +1 -0
  848. package/src/runtime/notification.js +347 -0
  849. package/src/runtime/page-layout.d.ts +1 -0
  850. package/src/runtime/page-layout.js +105 -0
  851. package/src/runtime/pagination.d.ts +1 -0
  852. package/src/runtime/pagination.js +274 -0
  853. package/src/runtime/profile-card.d.ts +1 -0
  854. package/src/runtime/profile-card.js +512 -0
  855. package/src/runtime/qr-code.d.ts +1 -0
  856. package/src/runtime/qr-code.js +1942 -0
  857. package/src/runtime/quote-card.d.ts +1 -0
  858. package/src/runtime/quote-card.js +153 -0
  859. package/src/runtime/shape-mask.d.ts +1 -0
  860. package/src/runtime/shape-mask.js +211 -0
  861. package/src/runtime/sparkline.d.ts +1 -0
  862. package/src/runtime/sparkline.js +197 -0
  863. package/src/runtime/split-section.d.ts +1 -0
  864. package/src/runtime/split-section.js +148 -0
  865. package/src/runtime/splitter.d.ts +1 -0
  866. package/src/runtime/splitter.js +278 -0
  867. package/src/runtime/statistic.d.ts +1 -0
  868. package/src/runtime/statistic.js +204 -0
  869. package/src/runtime/text-highlight.d.ts +1 -0
  870. package/src/runtime/text-highlight.js +194 -0
  871. package/src/runtime/time-picker.d.ts +1 -0
  872. package/src/runtime/time-picker.js +826 -0
  873. package/src/runtime/timeline.d.ts +1 -0
  874. package/src/runtime/timeline.js +213 -0
  875. package/src/runtime/tour.d.ts +1 -0
  876. package/src/runtime/tour.js +412 -0
  877. package/src/runtime/transfer.d.ts +1 -0
  878. package/src/runtime/transfer.js +88 -0
  879. package/src/runtime/tree-select.d.ts +1 -0
  880. package/src/runtime/tree-select.js +420 -0
  881. package/src/runtime/tree.d.ts +1 -0
  882. package/src/runtime/tree.js +302 -0
  883. package/src/runtime/upload-manager.d.ts +1 -0
  884. package/src/runtime/upload-manager.js +408 -0
  885. package/src/runtime/video-lightbox.d.ts +1 -0
  886. package/src/runtime/video-lightbox.js +1117 -0
  887. package/src/runtime/video-player.d.ts +1 -0
  888. package/src/runtime/video-player.js +770 -0
  889. package/src/select.ts +2 -0
  890. package/src/shape-mask.ts +2 -0
  891. package/src/sidebar.ts +2 -0
  892. package/src/skeleton.ts +2 -0
  893. package/src/sparkline.ts +2 -0
  894. package/src/split-section.ts +2 -0
  895. package/src/splitter.ts +2 -0
  896. package/src/statistic.ts +2 -0
  897. package/src/switch.ts +2 -0
  898. package/src/table.ts +2 -0
  899. package/src/text-area.ts +2 -0
  900. package/src/text-highlight.ts +2 -0
  901. package/src/text-input.ts +2 -0
  902. package/src/theme-runtime.ts +70 -0
  903. package/src/theme.ts +32 -0
  904. package/src/time-picker.ts +2 -0
  905. package/src/timeline.ts +2 -0
  906. package/src/tour.ts +2 -0
  907. package/src/transfer-list.ts +2 -0
  908. package/src/tree-select.ts +2 -0
  909. package/src/tree-view.ts +2 -0
  910. package/src/types.ts +1287 -0
  911. package/src/upload-manager.ts +2 -0
  912. package/src/video-lightbox.ts +2 -0
  913. package/src/video-player.ts +2 -0
  914. package/styles/app-layout.css +115 -0
  915. package/styles/badge.css +131 -0
  916. package/styles/breadcrumbs.css +77 -0
  917. package/styles/button.css +625 -0
  918. package/styles/card.css +119 -0
  919. package/styles/cascader.css +152 -0
  920. package/styles/chat-widget.css +121 -0
  921. package/styles/chat.css +66 -0
  922. package/styles/checkbox.css +1 -0
  923. package/styles/chip-group.css +44 -0
  924. package/styles/chip.css +191 -0
  925. package/styles/collection-layout.css +30 -0
  926. package/styles/columns2.css +1 -0
  927. package/styles/columns3.css +1 -0
  928. package/styles/columns4.css +1 -0
  929. package/styles/command-palette.css +35 -0
  930. package/styles/content-carousel.css +34 -0
  931. package/styles/dashboard-canvas.css +49 -0
  932. package/styles/dashboard-panel.css +2 -0
  933. package/styles/date-picker.css +78 -0
  934. package/styles/date-range-picker.css +78 -0
  935. package/styles/date-time-picker.css +78 -0
  936. package/styles/descriptions.css +113 -0
  937. package/styles/drawer.css +215 -0
  938. package/styles/empty-state.css +110 -0
  939. package/styles/float-button.css +28 -0
  940. package/styles/font-provider.css +5 -0
  941. package/styles/form-field.css +1 -0
  942. package/styles/form-layout.css +62 -0
  943. package/styles/grid-basic.css +12 -0
  944. package/styles/hero-section.css +41 -0
  945. package/styles/image-compare.css +35 -0
  946. package/styles/logo-cloud.css +33 -0
  947. package/styles/marketing-template-layout.css +30 -0
  948. package/styles/media-card.css +41 -0
  949. package/styles/media-image.css +531 -0
  950. package/styles/modal.css +210 -0
  951. package/styles/notification-center.css +49 -0
  952. package/styles/notification.css +155 -0
  953. package/styles/page-header.css +184 -0
  954. package/styles/page-layout.css +117 -0
  955. package/styles/pagination.css +127 -0
  956. package/styles/profile-card.css +484 -0
  957. package/styles/qr-code.css +125 -0
  958. package/styles/quote-card.css +30 -0
  959. package/styles/radio-button.css +1 -0
  960. package/styles/radio-group.css +1 -0
  961. package/styles/select.css +1 -0
  962. package/styles/shape-mask.css +10 -0
  963. package/styles/sidebar.css +183 -0
  964. package/styles/skeleton.css +69 -0
  965. package/styles/sparkline.css +38 -0
  966. package/styles/split-section.css +34 -0
  967. package/styles/splitter.css +32 -0
  968. package/styles/statistic.css +107 -0
  969. package/styles/switch.css +1 -0
  970. package/styles/table.css +1 -0
  971. package/styles/text-area.css +1 -0
  972. package/styles/text-highlight.css +49 -0
  973. package/styles/text-input.css +1 -0
  974. package/styles/theme.css +1391 -0
  975. package/styles/time-picker.css +78 -0
  976. package/styles/timeline.css +126 -0
  977. package/styles/tour.css +138 -0
  978. package/styles/transfer-list.css +878 -0
  979. package/styles/tree-select.css +135 -0
  980. package/styles/tree-view.css +118 -0
  981. package/styles/upload-manager.css +40 -0
  982. package/styles/video-lightbox.css +639 -0
  983. package/styles/video-player.css +92 -0
  984. package/test/contracts.test.mjs +8 -0
  985. package/test/form-layout.test.mjs +28 -0
  986. package/test/isolation.test.mjs +36 -0
  987. package/tsconfig.json +20 -0
package/styles/theme.css ADDED
@@ -0,0 +1,1391 @@
1
+ /* BluUITheme — shared palette, surfaces and appearance modes.
2
+ Preset hues follow Ant Design Tag filled presets; status hues follow solid
3
+ statuses. Component CSS stays on each Block. Set data-bluui-theme to light
4
+ or dark on an ancestor; absent an override, the device preference applies.
5
+ Generated by native-builds/PaletteDarkMode/build-palette.py. Foregrounds
6
+ are tuned for WCAG AA contrast while preserving the reference palette hues. */
7
+ :root {
8
+ color-scheme: light;
9
+ --blu-font-family: Inter,
10
+ -apple-system,
11
+ BlinkMacSystemFont,
12
+ "Segoe UI",
13
+ Roboto,
14
+ Helvetica,
15
+ Arial,
16
+ sans-serif;
17
+ --blu-font-size-xs: 12px;
18
+ --blu-font-size-sm: 13px;
19
+ --blu-font-size-md: 14px;
20
+ --blu-font-size-lg: 15px;
21
+ --blu-font-size-xl: 18px;
22
+ --blu-font-weight-normal: 400;
23
+ --blu-font-weight-medium: 500;
24
+ --blu-font-weight-semibold: 600;
25
+ --blu-font-weight-bold: 700;
26
+ --blu-radius-xs: 4px;
27
+ --blu-radius-sm: 6px;
28
+ --blu-radius-md: 8px;
29
+ --blu-radius-lg: 12px;
30
+ --blu-radius-xl: 16px;
31
+ --blu-space-1: 4px;
32
+ --blu-space-2: 8px;
33
+ --blu-space-3: 12px;
34
+ --blu-space-4: 16px;
35
+ --blu-space-5: 20px;
36
+ --blu-space-6: 24px;
37
+ --blu-transition-fast: 120ms ease;
38
+ --blu-transition-normal: 180ms ease;
39
+ --bluui-background: #f5f7fb;
40
+ --bluui-surface: #ffffff;
41
+ --bluui-surface-muted: #f7f8fb;
42
+ --bluui-surface-raised: #ffffff;
43
+ --bluui-text: #182230;
44
+ --bluui-text-muted: #5c6b80;
45
+ --bluui-text-subtle: #626f82;
46
+ --bluui-border: #e2e8f0;
47
+ --bluui-border-strong: #b8c4d4;
48
+ --bluui-control-border: #7b8799;
49
+ --bluui-row-border: #edf0f5;
50
+ --bluui-hover: #f0f2f7;
51
+ --bluui-selected: #e9e6ff;
52
+ --bluui-changed: #f5f3ff;
53
+ --bluui-skeleton-base: #e2e8f0;
54
+ --bluui-skeleton-shine: rgb(255 255 255 / 65%);
55
+ --bluui-scrim: rgb(15 23 42 / 45%);
56
+ --bluui-shadow-color: rgb(15 23 42 / 12%);
57
+ --bluui-primary-hover: #4338ca;
58
+ --bluui-primary-active: #3730a3;
59
+ --bluui-on-primary: #ffffff;
60
+ --bluui-primary: #4f46e5;
61
+ --bluui-focus-shadow: 0 0 0 3px rgb(79 70 229 / 22%);
62
+ --bluui-menu-shadow: 0 10px 30px rgb(15 23 42 / 16%);
63
+ --bluui-color-default-soft: #f5f5f5;
64
+ --bluui-color-default-text: #1d1d1d;
65
+ --bluui-color-default-border: #d9d9d9;
66
+ --bluui-color-default-solid: #000000;
67
+ --bluui-color-default-contrast: #ffffff;
68
+ --bluui-color-primary-soft: #eef2ff;
69
+ --bluui-color-primary-text: #4338ca;
70
+ --bluui-color-primary-border: #c7d2fe;
71
+ --bluui-color-primary-solid: #4f46e5;
72
+ --bluui-color-primary-contrast: #ffffff;
73
+ --bluui-color-secondary-soft: #e2e8f0;
74
+ --bluui-color-secondary-text: #334155;
75
+ --bluui-color-secondary-border: #cbd5e1;
76
+ --bluui-color-secondary-solid: #475569;
77
+ --bluui-color-secondary-contrast: #ffffff;
78
+ --bluui-color-success-soft: #f6ffed;
79
+ --bluui-color-success-text: #2d6c0e;
80
+ --bluui-color-success-border: #b7eb8f;
81
+ --bluui-color-success-solid: #52c41a;
82
+ --bluui-color-success-contrast: #000000;
83
+ --bluui-color-processing-soft: #e6f4ff;
84
+ --bluui-color-processing-text: #1054b5;
85
+ --bluui-color-processing-border: #91caff;
86
+ --bluui-color-processing-solid: #2681ff;
87
+ --bluui-color-processing-contrast: #000000;
88
+ --bluui-color-warning-soft: #fffbe6;
89
+ --bluui-color-warning-text: #7d560a;
90
+ --bluui-color-warning-border: #ffe58f;
91
+ --bluui-color-warning-solid: #faad14;
92
+ --bluui-color-warning-contrast: #000000;
93
+ --bluui-color-error-soft: #fff2f0;
94
+ --bluui-color-error-text: #a33133;
95
+ --bluui-color-error-border: #ffccc7;
96
+ --bluui-color-error-solid: #ff4d4f;
97
+ --bluui-color-error-contrast: #000000;
98
+ --bluui-color-danger-soft: #fff2f0;
99
+ --bluui-color-danger-text: #a33133;
100
+ --bluui-color-danger-border: #ffccc7;
101
+ --bluui-color-danger-solid: #ff4d4f;
102
+ --bluui-color-danger-contrast: #000000;
103
+ --bluui-color-magenta-soft: #fff0f6;
104
+ --bluui-color-magenta-text: #a9196d;
105
+ --bluui-color-magenta-border: #ffadd2;
106
+ --bluui-color-magenta-solid: #ed409e;
107
+ --bluui-color-magenta-contrast: #000000;
108
+ --bluui-color-red-soft: #fff1f0;
109
+ --bluui-color-red-text: #b4111e;
110
+ --bluui-color-red-border: #ffa39e;
111
+ --bluui-color-red-solid: #e4202a;
112
+ --bluui-color-red-contrast: #ffffff;
113
+ --bluui-color-volcano-soft: #fff2e8;
114
+ --bluui-color-volcano-text: #aa2d0a;
115
+ --bluui-color-volcano-border: #ffbb96;
116
+ --bluui-color-volcano-solid: #fa541c;
117
+ --bluui-color-volcano-contrast: #000000;
118
+ --bluui-color-orange-soft: #fff7e6;
119
+ --bluui-color-orange-text: #904905;
120
+ --bluui-color-orange-border: #ffd591;
121
+ --bluui-color-orange-solid: #fa8c16;
122
+ --bluui-color-orange-contrast: #000000;
123
+ --bluui-color-gold-soft: #fffbe6;
124
+ --bluui-color-gold-text: #835404;
125
+ --bluui-color-gold-border: #ffe58f;
126
+ --bluui-color-gold-solid: #faad14;
127
+ --bluui-color-gold-contrast: #000000;
128
+ --bluui-color-lime-soft: #fcffe6;
129
+ --bluui-color-lime-text: #486803;
130
+ --bluui-color-lime-border: #eaff8f;
131
+ --bluui-color-lime-solid: #a0d911;
132
+ --bluui-color-lime-contrast: #000000;
133
+ --bluui-color-green-soft: #f6ffed;
134
+ --bluui-color-green-text: #276d09;
135
+ --bluui-color-green-border: #b7eb8f;
136
+ --bluui-color-green-solid: #52c41a;
137
+ --bluui-color-green-contrast: #000000;
138
+ --bluui-color-cyan-soft: #e6fffb;
139
+ --bluui-color-cyan-text: #06686c;
140
+ --bluui-color-cyan-border: #87e8de;
141
+ --bluui-color-cyan-solid: #13c2c2;
142
+ --bluui-color-cyan-contrast: #000000;
143
+ --bluui-color-blue-soft: #e6f4ff;
144
+ --bluui-color-blue-text: #0851c8;
145
+ --bluui-color-blue-border: #91caff;
146
+ --bluui-color-blue-solid: #2681ff;
147
+ --bluui-color-blue-contrast: #000000;
148
+ --bluui-color-geekblue-soft: #f0f5ff;
149
+ --bluui-color-geekblue-text: #1d39c4;
150
+ --bluui-color-geekblue-border: #adc6ff;
151
+ --bluui-color-geekblue-solid: #2f54eb;
152
+ --bluui-color-geekblue-contrast: #ffffff;
153
+ --bluui-color-purple-soft: #f9f0ff;
154
+ --bluui-color-purple-text: #531dab;
155
+ --bluui-color-purple-border: #d3adf7;
156
+ --bluui-color-purple-solid: #722ed1;
157
+ --bluui-color-purple-contrast: #ffffff;
158
+ --bluui-default-soft: var(--bluui-color-default-soft);
159
+ --bluui-default-text: var(--bluui-color-default-text);
160
+ --bluui-default-border: var(--bluui-color-default-border);
161
+ --bluui-default: var(--bluui-color-default-solid);
162
+ --blu-color-default-50: var(--bluui-color-default-soft);
163
+ --blu-color-default-100: var(--bluui-color-default-border);
164
+ --blu-color-default-600: var(--bluui-color-default-solid);
165
+ --blu-color-default-700: var(--bluui-color-default-text);
166
+ --blu-color-default-800: var(--bluui-color-default-text);
167
+ --bluui-primary-soft: var(--bluui-color-primary-soft);
168
+ --bluui-primary-text: var(--bluui-color-primary-text);
169
+ --bluui-primary-border: var(--bluui-color-primary-border);
170
+ --blu-color-primary-50: var(--bluui-color-primary-soft);
171
+ --blu-color-primary-100: var(--bluui-color-primary-border);
172
+ --blu-color-primary-600: var(--bluui-color-primary-solid);
173
+ --blu-color-primary-700: var(--bluui-color-primary-text);
174
+ --blu-color-primary-800: var(--bluui-color-primary-text);
175
+ --bluui-secondary-soft: var(--bluui-color-secondary-soft);
176
+ --bluui-secondary-text: var(--bluui-color-secondary-text);
177
+ --bluui-secondary-border: var(--bluui-color-secondary-border);
178
+ --bluui-secondary: var(--bluui-color-secondary-solid);
179
+ --blu-color-secondary-50: var(--bluui-color-secondary-soft);
180
+ --blu-color-secondary-100: var(--bluui-color-secondary-border);
181
+ --blu-color-secondary-600: var(--bluui-color-secondary-solid);
182
+ --blu-color-secondary-700: var(--bluui-color-secondary-text);
183
+ --blu-color-secondary-800: var(--bluui-color-secondary-text);
184
+ --bluui-success-soft: var(--bluui-color-success-soft);
185
+ --bluui-success-text: var(--bluui-color-success-text);
186
+ --bluui-success-border: var(--bluui-color-success-border);
187
+ --bluui-success: var(--bluui-color-success-solid);
188
+ --blu-color-success-50: var(--bluui-color-success-soft);
189
+ --blu-color-success-100: var(--bluui-color-success-border);
190
+ --blu-color-success-600: var(--bluui-color-success-solid);
191
+ --blu-color-success-700: var(--bluui-color-success-text);
192
+ --blu-color-success-800: var(--bluui-color-success-text);
193
+ --bluui-processing-soft: var(--bluui-color-processing-soft);
194
+ --bluui-processing-text: var(--bluui-color-processing-text);
195
+ --bluui-processing-border: var(--bluui-color-processing-border);
196
+ --bluui-processing: var(--bluui-color-processing-solid);
197
+ --blu-color-processing-50: var(--bluui-color-processing-soft);
198
+ --blu-color-processing-100: var(--bluui-color-processing-border);
199
+ --blu-color-processing-600: var(--bluui-color-processing-solid);
200
+ --blu-color-processing-700: var(--bluui-color-processing-text);
201
+ --blu-color-processing-800: var(--bluui-color-processing-text);
202
+ --bluui-warning-soft: var(--bluui-color-warning-soft);
203
+ --bluui-warning-text: var(--bluui-color-warning-text);
204
+ --bluui-warning-border: var(--bluui-color-warning-border);
205
+ --bluui-warning: var(--bluui-color-warning-solid);
206
+ --blu-color-warning-50: var(--bluui-color-warning-soft);
207
+ --blu-color-warning-100: var(--bluui-color-warning-border);
208
+ --blu-color-warning-600: var(--bluui-color-warning-solid);
209
+ --blu-color-warning-700: var(--bluui-color-warning-text);
210
+ --blu-color-warning-800: var(--bluui-color-warning-text);
211
+ --bluui-error-soft: var(--bluui-color-error-soft);
212
+ --bluui-error-text: var(--bluui-color-error-text);
213
+ --bluui-error-border: var(--bluui-color-error-border);
214
+ --bluui-error: var(--bluui-color-error-solid);
215
+ --blu-color-error-50: var(--bluui-color-error-soft);
216
+ --blu-color-error-100: var(--bluui-color-error-border);
217
+ --blu-color-error-600: var(--bluui-color-error-solid);
218
+ --blu-color-error-700: var(--bluui-color-error-text);
219
+ --blu-color-error-800: var(--bluui-color-error-text);
220
+ --bluui-danger-soft: var(--bluui-color-danger-soft);
221
+ --bluui-danger-text: var(--bluui-color-danger-text);
222
+ --bluui-danger-border: var(--bluui-color-danger-border);
223
+ --bluui-danger: var(--bluui-color-danger-solid);
224
+ --blu-color-danger-50: var(--bluui-color-danger-soft);
225
+ --blu-color-danger-100: var(--bluui-color-danger-border);
226
+ --blu-color-danger-600: var(--bluui-color-danger-solid);
227
+ --blu-color-danger-700: var(--bluui-color-danger-text);
228
+ --blu-color-danger-800: var(--bluui-color-danger-text);
229
+ --bluui-magenta-soft: var(--bluui-color-magenta-soft);
230
+ --bluui-magenta-text: var(--bluui-color-magenta-text);
231
+ --bluui-magenta-border: var(--bluui-color-magenta-border);
232
+ --bluui-magenta: var(--bluui-color-magenta-solid);
233
+ --blu-color-magenta-50: var(--bluui-color-magenta-soft);
234
+ --blu-color-magenta-100: var(--bluui-color-magenta-border);
235
+ --blu-color-magenta-600: var(--bluui-color-magenta-solid);
236
+ --blu-color-magenta-700: var(--bluui-color-magenta-text);
237
+ --blu-color-magenta-800: var(--bluui-color-magenta-text);
238
+ --bluui-red-soft: var(--bluui-color-red-soft);
239
+ --bluui-red-text: var(--bluui-color-red-text);
240
+ --bluui-red-border: var(--bluui-color-red-border);
241
+ --bluui-red: var(--bluui-color-red-solid);
242
+ --blu-color-red-50: var(--bluui-color-red-soft);
243
+ --blu-color-red-100: var(--bluui-color-red-border);
244
+ --blu-color-red-600: var(--bluui-color-red-solid);
245
+ --blu-color-red-700: var(--bluui-color-red-text);
246
+ --blu-color-red-800: var(--bluui-color-red-text);
247
+ --bluui-volcano-soft: var(--bluui-color-volcano-soft);
248
+ --bluui-volcano-text: var(--bluui-color-volcano-text);
249
+ --bluui-volcano-border: var(--bluui-color-volcano-border);
250
+ --bluui-volcano: var(--bluui-color-volcano-solid);
251
+ --blu-color-volcano-50: var(--bluui-color-volcano-soft);
252
+ --blu-color-volcano-100: var(--bluui-color-volcano-border);
253
+ --blu-color-volcano-600: var(--bluui-color-volcano-solid);
254
+ --blu-color-volcano-700: var(--bluui-color-volcano-text);
255
+ --blu-color-volcano-800: var(--bluui-color-volcano-text);
256
+ --bluui-orange-soft: var(--bluui-color-orange-soft);
257
+ --bluui-orange-text: var(--bluui-color-orange-text);
258
+ --bluui-orange-border: var(--bluui-color-orange-border);
259
+ --bluui-orange: var(--bluui-color-orange-solid);
260
+ --blu-color-orange-50: var(--bluui-color-orange-soft);
261
+ --blu-color-orange-100: var(--bluui-color-orange-border);
262
+ --blu-color-orange-600: var(--bluui-color-orange-solid);
263
+ --blu-color-orange-700: var(--bluui-color-orange-text);
264
+ --blu-color-orange-800: var(--bluui-color-orange-text);
265
+ --bluui-gold-soft: var(--bluui-color-gold-soft);
266
+ --bluui-gold-text: var(--bluui-color-gold-text);
267
+ --bluui-gold-border: var(--bluui-color-gold-border);
268
+ --bluui-gold: var(--bluui-color-gold-solid);
269
+ --blu-color-gold-50: var(--bluui-color-gold-soft);
270
+ --blu-color-gold-100: var(--bluui-color-gold-border);
271
+ --blu-color-gold-600: var(--bluui-color-gold-solid);
272
+ --blu-color-gold-700: var(--bluui-color-gold-text);
273
+ --blu-color-gold-800: var(--bluui-color-gold-text);
274
+ --bluui-lime-soft: var(--bluui-color-lime-soft);
275
+ --bluui-lime-text: var(--bluui-color-lime-text);
276
+ --bluui-lime-border: var(--bluui-color-lime-border);
277
+ --bluui-lime: var(--bluui-color-lime-solid);
278
+ --blu-color-lime-50: var(--bluui-color-lime-soft);
279
+ --blu-color-lime-100: var(--bluui-color-lime-border);
280
+ --blu-color-lime-600: var(--bluui-color-lime-solid);
281
+ --blu-color-lime-700: var(--bluui-color-lime-text);
282
+ --blu-color-lime-800: var(--bluui-color-lime-text);
283
+ --bluui-green-soft: var(--bluui-color-green-soft);
284
+ --bluui-green-text: var(--bluui-color-green-text);
285
+ --bluui-green-border: var(--bluui-color-green-border);
286
+ --bluui-green: var(--bluui-color-green-solid);
287
+ --blu-color-green-50: var(--bluui-color-green-soft);
288
+ --blu-color-green-100: var(--bluui-color-green-border);
289
+ --blu-color-green-600: var(--bluui-color-green-solid);
290
+ --blu-color-green-700: var(--bluui-color-green-text);
291
+ --blu-color-green-800: var(--bluui-color-green-text);
292
+ --bluui-cyan-soft: var(--bluui-color-cyan-soft);
293
+ --bluui-cyan-text: var(--bluui-color-cyan-text);
294
+ --bluui-cyan-border: var(--bluui-color-cyan-border);
295
+ --bluui-cyan: var(--bluui-color-cyan-solid);
296
+ --blu-color-cyan-50: var(--bluui-color-cyan-soft);
297
+ --blu-color-cyan-100: var(--bluui-color-cyan-border);
298
+ --blu-color-cyan-600: var(--bluui-color-cyan-solid);
299
+ --blu-color-cyan-700: var(--bluui-color-cyan-text);
300
+ --blu-color-cyan-800: var(--bluui-color-cyan-text);
301
+ --bluui-blue-soft: var(--bluui-color-blue-soft);
302
+ --bluui-blue-text: var(--bluui-color-blue-text);
303
+ --bluui-blue-border: var(--bluui-color-blue-border);
304
+ --bluui-blue: var(--bluui-color-blue-solid);
305
+ --blu-color-blue-50: var(--bluui-color-blue-soft);
306
+ --blu-color-blue-100: var(--bluui-color-blue-border);
307
+ --blu-color-blue-600: var(--bluui-color-blue-solid);
308
+ --blu-color-blue-700: var(--bluui-color-blue-text);
309
+ --blu-color-blue-800: var(--bluui-color-blue-text);
310
+ --bluui-geekblue-soft: var(--bluui-color-geekblue-soft);
311
+ --bluui-geekblue-text: var(--bluui-color-geekblue-text);
312
+ --bluui-geekblue-border: var(--bluui-color-geekblue-border);
313
+ --bluui-geekblue: var(--bluui-color-geekblue-solid);
314
+ --blu-color-geekblue-50: var(--bluui-color-geekblue-soft);
315
+ --blu-color-geekblue-100: var(--bluui-color-geekblue-border);
316
+ --blu-color-geekblue-600: var(--bluui-color-geekblue-solid);
317
+ --blu-color-geekblue-700: var(--bluui-color-geekblue-text);
318
+ --blu-color-geekblue-800: var(--bluui-color-geekblue-text);
319
+ --bluui-purple-soft: var(--bluui-color-purple-soft);
320
+ --bluui-purple-text: var(--bluui-color-purple-text);
321
+ --bluui-purple-border: var(--bluui-color-purple-border);
322
+ --bluui-purple: var(--bluui-color-purple-solid);
323
+ --blu-color-purple-50: var(--bluui-color-purple-soft);
324
+ --blu-color-purple-100: var(--bluui-color-purple-border);
325
+ --blu-color-purple-600: var(--bluui-color-purple-solid);
326
+ --blu-color-purple-700: var(--bluui-color-purple-text);
327
+ --blu-color-purple-800: var(--bluui-color-purple-text);
328
+ --bluui-primary-light: var(--bluui-primary-soft);
329
+ --bluui-info-soft: var(--bluui-processing-soft);
330
+ --bluui-info-text: var(--bluui-processing-text);
331
+ --bluui-info-border: var(--bluui-processing-border);
332
+ --bluui-font: var(--blu-font-family);
333
+ --blu-background: var(--bluui-background);
334
+ --blu-surface: var(--bluui-surface);
335
+ --blu-text: var(--bluui-text);
336
+ --blu-text-secondary: var(--bluui-text-muted);
337
+ --blu-border: var(--bluui-border);
338
+ --blu-border-strong: var(--bluui-border-strong);
339
+ --blu-focus-ring: var(--bluui-focus-shadow);
340
+ --blu-shadow-xs: 0 1px 2px var(--bluui-shadow-color);
341
+ --blu-shadow-sm: 0 2px 5px var(--bluui-shadow-color);
342
+ --blu-shadow-md: var(--bluui-menu-shadow);
343
+ --color-background-body: var(--bluui-background);
344
+ --color-background-main: var(--bluui-surface);
345
+ --color-primary: var(--bluui-primary);
346
+ --color-primary-hover: var(--bluui-primary-hover);
347
+ --color-focus-outer: var(--bluui-primary);
348
+ --color-neutral-0: var(--bluui-surface);
349
+ --color-neutral-1: var(--bluui-surface-muted);
350
+ --color-neutral-2: var(--bluui-hover);
351
+ --color-neutral-3: var(--bluui-border);
352
+ --color-neutral-4: var(--bluui-control-border);
353
+ --color-neutral-5: var(--bluui-text-subtle);
354
+ --color-neutral-6: var(--bluui-text-muted);
355
+ --color-neutral-7: var(--bluui-text-muted);
356
+ --color-neutral-8: var(--bluui-text);
357
+ --color-neutral-9: var(--bluui-text);
358
+ --color-neutral-10: var(--bluui-text);
359
+ --blu-color-gray-50: var(--bluui-surface);
360
+ --blu-color-gray-100: var(--bluui-surface-muted);
361
+ --blu-color-gray-200: var(--bluui-border);
362
+ --blu-color-gray-300: var(--bluui-control-border);
363
+ --blu-color-gray-400: var(--bluui-text-subtle);
364
+ --blu-color-gray-500: var(--bluui-text-muted);
365
+ --blu-color-gray-600: var(--bluui-text-muted);
366
+ --blu-color-gray-700: var(--bluui-text);
367
+ --blu-color-gray-800: var(--bluui-text);
368
+ --blu-color-gray-900: var(--bluui-text);
369
+ }
370
+
371
+ /* Explicit mode overrides also support scoped preview containers. */
372
+ [data-bluui-theme="light"] {
373
+ color-scheme: light;
374
+ --bluui-background: #f5f7fb;
375
+ --bluui-surface: #ffffff;
376
+ --bluui-surface-muted: #f7f8fb;
377
+ --bluui-surface-raised: #ffffff;
378
+ --bluui-text: #182230;
379
+ --bluui-text-muted: #5c6b80;
380
+ --bluui-text-subtle: #626f82;
381
+ --bluui-border: #e2e8f0;
382
+ --bluui-border-strong: #b8c4d4;
383
+ --bluui-control-border: #7b8799;
384
+ --bluui-row-border: #edf0f5;
385
+ --bluui-hover: #f0f2f7;
386
+ --bluui-selected: #e9e6ff;
387
+ --bluui-changed: #f5f3ff;
388
+ --bluui-skeleton-base: #e2e8f0;
389
+ --bluui-skeleton-shine: rgb(255 255 255 / 65%);
390
+ --bluui-scrim: rgb(15 23 42 / 45%);
391
+ --bluui-shadow-color: rgb(15 23 42 / 12%);
392
+ --bluui-primary-hover: #4338ca;
393
+ --bluui-primary-active: #3730a3;
394
+ --bluui-on-primary: #ffffff;
395
+ --bluui-primary: #4f46e5;
396
+ --bluui-focus-shadow: 0 0 0 3px rgb(79 70 229 / 22%);
397
+ --bluui-menu-shadow: 0 10px 30px rgb(15 23 42 / 16%);
398
+ --bluui-color-default-soft: #f5f5f5;
399
+ --bluui-color-default-text: #1d1d1d;
400
+ --bluui-color-default-border: #d9d9d9;
401
+ --bluui-color-default-solid: #000000;
402
+ --bluui-color-default-contrast: #ffffff;
403
+ --bluui-color-primary-soft: #eef2ff;
404
+ --bluui-color-primary-text: #4338ca;
405
+ --bluui-color-primary-border: #c7d2fe;
406
+ --bluui-color-primary-solid: #4f46e5;
407
+ --bluui-color-primary-contrast: #ffffff;
408
+ --bluui-color-secondary-soft: #e2e8f0;
409
+ --bluui-color-secondary-text: #334155;
410
+ --bluui-color-secondary-border: #cbd5e1;
411
+ --bluui-color-secondary-solid: #475569;
412
+ --bluui-color-secondary-contrast: #ffffff;
413
+ --bluui-color-success-soft: #f6ffed;
414
+ --bluui-color-success-text: #2d6c0e;
415
+ --bluui-color-success-border: #b7eb8f;
416
+ --bluui-color-success-solid: #52c41a;
417
+ --bluui-color-success-contrast: #000000;
418
+ --bluui-color-processing-soft: #e6f4ff;
419
+ --bluui-color-processing-text: #1054b5;
420
+ --bluui-color-processing-border: #91caff;
421
+ --bluui-color-processing-solid: #2681ff;
422
+ --bluui-color-processing-contrast: #000000;
423
+ --bluui-color-warning-soft: #fffbe6;
424
+ --bluui-color-warning-text: #7d560a;
425
+ --bluui-color-warning-border: #ffe58f;
426
+ --bluui-color-warning-solid: #faad14;
427
+ --bluui-color-warning-contrast: #000000;
428
+ --bluui-color-error-soft: #fff2f0;
429
+ --bluui-color-error-text: #a33133;
430
+ --bluui-color-error-border: #ffccc7;
431
+ --bluui-color-error-solid: #ff4d4f;
432
+ --bluui-color-error-contrast: #000000;
433
+ --bluui-color-danger-soft: #fff2f0;
434
+ --bluui-color-danger-text: #a33133;
435
+ --bluui-color-danger-border: #ffccc7;
436
+ --bluui-color-danger-solid: #ff4d4f;
437
+ --bluui-color-danger-contrast: #000000;
438
+ --bluui-color-magenta-soft: #fff0f6;
439
+ --bluui-color-magenta-text: #a9196d;
440
+ --bluui-color-magenta-border: #ffadd2;
441
+ --bluui-color-magenta-solid: #ed409e;
442
+ --bluui-color-magenta-contrast: #000000;
443
+ --bluui-color-red-soft: #fff1f0;
444
+ --bluui-color-red-text: #b4111e;
445
+ --bluui-color-red-border: #ffa39e;
446
+ --bluui-color-red-solid: #e4202a;
447
+ --bluui-color-red-contrast: #ffffff;
448
+ --bluui-color-volcano-soft: #fff2e8;
449
+ --bluui-color-volcano-text: #aa2d0a;
450
+ --bluui-color-volcano-border: #ffbb96;
451
+ --bluui-color-volcano-solid: #fa541c;
452
+ --bluui-color-volcano-contrast: #000000;
453
+ --bluui-color-orange-soft: #fff7e6;
454
+ --bluui-color-orange-text: #904905;
455
+ --bluui-color-orange-border: #ffd591;
456
+ --bluui-color-orange-solid: #fa8c16;
457
+ --bluui-color-orange-contrast: #000000;
458
+ --bluui-color-gold-soft: #fffbe6;
459
+ --bluui-color-gold-text: #835404;
460
+ --bluui-color-gold-border: #ffe58f;
461
+ --bluui-color-gold-solid: #faad14;
462
+ --bluui-color-gold-contrast: #000000;
463
+ --bluui-color-lime-soft: #fcffe6;
464
+ --bluui-color-lime-text: #486803;
465
+ --bluui-color-lime-border: #eaff8f;
466
+ --bluui-color-lime-solid: #a0d911;
467
+ --bluui-color-lime-contrast: #000000;
468
+ --bluui-color-green-soft: #f6ffed;
469
+ --bluui-color-green-text: #276d09;
470
+ --bluui-color-green-border: #b7eb8f;
471
+ --bluui-color-green-solid: #52c41a;
472
+ --bluui-color-green-contrast: #000000;
473
+ --bluui-color-cyan-soft: #e6fffb;
474
+ --bluui-color-cyan-text: #06686c;
475
+ --bluui-color-cyan-border: #87e8de;
476
+ --bluui-color-cyan-solid: #13c2c2;
477
+ --bluui-color-cyan-contrast: #000000;
478
+ --bluui-color-blue-soft: #e6f4ff;
479
+ --bluui-color-blue-text: #0851c8;
480
+ --bluui-color-blue-border: #91caff;
481
+ --bluui-color-blue-solid: #2681ff;
482
+ --bluui-color-blue-contrast: #000000;
483
+ --bluui-color-geekblue-soft: #f0f5ff;
484
+ --bluui-color-geekblue-text: #1d39c4;
485
+ --bluui-color-geekblue-border: #adc6ff;
486
+ --bluui-color-geekblue-solid: #2f54eb;
487
+ --bluui-color-geekblue-contrast: #ffffff;
488
+ --bluui-color-purple-soft: #f9f0ff;
489
+ --bluui-color-purple-text: #531dab;
490
+ --bluui-color-purple-border: #d3adf7;
491
+ --bluui-color-purple-solid: #722ed1;
492
+ --bluui-color-purple-contrast: #ffffff;
493
+ --bluui-default-soft: var(--bluui-color-default-soft);
494
+ --bluui-default-text: var(--bluui-color-default-text);
495
+ --bluui-default-border: var(--bluui-color-default-border);
496
+ --bluui-default: var(--bluui-color-default-solid);
497
+ --blu-color-default-50: var(--bluui-color-default-soft);
498
+ --blu-color-default-100: var(--bluui-color-default-border);
499
+ --blu-color-default-600: var(--bluui-color-default-solid);
500
+ --blu-color-default-700: var(--bluui-color-default-text);
501
+ --blu-color-default-800: var(--bluui-color-default-text);
502
+ --bluui-primary-soft: var(--bluui-color-primary-soft);
503
+ --bluui-primary-text: var(--bluui-color-primary-text);
504
+ --bluui-primary-border: var(--bluui-color-primary-border);
505
+ --blu-color-primary-50: var(--bluui-color-primary-soft);
506
+ --blu-color-primary-100: var(--bluui-color-primary-border);
507
+ --blu-color-primary-600: var(--bluui-color-primary-solid);
508
+ --blu-color-primary-700: var(--bluui-color-primary-text);
509
+ --blu-color-primary-800: var(--bluui-color-primary-text);
510
+ --bluui-secondary-soft: var(--bluui-color-secondary-soft);
511
+ --bluui-secondary-text: var(--bluui-color-secondary-text);
512
+ --bluui-secondary-border: var(--bluui-color-secondary-border);
513
+ --bluui-secondary: var(--bluui-color-secondary-solid);
514
+ --blu-color-secondary-50: var(--bluui-color-secondary-soft);
515
+ --blu-color-secondary-100: var(--bluui-color-secondary-border);
516
+ --blu-color-secondary-600: var(--bluui-color-secondary-solid);
517
+ --blu-color-secondary-700: var(--bluui-color-secondary-text);
518
+ --blu-color-secondary-800: var(--bluui-color-secondary-text);
519
+ --bluui-success-soft: var(--bluui-color-success-soft);
520
+ --bluui-success-text: var(--bluui-color-success-text);
521
+ --bluui-success-border: var(--bluui-color-success-border);
522
+ --bluui-success: var(--bluui-color-success-solid);
523
+ --blu-color-success-50: var(--bluui-color-success-soft);
524
+ --blu-color-success-100: var(--bluui-color-success-border);
525
+ --blu-color-success-600: var(--bluui-color-success-solid);
526
+ --blu-color-success-700: var(--bluui-color-success-text);
527
+ --blu-color-success-800: var(--bluui-color-success-text);
528
+ --bluui-processing-soft: var(--bluui-color-processing-soft);
529
+ --bluui-processing-text: var(--bluui-color-processing-text);
530
+ --bluui-processing-border: var(--bluui-color-processing-border);
531
+ --bluui-processing: var(--bluui-color-processing-solid);
532
+ --blu-color-processing-50: var(--bluui-color-processing-soft);
533
+ --blu-color-processing-100: var(--bluui-color-processing-border);
534
+ --blu-color-processing-600: var(--bluui-color-processing-solid);
535
+ --blu-color-processing-700: var(--bluui-color-processing-text);
536
+ --blu-color-processing-800: var(--bluui-color-processing-text);
537
+ --bluui-warning-soft: var(--bluui-color-warning-soft);
538
+ --bluui-warning-text: var(--bluui-color-warning-text);
539
+ --bluui-warning-border: var(--bluui-color-warning-border);
540
+ --bluui-warning: var(--bluui-color-warning-solid);
541
+ --blu-color-warning-50: var(--bluui-color-warning-soft);
542
+ --blu-color-warning-100: var(--bluui-color-warning-border);
543
+ --blu-color-warning-600: var(--bluui-color-warning-solid);
544
+ --blu-color-warning-700: var(--bluui-color-warning-text);
545
+ --blu-color-warning-800: var(--bluui-color-warning-text);
546
+ --bluui-error-soft: var(--bluui-color-error-soft);
547
+ --bluui-error-text: var(--bluui-color-error-text);
548
+ --bluui-error-border: var(--bluui-color-error-border);
549
+ --bluui-error: var(--bluui-color-error-solid);
550
+ --blu-color-error-50: var(--bluui-color-error-soft);
551
+ --blu-color-error-100: var(--bluui-color-error-border);
552
+ --blu-color-error-600: var(--bluui-color-error-solid);
553
+ --blu-color-error-700: var(--bluui-color-error-text);
554
+ --blu-color-error-800: var(--bluui-color-error-text);
555
+ --bluui-danger-soft: var(--bluui-color-danger-soft);
556
+ --bluui-danger-text: var(--bluui-color-danger-text);
557
+ --bluui-danger-border: var(--bluui-color-danger-border);
558
+ --bluui-danger: var(--bluui-color-danger-solid);
559
+ --blu-color-danger-50: var(--bluui-color-danger-soft);
560
+ --blu-color-danger-100: var(--bluui-color-danger-border);
561
+ --blu-color-danger-600: var(--bluui-color-danger-solid);
562
+ --blu-color-danger-700: var(--bluui-color-danger-text);
563
+ --blu-color-danger-800: var(--bluui-color-danger-text);
564
+ --bluui-magenta-soft: var(--bluui-color-magenta-soft);
565
+ --bluui-magenta-text: var(--bluui-color-magenta-text);
566
+ --bluui-magenta-border: var(--bluui-color-magenta-border);
567
+ --bluui-magenta: var(--bluui-color-magenta-solid);
568
+ --blu-color-magenta-50: var(--bluui-color-magenta-soft);
569
+ --blu-color-magenta-100: var(--bluui-color-magenta-border);
570
+ --blu-color-magenta-600: var(--bluui-color-magenta-solid);
571
+ --blu-color-magenta-700: var(--bluui-color-magenta-text);
572
+ --blu-color-magenta-800: var(--bluui-color-magenta-text);
573
+ --bluui-red-soft: var(--bluui-color-red-soft);
574
+ --bluui-red-text: var(--bluui-color-red-text);
575
+ --bluui-red-border: var(--bluui-color-red-border);
576
+ --bluui-red: var(--bluui-color-red-solid);
577
+ --blu-color-red-50: var(--bluui-color-red-soft);
578
+ --blu-color-red-100: var(--bluui-color-red-border);
579
+ --blu-color-red-600: var(--bluui-color-red-solid);
580
+ --blu-color-red-700: var(--bluui-color-red-text);
581
+ --blu-color-red-800: var(--bluui-color-red-text);
582
+ --bluui-volcano-soft: var(--bluui-color-volcano-soft);
583
+ --bluui-volcano-text: var(--bluui-color-volcano-text);
584
+ --bluui-volcano-border: var(--bluui-color-volcano-border);
585
+ --bluui-volcano: var(--bluui-color-volcano-solid);
586
+ --blu-color-volcano-50: var(--bluui-color-volcano-soft);
587
+ --blu-color-volcano-100: var(--bluui-color-volcano-border);
588
+ --blu-color-volcano-600: var(--bluui-color-volcano-solid);
589
+ --blu-color-volcano-700: var(--bluui-color-volcano-text);
590
+ --blu-color-volcano-800: var(--bluui-color-volcano-text);
591
+ --bluui-orange-soft: var(--bluui-color-orange-soft);
592
+ --bluui-orange-text: var(--bluui-color-orange-text);
593
+ --bluui-orange-border: var(--bluui-color-orange-border);
594
+ --bluui-orange: var(--bluui-color-orange-solid);
595
+ --blu-color-orange-50: var(--bluui-color-orange-soft);
596
+ --blu-color-orange-100: var(--bluui-color-orange-border);
597
+ --blu-color-orange-600: var(--bluui-color-orange-solid);
598
+ --blu-color-orange-700: var(--bluui-color-orange-text);
599
+ --blu-color-orange-800: var(--bluui-color-orange-text);
600
+ --bluui-gold-soft: var(--bluui-color-gold-soft);
601
+ --bluui-gold-text: var(--bluui-color-gold-text);
602
+ --bluui-gold-border: var(--bluui-color-gold-border);
603
+ --bluui-gold: var(--bluui-color-gold-solid);
604
+ --blu-color-gold-50: var(--bluui-color-gold-soft);
605
+ --blu-color-gold-100: var(--bluui-color-gold-border);
606
+ --blu-color-gold-600: var(--bluui-color-gold-solid);
607
+ --blu-color-gold-700: var(--bluui-color-gold-text);
608
+ --blu-color-gold-800: var(--bluui-color-gold-text);
609
+ --bluui-lime-soft: var(--bluui-color-lime-soft);
610
+ --bluui-lime-text: var(--bluui-color-lime-text);
611
+ --bluui-lime-border: var(--bluui-color-lime-border);
612
+ --bluui-lime: var(--bluui-color-lime-solid);
613
+ --blu-color-lime-50: var(--bluui-color-lime-soft);
614
+ --blu-color-lime-100: var(--bluui-color-lime-border);
615
+ --blu-color-lime-600: var(--bluui-color-lime-solid);
616
+ --blu-color-lime-700: var(--bluui-color-lime-text);
617
+ --blu-color-lime-800: var(--bluui-color-lime-text);
618
+ --bluui-green-soft: var(--bluui-color-green-soft);
619
+ --bluui-green-text: var(--bluui-color-green-text);
620
+ --bluui-green-border: var(--bluui-color-green-border);
621
+ --bluui-green: var(--bluui-color-green-solid);
622
+ --blu-color-green-50: var(--bluui-color-green-soft);
623
+ --blu-color-green-100: var(--bluui-color-green-border);
624
+ --blu-color-green-600: var(--bluui-color-green-solid);
625
+ --blu-color-green-700: var(--bluui-color-green-text);
626
+ --blu-color-green-800: var(--bluui-color-green-text);
627
+ --bluui-cyan-soft: var(--bluui-color-cyan-soft);
628
+ --bluui-cyan-text: var(--bluui-color-cyan-text);
629
+ --bluui-cyan-border: var(--bluui-color-cyan-border);
630
+ --bluui-cyan: var(--bluui-color-cyan-solid);
631
+ --blu-color-cyan-50: var(--bluui-color-cyan-soft);
632
+ --blu-color-cyan-100: var(--bluui-color-cyan-border);
633
+ --blu-color-cyan-600: var(--bluui-color-cyan-solid);
634
+ --blu-color-cyan-700: var(--bluui-color-cyan-text);
635
+ --blu-color-cyan-800: var(--bluui-color-cyan-text);
636
+ --bluui-blue-soft: var(--bluui-color-blue-soft);
637
+ --bluui-blue-text: var(--bluui-color-blue-text);
638
+ --bluui-blue-border: var(--bluui-color-blue-border);
639
+ --bluui-blue: var(--bluui-color-blue-solid);
640
+ --blu-color-blue-50: var(--bluui-color-blue-soft);
641
+ --blu-color-blue-100: var(--bluui-color-blue-border);
642
+ --blu-color-blue-600: var(--bluui-color-blue-solid);
643
+ --blu-color-blue-700: var(--bluui-color-blue-text);
644
+ --blu-color-blue-800: var(--bluui-color-blue-text);
645
+ --bluui-geekblue-soft: var(--bluui-color-geekblue-soft);
646
+ --bluui-geekblue-text: var(--bluui-color-geekblue-text);
647
+ --bluui-geekblue-border: var(--bluui-color-geekblue-border);
648
+ --bluui-geekblue: var(--bluui-color-geekblue-solid);
649
+ --blu-color-geekblue-50: var(--bluui-color-geekblue-soft);
650
+ --blu-color-geekblue-100: var(--bluui-color-geekblue-border);
651
+ --blu-color-geekblue-600: var(--bluui-color-geekblue-solid);
652
+ --blu-color-geekblue-700: var(--bluui-color-geekblue-text);
653
+ --blu-color-geekblue-800: var(--bluui-color-geekblue-text);
654
+ --bluui-purple-soft: var(--bluui-color-purple-soft);
655
+ --bluui-purple-text: var(--bluui-color-purple-text);
656
+ --bluui-purple-border: var(--bluui-color-purple-border);
657
+ --bluui-purple: var(--bluui-color-purple-solid);
658
+ --blu-color-purple-50: var(--bluui-color-purple-soft);
659
+ --blu-color-purple-100: var(--bluui-color-purple-border);
660
+ --blu-color-purple-600: var(--bluui-color-purple-solid);
661
+ --blu-color-purple-700: var(--bluui-color-purple-text);
662
+ --blu-color-purple-800: var(--bluui-color-purple-text);
663
+ --bluui-primary-light: var(--bluui-primary-soft);
664
+ --bluui-info-soft: var(--bluui-processing-soft);
665
+ --bluui-info-text: var(--bluui-processing-text);
666
+ --bluui-info-border: var(--bluui-processing-border);
667
+ --bluui-font: var(--blu-font-family);
668
+ --blu-background: var(--bluui-background);
669
+ --blu-surface: var(--bluui-surface);
670
+ --blu-text: var(--bluui-text);
671
+ --blu-text-secondary: var(--bluui-text-muted);
672
+ --blu-border: var(--bluui-border);
673
+ --blu-border-strong: var(--bluui-border-strong);
674
+ --blu-focus-ring: var(--bluui-focus-shadow);
675
+ --blu-shadow-xs: 0 1px 2px var(--bluui-shadow-color);
676
+ --blu-shadow-sm: 0 2px 5px var(--bluui-shadow-color);
677
+ --blu-shadow-md: var(--bluui-menu-shadow);
678
+ --color-background-body: var(--bluui-background);
679
+ --color-background-main: var(--bluui-surface);
680
+ --color-primary: var(--bluui-primary);
681
+ --color-primary-hover: var(--bluui-primary-hover);
682
+ --color-focus-outer: var(--bluui-primary);
683
+ --color-neutral-0: var(--bluui-surface);
684
+ --color-neutral-1: var(--bluui-surface-muted);
685
+ --color-neutral-2: var(--bluui-hover);
686
+ --color-neutral-3: var(--bluui-border);
687
+ --color-neutral-4: var(--bluui-control-border);
688
+ --color-neutral-5: var(--bluui-text-subtle);
689
+ --color-neutral-6: var(--bluui-text-muted);
690
+ --color-neutral-7: var(--bluui-text-muted);
691
+ --color-neutral-8: var(--bluui-text);
692
+ --color-neutral-9: var(--bluui-text);
693
+ --color-neutral-10: var(--bluui-text);
694
+ --blu-color-gray-50: var(--bluui-surface);
695
+ --blu-color-gray-100: var(--bluui-surface-muted);
696
+ --blu-color-gray-200: var(--bluui-border);
697
+ --blu-color-gray-300: var(--bluui-control-border);
698
+ --blu-color-gray-400: var(--bluui-text-subtle);
699
+ --blu-color-gray-500: var(--bluui-text-muted);
700
+ --blu-color-gray-600: var(--bluui-text-muted);
701
+ --blu-color-gray-700: var(--bluui-text);
702
+ --blu-color-gray-800: var(--bluui-text);
703
+ --blu-color-gray-900: var(--bluui-text);
704
+ }
705
+ [data-bluui-theme="dark"] {
706
+ color-scheme: dark;
707
+ --bluui-background: #101319;
708
+ --bluui-surface: #191e27;
709
+ --bluui-surface-muted: #202733;
710
+ --bluui-surface-raised: #252d3a;
711
+ --bluui-text: #edf1f7;
712
+ --bluui-text-muted: #adb8c9;
713
+ --bluui-text-subtle: #919fb3;
714
+ --bluui-border: #343e4f;
715
+ --bluui-border-strong: #59687f;
716
+ --bluui-control-border: #74849b;
717
+ --bluui-row-border: #303a49;
718
+ --bluui-hover: #293342;
719
+ --bluui-selected: #39315c;
720
+ --bluui-changed: #2c2841;
721
+ --bluui-skeleton-base: #303b4c;
722
+ --bluui-skeleton-shine: rgb(255 255 255 / 9%);
723
+ --bluui-scrim: rgb(0 0 0 / 65%);
724
+ --bluui-shadow-color: rgb(0 0 0 / 35%);
725
+ --bluui-primary-hover: #b1a7ff;
726
+ --bluui-primary-active: #c3baff;
727
+ --bluui-on-primary: #101319;
728
+ --bluui-primary: #a89aff;
729
+ --bluui-focus-shadow: 0 0 0 3px rgb(168 154 255 / 28%);
730
+ --bluui-menu-shadow: 0 12px 36px rgb(0 0 0 / 45%);
731
+ --bluui-color-default-soft: #272727;
732
+ --bluui-color-default-text: #dfdfdf;
733
+ --bluui-color-default-border: #424242;
734
+ --bluui-color-default-solid: rgba(255, 255, 255, 0.95);
735
+ --bluui-color-default-contrast: #000000;
736
+ --bluui-color-primary-soft: #282445;
737
+ --bluui-color-primary-text: #b6acff;
738
+ --bluui-color-primary-border: #51477d;
739
+ --bluui-color-primary-solid: #8070ed;
740
+ --bluui-color-primary-contrast: #000000;
741
+ --bluui-color-secondary-soft: #2b3240;
742
+ --bluui-color-secondary-text: #d6dce5;
743
+ --bluui-color-secondary-border: #455064;
744
+ --bluui-color-secondary-solid: #526077;
745
+ --bluui-color-secondary-contrast: #ffffff;
746
+ --bluui-color-success-soft: #162312;
747
+ --bluui-color-success-text: #73be4e;
748
+ --bluui-color-success-border: #274916;
749
+ --bluui-color-success-solid: #49aa19;
750
+ --bluui-color-success-contrast: #000000;
751
+ --bluui-color-processing-soft: #111a2c;
752
+ --bluui-color-processing-text: #78a7eb;
753
+ --bluui-color-processing-border: #15325b;
754
+ --bluui-color-processing-solid: #145ec6;
755
+ --bluui-color-processing-contrast: #ffffff;
756
+ --bluui-color-warning-soft: #2b2111;
757
+ --bluui-color-warning-text: #dda535;
758
+ --bluui-color-warning-border: #594214;
759
+ --bluui-color-warning-solid: #d89614;
760
+ --bluui-color-warning-contrast: #000000;
761
+ --bluui-color-error-soft: #2c1618;
762
+ --bluui-color-error-text: #ea8d8e;
763
+ --bluui-color-error-border: #5b2526;
764
+ --bluui-color-error-solid: #dc4446;
765
+ --bluui-color-error-contrast: #000000;
766
+ --bluui-color-danger-soft: #2c1618;
767
+ --bluui-color-danger-text: #ea8d8e;
768
+ --bluui-color-danger-border: #5b2526;
769
+ --bluui-color-danger-solid: #dc4446;
770
+ --bluui-color-danger-contrast: #000000;
771
+ --bluui-color-magenta-soft: #291321;
772
+ --bluui-color-magenta-text: #e984b9;
773
+ --bluui-color-magenta-border: #551c3b;
774
+ --bluui-color-magenta-solid: #cf3a8c;
775
+ --bluui-color-magenta-contrast: #000000;
776
+ --bluui-color-red-soft: #2a1215;
777
+ --bluui-color-red-text: #f08485;
778
+ --bluui-color-red-border: #58181c;
779
+ --bluui-color-red-solid: #cd1f28;
780
+ --bluui-color-red-contrast: #ffffff;
781
+ --bluui-color-volcano-soft: #2b1611;
782
+ --bluui-color-volcano-text: #ed8e68;
783
+ --bluui-color-volcano-border: #592716;
784
+ --bluui-color-volcano-solid: #d84a1b;
785
+ --bluui-color-volcano-contrast: #000000;
786
+ --bluui-color-orange-soft: #2b1d11;
787
+ --bluui-color-orange-text: #e89b3e;
788
+ --bluui-color-orange-border: #593815;
789
+ --bluui-color-orange-solid: #d87a16;
790
+ --bluui-color-orange-contrast: #000000;
791
+ --bluui-color-gold-soft: #2b2111;
792
+ --bluui-color-gold-text: #e8b339;
793
+ --bluui-color-gold-border: #594214;
794
+ --bluui-color-gold-solid: #d89614;
795
+ --bluui-color-gold-contrast: #000000;
796
+ --bluui-color-lime-soft: #1f2611;
797
+ --bluui-color-lime-text: #a9d134;
798
+ --bluui-color-lime-border: #3e4f13;
799
+ --bluui-color-lime-solid: #8bbb11;
800
+ --bluui-color-lime-contrast: #000000;
801
+ --bluui-color-green-soft: #162312;
802
+ --bluui-color-green-text: #6bbf3b;
803
+ --bluui-color-green-border: #274916;
804
+ --bluui-color-green-solid: #49aa19;
805
+ --bluui-color-green-contrast: #000000;
806
+ --bluui-color-cyan-soft: #112123;
807
+ --bluui-color-cyan-text: #33bcb7;
808
+ --bluui-color-cyan-border: #144848;
809
+ --bluui-color-cyan-solid: #13a8a8;
810
+ --bluui-color-cyan-contrast: #000000;
811
+ --bluui-color-blue-soft: #111a2c;
812
+ --bluui-color-blue-text: #6fa8ee;
813
+ --bluui-color-blue-border: #15325b;
814
+ --bluui-color-blue-solid: #145ec6;
815
+ --bluui-color-blue-contrast: #ffffff;
816
+ --bluui-color-geekblue-soft: #131629;
817
+ --bluui-color-geekblue-text: #89a0ea;
818
+ --bluui-color-geekblue-border: #1c2755;
819
+ --bluui-color-geekblue-solid: #2b4acb;
820
+ --bluui-color-geekblue-contrast: #ffffff;
821
+ --bluui-color-purple-soft: #1a1325;
822
+ --bluui-color-purple-text: #b593df;
823
+ --bluui-color-purple-border: #301c4d;
824
+ --bluui-color-purple-solid: #642ab5;
825
+ --bluui-color-purple-contrast: #ffffff;
826
+ --bluui-default-soft: var(--bluui-color-default-soft);
827
+ --bluui-default-text: var(--bluui-color-default-text);
828
+ --bluui-default-border: var(--bluui-color-default-border);
829
+ --bluui-default: var(--bluui-color-default-solid);
830
+ --blu-color-default-50: var(--bluui-color-default-soft);
831
+ --blu-color-default-100: var(--bluui-color-default-border);
832
+ --blu-color-default-600: var(--bluui-color-default-solid);
833
+ --blu-color-default-700: var(--bluui-color-default-text);
834
+ --blu-color-default-800: var(--bluui-color-default-text);
835
+ --bluui-primary-soft: var(--bluui-color-primary-soft);
836
+ --bluui-primary-text: var(--bluui-color-primary-text);
837
+ --bluui-primary-border: var(--bluui-color-primary-border);
838
+ --blu-color-primary-50: var(--bluui-color-primary-soft);
839
+ --blu-color-primary-100: var(--bluui-color-primary-border);
840
+ --blu-color-primary-600: var(--bluui-color-primary-solid);
841
+ --blu-color-primary-700: var(--bluui-color-primary-text);
842
+ --blu-color-primary-800: var(--bluui-color-primary-text);
843
+ --bluui-secondary-soft: var(--bluui-color-secondary-soft);
844
+ --bluui-secondary-text: var(--bluui-color-secondary-text);
845
+ --bluui-secondary-border: var(--bluui-color-secondary-border);
846
+ --bluui-secondary: var(--bluui-color-secondary-solid);
847
+ --blu-color-secondary-50: var(--bluui-color-secondary-soft);
848
+ --blu-color-secondary-100: var(--bluui-color-secondary-border);
849
+ --blu-color-secondary-600: var(--bluui-color-secondary-solid);
850
+ --blu-color-secondary-700: var(--bluui-color-secondary-text);
851
+ --blu-color-secondary-800: var(--bluui-color-secondary-text);
852
+ --bluui-success-soft: var(--bluui-color-success-soft);
853
+ --bluui-success-text: var(--bluui-color-success-text);
854
+ --bluui-success-border: var(--bluui-color-success-border);
855
+ --bluui-success: var(--bluui-color-success-solid);
856
+ --blu-color-success-50: var(--bluui-color-success-soft);
857
+ --blu-color-success-100: var(--bluui-color-success-border);
858
+ --blu-color-success-600: var(--bluui-color-success-solid);
859
+ --blu-color-success-700: var(--bluui-color-success-text);
860
+ --blu-color-success-800: var(--bluui-color-success-text);
861
+ --bluui-processing-soft: var(--bluui-color-processing-soft);
862
+ --bluui-processing-text: var(--bluui-color-processing-text);
863
+ --bluui-processing-border: var(--bluui-color-processing-border);
864
+ --bluui-processing: var(--bluui-color-processing-solid);
865
+ --blu-color-processing-50: var(--bluui-color-processing-soft);
866
+ --blu-color-processing-100: var(--bluui-color-processing-border);
867
+ --blu-color-processing-600: var(--bluui-color-processing-solid);
868
+ --blu-color-processing-700: var(--bluui-color-processing-text);
869
+ --blu-color-processing-800: var(--bluui-color-processing-text);
870
+ --bluui-warning-soft: var(--bluui-color-warning-soft);
871
+ --bluui-warning-text: var(--bluui-color-warning-text);
872
+ --bluui-warning-border: var(--bluui-color-warning-border);
873
+ --bluui-warning: var(--bluui-color-warning-solid);
874
+ --blu-color-warning-50: var(--bluui-color-warning-soft);
875
+ --blu-color-warning-100: var(--bluui-color-warning-border);
876
+ --blu-color-warning-600: var(--bluui-color-warning-solid);
877
+ --blu-color-warning-700: var(--bluui-color-warning-text);
878
+ --blu-color-warning-800: var(--bluui-color-warning-text);
879
+ --bluui-error-soft: var(--bluui-color-error-soft);
880
+ --bluui-error-text: var(--bluui-color-error-text);
881
+ --bluui-error-border: var(--bluui-color-error-border);
882
+ --bluui-error: var(--bluui-color-error-solid);
883
+ --blu-color-error-50: var(--bluui-color-error-soft);
884
+ --blu-color-error-100: var(--bluui-color-error-border);
885
+ --blu-color-error-600: var(--bluui-color-error-solid);
886
+ --blu-color-error-700: var(--bluui-color-error-text);
887
+ --blu-color-error-800: var(--bluui-color-error-text);
888
+ --bluui-danger-soft: var(--bluui-color-danger-soft);
889
+ --bluui-danger-text: var(--bluui-color-danger-text);
890
+ --bluui-danger-border: var(--bluui-color-danger-border);
891
+ --bluui-danger: var(--bluui-color-danger-solid);
892
+ --blu-color-danger-50: var(--bluui-color-danger-soft);
893
+ --blu-color-danger-100: var(--bluui-color-danger-border);
894
+ --blu-color-danger-600: var(--bluui-color-danger-solid);
895
+ --blu-color-danger-700: var(--bluui-color-danger-text);
896
+ --blu-color-danger-800: var(--bluui-color-danger-text);
897
+ --bluui-magenta-soft: var(--bluui-color-magenta-soft);
898
+ --bluui-magenta-text: var(--bluui-color-magenta-text);
899
+ --bluui-magenta-border: var(--bluui-color-magenta-border);
900
+ --bluui-magenta: var(--bluui-color-magenta-solid);
901
+ --blu-color-magenta-50: var(--bluui-color-magenta-soft);
902
+ --blu-color-magenta-100: var(--bluui-color-magenta-border);
903
+ --blu-color-magenta-600: var(--bluui-color-magenta-solid);
904
+ --blu-color-magenta-700: var(--bluui-color-magenta-text);
905
+ --blu-color-magenta-800: var(--bluui-color-magenta-text);
906
+ --bluui-red-soft: var(--bluui-color-red-soft);
907
+ --bluui-red-text: var(--bluui-color-red-text);
908
+ --bluui-red-border: var(--bluui-color-red-border);
909
+ --bluui-red: var(--bluui-color-red-solid);
910
+ --blu-color-red-50: var(--bluui-color-red-soft);
911
+ --blu-color-red-100: var(--bluui-color-red-border);
912
+ --blu-color-red-600: var(--bluui-color-red-solid);
913
+ --blu-color-red-700: var(--bluui-color-red-text);
914
+ --blu-color-red-800: var(--bluui-color-red-text);
915
+ --bluui-volcano-soft: var(--bluui-color-volcano-soft);
916
+ --bluui-volcano-text: var(--bluui-color-volcano-text);
917
+ --bluui-volcano-border: var(--bluui-color-volcano-border);
918
+ --bluui-volcano: var(--bluui-color-volcano-solid);
919
+ --blu-color-volcano-50: var(--bluui-color-volcano-soft);
920
+ --blu-color-volcano-100: var(--bluui-color-volcano-border);
921
+ --blu-color-volcano-600: var(--bluui-color-volcano-solid);
922
+ --blu-color-volcano-700: var(--bluui-color-volcano-text);
923
+ --blu-color-volcano-800: var(--bluui-color-volcano-text);
924
+ --bluui-orange-soft: var(--bluui-color-orange-soft);
925
+ --bluui-orange-text: var(--bluui-color-orange-text);
926
+ --bluui-orange-border: var(--bluui-color-orange-border);
927
+ --bluui-orange: var(--bluui-color-orange-solid);
928
+ --blu-color-orange-50: var(--bluui-color-orange-soft);
929
+ --blu-color-orange-100: var(--bluui-color-orange-border);
930
+ --blu-color-orange-600: var(--bluui-color-orange-solid);
931
+ --blu-color-orange-700: var(--bluui-color-orange-text);
932
+ --blu-color-orange-800: var(--bluui-color-orange-text);
933
+ --bluui-gold-soft: var(--bluui-color-gold-soft);
934
+ --bluui-gold-text: var(--bluui-color-gold-text);
935
+ --bluui-gold-border: var(--bluui-color-gold-border);
936
+ --bluui-gold: var(--bluui-color-gold-solid);
937
+ --blu-color-gold-50: var(--bluui-color-gold-soft);
938
+ --blu-color-gold-100: var(--bluui-color-gold-border);
939
+ --blu-color-gold-600: var(--bluui-color-gold-solid);
940
+ --blu-color-gold-700: var(--bluui-color-gold-text);
941
+ --blu-color-gold-800: var(--bluui-color-gold-text);
942
+ --bluui-lime-soft: var(--bluui-color-lime-soft);
943
+ --bluui-lime-text: var(--bluui-color-lime-text);
944
+ --bluui-lime-border: var(--bluui-color-lime-border);
945
+ --bluui-lime: var(--bluui-color-lime-solid);
946
+ --blu-color-lime-50: var(--bluui-color-lime-soft);
947
+ --blu-color-lime-100: var(--bluui-color-lime-border);
948
+ --blu-color-lime-600: var(--bluui-color-lime-solid);
949
+ --blu-color-lime-700: var(--bluui-color-lime-text);
950
+ --blu-color-lime-800: var(--bluui-color-lime-text);
951
+ --bluui-green-soft: var(--bluui-color-green-soft);
952
+ --bluui-green-text: var(--bluui-color-green-text);
953
+ --bluui-green-border: var(--bluui-color-green-border);
954
+ --bluui-green: var(--bluui-color-green-solid);
955
+ --blu-color-green-50: var(--bluui-color-green-soft);
956
+ --blu-color-green-100: var(--bluui-color-green-border);
957
+ --blu-color-green-600: var(--bluui-color-green-solid);
958
+ --blu-color-green-700: var(--bluui-color-green-text);
959
+ --blu-color-green-800: var(--bluui-color-green-text);
960
+ --bluui-cyan-soft: var(--bluui-color-cyan-soft);
961
+ --bluui-cyan-text: var(--bluui-color-cyan-text);
962
+ --bluui-cyan-border: var(--bluui-color-cyan-border);
963
+ --bluui-cyan: var(--bluui-color-cyan-solid);
964
+ --blu-color-cyan-50: var(--bluui-color-cyan-soft);
965
+ --blu-color-cyan-100: var(--bluui-color-cyan-border);
966
+ --blu-color-cyan-600: var(--bluui-color-cyan-solid);
967
+ --blu-color-cyan-700: var(--bluui-color-cyan-text);
968
+ --blu-color-cyan-800: var(--bluui-color-cyan-text);
969
+ --bluui-blue-soft: var(--bluui-color-blue-soft);
970
+ --bluui-blue-text: var(--bluui-color-blue-text);
971
+ --bluui-blue-border: var(--bluui-color-blue-border);
972
+ --bluui-blue: var(--bluui-color-blue-solid);
973
+ --blu-color-blue-50: var(--bluui-color-blue-soft);
974
+ --blu-color-blue-100: var(--bluui-color-blue-border);
975
+ --blu-color-blue-600: var(--bluui-color-blue-solid);
976
+ --blu-color-blue-700: var(--bluui-color-blue-text);
977
+ --blu-color-blue-800: var(--bluui-color-blue-text);
978
+ --bluui-geekblue-soft: var(--bluui-color-geekblue-soft);
979
+ --bluui-geekblue-text: var(--bluui-color-geekblue-text);
980
+ --bluui-geekblue-border: var(--bluui-color-geekblue-border);
981
+ --bluui-geekblue: var(--bluui-color-geekblue-solid);
982
+ --blu-color-geekblue-50: var(--bluui-color-geekblue-soft);
983
+ --blu-color-geekblue-100: var(--bluui-color-geekblue-border);
984
+ --blu-color-geekblue-600: var(--bluui-color-geekblue-solid);
985
+ --blu-color-geekblue-700: var(--bluui-color-geekblue-text);
986
+ --blu-color-geekblue-800: var(--bluui-color-geekblue-text);
987
+ --bluui-purple-soft: var(--bluui-color-purple-soft);
988
+ --bluui-purple-text: var(--bluui-color-purple-text);
989
+ --bluui-purple-border: var(--bluui-color-purple-border);
990
+ --bluui-purple: var(--bluui-color-purple-solid);
991
+ --blu-color-purple-50: var(--bluui-color-purple-soft);
992
+ --blu-color-purple-100: var(--bluui-color-purple-border);
993
+ --blu-color-purple-600: var(--bluui-color-purple-solid);
994
+ --blu-color-purple-700: var(--bluui-color-purple-text);
995
+ --blu-color-purple-800: var(--bluui-color-purple-text);
996
+ --bluui-primary-light: var(--bluui-primary-soft);
997
+ --bluui-info-soft: var(--bluui-processing-soft);
998
+ --bluui-info-text: var(--bluui-processing-text);
999
+ --bluui-info-border: var(--bluui-processing-border);
1000
+ --bluui-font: var(--blu-font-family);
1001
+ --blu-background: var(--bluui-background);
1002
+ --blu-surface: var(--bluui-surface);
1003
+ --blu-text: var(--bluui-text);
1004
+ --blu-text-secondary: var(--bluui-text-muted);
1005
+ --blu-border: var(--bluui-border);
1006
+ --blu-border-strong: var(--bluui-border-strong);
1007
+ --blu-focus-ring: var(--bluui-focus-shadow);
1008
+ --blu-shadow-xs: 0 1px 2px var(--bluui-shadow-color);
1009
+ --blu-shadow-sm: 0 2px 5px var(--bluui-shadow-color);
1010
+ --blu-shadow-md: var(--bluui-menu-shadow);
1011
+ --color-background-body: var(--bluui-background);
1012
+ --color-background-main: var(--bluui-surface);
1013
+ --color-primary: var(--bluui-primary);
1014
+ --color-primary-hover: var(--bluui-primary-hover);
1015
+ --color-focus-outer: var(--bluui-primary);
1016
+ --color-neutral-0: var(--bluui-surface);
1017
+ --color-neutral-1: var(--bluui-surface-muted);
1018
+ --color-neutral-2: var(--bluui-hover);
1019
+ --color-neutral-3: var(--bluui-border);
1020
+ --color-neutral-4: var(--bluui-control-border);
1021
+ --color-neutral-5: var(--bluui-text-subtle);
1022
+ --color-neutral-6: var(--bluui-text-muted);
1023
+ --color-neutral-7: var(--bluui-text-muted);
1024
+ --color-neutral-8: var(--bluui-text);
1025
+ --color-neutral-9: var(--bluui-text);
1026
+ --color-neutral-10: var(--bluui-text);
1027
+ --blu-color-gray-50: var(--bluui-surface);
1028
+ --blu-color-gray-100: var(--bluui-surface-muted);
1029
+ --blu-color-gray-200: var(--bluui-border);
1030
+ --blu-color-gray-300: var(--bluui-control-border);
1031
+ --blu-color-gray-400: var(--bluui-text-subtle);
1032
+ --blu-color-gray-500: var(--bluui-text-muted);
1033
+ --blu-color-gray-600: var(--bluui-text-muted);
1034
+ --blu-color-gray-700: var(--bluui-text);
1035
+ --blu-color-gray-800: var(--bluui-text);
1036
+ --blu-color-gray-900: var(--bluui-text);
1037
+ }
1038
+
1039
+ /* CSS-only consumers and Service Studio previews follow the OS preference. */
1040
+ @media (prefers-color-scheme: dark) {
1041
+ :root:not([data-bluui-theme="light"]):not([data-bluui-theme="dark"]) {
1042
+ color-scheme: dark;
1043
+ --bluui-background: #101319;
1044
+ --bluui-surface: #191e27;
1045
+ --bluui-surface-muted: #202733;
1046
+ --bluui-surface-raised: #252d3a;
1047
+ --bluui-text: #edf1f7;
1048
+ --bluui-text-muted: #adb8c9;
1049
+ --bluui-text-subtle: #919fb3;
1050
+ --bluui-border: #343e4f;
1051
+ --bluui-border-strong: #59687f;
1052
+ --bluui-control-border: #74849b;
1053
+ --bluui-row-border: #303a49;
1054
+ --bluui-hover: #293342;
1055
+ --bluui-selected: #39315c;
1056
+ --bluui-changed: #2c2841;
1057
+ --bluui-skeleton-base: #303b4c;
1058
+ --bluui-skeleton-shine: rgb(255 255 255 / 9%);
1059
+ --bluui-scrim: rgb(0 0 0 / 65%);
1060
+ --bluui-shadow-color: rgb(0 0 0 / 35%);
1061
+ --bluui-primary-hover: #b1a7ff;
1062
+ --bluui-primary-active: #c3baff;
1063
+ --bluui-on-primary: #101319;
1064
+ --bluui-primary: #a89aff;
1065
+ --bluui-focus-shadow: 0 0 0 3px rgb(168 154 255 / 28%);
1066
+ --bluui-menu-shadow: 0 12px 36px rgb(0 0 0 / 45%);
1067
+ --bluui-color-default-soft: #272727;
1068
+ --bluui-color-default-text: #dfdfdf;
1069
+ --bluui-color-default-border: #424242;
1070
+ --bluui-color-default-solid: rgba(255, 255, 255, 0.95);
1071
+ --bluui-color-default-contrast: #000000;
1072
+ --bluui-color-primary-soft: #282445;
1073
+ --bluui-color-primary-text: #b6acff;
1074
+ --bluui-color-primary-border: #51477d;
1075
+ --bluui-color-primary-solid: #8070ed;
1076
+ --bluui-color-primary-contrast: #000000;
1077
+ --bluui-color-secondary-soft: #2b3240;
1078
+ --bluui-color-secondary-text: #d6dce5;
1079
+ --bluui-color-secondary-border: #455064;
1080
+ --bluui-color-secondary-solid: #526077;
1081
+ --bluui-color-secondary-contrast: #ffffff;
1082
+ --bluui-color-success-soft: #162312;
1083
+ --bluui-color-success-text: #73be4e;
1084
+ --bluui-color-success-border: #274916;
1085
+ --bluui-color-success-solid: #49aa19;
1086
+ --bluui-color-success-contrast: #000000;
1087
+ --bluui-color-processing-soft: #111a2c;
1088
+ --bluui-color-processing-text: #78a7eb;
1089
+ --bluui-color-processing-border: #15325b;
1090
+ --bluui-color-processing-solid: #145ec6;
1091
+ --bluui-color-processing-contrast: #ffffff;
1092
+ --bluui-color-warning-soft: #2b2111;
1093
+ --bluui-color-warning-text: #dda535;
1094
+ --bluui-color-warning-border: #594214;
1095
+ --bluui-color-warning-solid: #d89614;
1096
+ --bluui-color-warning-contrast: #000000;
1097
+ --bluui-color-error-soft: #2c1618;
1098
+ --bluui-color-error-text: #ea8d8e;
1099
+ --bluui-color-error-border: #5b2526;
1100
+ --bluui-color-error-solid: #dc4446;
1101
+ --bluui-color-error-contrast: #000000;
1102
+ --bluui-color-danger-soft: #2c1618;
1103
+ --bluui-color-danger-text: #ea8d8e;
1104
+ --bluui-color-danger-border: #5b2526;
1105
+ --bluui-color-danger-solid: #dc4446;
1106
+ --bluui-color-danger-contrast: #000000;
1107
+ --bluui-color-magenta-soft: #291321;
1108
+ --bluui-color-magenta-text: #e984b9;
1109
+ --bluui-color-magenta-border: #551c3b;
1110
+ --bluui-color-magenta-solid: #cf3a8c;
1111
+ --bluui-color-magenta-contrast: #000000;
1112
+ --bluui-color-red-soft: #2a1215;
1113
+ --bluui-color-red-text: #f08485;
1114
+ --bluui-color-red-border: #58181c;
1115
+ --bluui-color-red-solid: #cd1f28;
1116
+ --bluui-color-red-contrast: #ffffff;
1117
+ --bluui-color-volcano-soft: #2b1611;
1118
+ --bluui-color-volcano-text: #ed8e68;
1119
+ --bluui-color-volcano-border: #592716;
1120
+ --bluui-color-volcano-solid: #d84a1b;
1121
+ --bluui-color-volcano-contrast: #000000;
1122
+ --bluui-color-orange-soft: #2b1d11;
1123
+ --bluui-color-orange-text: #e89b3e;
1124
+ --bluui-color-orange-border: #593815;
1125
+ --bluui-color-orange-solid: #d87a16;
1126
+ --bluui-color-orange-contrast: #000000;
1127
+ --bluui-color-gold-soft: #2b2111;
1128
+ --bluui-color-gold-text: #e8b339;
1129
+ --bluui-color-gold-border: #594214;
1130
+ --bluui-color-gold-solid: #d89614;
1131
+ --bluui-color-gold-contrast: #000000;
1132
+ --bluui-color-lime-soft: #1f2611;
1133
+ --bluui-color-lime-text: #a9d134;
1134
+ --bluui-color-lime-border: #3e4f13;
1135
+ --bluui-color-lime-solid: #8bbb11;
1136
+ --bluui-color-lime-contrast: #000000;
1137
+ --bluui-color-green-soft: #162312;
1138
+ --bluui-color-green-text: #6bbf3b;
1139
+ --bluui-color-green-border: #274916;
1140
+ --bluui-color-green-solid: #49aa19;
1141
+ --bluui-color-green-contrast: #000000;
1142
+ --bluui-color-cyan-soft: #112123;
1143
+ --bluui-color-cyan-text: #33bcb7;
1144
+ --bluui-color-cyan-border: #144848;
1145
+ --bluui-color-cyan-solid: #13a8a8;
1146
+ --bluui-color-cyan-contrast: #000000;
1147
+ --bluui-color-blue-soft: #111a2c;
1148
+ --bluui-color-blue-text: #6fa8ee;
1149
+ --bluui-color-blue-border: #15325b;
1150
+ --bluui-color-blue-solid: #145ec6;
1151
+ --bluui-color-blue-contrast: #ffffff;
1152
+ --bluui-color-geekblue-soft: #131629;
1153
+ --bluui-color-geekblue-text: #89a0ea;
1154
+ --bluui-color-geekblue-border: #1c2755;
1155
+ --bluui-color-geekblue-solid: #2b4acb;
1156
+ --bluui-color-geekblue-contrast: #ffffff;
1157
+ --bluui-color-purple-soft: #1a1325;
1158
+ --bluui-color-purple-text: #b593df;
1159
+ --bluui-color-purple-border: #301c4d;
1160
+ --bluui-color-purple-solid: #642ab5;
1161
+ --bluui-color-purple-contrast: #ffffff;
1162
+ --bluui-default-soft: var(--bluui-color-default-soft);
1163
+ --bluui-default-text: var(--bluui-color-default-text);
1164
+ --bluui-default-border: var(--bluui-color-default-border);
1165
+ --bluui-default: var(--bluui-color-default-solid);
1166
+ --blu-color-default-50: var(--bluui-color-default-soft);
1167
+ --blu-color-default-100: var(--bluui-color-default-border);
1168
+ --blu-color-default-600: var(--bluui-color-default-solid);
1169
+ --blu-color-default-700: var(--bluui-color-default-text);
1170
+ --blu-color-default-800: var(--bluui-color-default-text);
1171
+ --bluui-primary-soft: var(--bluui-color-primary-soft);
1172
+ --bluui-primary-text: var(--bluui-color-primary-text);
1173
+ --bluui-primary-border: var(--bluui-color-primary-border);
1174
+ --blu-color-primary-50: var(--bluui-color-primary-soft);
1175
+ --blu-color-primary-100: var(--bluui-color-primary-border);
1176
+ --blu-color-primary-600: var(--bluui-color-primary-solid);
1177
+ --blu-color-primary-700: var(--bluui-color-primary-text);
1178
+ --blu-color-primary-800: var(--bluui-color-primary-text);
1179
+ --bluui-secondary-soft: var(--bluui-color-secondary-soft);
1180
+ --bluui-secondary-text: var(--bluui-color-secondary-text);
1181
+ --bluui-secondary-border: var(--bluui-color-secondary-border);
1182
+ --bluui-secondary: var(--bluui-color-secondary-solid);
1183
+ --blu-color-secondary-50: var(--bluui-color-secondary-soft);
1184
+ --blu-color-secondary-100: var(--bluui-color-secondary-border);
1185
+ --blu-color-secondary-600: var(--bluui-color-secondary-solid);
1186
+ --blu-color-secondary-700: var(--bluui-color-secondary-text);
1187
+ --blu-color-secondary-800: var(--bluui-color-secondary-text);
1188
+ --bluui-success-soft: var(--bluui-color-success-soft);
1189
+ --bluui-success-text: var(--bluui-color-success-text);
1190
+ --bluui-success-border: var(--bluui-color-success-border);
1191
+ --bluui-success: var(--bluui-color-success-solid);
1192
+ --blu-color-success-50: var(--bluui-color-success-soft);
1193
+ --blu-color-success-100: var(--bluui-color-success-border);
1194
+ --blu-color-success-600: var(--bluui-color-success-solid);
1195
+ --blu-color-success-700: var(--bluui-color-success-text);
1196
+ --blu-color-success-800: var(--bluui-color-success-text);
1197
+ --bluui-processing-soft: var(--bluui-color-processing-soft);
1198
+ --bluui-processing-text: var(--bluui-color-processing-text);
1199
+ --bluui-processing-border: var(--bluui-color-processing-border);
1200
+ --bluui-processing: var(--bluui-color-processing-solid);
1201
+ --blu-color-processing-50: var(--bluui-color-processing-soft);
1202
+ --blu-color-processing-100: var(--bluui-color-processing-border);
1203
+ --blu-color-processing-600: var(--bluui-color-processing-solid);
1204
+ --blu-color-processing-700: var(--bluui-color-processing-text);
1205
+ --blu-color-processing-800: var(--bluui-color-processing-text);
1206
+ --bluui-warning-soft: var(--bluui-color-warning-soft);
1207
+ --bluui-warning-text: var(--bluui-color-warning-text);
1208
+ --bluui-warning-border: var(--bluui-color-warning-border);
1209
+ --bluui-warning: var(--bluui-color-warning-solid);
1210
+ --blu-color-warning-50: var(--bluui-color-warning-soft);
1211
+ --blu-color-warning-100: var(--bluui-color-warning-border);
1212
+ --blu-color-warning-600: var(--bluui-color-warning-solid);
1213
+ --blu-color-warning-700: var(--bluui-color-warning-text);
1214
+ --blu-color-warning-800: var(--bluui-color-warning-text);
1215
+ --bluui-error-soft: var(--bluui-color-error-soft);
1216
+ --bluui-error-text: var(--bluui-color-error-text);
1217
+ --bluui-error-border: var(--bluui-color-error-border);
1218
+ --bluui-error: var(--bluui-color-error-solid);
1219
+ --blu-color-error-50: var(--bluui-color-error-soft);
1220
+ --blu-color-error-100: var(--bluui-color-error-border);
1221
+ --blu-color-error-600: var(--bluui-color-error-solid);
1222
+ --blu-color-error-700: var(--bluui-color-error-text);
1223
+ --blu-color-error-800: var(--bluui-color-error-text);
1224
+ --bluui-danger-soft: var(--bluui-color-danger-soft);
1225
+ --bluui-danger-text: var(--bluui-color-danger-text);
1226
+ --bluui-danger-border: var(--bluui-color-danger-border);
1227
+ --bluui-danger: var(--bluui-color-danger-solid);
1228
+ --blu-color-danger-50: var(--bluui-color-danger-soft);
1229
+ --blu-color-danger-100: var(--bluui-color-danger-border);
1230
+ --blu-color-danger-600: var(--bluui-color-danger-solid);
1231
+ --blu-color-danger-700: var(--bluui-color-danger-text);
1232
+ --blu-color-danger-800: var(--bluui-color-danger-text);
1233
+ --bluui-magenta-soft: var(--bluui-color-magenta-soft);
1234
+ --bluui-magenta-text: var(--bluui-color-magenta-text);
1235
+ --bluui-magenta-border: var(--bluui-color-magenta-border);
1236
+ --bluui-magenta: var(--bluui-color-magenta-solid);
1237
+ --blu-color-magenta-50: var(--bluui-color-magenta-soft);
1238
+ --blu-color-magenta-100: var(--bluui-color-magenta-border);
1239
+ --blu-color-magenta-600: var(--bluui-color-magenta-solid);
1240
+ --blu-color-magenta-700: var(--bluui-color-magenta-text);
1241
+ --blu-color-magenta-800: var(--bluui-color-magenta-text);
1242
+ --bluui-red-soft: var(--bluui-color-red-soft);
1243
+ --bluui-red-text: var(--bluui-color-red-text);
1244
+ --bluui-red-border: var(--bluui-color-red-border);
1245
+ --bluui-red: var(--bluui-color-red-solid);
1246
+ --blu-color-red-50: var(--bluui-color-red-soft);
1247
+ --blu-color-red-100: var(--bluui-color-red-border);
1248
+ --blu-color-red-600: var(--bluui-color-red-solid);
1249
+ --blu-color-red-700: var(--bluui-color-red-text);
1250
+ --blu-color-red-800: var(--bluui-color-red-text);
1251
+ --bluui-volcano-soft: var(--bluui-color-volcano-soft);
1252
+ --bluui-volcano-text: var(--bluui-color-volcano-text);
1253
+ --bluui-volcano-border: var(--bluui-color-volcano-border);
1254
+ --bluui-volcano: var(--bluui-color-volcano-solid);
1255
+ --blu-color-volcano-50: var(--bluui-color-volcano-soft);
1256
+ --blu-color-volcano-100: var(--bluui-color-volcano-border);
1257
+ --blu-color-volcano-600: var(--bluui-color-volcano-solid);
1258
+ --blu-color-volcano-700: var(--bluui-color-volcano-text);
1259
+ --blu-color-volcano-800: var(--bluui-color-volcano-text);
1260
+ --bluui-orange-soft: var(--bluui-color-orange-soft);
1261
+ --bluui-orange-text: var(--bluui-color-orange-text);
1262
+ --bluui-orange-border: var(--bluui-color-orange-border);
1263
+ --bluui-orange: var(--bluui-color-orange-solid);
1264
+ --blu-color-orange-50: var(--bluui-color-orange-soft);
1265
+ --blu-color-orange-100: var(--bluui-color-orange-border);
1266
+ --blu-color-orange-600: var(--bluui-color-orange-solid);
1267
+ --blu-color-orange-700: var(--bluui-color-orange-text);
1268
+ --blu-color-orange-800: var(--bluui-color-orange-text);
1269
+ --bluui-gold-soft: var(--bluui-color-gold-soft);
1270
+ --bluui-gold-text: var(--bluui-color-gold-text);
1271
+ --bluui-gold-border: var(--bluui-color-gold-border);
1272
+ --bluui-gold: var(--bluui-color-gold-solid);
1273
+ --blu-color-gold-50: var(--bluui-color-gold-soft);
1274
+ --blu-color-gold-100: var(--bluui-color-gold-border);
1275
+ --blu-color-gold-600: var(--bluui-color-gold-solid);
1276
+ --blu-color-gold-700: var(--bluui-color-gold-text);
1277
+ --blu-color-gold-800: var(--bluui-color-gold-text);
1278
+ --bluui-lime-soft: var(--bluui-color-lime-soft);
1279
+ --bluui-lime-text: var(--bluui-color-lime-text);
1280
+ --bluui-lime-border: var(--bluui-color-lime-border);
1281
+ --bluui-lime: var(--bluui-color-lime-solid);
1282
+ --blu-color-lime-50: var(--bluui-color-lime-soft);
1283
+ --blu-color-lime-100: var(--bluui-color-lime-border);
1284
+ --blu-color-lime-600: var(--bluui-color-lime-solid);
1285
+ --blu-color-lime-700: var(--bluui-color-lime-text);
1286
+ --blu-color-lime-800: var(--bluui-color-lime-text);
1287
+ --bluui-green-soft: var(--bluui-color-green-soft);
1288
+ --bluui-green-text: var(--bluui-color-green-text);
1289
+ --bluui-green-border: var(--bluui-color-green-border);
1290
+ --bluui-green: var(--bluui-color-green-solid);
1291
+ --blu-color-green-50: var(--bluui-color-green-soft);
1292
+ --blu-color-green-100: var(--bluui-color-green-border);
1293
+ --blu-color-green-600: var(--bluui-color-green-solid);
1294
+ --blu-color-green-700: var(--bluui-color-green-text);
1295
+ --blu-color-green-800: var(--bluui-color-green-text);
1296
+ --bluui-cyan-soft: var(--bluui-color-cyan-soft);
1297
+ --bluui-cyan-text: var(--bluui-color-cyan-text);
1298
+ --bluui-cyan-border: var(--bluui-color-cyan-border);
1299
+ --bluui-cyan: var(--bluui-color-cyan-solid);
1300
+ --blu-color-cyan-50: var(--bluui-color-cyan-soft);
1301
+ --blu-color-cyan-100: var(--bluui-color-cyan-border);
1302
+ --blu-color-cyan-600: var(--bluui-color-cyan-solid);
1303
+ --blu-color-cyan-700: var(--bluui-color-cyan-text);
1304
+ --blu-color-cyan-800: var(--bluui-color-cyan-text);
1305
+ --bluui-blue-soft: var(--bluui-color-blue-soft);
1306
+ --bluui-blue-text: var(--bluui-color-blue-text);
1307
+ --bluui-blue-border: var(--bluui-color-blue-border);
1308
+ --bluui-blue: var(--bluui-color-blue-solid);
1309
+ --blu-color-blue-50: var(--bluui-color-blue-soft);
1310
+ --blu-color-blue-100: var(--bluui-color-blue-border);
1311
+ --blu-color-blue-600: var(--bluui-color-blue-solid);
1312
+ --blu-color-blue-700: var(--bluui-color-blue-text);
1313
+ --blu-color-blue-800: var(--bluui-color-blue-text);
1314
+ --bluui-geekblue-soft: var(--bluui-color-geekblue-soft);
1315
+ --bluui-geekblue-text: var(--bluui-color-geekblue-text);
1316
+ --bluui-geekblue-border: var(--bluui-color-geekblue-border);
1317
+ --bluui-geekblue: var(--bluui-color-geekblue-solid);
1318
+ --blu-color-geekblue-50: var(--bluui-color-geekblue-soft);
1319
+ --blu-color-geekblue-100: var(--bluui-color-geekblue-border);
1320
+ --blu-color-geekblue-600: var(--bluui-color-geekblue-solid);
1321
+ --blu-color-geekblue-700: var(--bluui-color-geekblue-text);
1322
+ --blu-color-geekblue-800: var(--bluui-color-geekblue-text);
1323
+ --bluui-purple-soft: var(--bluui-color-purple-soft);
1324
+ --bluui-purple-text: var(--bluui-color-purple-text);
1325
+ --bluui-purple-border: var(--bluui-color-purple-border);
1326
+ --bluui-purple: var(--bluui-color-purple-solid);
1327
+ --blu-color-purple-50: var(--bluui-color-purple-soft);
1328
+ --blu-color-purple-100: var(--bluui-color-purple-border);
1329
+ --blu-color-purple-600: var(--bluui-color-purple-solid);
1330
+ --blu-color-purple-700: var(--bluui-color-purple-text);
1331
+ --blu-color-purple-800: var(--bluui-color-purple-text);
1332
+ --bluui-primary-light: var(--bluui-primary-soft);
1333
+ --bluui-info-soft: var(--bluui-processing-soft);
1334
+ --bluui-info-text: var(--bluui-processing-text);
1335
+ --bluui-info-border: var(--bluui-processing-border);
1336
+ --bluui-font: var(--blu-font-family);
1337
+ --blu-background: var(--bluui-background);
1338
+ --blu-surface: var(--bluui-surface);
1339
+ --blu-text: var(--bluui-text);
1340
+ --blu-text-secondary: var(--bluui-text-muted);
1341
+ --blu-border: var(--bluui-border);
1342
+ --blu-border-strong: var(--bluui-border-strong);
1343
+ --blu-focus-ring: var(--bluui-focus-shadow);
1344
+ --blu-shadow-xs: 0 1px 2px var(--bluui-shadow-color);
1345
+ --blu-shadow-sm: 0 2px 5px var(--bluui-shadow-color);
1346
+ --blu-shadow-md: var(--bluui-menu-shadow);
1347
+ --color-background-body: var(--bluui-background);
1348
+ --color-background-main: var(--bluui-surface);
1349
+ --color-primary: var(--bluui-primary);
1350
+ --color-primary-hover: var(--bluui-primary-hover);
1351
+ --color-focus-outer: var(--bluui-primary);
1352
+ --color-neutral-0: var(--bluui-surface);
1353
+ --color-neutral-1: var(--bluui-surface-muted);
1354
+ --color-neutral-2: var(--bluui-hover);
1355
+ --color-neutral-3: var(--bluui-border);
1356
+ --color-neutral-4: var(--bluui-control-border);
1357
+ --color-neutral-5: var(--bluui-text-subtle);
1358
+ --color-neutral-6: var(--bluui-text-muted);
1359
+ --color-neutral-7: var(--bluui-text-muted);
1360
+ --color-neutral-8: var(--bluui-text);
1361
+ --color-neutral-9: var(--bluui-text);
1362
+ --color-neutral-10: var(--bluui-text);
1363
+ --blu-color-gray-50: var(--bluui-surface);
1364
+ --blu-color-gray-100: var(--bluui-surface-muted);
1365
+ --blu-color-gray-200: var(--bluui-border);
1366
+ --blu-color-gray-300: var(--bluui-control-border);
1367
+ --blu-color-gray-400: var(--bluui-text-subtle);
1368
+ --blu-color-gray-500: var(--bluui-text-muted);
1369
+ --blu-color-gray-600: var(--bluui-text-muted);
1370
+ --blu-color-gray-700: var(--bluui-text);
1371
+ --blu-color-gray-800: var(--bluui-text);
1372
+ --blu-color-gray-900: var(--bluui-text);
1373
+ }
1374
+ }
1375
+
1376
+ /* Native controls inherit text as well as their surfaces. Keep logos and
1377
+ deliberate solid-color foregrounds independent from the surrounding mode. */
1378
+ body { background-color: var(--bluui-background); color: var(--bluui-text); }
1379
+ input, select, textarea { color-scheme: inherit; }
1380
+ :where(.form-control, .dropdown, .input, .textarea) {
1381
+ color: var(--bluui-text);
1382
+ background-color: var(--bluui-surface);
1383
+ border-color: var(--bluui-control-border);
1384
+ }
1385
+
1386
+ /* Shared appearance selector; this belongs to the edition, not its demo page. */
1387
+ .blu-theme-control{display:inline-flex;align-items:center;gap:8px;padding:0 12px;min-height:38px;border:1px solid var(--bluui-border);border-radius:9px;background:var(--bluui-surface);color:var(--bluui-text);font:13px var(--blu-font-family,system-ui)}
1388
+ .blu-theme-control svg{flex:none}
1389
+ .blu-theme-control select{appearance:auto;background:transparent;color:inherit;border:0;font:inherit;min-height:36px;padding:0 3px;cursor:pointer;max-width:100%}
1390
+ .blu-theme-control:focus-within{outline:2px solid var(--bluui-primary);outline-offset:2px}
1391
+ .blu-theme-control option{background:var(--bluui-surface);color:var(--bluui-text)}