aeico-components 0.1.7 → 0.1.9

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 (350) hide show
  1. package/README.md +0 -0
  2. package/dist/alert.cjs +637 -4
  3. package/dist/alert.cjs.map +7 -1
  4. package/dist/alert.js +575 -3
  5. package/dist/alert.js.map +7 -1
  6. package/dist/badge.cjs +573 -4
  7. package/dist/badge.cjs.map +7 -1
  8. package/dist/badge.js +510 -3
  9. package/dist/badge.js.map +7 -1
  10. package/dist/breadcrumb.cjs +709 -5
  11. package/dist/breadcrumb.cjs.map +7 -1
  12. package/dist/breadcrumb.js +644 -4
  13. package/dist/breadcrumb.js.map +7 -1
  14. package/dist/button-group.cjs +546 -4
  15. package/dist/button-group.cjs.map +7 -1
  16. package/dist/button-group.js +489 -3
  17. package/dist/button-group.js.map +7 -1
  18. package/dist/button.cjs +834 -4
  19. package/dist/button.cjs.map +7 -1
  20. package/dist/button.js +771 -3
  21. package/dist/button.js.map +7 -1
  22. package/dist/card.cjs +574 -4
  23. package/dist/card.cjs.map +7 -1
  24. package/dist/card.js +516 -3
  25. package/dist/card.js.map +7 -1
  26. package/dist/checkbox.cjs +867 -4
  27. package/dist/checkbox.cjs.map +7 -1
  28. package/dist/checkbox.js +794 -3
  29. package/dist/checkbox.js.map +7 -1
  30. package/dist/copy-button.cjs +1046 -4
  31. package/dist/copy-button.cjs.map +7 -1
  32. package/dist/copy-button.js +969 -3
  33. package/dist/copy-button.js.map +7 -1
  34. package/dist/detail-group.cjs +531 -4
  35. package/dist/detail-group.cjs.map +7 -1
  36. package/dist/detail-group.js +474 -3
  37. package/dist/detail-group.js.map +7 -1
  38. package/dist/detail.cjs +627 -4
  39. package/dist/detail.cjs.map +7 -1
  40. package/dist/detail.js +569 -3
  41. package/dist/detail.js.map +7 -1
  42. package/dist/dialog.cjs +738 -4
  43. package/dist/dialog.cjs.map +7 -1
  44. package/dist/dialog.js +665 -3
  45. package/dist/dialog.js.map +7 -1
  46. package/dist/divider.cjs +558 -4
  47. package/dist/divider.cjs.map +7 -1
  48. package/dist/divider.js +502 -3
  49. package/dist/divider.js.map +7 -1
  50. package/dist/drawer.cjs +818 -4
  51. package/dist/drawer.cjs.map +7 -1
  52. package/dist/drawer.js +749 -3
  53. package/dist/drawer.js.map +7 -1
  54. package/dist/dropdown.cjs +1396 -5
  55. package/dist/dropdown.cjs.map +7 -1
  56. package/dist/dropdown.js +1316 -4
  57. package/dist/dropdown.js.map +7 -1
  58. package/dist/icon-button.cjs +999 -4
  59. package/dist/icon-button.cjs.map +7 -1
  60. package/dist/icon-button.js +930 -3
  61. package/dist/icon-button.js.map +7 -1
  62. package/dist/icon.cjs +613 -4
  63. package/dist/icon.cjs.map +7 -1
  64. package/dist/icon.js +547 -3
  65. package/dist/icon.js.map +7 -1
  66. package/dist/index.cjs +6532 -74
  67. package/dist/index.cjs.map +7 -1
  68. package/dist/index.js +6183 -73
  69. package/dist/index.js.map +7 -1
  70. package/dist/menu.cjs +841 -4
  71. package/dist/menu.cjs.map +7 -1
  72. package/dist/menu.js +785 -3
  73. package/dist/menu.js.map +7 -1
  74. package/dist/navbar.cjs +622 -4
  75. package/dist/navbar.cjs.map +7 -1
  76. package/dist/navbar.js +564 -3
  77. package/dist/navbar.js.map +7 -1
  78. package/dist/number-input.cjs +885 -4
  79. package/dist/number-input.cjs.map +7 -1
  80. package/dist/number-input.js +817 -3
  81. package/dist/number-input.js.map +7 -1
  82. package/dist/pagination.cjs +1099 -4
  83. package/dist/pagination.cjs.map +7 -1
  84. package/dist/pagination.js +1029 -3
  85. package/dist/pagination.js.map +7 -1
  86. package/dist/progress-bar.cjs +581 -4
  87. package/dist/progress-bar.cjs.map +7 -1
  88. package/dist/progress-bar.js +525 -3
  89. package/dist/progress-bar.js.map +7 -1
  90. package/dist/radio-group.cjs +973 -5
  91. package/dist/radio-group.cjs.map +7 -1
  92. package/dist/radio-group.js +899 -4
  93. package/dist/radio-group.js.map +7 -1
  94. package/dist/select.cjs +1242 -45
  95. package/dist/select.cjs.map +7 -1
  96. package/dist/select.js +1159 -44
  97. package/dist/select.js.map +7 -1
  98. package/dist/slider.cjs +1420 -4
  99. package/dist/slider.cjs.map +7 -1
  100. package/dist/slider.js +1351 -3
  101. package/dist/slider.js.map +7 -1
  102. package/dist/spinner.cjs +587 -4
  103. package/dist/spinner.cjs.map +7 -1
  104. package/dist/spinner.js +528 -3
  105. package/dist/spinner.js.map +7 -1
  106. package/dist/styles/layout.cjs +1 -0
  107. package/dist/styles/layout.js +1 -0
  108. package/dist/styles/radius.cjs +1 -0
  109. package/dist/styles/radius.js +1 -0
  110. package/dist/styles/variables.cjs +1 -0
  111. package/dist/styles/variables.js +1 -0
  112. package/dist/switch.cjs +1092 -4
  113. package/dist/switch.cjs.map +7 -1
  114. package/dist/switch.js +1013 -3
  115. package/dist/switch.js.map +7 -1
  116. package/dist/tabs.cjs +660 -6
  117. package/dist/tabs.cjs.map +7 -1
  118. package/dist/tabs.js +591 -5
  119. package/dist/tabs.js.map +7 -1
  120. package/dist/tag.cjs +591 -3
  121. package/dist/tag.cjs.map +7 -1
  122. package/dist/tag.js +532 -2
  123. package/dist/tag.js.map +7 -1
  124. package/dist/text-input.cjs +829 -4
  125. package/dist/text-input.cjs.map +7 -1
  126. package/dist/text-input.js +761 -3
  127. package/dist/text-input.js.map +7 -1
  128. package/dist/textarea.cjs +914 -3
  129. package/dist/textarea.cjs.map +7 -1
  130. package/dist/textarea.js +854 -2
  131. package/dist/textarea.js.map +7 -1
  132. package/dist/tooltip.cjs +764 -4
  133. package/dist/tooltip.cjs.map +7 -1
  134. package/dist/tooltip.js +711 -3
  135. package/dist/tooltip.js.map +7 -1
  136. package/dist/tree.cjs +1059 -4
  137. package/dist/tree.cjs.map +7 -1
  138. package/dist/tree.js +985 -3
  139. package/dist/tree.js.map +7 -1
  140. package/dist/types/dialog/dialog.d.ts +1 -0
  141. package/dist/types/drawer/drawer.d.ts +2 -0
  142. package/dist/types/icon/defines.d.ts +2 -0
  143. package/dist/types/menu/defines.d.ts +1 -0
  144. package/dist/types/menu/menu-item.d.ts +1 -0
  145. package/dist/types/menu/menu.d.ts +1 -0
  146. package/dist/types/styles/layout.d.ts +2 -0
  147. package/dist/types/styles/radius.d.ts +2 -0
  148. package/dist/types/styles/variables.d.ts +2 -0
  149. package/package.json +31 -7
  150. package/src/alert/alert.ts +3 -3
  151. package/src/badge/badge.ts +4 -4
  152. package/src/breadcrumb/breadcrumb-item.ts +2 -2
  153. package/src/breadcrumb/breadcrumb.ts +3 -3
  154. package/src/button/button.ts +4 -4
  155. package/src/button-group/button-group.ts +8 -9
  156. package/src/card/card.ts +3 -3
  157. package/src/checkbox/checkbox.ts +6 -6
  158. package/src/copy-button/copy-button.ts +4 -4
  159. package/src/detail/detail.ts +3 -3
  160. package/src/detail-group/detail-group.ts +2 -2
  161. package/src/dialog/dialog.ts +15 -14
  162. package/src/divider/divider.ts +3 -3
  163. package/src/drawer/drawer.ts +28 -11
  164. package/src/dropdown/dropdown-item.ts +2 -2
  165. package/src/dropdown/dropdown.ts +2 -2
  166. package/src/icon/defines.ts +2 -0
  167. package/src/icon/icon.ts +4 -4
  168. package/src/menu/defines.ts +1 -0
  169. package/src/menu/menu-item.ts +14 -4
  170. package/src/menu/menu.ts +5 -2
  171. package/src/navbar/navbar.ts +3 -3
  172. package/src/number-input/number-input.ts +5 -5
  173. package/src/pagination/pagination.ts +3 -3
  174. package/src/progress-bar/progress-bar.ts +3 -3
  175. package/src/radio-group/radio-group.ts +12 -8
  176. package/src/select/select-option.ts +2 -2
  177. package/src/select/select.ts +5 -5
  178. package/src/slider/slider.ts +6 -6
  179. package/src/spinner/spinner.ts +4 -4
  180. package/src/styles/components/button-group.css +2 -0
  181. package/src/styles/components/card.css +42 -18
  182. package/src/styles/components/checkbox.css +16 -5
  183. package/src/styles/components/dialog.css +1 -1
  184. package/src/styles/components/drawer.css +50 -9
  185. package/src/styles/components/field-label.css +1 -1
  186. package/src/styles/components/menu-item.css +6 -0
  187. package/src/styles/components/navbar.css +7 -28
  188. package/src/styles/components/radio-group.css +19 -0
  189. package/src/styles/components/slider.css +30 -5
  190. package/src/styles/components/switch.css +16 -2
  191. package/src/styles/layout.css +5 -2
  192. package/src/styles/radius.css +15 -0
  193. package/src/switch/switch.ts +6 -6
  194. package/src/tabs/tab-panel.ts +1 -1
  195. package/src/tabs/tab.ts +1 -1
  196. package/src/tabs/tabs.ts +2 -2
  197. package/src/tag/tag.ts +4 -4
  198. package/src/text-input/text-input.ts +5 -5
  199. package/src/textarea/textarea.ts +5 -5
  200. package/src/tooltip/tooltip.ts +2 -2
  201. package/src/tree/tree-item.ts +2 -2
  202. package/src/tree/tree.ts +2 -2
  203. package/dist/chunks/action-button.cjs +0 -296
  204. package/dist/chunks/action-button.cjs.map +0 -1
  205. package/dist/chunks/action-button.js +0 -297
  206. package/dist/chunks/action-button.js.map +0 -1
  207. package/dist/chunks/aeico-component.cjs +0 -17
  208. package/dist/chunks/aeico-component.cjs.map +0 -1
  209. package/dist/chunks/aeico-component.js +0 -18
  210. package/dist/chunks/aeico-component.js.map +0 -1
  211. package/dist/chunks/alert.cjs +0 -164
  212. package/dist/chunks/alert.cjs.map +0 -1
  213. package/dist/chunks/alert.js +0 -165
  214. package/dist/chunks/alert.js.map +0 -1
  215. package/dist/chunks/badge.cjs +0 -85
  216. package/dist/chunks/badge.cjs.map +0 -1
  217. package/dist/chunks/badge.js +0 -86
  218. package/dist/chunks/badge.js.map +0 -1
  219. package/dist/chunks/breadcrumb-item.cjs +0 -261
  220. package/dist/chunks/breadcrumb-item.cjs.map +0 -1
  221. package/dist/chunks/breadcrumb-item.js +0 -262
  222. package/dist/chunks/breadcrumb-item.js.map +0 -1
  223. package/dist/chunks/button-group.cjs +0 -79
  224. package/dist/chunks/button-group.cjs.map +0 -1
  225. package/dist/chunks/button-group.js +0 -80
  226. package/dist/chunks/button-group.js.map +0 -1
  227. package/dist/chunks/button.cjs +0 -337
  228. package/dist/chunks/button.cjs.map +0 -1
  229. package/dist/chunks/button.js +0 -338
  230. package/dist/chunks/button.js.map +0 -1
  231. package/dist/chunks/card.cjs +0 -93
  232. package/dist/chunks/card.cjs.map +0 -1
  233. package/dist/chunks/card.js +0 -94
  234. package/dist/chunks/card.js.map +0 -1
  235. package/dist/chunks/checkbox.cjs +0 -86
  236. package/dist/chunks/checkbox.cjs.map +0 -1
  237. package/dist/chunks/checkbox.js +0 -87
  238. package/dist/chunks/checkbox.js.map +0 -1
  239. package/dist/chunks/color.cjs +0 -4
  240. package/dist/chunks/color.cjs.map +0 -1
  241. package/dist/chunks/color.js +0 -5
  242. package/dist/chunks/color.js.map +0 -1
  243. package/dist/chunks/copy-button.cjs +0 -171
  244. package/dist/chunks/copy-button.cjs.map +0 -1
  245. package/dist/chunks/copy-button.js +0 -172
  246. package/dist/chunks/copy-button.js.map +0 -1
  247. package/dist/chunks/detail-group.cjs +0 -65
  248. package/dist/chunks/detail-group.cjs.map +0 -1
  249. package/dist/chunks/detail-group.js +0 -66
  250. package/dist/chunks/detail-group.js.map +0 -1
  251. package/dist/chunks/detail.cjs +0 -146
  252. package/dist/chunks/detail.cjs.map +0 -1
  253. package/dist/chunks/detail.js +0 -147
  254. package/dist/chunks/detail.js.map +0 -1
  255. package/dist/chunks/dialog.cjs +0 -117
  256. package/dist/chunks/dialog.cjs.map +0 -1
  257. package/dist/chunks/dialog.js +0 -118
  258. package/dist/chunks/dialog.js.map +0 -1
  259. package/dist/chunks/divider.cjs +0 -80
  260. package/dist/chunks/divider.cjs.map +0 -1
  261. package/dist/chunks/divider.js +0 -81
  262. package/dist/chunks/divider.js.map +0 -1
  263. package/dist/chunks/drawer.cjs +0 -180
  264. package/dist/chunks/drawer.cjs.map +0 -1
  265. package/dist/chunks/drawer.js +0 -181
  266. package/dist/chunks/drawer.js.map +0 -1
  267. package/dist/chunks/dropdown-button.cjs +0 -533
  268. package/dist/chunks/dropdown-button.cjs.map +0 -1
  269. package/dist/chunks/dropdown-button.js +0 -534
  270. package/dist/chunks/dropdown-button.js.map +0 -1
  271. package/dist/chunks/icon-button.cjs +0 -35
  272. package/dist/chunks/icon-button.cjs.map +0 -1
  273. package/dist/chunks/icon-button.js +0 -36
  274. package/dist/chunks/icon-button.js.map +0 -1
  275. package/dist/chunks/icon.cjs +0 -124
  276. package/dist/chunks/icon.cjs.map +0 -1
  277. package/dist/chunks/icon.js +0 -125
  278. package/dist/chunks/icon.js.map +0 -1
  279. package/dist/chunks/menu.cjs +0 -396
  280. package/dist/chunks/menu.cjs.map +0 -1
  281. package/dist/chunks/menu.js +0 -397
  282. package/dist/chunks/menu.js.map +0 -1
  283. package/dist/chunks/navbar.cjs +0 -142
  284. package/dist/chunks/navbar.cjs.map +0 -1
  285. package/dist/chunks/navbar.js +0 -143
  286. package/dist/chunks/navbar.js.map +0 -1
  287. package/dist/chunks/number-input.cjs +0 -110
  288. package/dist/chunks/number-input.cjs.map +0 -1
  289. package/dist/chunks/number-input.js +0 -111
  290. package/dist/chunks/number-input.js.map +0 -1
  291. package/dist/chunks/pagination.cjs +0 -475
  292. package/dist/chunks/pagination.cjs.map +0 -1
  293. package/dist/chunks/pagination.js +0 -476
  294. package/dist/chunks/pagination.js.map +0 -1
  295. package/dist/chunks/progress-bar.cjs +0 -101
  296. package/dist/chunks/progress-bar.cjs.map +0 -1
  297. package/dist/chunks/progress-bar.js +0 -102
  298. package/dist/chunks/progress-bar.js.map +0 -1
  299. package/dist/chunks/radio.cjs +0 -185
  300. package/dist/chunks/radio.cjs.map +0 -1
  301. package/dist/chunks/radio.js +0 -186
  302. package/dist/chunks/radio.js.map +0 -1
  303. package/dist/chunks/select.cjs +0 -381
  304. package/dist/chunks/select.cjs.map +0 -1
  305. package/dist/chunks/select.js +0 -382
  306. package/dist/chunks/select.js.map +0 -1
  307. package/dist/chunks/size.cjs +0 -4
  308. package/dist/chunks/size.cjs.map +0 -1
  309. package/dist/chunks/size.js +0 -5
  310. package/dist/chunks/size.js.map +0 -1
  311. package/dist/chunks/slider.cjs +0 -608
  312. package/dist/chunks/slider.cjs.map +0 -1
  313. package/dist/chunks/slider.js +0 -609
  314. package/dist/chunks/slider.js.map +0 -1
  315. package/dist/chunks/spinner.cjs +0 -102
  316. package/dist/chunks/spinner.cjs.map +0 -1
  317. package/dist/chunks/spinner.js +0 -103
  318. package/dist/chunks/spinner.js.map +0 -1
  319. package/dist/chunks/switch.cjs +0 -167
  320. package/dist/chunks/switch.cjs.map +0 -1
  321. package/dist/chunks/switch.js +0 -168
  322. package/dist/chunks/switch.js.map +0 -1
  323. package/dist/chunks/tab-panel.cjs +0 -174
  324. package/dist/chunks/tab-panel.cjs.map +0 -1
  325. package/dist/chunks/tab-panel.js +0 -175
  326. package/dist/chunks/tab-panel.js.map +0 -1
  327. package/dist/chunks/tag.cjs +0 -108
  328. package/dist/chunks/tag.cjs.map +0 -1
  329. package/dist/chunks/tag.js +0 -109
  330. package/dist/chunks/tag.js.map +0 -1
  331. package/dist/chunks/text-input.cjs +0 -54
  332. package/dist/chunks/text-input.cjs.map +0 -1
  333. package/dist/chunks/text-input.js +0 -55
  334. package/dist/chunks/text-input.js.map +0 -1
  335. package/dist/chunks/textarea.cjs +0 -137
  336. package/dist/chunks/textarea.cjs.map +0 -1
  337. package/dist/chunks/textarea.js +0 -138
  338. package/dist/chunks/textarea.js.map +0 -1
  339. package/dist/chunks/tooltip.cjs +0 -292
  340. package/dist/chunks/tooltip.cjs.map +0 -1
  341. package/dist/chunks/tooltip.js +0 -293
  342. package/dist/chunks/tooltip.js.map +0 -1
  343. package/dist/chunks/tree.cjs +0 -468
  344. package/dist/chunks/tree.cjs.map +0 -1
  345. package/dist/chunks/tree.js +0 -469
  346. package/dist/chunks/tree.js.map +0 -1
  347. package/dist/chunks/variables.cjs +0 -396
  348. package/dist/chunks/variables.cjs.map +0 -1
  349. package/dist/chunks/variables.js +0 -397
  350. package/dist/chunks/variables.js.map +0 -1
package/dist/chunks/variables.cjs DELETED
@@ -1,396 +0,0 @@
1
- "use strict";
2
- const variables = `:root,
3
- :host {
4
- --ae-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
5
- "Noto Sans", "Liberation Sans", Arial, sans-serif,
6
- "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
7
- --ae-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
8
- "Liberation Mono", "Courier New", monospace;
9
- font-family: var(--ae-font-sans-serif);
10
- --ae-blue: #0e639c;
11
- --ae-green: #28a745;
12
- --ae-red: #dc3545;
13
- --ae-yellow: #ffc107;
14
- --ae-cyan: #17a2b8;
15
- --ae-gray: #6e6e6e;
16
- --ae-slate: #64748b;
17
- --ae-dark: #343a40;
18
- --ae-light: #f8f9fa;
19
- }
20
-
21
- :root,
22
- :host {
23
- /* Blue */
24
- --ae-blue-100: color-mix(in srgb, var(--ae-blue) 20%, white);
25
- --ae-blue-200: color-mix(in srgb, var(--ae-blue) 40%, white);
26
- --ae-blue-300: color-mix(in srgb, var(--ae-blue) 60%, white);
27
- --ae-blue-400: color-mix(in srgb, var(--ae-blue) 80%, white);
28
- --ae-blue-500: var(--ae-blue);
29
- --ae-blue-600: color-mix(in srgb, var(--ae-blue) 80%, black);
30
- --ae-blue-700: color-mix(in srgb, var(--ae-blue) 60%, black);
31
- --ae-blue-800: color-mix(in srgb, var(--ae-blue) 40%, black);
32
- --ae-blue-900: color-mix(in srgb, var(--ae-blue) 20%, black);
33
-
34
- /* Green */
35
- --ae-green-100: color-mix(in srgb, var(--ae-green) 20%, white);
36
- --ae-green-200: color-mix(in srgb, var(--ae-green) 40%, white);
37
- --ae-green-300: color-mix(in srgb, var(--ae-green) 60%, white);
38
- --ae-green-400: color-mix(in srgb, var(--ae-green) 80%, white);
39
- --ae-green-500: var(--ae-green);
40
- --ae-green-600: color-mix(in srgb, var(--ae-green) 80%, black);
41
- --ae-green-700: color-mix(in srgb, var(--ae-green) 60%, black);
42
- --ae-green-800: color-mix(in srgb, var(--ae-green) 40%, black);
43
- --ae-green-900: color-mix(in srgb, var(--ae-green) 20%, black);
44
-
45
- /* Red */
46
- --ae-red-100: color-mix(in srgb, var(--ae-red) 20%, white);
47
- --ae-red-200: color-mix(in srgb, var(--ae-red) 40%, white);
48
- --ae-red-300: color-mix(in srgb, var(--ae-red) 60%, white);
49
- --ae-red-400: color-mix(in srgb, var(--ae-red) 80%, white);
50
- --ae-red-500: var(--ae-red);
51
- --ae-red-600: color-mix(in srgb, var(--ae-red) 80%, black);
52
- --ae-red-700: color-mix(in srgb, var(--ae-red) 60%, black);
53
- --ae-red-800: color-mix(in srgb, var(--ae-red) 40%, black);
54
- --ae-red-900: color-mix(in srgb, var(--ae-red) 20%, black);
55
-
56
- /* Yellow */
57
- --ae-yellow-100: color-mix(in srgb, var(--ae-yellow) 20%, white);
58
- --ae-yellow-200: color-mix(in srgb, var(--ae-yellow) 40%, white);
59
- --ae-yellow-300: color-mix(in srgb, var(--ae-yellow) 60%, white);
60
- --ae-yellow-400: color-mix(in srgb, var(--ae-yellow) 80%, white);
61
- --ae-yellow-500: var(--ae-yellow);
62
- --ae-yellow-600: color-mix(in srgb, var(--ae-yellow) 80%, black);
63
- --ae-yellow-700: color-mix(in srgb, var(--ae-yellow) 60%, black);
64
- --ae-yellow-800: color-mix(in srgb, var(--ae-yellow) 40%, black);
65
- --ae-yellow-900: color-mix(in srgb, var(--ae-yellow) 20%, black);
66
-
67
- /* Cyan */
68
- --ae-cyan-100: color-mix(in srgb, var(--ae-cyan) 20%, white);
69
- --ae-cyan-200: color-mix(in srgb, var(--ae-cyan) 40%, white);
70
- --ae-cyan-300: color-mix(in srgb, var(--ae-cyan) 60%, white);
71
- --ae-cyan-400: color-mix(in srgb, var(--ae-cyan) 80%, white);
72
- --ae-cyan-500: var(--ae-cyan);
73
- --ae-cyan-600: color-mix(in srgb, var(--ae-cyan) 80%, black);
74
- --ae-cyan-700: color-mix(in srgb, var(--ae-cyan) 60%, black);
75
- --ae-cyan-800: color-mix(in srgb, var(--ae-cyan) 40%, black);
76
- --ae-cyan-900: color-mix(in srgb, var(--ae-cyan) 20%, black);
77
-
78
- /* Gray (neutral — base #6e6e6e) */
79
- --ae-gray-100: color-mix(in srgb, var(--ae-gray) 20%, white);
80
- --ae-gray-200: color-mix(in srgb, var(--ae-gray) 40%, white);
81
- --ae-gray-300: color-mix(in srgb, var(--ae-gray) 60%, white);
82
- --ae-gray-400: color-mix(in srgb, var(--ae-gray) 80%, white);
83
- --ae-gray-500: var(--ae-gray);
84
- --ae-gray-600: color-mix(in srgb, var(--ae-gray) 80%, black);
85
- --ae-gray-700: color-mix(in srgb, var(--ae-gray) 60%, black);
86
- --ae-gray-800: color-mix(in srgb, var(--ae-gray) 40%, black);
87
- --ae-gray-900: color-mix(in srgb, var(--ae-gray) 20%, black);
88
-
89
- /* Slate (blue-gray — base #64748b, used for 'secondary') */
90
- --ae-slate-100: color-mix(in srgb, var(--ae-slate) 20%, white);
91
- --ae-slate-200: color-mix(in srgb, var(--ae-slate) 40%, white);
92
- --ae-slate-300: color-mix(in srgb, var(--ae-slate) 60%, white);
93
- --ae-slate-400: color-mix(in srgb, var(--ae-slate) 80%, white);
94
- --ae-slate-500: var(--ae-slate);
95
- --ae-slate-600: color-mix(in srgb, var(--ae-slate) 80%, black);
96
- --ae-slate-700: color-mix(in srgb, var(--ae-slate) 60%, black);
97
- --ae-slate-800: color-mix(in srgb, var(--ae-slate) 40%, black);
98
- --ae-slate-900: color-mix(in srgb, var(--ae-slate) 20%, black);
99
-
100
- /* Dark (base #343a40) */
101
- --ae-dark-100: color-mix(in srgb, var(--ae-dark) 20%, white);
102
- --ae-dark-200: color-mix(in srgb, var(--ae-dark) 40%, white);
103
- --ae-dark-300: color-mix(in srgb, var(--ae-dark) 60%, white);
104
- --ae-dark-400: color-mix(in srgb, var(--ae-dark) 80%, white);
105
- --ae-dark-500: var(--ae-dark);
106
- --ae-dark-600: color-mix(in srgb, var(--ae-dark) 80%, black);
107
- --ae-dark-700: color-mix(in srgb, var(--ae-dark) 60%, black);
108
- --ae-dark-800: color-mix(in srgb, var(--ae-dark) 40%, black);
109
- --ae-dark-900: color-mix(in srgb, var(--ae-dark) 20%, black);
110
-
111
- /* Light (base #f8f9fa) */
112
- --ae-light-100: color-mix(in srgb, var(--ae-light) 20%, white);
113
- --ae-light-200: color-mix(in srgb, var(--ae-light) 40%, white);
114
- --ae-light-300: color-mix(in srgb, var(--ae-light) 60%, white);
115
- --ae-light-400: color-mix(in srgb, var(--ae-light) 80%, white);
116
- --ae-light-500: var(--ae-light);
117
- --ae-light-600: color-mix(in srgb, var(--ae-light) 80%, black);
118
- --ae-light-700: color-mix(in srgb, var(--ae-light) 60%, black);
119
- --ae-light-800: color-mix(in srgb, var(--ae-light) 40%, black);
120
- --ae-light-900: color-mix(in srgb, var(--ae-light) 20%, black);
121
- }
122
-
123
- :root,
124
- :host {
125
- /* Hover / active mix (light default — overridden in § 6 dark) */
126
- --ae-color-mix-hover: black 10%;
127
- --ae-color-mix-active: black 20%;
128
-
129
- /* Primary (Blue) */
130
- --ae-color-primary: var(--ae-blue-500);
131
- --ae-color-primary-hover: color-mix(in srgb, var(--ae-color-primary), var(--ae-color-mix-hover));
132
- --ae-color-primary-active: color-mix(in srgb, var(--ae-color-primary), var(--ae-color-mix-active));
133
- --ae-color-primary-disabled: color-mix(in srgb, var(--ae-blue) 50%, var(--ae-gray-500));
134
-
135
- /* Success (Green) */
136
- --ae-color-success: var(--ae-green-500);
137
- --ae-color-success-hover: color-mix(in srgb, var(--ae-color-success), var(--ae-color-mix-hover));
138
- --ae-color-success-active: color-mix(in srgb, var(--ae-color-success), var(--ae-color-mix-active));
139
- --ae-color-success-disabled: color-mix(in srgb, var(--ae-green) 50%, var(--ae-gray-500));
140
-
141
- /* Danger (Red) */
142
- --ae-color-danger: var(--ae-red-500);
143
- --ae-color-danger-hover: color-mix(in srgb, var(--ae-color-danger), var(--ae-color-mix-hover));
144
- --ae-color-danger-active: color-mix(in srgb, var(--ae-color-danger), var(--ae-color-mix-active));
145
- --ae-color-danger-disabled: color-mix(in srgb, var(--ae-red) 50%, var(--ae-gray-500));
146
-
147
- /* Warning (Yellow) */
148
- --ae-color-warning: var(--ae-yellow-500);
149
- --ae-color-warning-hover: color-mix(in srgb, var(--ae-color-warning), var(--ae-color-mix-hover));
150
- --ae-color-warning-active: color-mix(in srgb, var(--ae-color-warning), var(--ae-color-mix-active));
151
- --ae-color-warning-disabled: color-mix(in srgb, var(--ae-yellow) 50%, var(--ae-gray-500));
152
-
153
- /* Info (Cyan) */
154
- --ae-color-info: var(--ae-cyan-500);
155
- --ae-color-info-hover: color-mix(in srgb, var(--ae-color-info), var(--ae-color-mix-hover));
156
- --ae-color-info-active: color-mix(in srgb, var(--ae-color-info), var(--ae-color-mix-active));
157
- --ae-color-info-disabled: color-mix(in srgb, var(--ae-cyan) 50%, var(--ae-gray-500));
158
-
159
- /* Secondary (Slate) — base differs per theme, overridden in § 6 dark */
160
- --ae-color-secondary: var(--ae-slate-500);
161
- --ae-color-secondary-hover: color-mix(in srgb, var(--ae-color-secondary), var(--ae-color-mix-hover));
162
- --ae-color-secondary-active: color-mix(in srgb, var(--ae-color-secondary), var(--ae-color-mix-active));
163
- --ae-color-secondary-text: var(--ae-slate-700);
164
- }
165
-
166
-
167
- .theme-light,
168
- :root[theme="light"],
169
- :host([theme="light"]),
170
- :host-context([theme="light"]),
171
- :where(:root),
172
- :host {
173
- color-scheme: light;
174
-
175
- /* Gray UI aliases — lighter palette steps for elements on white background */
176
- --ae-color-gray-dark: var(--ae-gray-400);
177
- --ae-color-gray: var(--ae-gray-300);
178
- --ae-color-gray-light: var(--ae-gray-200);
179
- --ae-color-gray-lighter: var(--ae-gray-100);
180
- --ae-color-gray-lightest: color-mix(in srgb, var(--ae-gray) 10%, white);
181
-
182
- /* Text */
183
- --ae-color-text-main: var(--ae-dark-700);
184
- --ae-color-text-muted: var(--ae-gray-600);
185
- --ae-color-text-disabled: var(--ae-gray-300);
186
- --ae-color-text-link: var(--ae-blue-500);
187
- --ae-color-text-link-hover: var(--ae-blue-700);
188
-
189
- /* Surfaces */
190
- --ae-surface-sunken: var(--ae-light-500);
191
- --ae-surface-base: white;
192
- --ae-surface-raised: var(--ae-light-500);
193
- --ae-surface-overlay: white;
194
- --ae-color-overlay: rgba(0, 0, 0, 0.4);
195
-
196
- /* Borders */
197
- --ae-border-subtle: rgba(0, 0, 0, 0.08);
198
- --ae-border-default: rgba(0, 0, 0, 0.15);
199
- --ae-border-hover: rgba(0, 0, 0, 0.25);
200
- --ae-border-focus: var(--ae-color-primary);
201
- --ae-border-disabled: rgba(0, 0, 0, 0.06);
202
-
203
- /* Focus ring */
204
- --ae-focus-ring: rgb(from var(--ae-blue) r g b / 0.30);
205
- --ae-focus-ring-sm: rgb(from var(--ae-blue) r g b / 0.15);
206
-
207
- /* Subtle intent tokens — light context */
208
- --ae-color-primary-bg-subtle: rgb(from var(--ae-blue) r g b / 0.08);
209
- --ae-color-primary-border-subtle: rgb(from var(--ae-blue) r g b / 0.40);
210
- --ae-color-primary-text-emphasis: var(--ae-blue-700);
211
-
212
- --ae-color-success-bg-subtle: rgb(from var(--ae-green) r g b / 0.08);
213
- --ae-color-success-border-subtle: rgb(from var(--ae-green) r g b / 0.40);
214
- --ae-color-success-text-emphasis: var(--ae-green-700);
215
-
216
- --ae-color-danger-bg-subtle: rgb(from var(--ae-red) r g b / 0.08);
217
- --ae-color-danger-border-subtle: rgb(from var(--ae-red) r g b / 0.40);
218
- --ae-color-danger-text-emphasis: var(--ae-red-700);
219
-
220
- --ae-color-warning-bg-subtle: rgb(from var(--ae-yellow) r g b / 0.08);
221
- --ae-color-warning-border-subtle: rgb(from var(--ae-yellow) r g b / 0.40);
222
- --ae-color-warning-text-emphasis: var(--ae-yellow-700);
223
-
224
- --ae-color-info-bg-subtle: rgb(from var(--ae-cyan) r g b / 0.08);
225
- --ae-color-info-border-subtle: rgb(from var(--ae-cyan) r g b / 0.40);
226
- --ae-color-info-text-emphasis: var(--ae-cyan-700);
227
-
228
- --ae-color-secondary-bg-subtle: rgb(from var(--ae-slate) r g b / 0.08);
229
- --ae-color-secondary-border-subtle: rgb(from var(--ae-slate) r g b / 0.40);
230
- --ae-color-secondary-text-emphasis: var(--ae-slate-700);
231
-
232
- --ae-color-light-bg-subtle: var(--ae-gray-100); /* opaque on white: ~#e2e2e2 */
233
- --ae-color-light-border-subtle: var(--ae-gray-200); /* opaque on white: ~#c4c4c4 */
234
-
235
- --ae-color-dark-bg-subtle: var(--ae-dark-100); /* opaque on white: ~#d6d8d9 */
236
- --ae-color-dark-border-subtle: var(--ae-dark-300); /* opaque on white: ~#85898c */
237
-
238
- /* Component tokens — light defaults */
239
- --ae-action-btn-bg: var(--ae-gray-200);
240
- --ae-action-btn-bg-hover: var(--ae-color-primary);
241
- --ae-action-btn-color: var(--ae-gray-600);
242
- --ae-action-btn-color-hover: white;
243
-
244
- --ae-clear-btn-bg-hover: var(--ae-color-danger);
245
- --ae-clear-btn-color-hover: white;
246
-
247
- --ae-reset-btn-border-radius: var(--ae-radius-xs);
248
- --ae-reset-btn-bg: var(--ae-action-btn-bg);
249
- --ae-reset-btn-bg-hover: var(--ae-action-btn-bg-hover);
250
- --ae-reset-btn-color: var(--ae-action-btn-color);
251
- --ae-reset-btn-color-hover: var(--ae-action-btn-color-hover);
252
- --ae-reset-btn-transition: all 0.12s;
253
-
254
- --ae-clear-btn-border-radius: var(--ae-radius-xs);
255
- --ae-clear-btn-bg: var(--ae-action-btn-bg);
256
- --ae-clear-btn-color: var(--ae-action-btn-color);
257
- --ae-clear-btn-transition: all 0.12s;
258
- }
259
-
260
- :root,
261
- :host {
262
- --ae-size-scale: 1;
263
- --ae-size-base: calc(1rem * var(--ae-size-scale)); /* 16px */
264
- --ae-size-xl: round(calc(var(--ae-size-l) * 1.125), 1px); /* 23px */
265
- --ae-size-l: round(calc(var(--ae-size-m) * 1.125 * 1.125), 1px); /* 20px */
266
- --ae-size-m: var(--ae-size-base); /* 16px */
267
- --ae-size-s: round(calc(var(--ae-size-m) / 1.125), 1px); /* 14px */
268
- --ae-size-xs: round(calc(var(--ae-size-s) / 1.125), 1px); /* 12px */
269
- --ae-size-2xs: round(calc(var(--ae-size-xs) / 1.125), 1px); /* 11px */
270
- --ae-size-3xs: round(calc(var(--ae-size-2xs) / 1.125), 1px); /* 10px */
271
- }
272
-
273
- /* Border-radius tokens — shared across all components */
274
- :root,
275
- :host {
276
- /**
277
- * Unified border-radius hook for all components.
278
- *
279
- * Not set by default — each component falls back to its own --ae-radius-*
280
- * token (e.g. button → sm, card → lg, input → xs).
281
- *
282
- * Usage:
283
- * :root { --ae-border-radius: 0; } // global: all components square
284
- * :root { --ae-border-radius: 999px; } // global: all components pill
285
- * ae-button { --ae-border-radius: 50%; } // scoped: only buttons circular
286
- * .sidebar { --ae-border-radius: 8px; } // scoped: everything inside .sidebar
287
- *
288
- * To restore a component to its own default:
289
- * ae-card { --ae-border-radius: initial; }
290
- */
291
-
292
- --ae-radius-square: 0;
293
- --ae-radius-xs: 2px;
294
- --ae-radius-sm: 4px;
295
- --ae-radius-md: 6px;
296
- --ae-radius-lg: 8px;
297
- --ae-radius-xl: 12px;
298
- --ae-radius-pill: 999px;
299
- --ae-radius-circle: 50%;
300
- }
301
-
302
- /* Layout tokens — defined on :root so all light DOM elements can use them */
303
- :root,
304
- :host {
305
- --container-max-width: 1280px;
306
- --container-padding-x: 1.5rem;
307
- }
308
-
309
- .theme-dark,
310
- :root[theme="dark"],
311
- :host([theme="dark"]),
312
- :host-context([theme="dark"]) {
313
- color-scheme: dark;
314
-
315
- /* Hover / active — slightly gentler on dark backgrounds */
316
- --ae-color-mix-hover: black 8%;
317
- --ae-color-mix-active: black 16%;
318
-
319
- /* Gray UI aliases — darker palette steps for elements on dark background */
320
- --ae-color-gray-dark: var(--ae-gray-800);
321
- --ae-color-gray: var(--ae-gray-700);
322
- --ae-color-gray-light: var(--ae-gray-600);
323
- --ae-color-gray-lighter: var(--ae-gray-500);
324
- --ae-color-gray-lightest: var(--ae-gray-400);
325
-
326
- /* Secondary — deeper base on dark background */
327
- --ae-color-secondary: var(--ae-slate-700);
328
- --ae-color-secondary-text: var(--ae-slate-300);
329
-
330
- /* Text */
331
- --ae-color-text-main: white;
332
- --ae-color-text-muted: var(--ae-gray-200);
333
- --ae-color-text-disabled: var(--ae-gray-500);
334
- --ae-color-text-link: var(--ae-blue-300);
335
- --ae-color-text-link-hover: var(--ae-blue-200);
336
-
337
- /* Surfaces */
338
- --ae-surface-sunken: var(--ae-gray-900);
339
- --ae-surface-base: color-mix(in srgb, var(--ae-gray) 27%, black);
340
- --ae-surface-raised: color-mix(in srgb, var(--ae-gray) 34%, black);
341
- --ae-surface-overlay: color-mix(in srgb, var(--ae-gray) 38%, black);
342
- --ae-color-overlay: rgba(0, 0, 0, 0.6);
343
-
344
- /* Borders */
345
- --ae-border-subtle: rgba(255, 255, 255, 0.08);
346
- --ae-border-default: rgba(255, 255, 255, 0.12);
347
- --ae-border-hover: rgba(255, 255, 255, 0.20);
348
- --ae-border-focus: var(--ae-color-primary);
349
- --ae-border-disabled: rgba(255, 255, 255, 0.06);
350
-
351
- /* Focus ring */
352
- --ae-focus-ring: rgb(from var(--ae-blue) r g b / 0.25);
353
- --ae-focus-ring-sm: rgb(from var(--ae-blue) r g b / 0.10);
354
-
355
- /* Subtle intent tokens — dark context (more alpha, lighter text-emphasis) */
356
- --ae-color-primary-bg-subtle: rgb(from var(--ae-blue) r g b / 0.10);
357
- --ae-color-primary-border-subtle: rgb(from var(--ae-blue) r g b / 0.30);
358
- --ae-color-primary-text-emphasis: var(--ae-blue-300);
359
-
360
- --ae-color-success-bg-subtle: rgb(from var(--ae-green) r g b / 0.10);
361
- --ae-color-success-border-subtle: rgb(from var(--ae-green) r g b / 0.30);
362
- --ae-color-success-text-emphasis: var(--ae-green-300);
363
-
364
- --ae-color-danger-bg-subtle: rgb(from var(--ae-red) r g b / 0.10);
365
- --ae-color-danger-border-subtle: rgb(from var(--ae-red) r g b / 0.30);
366
- --ae-color-danger-text-emphasis: var(--ae-red-300);
367
-
368
- --ae-color-warning-bg-subtle: rgb(from var(--ae-yellow) r g b / 0.10);
369
- --ae-color-warning-border-subtle: rgb(from var(--ae-yellow) r g b / 0.30);
370
- --ae-color-warning-text-emphasis: var(--ae-yellow-300);
371
-
372
- --ae-color-info-bg-subtle: rgb(from var(--ae-cyan) r g b / 0.10);
373
- --ae-color-info-border-subtle: rgb(from var(--ae-cyan) r g b / 0.30);
374
- --ae-color-info-text-emphasis: var(--ae-cyan-300);
375
-
376
- --ae-color-secondary-bg-subtle: rgb(from var(--ae-slate) r g b / 0.10);
377
- --ae-color-secondary-border-subtle: rgb(from var(--ae-slate) r g b / 0.30);
378
- --ae-color-secondary-text-emphasis: var(--ae-slate-300);
379
-
380
- --ae-color-light-bg-subtle: rgb(from var(--ae-light) r g b / 0.20);
381
- --ae-color-light-border-subtle: rgb(from var(--ae-light) r g b / 0.25);
382
-
383
- --ae-color-dark-bg-subtle: rgb(from var(--ae-dark) r g b / 0.30);
384
- --ae-color-dark-border-subtle: rgb(from var(--ae-dark) r g b / 0.50);
385
-
386
- /* Component tokens — dark overrides */
387
- --ae-action-btn-bg: var(--ae-color-gray);
388
- --ae-action-btn-bg-hover: color-mix(in srgb, var(--ae-blue) 25%, var(--ae-gray-800));
389
- --ae-action-btn-color: var(--ae-gray-400);
390
- --ae-action-btn-color-hover: var(--ae-cyan-300);
391
- --ae-clear-btn-bg-hover: color-mix(in srgb, var(--ae-red) 25%, var(--ae-gray-800));
392
- --ae-clear-btn-color-hover: var(--ae-red-300);
393
- }
394
- `;
395
- exports.variables = variables;
396
- //# sourceMappingURL=variables.cjs.map
package/dist/chunks/variables.cjs.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"variables.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}