@rokkit/themes 1.0.0-next.151 → 1.0.0-next.153

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 (262) hide show
  1. package/build.mjs +14 -5
  2. package/dist/ant-design.css +89 -25
  3. package/dist/base.css +488 -40
  4. package/dist/bits-ui.css +69 -16
  5. package/dist/carbon.css +82 -31
  6. package/dist/daisy-ui.css +73 -16
  7. package/dist/frosted.css +1953 -0
  8. package/dist/grada-ui.css +186 -37
  9. package/dist/index.css +2433 -1065
  10. package/dist/material.css +95 -18
  11. package/dist/minimal.css +120 -47
  12. package/dist/rokkit.css +174 -17
  13. package/dist/shadcn.css +70 -24
  14. package/package.json +5 -5
  15. package/src/ant-design/button.css +31 -24
  16. package/src/ant-design/card.css +4 -4
  17. package/src/ant-design/chart.css +5 -5
  18. package/src/ant-design/dropdown.css +7 -7
  19. package/src/ant-design/floating-action.css +5 -5
  20. package/src/ant-design/floating-navigation.css +4 -4
  21. package/src/ant-design/grid.css +1 -1
  22. package/src/ant-design/index.css +1 -0
  23. package/src/ant-design/input.css +4 -2
  24. package/src/ant-design/list.css +11 -11
  25. package/src/ant-design/menu.css +6 -6
  26. package/src/ant-design/range.css +1 -1
  27. package/src/ant-design/search-filter.css +2 -2
  28. package/src/ant-design/select.css +12 -12
  29. package/src/ant-design/status-list.css +1 -1
  30. package/src/ant-design/step-indicator.css +38 -0
  31. package/src/ant-design/switch.css +2 -2
  32. package/src/ant-design/table.css +8 -6
  33. package/src/ant-design/tabs.css +13 -9
  34. package/src/ant-design/toggle.css +3 -3
  35. package/src/ant-design/toolbar.css +7 -7
  36. package/src/ant-design/tree.css +21 -11
  37. package/src/ant-design/upload-progress.css +1 -1
  38. package/src/ant-design/upload-target.css +1 -1
  39. package/src/base/avatar.css +82 -0
  40. package/src/base/badge.css +41 -0
  41. package/src/base/button.css +6 -6
  42. package/src/base/card.css +7 -4
  43. package/src/base/chart.css +5 -5
  44. package/src/base/density.css +51 -0
  45. package/src/base/divider.css +49 -0
  46. package/src/base/dropdown.css +5 -4
  47. package/src/base/index.css +6 -0
  48. package/src/base/input.css +3 -1
  49. package/src/base/list.css +12 -7
  50. package/src/base/menu.css +7 -5
  51. package/src/base/stack.css +76 -0
  52. package/src/base/step-indicator.css +74 -0
  53. package/src/base/swatch.css +12 -6
  54. package/src/base/table.css +52 -2
  55. package/src/bits-ui/button.css +18 -18
  56. package/src/bits-ui/card.css +4 -4
  57. package/src/bits-ui/chart.css +5 -5
  58. package/src/bits-ui/dropdown.css +5 -5
  59. package/src/bits-ui/floating-action.css +5 -5
  60. package/src/bits-ui/floating-navigation.css +2 -2
  61. package/src/bits-ui/index.css +1 -0
  62. package/src/bits-ui/input.css +8 -4
  63. package/src/bits-ui/list.css +4 -4
  64. package/src/bits-ui/menu.css +5 -5
  65. package/src/bits-ui/range.css +2 -2
  66. package/src/bits-ui/search-filter.css +2 -2
  67. package/src/bits-ui/select.css +9 -9
  68. package/src/bits-ui/status-list.css +1 -1
  69. package/src/bits-ui/step-indicator.css +40 -0
  70. package/src/bits-ui/switch.css +2 -2
  71. package/src/bits-ui/table.css +1 -1
  72. package/src/bits-ui/tabs.css +5 -5
  73. package/src/bits-ui/toggle.css +2 -2
  74. package/src/bits-ui/toolbar.css +7 -7
  75. package/src/bits-ui/tree.css +12 -4
  76. package/src/bits-ui/upload-progress.css +1 -1
  77. package/src/carbon/button.css +23 -20
  78. package/src/carbon/card.css +5 -5
  79. package/src/carbon/chart.css +5 -5
  80. package/src/carbon/dropdown.css +8 -8
  81. package/src/carbon/floating-action.css +8 -8
  82. package/src/carbon/floating-navigation.css +5 -5
  83. package/src/carbon/index.css +1 -0
  84. package/src/carbon/input.css +2 -2
  85. package/src/carbon/list.css +12 -14
  86. package/src/carbon/menu.css +8 -8
  87. package/src/carbon/range.css +2 -2
  88. package/src/carbon/search-filter.css +2 -2
  89. package/src/carbon/select.css +13 -13
  90. package/src/carbon/status-list.css +1 -1
  91. package/src/carbon/step-indicator.css +40 -0
  92. package/src/carbon/switch.css +3 -3
  93. package/src/carbon/table.css +6 -6
  94. package/src/carbon/tabs.css +10 -8
  95. package/src/carbon/toc.css +2 -2
  96. package/src/carbon/toggle.css +3 -3
  97. package/src/carbon/toolbar.css +8 -9
  98. package/src/carbon/tree.css +22 -14
  99. package/src/carbon/upload-progress.css +2 -2
  100. package/src/carbon/upload-target.css +2 -2
  101. package/src/daisy-ui/button.css +20 -19
  102. package/src/daisy-ui/card.css +5 -5
  103. package/src/daisy-ui/chart.css +5 -5
  104. package/src/daisy-ui/dropdown.css +8 -8
  105. package/src/daisy-ui/floating-action.css +6 -6
  106. package/src/daisy-ui/floating-navigation.css +5 -5
  107. package/src/daisy-ui/grid.css +1 -1
  108. package/src/daisy-ui/index.css +1 -0
  109. package/src/daisy-ui/input.css +5 -3
  110. package/src/daisy-ui/list.css +9 -9
  111. package/src/daisy-ui/menu.css +7 -7
  112. package/src/daisy-ui/range.css +3 -3
  113. package/src/daisy-ui/search-filter.css +3 -3
  114. package/src/daisy-ui/select.css +14 -14
  115. package/src/daisy-ui/status-list.css +1 -1
  116. package/src/daisy-ui/step-indicator.css +37 -0
  117. package/src/daisy-ui/switch.css +3 -3
  118. package/src/daisy-ui/table.css +7 -5
  119. package/src/daisy-ui/tabs.css +10 -6
  120. package/src/daisy-ui/toggle.css +3 -3
  121. package/src/daisy-ui/toolbar.css +6 -6
  122. package/src/daisy-ui/tree.css +20 -10
  123. package/src/daisy-ui/upload-target.css +1 -1
  124. package/src/frosted/button.css +224 -0
  125. package/src/frosted/card.css +130 -0
  126. package/src/frosted/chart.css +38 -0
  127. package/src/frosted/dropdown.css +66 -0
  128. package/src/{glass → frosted}/floating-action.css +10 -10
  129. package/src/{glass → frosted}/floating-navigation.css +13 -13
  130. package/src/{glass → frosted}/index.css +1 -0
  131. package/src/frosted/input.css +135 -0
  132. package/src/frosted/list.css +122 -0
  133. package/src/frosted/menu.css +108 -0
  134. package/src/frosted/message.css +35 -0
  135. package/src/{glass → frosted}/range.css +10 -10
  136. package/src/{glass → frosted}/search-filter.css +8 -8
  137. package/src/{glass → frosted}/select.css +34 -34
  138. package/src/frosted/status-list.css +66 -0
  139. package/src/frosted/step-indicator.css +41 -0
  140. package/src/frosted/swatch.css +21 -0
  141. package/src/frosted/switch.css +43 -0
  142. package/src/frosted/table.css +106 -0
  143. package/src/{glass → frosted}/tabs.css +10 -10
  144. package/src/{glass → frosted}/timeline.css +7 -7
  145. package/src/frosted/toc.css +18 -0
  146. package/src/{glass → frosted}/toggle.css +9 -9
  147. package/src/{glass → frosted}/toolbar.css +16 -16
  148. package/src/{glass → frosted}/tree.css +20 -20
  149. package/src/grada-ui/button.css +20 -6
  150. package/src/grada-ui/card.css +12 -6
  151. package/src/grada-ui/chart.css +5 -5
  152. package/src/grada-ui/dropdown.css +7 -3
  153. package/src/grada-ui/floating-action.css +11 -4
  154. package/src/grada-ui/floating-navigation.css +5 -1
  155. package/src/grada-ui/index.css +1 -0
  156. package/src/grada-ui/input.css +2 -2
  157. package/src/grada-ui/list.css +15 -3
  158. package/src/grada-ui/menu.css +2 -2
  159. package/src/grada-ui/range.css +5 -1
  160. package/src/grada-ui/search-filter.css +6 -2
  161. package/src/grada-ui/select.css +27 -9
  162. package/src/grada-ui/status-list.css +5 -1
  163. package/src/grada-ui/step-indicator.css +37 -0
  164. package/src/grada-ui/switch.css +7 -3
  165. package/src/grada-ui/table.css +2 -2
  166. package/src/grada-ui/tabs.css +5 -1
  167. package/src/grada-ui/timeline.css +10 -2
  168. package/src/grada-ui/toggle.css +7 -3
  169. package/src/grada-ui/toolbar.css +10 -2
  170. package/src/grada-ui/tree.css +8 -2
  171. package/src/index.css +2 -2
  172. package/src/material/button.css +5 -5
  173. package/src/material/card.css +4 -4
  174. package/src/material/chart.css +5 -5
  175. package/src/material/dropdown.css +7 -7
  176. package/src/material/floating-action.css +5 -5
  177. package/src/material/floating-navigation.css +4 -4
  178. package/src/material/index.css +1 -0
  179. package/src/material/input.css +1 -1
  180. package/src/material/list.css +11 -11
  181. package/src/material/menu.css +6 -6
  182. package/src/material/message.css +0 -1
  183. package/src/material/range.css +1 -1
  184. package/src/material/search-filter.css +1 -1
  185. package/src/material/select.css +14 -12
  186. package/src/material/status-list.css +1 -1
  187. package/src/material/step-indicator.css +41 -0
  188. package/src/material/swatch.css +4 -2
  189. package/src/material/switch.css +2 -2
  190. package/src/material/table.css +24 -5
  191. package/src/material/tabs.css +6 -3
  192. package/src/material/toggle.css +3 -3
  193. package/src/material/toolbar.css +7 -7
  194. package/src/material/tree.css +17 -7
  195. package/src/minimal/button.css +7 -7
  196. package/src/minimal/card.css +4 -4
  197. package/src/minimal/chart.css +5 -5
  198. package/src/minimal/dropdown.css +7 -7
  199. package/src/minimal/floating-action.css +5 -5
  200. package/src/minimal/floating-navigation.css +4 -4
  201. package/src/minimal/index.css +1 -0
  202. package/src/minimal/list.css +18 -16
  203. package/src/minimal/menu.css +6 -6
  204. package/src/minimal/message.css +0 -1
  205. package/src/minimal/range.css +1 -1
  206. package/src/minimal/search-filter.css +1 -1
  207. package/src/minimal/select.css +11 -11
  208. package/src/minimal/status-list.css +1 -1
  209. package/src/minimal/step-indicator.css +40 -0
  210. package/src/minimal/swatch.css +4 -2
  211. package/src/minimal/table.css +24 -5
  212. package/src/minimal/tabs.css +10 -8
  213. package/src/minimal/toggle.css +1 -1
  214. package/src/minimal/toolbar.css +7 -7
  215. package/src/minimal/tree.css +14 -6
  216. package/src/rokkit/avatar.css +29 -0
  217. package/src/rokkit/badge.css +29 -0
  218. package/src/rokkit/button.css +1 -1
  219. package/src/rokkit/chart.css +5 -5
  220. package/src/rokkit/divider.css +26 -0
  221. package/src/rokkit/index.css +5 -0
  222. package/src/rokkit/stack.css +6 -0
  223. package/src/rokkit/step-indicator.css +41 -0
  224. package/src/rokkit/swatch.css +4 -2
  225. package/src/rokkit/table.css +25 -6
  226. package/src/shadcn/button.css +20 -21
  227. package/src/shadcn/card.css +4 -4
  228. package/src/shadcn/chart.css +5 -5
  229. package/src/shadcn/dropdown.css +7 -7
  230. package/src/shadcn/floating-action.css +5 -5
  231. package/src/shadcn/floating-navigation.css +4 -4
  232. package/src/shadcn/index.css +1 -0
  233. package/src/shadcn/input.css +4 -2
  234. package/src/shadcn/list.css +13 -15
  235. package/src/shadcn/menu.css +7 -7
  236. package/src/shadcn/range.css +2 -2
  237. package/src/shadcn/search-filter.css +2 -2
  238. package/src/shadcn/select.css +13 -13
  239. package/src/shadcn/status-list.css +1 -1
  240. package/src/shadcn/step-indicator.css +37 -0
  241. package/src/shadcn/switch.css +2 -2
  242. package/src/shadcn/table.css +4 -4
  243. package/src/shadcn/tabs.css +10 -8
  244. package/src/shadcn/toc.css +2 -2
  245. package/src/shadcn/toggle.css +4 -4
  246. package/src/shadcn/toolbar.css +8 -9
  247. package/src/shadcn/tree.css +21 -13
  248. package/src/shadcn/upload-progress.css +1 -1
  249. package/dist/glass.css +0 -1760
  250. package/src/glass/button.css +0 -174
  251. package/src/glass/card.css +0 -103
  252. package/src/glass/chart.css +0 -38
  253. package/src/glass/dropdown.css +0 -50
  254. package/src/glass/input.css +0 -128
  255. package/src/glass/list.css +0 -122
  256. package/src/glass/menu.css +0 -92
  257. package/src/glass/message.css +0 -36
  258. package/src/glass/status-list.css +0 -66
  259. package/src/glass/swatch.css +0 -19
  260. package/src/glass/switch.css +0 -28
  261. package/src/glass/table.css +0 -87
  262. package/src/glass/toc.css +0 -18
@@ -21,7 +21,7 @@
21
21
  }
22
22
 
23
23
  [data-style='carbon'] [data-tree-toggle-btn]:hover {
24
- @apply bg-none bg-surface-z2 text-surface-z6;
24
+ @apply bg-surface-z2 text-surface-z6 bg-none;
25
25
  }
26
26
 
27
27
  /* =============================================================================
@@ -34,34 +34,36 @@
34
34
 
35
35
  [data-style='carbon'] [data-tree-item-content]:hover:not(:disabled),
36
36
  [data-style='carbon'] [data-tree-item-content]:focus:not(:disabled) {
37
- @apply bg-none bg-surface-z2 text-surface-z9 outline-none;
37
+ @apply bg-surface-z2 text-surface-z9 bg-none outline-none;
38
38
  }
39
39
 
40
40
  /* Focus visible for keyboard navigation */
41
41
  [data-style='carbon'] [data-tree-item-content]:focus-visible {
42
- @apply outline-none border-2 border-primary-z5;
42
+ @apply border-primary-z5 border-2 outline-none;
43
43
  }
44
44
 
45
45
  /* Active/selected state */
46
46
  [data-style='carbon'] [data-tree-item-content][data-active='true'] {
47
- @apply bg-none bg-primary-z2 text-primary-z8;
47
+ @apply bg-primary-z2 text-primary-z8 bg-none;
48
48
  }
49
49
 
50
50
  [data-style='carbon'] [data-tree-item-content][data-active='true']:hover:not(:disabled) {
51
- @apply bg-none bg-primary-z3 text-primary-z9;
51
+ @apply bg-primary-z3 text-primary-z9 bg-none;
52
52
  }
53
53
 
54
54
  /* Reset gradients */
55
55
  [data-style='carbon'] [data-tree]:focus-within [data-tree-item-content][data-active='true'] {
56
- @apply bg-none bg-primary-z2;
56
+ @apply bg-primary-z2 bg-none;
57
57
  }
58
58
 
59
- [data-style='carbon'] [data-tree]:focus-within [data-tree-item-content][data-active='true']:hover:not(:disabled) {
60
- @apply bg-none bg-primary-z3;
59
+ [data-style='carbon']
60
+ [data-tree]:focus-within
61
+ [data-tree-item-content][data-active='true']:hover:not(:disabled) {
62
+ @apply bg-primary-z3 bg-none;
61
63
  }
62
64
 
63
65
  [data-style='carbon'] [data-tree]:not(:focus-within) [data-tree-item-content][data-active='true'] {
64
- @apply bg-none bg-primary-z2;
66
+ @apply bg-primary-z2 bg-none;
65
67
  }
66
68
 
67
69
  /* =============================================================================
@@ -89,18 +91,24 @@
89
91
  }
90
92
 
91
93
  [data-style='carbon'] [data-tree-item-content] [data-item-badge] {
92
- @apply bg-none text-surface-z6 border-surface-z4 rounded-none border bg-transparent;
94
+ @apply text-surface-z6 border-surface-z4 rounded-none border bg-transparent bg-none;
93
95
  }
94
96
 
95
97
  [data-style='carbon'] [data-tree-item-content][data-active='true'] [data-item-badge] {
96
98
  @apply text-primary-z7 border-primary-z4;
97
99
  }
98
100
 
99
- [data-style='carbon'] [data-tree]:focus-within [data-tree-item-content][data-active='true'] [data-item-badge] {
101
+ [data-style='carbon']
102
+ [data-tree]:focus-within
103
+ [data-tree-item-content][data-active='true']
104
+ [data-item-badge] {
100
105
  @apply bg-none;
101
106
  }
102
107
 
103
- [data-style='carbon'] [data-tree]:not(:focus-within) [data-tree-item-content][data-active='true'] [data-item-badge] {
108
+ [data-style='carbon']
109
+ [data-tree]:not(:focus-within)
110
+ [data-tree-item-content][data-active='true']
111
+ [data-item-badge] {
104
112
  @apply bg-none;
105
113
  }
106
114
 
@@ -109,14 +117,14 @@
109
117
  ============================================================================= */
110
118
 
111
119
  [data-style='carbon'] [data-tree-node][data-selected='true'] [data-tree-item-content] {
112
- @apply bg-none bg-primary-z2 text-primary-z7;
120
+ @apply bg-primary-z2 text-primary-z7 bg-none;
113
121
  }
114
122
 
115
123
  [data-style='carbon']
116
124
  [data-tree]:focus-within
117
125
  [data-tree-node][data-selected='true']
118
126
  [data-tree-item-content] {
119
- @apply bg-none bg-primary-z2 text-primary-z8;
127
+ @apply bg-primary-z2 text-primary-z8 bg-none;
120
128
  }
121
129
 
122
130
  [data-style='carbon']
@@ -13,7 +13,7 @@
13
13
  }
14
14
 
15
15
  [data-style='carbon'] [data-upload-clear] {
16
- @apply border-surface-z4 text-surface-z6 rounded-none border bg-surface-z2;
16
+ @apply border-surface-z4 text-surface-z6 bg-surface-z2 rounded-none border;
17
17
  }
18
18
 
19
19
  [data-style='carbon'] [data-upload-clear]:hover {
@@ -53,7 +53,7 @@
53
53
  }
54
54
 
55
55
  [data-style='carbon'] [data-upload-fill] {
56
- @apply bg-none bg-primary-z5;
56
+ @apply bg-primary-z5 bg-none;
57
57
  }
58
58
 
59
59
  /* =============================================================================
@@ -17,7 +17,7 @@
17
17
  }
18
18
 
19
19
  [data-style='carbon'] [data-upload-target]:focus-visible:not([data-disabled]) {
20
- @apply border-primary-z5 outline-none border-2;
20
+ @apply border-primary-z5 border-2 outline-none;
21
21
  }
22
22
 
23
23
  /* Drag-over highlight */
@@ -42,7 +42,7 @@
42
42
  ============================================================================= */
43
43
 
44
44
  [data-style='carbon'] [data-upload-target] [data-upload-button] {
45
- @apply border-surface-z4 text-surface-z7 rounded-none border bg-surface-z3;
45
+ @apply border-surface-z4 text-surface-z7 bg-surface-z3 rounded-none border;
46
46
  }
47
47
 
48
48
  [data-style='carbon'] [data-upload-target] [data-upload-button]:hover:not(:disabled) {
@@ -13,27 +13,27 @@
13
13
  [data-style='daisy-ui'] [data-button]:not([data-style])[data-variant='default'],
14
14
  [data-style='daisy-ui'] [data-button][data-style='default']:not([data-variant]),
15
15
  [data-style='daisy-ui'] [data-button]:not([data-style]):not([data-variant]) {
16
- @apply bg-none bg-surface-z3 text-surface-z8 border-transparent rounded-full border-0;
16
+ @apply bg-surface-z3 text-surface-z8 rounded-full border-0 border-transparent bg-none;
17
17
  }
18
18
 
19
19
  [data-style='daisy-ui'] [data-button][data-style='default'][data-variant='primary'],
20
20
  [data-style='daisy-ui'] [data-button]:not([data-style])[data-variant='primary'] {
21
- @apply bg-none bg-primary-z5 text-on-primary border-transparent rounded-full border-0;
21
+ @apply bg-primary-z5 text-on-primary rounded-full border-0 border-transparent bg-none;
22
22
  }
23
23
 
24
24
  [data-style='daisy-ui'] [data-button][data-style='default'][data-variant='secondary'],
25
25
  [data-style='daisy-ui'] [data-button]:not([data-style])[data-variant='secondary'] {
26
- @apply bg-none bg-secondary-z4 text-on-secondary border-transparent rounded-full border-0;
26
+ @apply bg-secondary-z4 text-on-secondary rounded-full border-0 border-transparent bg-none;
27
27
  }
28
28
 
29
29
  [data-style='daisy-ui'] [data-button][data-style='default'][data-variant='accent'],
30
30
  [data-style='daisy-ui'] [data-button]:not([data-style])[data-variant='accent'] {
31
- @apply bg-none bg-accent-z4 text-on-accent border-transparent rounded-full border-0;
31
+ @apply bg-accent-z4 text-on-accent rounded-full border-0 border-transparent bg-none;
32
32
  }
33
33
 
34
34
  [data-style='daisy-ui'] [data-button][data-style='default'][data-variant='danger'],
35
35
  [data-style='daisy-ui'] [data-button]:not([data-style])[data-variant='danger'] {
36
- @apply bg-none bg-danger-z4 text-on-danger border-transparent rounded-full border-0;
36
+ @apply bg-danger-z4 text-on-danger rounded-full border-0 border-transparent bg-none;
37
37
  }
38
38
 
39
39
  /* =============================================================================
@@ -42,23 +42,23 @@
42
42
 
43
43
  [data-style='daisy-ui'] [data-button][data-style='outline'][data-variant='default'],
44
44
  [data-style='daisy-ui'] [data-button][data-style='outline']:not([data-variant]) {
45
- @apply border-surface-z5 text-surface-z7 border bg-transparent rounded-full;
45
+ @apply border-surface-z5 text-surface-z7 rounded-full border bg-transparent;
46
46
  }
47
47
 
48
48
  [data-style='daisy-ui'] [data-button][data-style='outline'][data-variant='primary'] {
49
- @apply border-primary-z5 text-primary-z6 border bg-transparent rounded-full;
49
+ @apply border-primary-z5 text-primary-z6 rounded-full border bg-transparent;
50
50
  }
51
51
 
52
52
  [data-style='daisy-ui'] [data-button][data-style='outline'][data-variant='secondary'] {
53
- @apply border-secondary-z5 text-secondary-z6 border bg-transparent rounded-full;
53
+ @apply border-secondary-z5 text-secondary-z6 rounded-full border bg-transparent;
54
54
  }
55
55
 
56
56
  [data-style='daisy-ui'] [data-button][data-style='outline'][data-variant='accent'] {
57
- @apply border-accent-z4 text-accent-z6 border bg-transparent rounded-full;
57
+ @apply border-accent-z4 text-accent-z6 rounded-full border bg-transparent;
58
58
  }
59
59
 
60
60
  [data-style='daisy-ui'] [data-button][data-style='outline'][data-variant='danger'] {
61
- @apply border-danger-z4 text-danger-z5 border bg-transparent rounded-full;
61
+ @apply border-danger-z4 text-danger-z5 rounded-full border bg-transparent;
62
62
  }
63
63
 
64
64
  /* =============================================================================
@@ -66,7 +66,7 @@
66
66
  ============================================================================= */
67
67
 
68
68
  [data-style='daisy-ui'] [data-button][data-style='ghost'] {
69
- @apply border-transparent bg-transparent rounded-full;
69
+ @apply rounded-full border-transparent bg-transparent;
70
70
  }
71
71
 
72
72
  [data-style='daisy-ui'] [data-button][data-style='ghost'][data-variant='default'],
@@ -96,23 +96,23 @@
96
96
 
97
97
  [data-style='daisy-ui'] [data-button][data-style='gradient'][data-variant='default'],
98
98
  [data-style='daisy-ui'] [data-button][data-style='gradient']:not([data-variant]) {
99
- @apply from-surface-z3 to-surface-z1 text-surface-z10 bg-gradient-to-br rounded-full;
99
+ @apply from-surface-z3 to-surface-z1 text-surface-z10 rounded-full bg-gradient-to-br;
100
100
  }
101
101
 
102
102
  [data-style='daisy-ui'] [data-button][data-style='gradient'][data-variant='primary'] {
103
- @apply from-primary-z5 to-primary-z3 text-on-primary bg-gradient-to-br rounded-full;
103
+ @apply from-primary-z5 to-primary-z3 text-on-primary rounded-full bg-gradient-to-br;
104
104
  }
105
105
 
106
106
  [data-style='daisy-ui'] [data-button][data-style='gradient'][data-variant='secondary'] {
107
- @apply from-secondary-z5 to-secondary-z3 text-on-secondary bg-gradient-to-br rounded-full;
107
+ @apply from-secondary-z5 to-secondary-z3 text-on-secondary rounded-full bg-gradient-to-br;
108
108
  }
109
109
 
110
110
  [data-style='daisy-ui'] [data-button][data-style='gradient'][data-variant='accent'] {
111
- @apply from-accent-z5 to-accent-z3 text-on-accent bg-gradient-to-br rounded-full;
111
+ @apply from-accent-z5 to-accent-z3 text-on-accent rounded-full bg-gradient-to-br;
112
112
  }
113
113
 
114
114
  [data-style='daisy-ui'] [data-button][data-style='gradient'][data-variant='danger'] {
115
- @apply from-danger-z5 to-danger-z3 text-on-danger bg-gradient-to-br rounded-full;
115
+ @apply from-danger-z5 to-danger-z3 text-on-danger rounded-full bg-gradient-to-br;
116
116
  }
117
117
 
118
118
  [data-style='daisy-ui']
@@ -161,10 +161,11 @@
161
161
 
162
162
  [data-style='daisy-ui']
163
163
  [data-button][data-style='outline']:hover:not(:disabled):not([data-disabled]) {
164
- @apply bg-none bg-surface-z2;
164
+ @apply bg-surface-z2 bg-none;
165
165
  }
166
166
 
167
- [data-style='daisy-ui'] [data-button][data-style='ghost']:hover:not(:disabled):not([data-disabled]) {
167
+ [data-style='daisy-ui']
168
+ [data-button][data-style='ghost']:hover:not(:disabled):not([data-disabled]) {
168
169
  @apply bg-surface-z2;
169
170
  }
170
171
 
@@ -173,7 +174,7 @@
173
174
  ============================================================================= */
174
175
 
175
176
  [data-style='daisy-ui'] [data-button]:focus-visible {
176
- @apply outline-2 outline-offset-2 outline-primary-z5 outline;
177
+ @apply outline-primary-z5 outline outline-2 outline-offset-2;
177
178
  }
178
179
 
179
180
  /* =============================================================================
@@ -9,7 +9,7 @@
9
9
  ============================================================================= */
10
10
 
11
11
  [data-style='daisy-ui'] [data-card] {
12
- @apply bg-none bg-surface-z1 border-surface-z3 text-surface-z9 border shadow-sm rounded-2xl;
12
+ @apply bg-surface-z1 border-surface-z3 text-surface-z9 rounded-2xl border bg-none shadow-sm;
13
13
  }
14
14
 
15
15
  /* Interactive cards */
@@ -49,7 +49,7 @@
49
49
  ============================================================================= */
50
50
 
51
51
  [data-style='daisy-ui'] [data-card][data-card-interactive]:focus-visible {
52
- @apply outline-2 outline-offset-2 outline-primary-z5 outline;
52
+ @apply outline-primary-z5 outline outline-2 outline-offset-2;
53
53
  }
54
54
 
55
55
  /* =============================================================================
@@ -67,7 +67,7 @@
67
67
 
68
68
  /* Primary — solid primary fill */
69
69
  [data-style='daisy-ui'] [data-card][data-variant='primary'] {
70
- @apply bg-none bg-primary-z5 border-primary-z6 text-on-primary border;
70
+ @apply bg-primary-z5 border-primary-z6 text-on-primary border bg-none;
71
71
  }
72
72
 
73
73
  [data-style='daisy-ui'] [data-card][data-variant='primary'] [data-card-header],
@@ -81,7 +81,7 @@
81
81
 
82
82
  /* Secondary — solid secondary fill */
83
83
  [data-style='daisy-ui'] [data-card][data-variant='secondary'] {
84
- @apply bg-none bg-secondary-z4 border-secondary-z5 text-on-secondary border;
84
+ @apply bg-secondary-z4 border-secondary-z5 text-on-secondary border bg-none;
85
85
  }
86
86
 
87
87
  [data-style='daisy-ui'] [data-card][data-variant='secondary'] [data-card-header],
@@ -95,5 +95,5 @@
95
95
 
96
96
  /* Tertiary — recessed surface */
97
97
  [data-style='daisy-ui'] [data-card][data-variant='tertiary'] {
98
- @apply bg-none bg-surface-z0 border-surface-z3 text-surface-z7 border shadow-none;
98
+ @apply bg-surface-z0 border-surface-z3 text-surface-z7 border bg-none shadow-none;
99
99
  }
@@ -25,10 +25,10 @@
25
25
  @apply text-surface-z8;
26
26
  }
27
27
 
28
- [data-style='daisy-ui'] [data-plot-element="bar"][data-dimmed],
29
- [data-style='daisy-ui'] [data-plot-element="point"][data-dimmed],
30
- [data-style='daisy-ui'] [data-plot-element="arc"][data-dimmed],
31
- [data-style='daisy-ui'] [data-plot-element="line"][data-dimmed],
32
- [data-style='daisy-ui'] [data-plot-element="area"][data-dimmed] {
28
+ [data-style='daisy-ui'] [data-plot-element='bar'][data-dimmed],
29
+ [data-style='daisy-ui'] [data-plot-element='point'][data-dimmed],
30
+ [data-style='daisy-ui'] [data-plot-element='arc'][data-dimmed],
31
+ [data-style='daisy-ui'] [data-plot-element='line'][data-dimmed],
32
+ [data-style='daisy-ui'] [data-plot-element='area'][data-dimmed] {
33
33
  opacity: 0.15;
34
34
  }
@@ -5,19 +5,19 @@
5
5
  */
6
6
 
7
7
  [data-style='daisy-ui'] [data-dropdown-trigger] {
8
- @apply bg-none border-surface-z4 text-surface-z7 border bg-transparent rounded-lg;
8
+ @apply border-surface-z4 text-surface-z7 rounded-lg border bg-transparent bg-none;
9
9
  }
10
10
 
11
11
  [data-style='daisy-ui'] [data-dropdown-trigger]:hover:not(:disabled) {
12
- @apply bg-none bg-surface-z2 text-surface-z9 border-surface-z5;
12
+ @apply bg-surface-z2 text-surface-z9 border-surface-z5 bg-none;
13
13
  }
14
14
 
15
15
  [data-style='daisy-ui'] [data-dropdown-trigger]:focus-visible {
16
- @apply outline-2 outline-offset-2 outline-primary-z5 outline;
16
+ @apply outline-primary-z5 outline outline-2 outline-offset-2;
17
17
  }
18
18
 
19
19
  [data-style='daisy-ui'] [data-dropdown][data-open='true'] [data-dropdown-trigger] {
20
- @apply bg-none border-primary-z5;
20
+ @apply border-primary-z5 bg-none;
21
21
  }
22
22
 
23
23
  [data-style='daisy-ui'] [data-dropdown-trigger] [data-dropdown-icon] {
@@ -29,7 +29,7 @@
29
29
  }
30
30
 
31
31
  [data-style='daisy-ui'] [data-dropdown-panel] {
32
- @apply bg-none bg-surface-z1 border-surface-z3 border shadow-md rounded-xl;
32
+ @apply bg-surface-z1 border-surface-z3 rounded-xl border bg-none shadow-md;
33
33
  }
34
34
 
35
35
  [data-style='daisy-ui'] [data-dropdown-option] {
@@ -38,13 +38,13 @@
38
38
 
39
39
  [data-style='daisy-ui'] [data-dropdown-option]:hover:not(:disabled),
40
40
  [data-style='daisy-ui'] [data-dropdown-option]:focus:not(:disabled) {
41
- @apply bg-none bg-surface-z2 text-surface-z9 outline-none;
41
+ @apply bg-surface-z2 text-surface-z9 bg-none outline-none;
42
42
  }
43
43
 
44
44
  [data-style='daisy-ui'] [data-dropdown-option][data-active='true'] {
45
- @apply bg-none bg-primary-z5 text-on-primary;
45
+ @apply bg-primary-z5 text-on-primary bg-none;
46
46
  }
47
47
 
48
48
  [data-style='daisy-ui'] [data-dropdown-separator] {
49
- @apply bg-none bg-surface-z3;
49
+ @apply bg-surface-z3 bg-none;
50
50
  }
@@ -9,7 +9,7 @@
9
9
  ============================================================================= */
10
10
 
11
11
  [data-style='daisy-ui'] [data-fab-trigger] {
12
- @apply bg-none bg-primary-z5 text-on-primary border-transparent rounded-full;
12
+ @apply bg-primary-z5 text-on-primary rounded-full border-transparent bg-none;
13
13
  }
14
14
 
15
15
  [data-style='daisy-ui'] [data-fab-trigger]:hover:not(:disabled) {
@@ -17,11 +17,11 @@
17
17
  }
18
18
 
19
19
  [data-style='daisy-ui'] [data-fab-trigger]:focus-visible {
20
- @apply outline-2 outline-offset-2 outline-primary-z5 outline;
20
+ @apply outline-primary-z5 outline outline-2 outline-offset-2;
21
21
  }
22
22
 
23
23
  [data-style='daisy-ui'] [data-fab][data-open='true'] [data-fab-trigger] {
24
- @apply bg-none bg-primary-z6;
24
+ @apply bg-primary-z6 bg-none;
25
25
  transform: rotate(45deg);
26
26
  }
27
27
 
@@ -34,15 +34,15 @@
34
34
  ============================================================================= */
35
35
 
36
36
  [data-style='daisy-ui'] [data-fab-item] {
37
- @apply bg-none bg-surface-z2 text-surface-z7 border-surface-z4 border rounded-full;
37
+ @apply bg-surface-z2 text-surface-z7 border-surface-z4 rounded-full border bg-none;
38
38
  }
39
39
 
40
40
  [data-style='daisy-ui'] [data-fab-item]:hover:not(:disabled) {
41
- @apply bg-none bg-surface-z3 text-surface-z9 border-surface-z5;
41
+ @apply bg-surface-z3 text-surface-z9 border-surface-z5 bg-none;
42
42
  }
43
43
 
44
44
  [data-style='daisy-ui'] [data-fab-item]:focus-visible {
45
- @apply outline-2 outline-offset-2 outline-primary-z5 outline;
45
+ @apply outline-primary-z5 outline outline-2 outline-offset-2;
46
46
  }
47
47
 
48
48
  /* Item icon */
@@ -9,7 +9,7 @@
9
9
  ============================================================================= */
10
10
 
11
11
  [data-style='daisy-ui'] [data-floating-nav] {
12
- @apply bg-none bg-surface-z1 border-surface-z3 border rounded-xl shadow-md;
12
+ @apply bg-surface-z1 border-surface-z3 rounded-xl border bg-none shadow-md;
13
13
  }
14
14
 
15
15
  /* =============================================================================
@@ -41,15 +41,15 @@
41
41
  }
42
42
 
43
43
  [data-style='daisy-ui'] [data-floating-nav-item]:hover {
44
- @apply bg-none bg-surface-z2 text-surface-z9;
44
+ @apply bg-surface-z2 text-surface-z9 bg-none;
45
45
  }
46
46
 
47
47
  [data-style='daisy-ui'] [data-floating-nav-item][data-active] {
48
- @apply bg-none bg-primary-z5 text-on-primary;
48
+ @apply bg-primary-z5 text-on-primary bg-none;
49
49
  }
50
50
 
51
51
  [data-style='daisy-ui'] [data-floating-nav-item]:focus-visible {
52
- @apply outline-2 outline-offset-2 outline-primary-z5 outline;
52
+ @apply outline-primary-z5 outline outline-2 outline-offset-2;
53
53
  }
54
54
 
55
55
  /* Icon */
@@ -66,5 +66,5 @@
66
66
  ============================================================================= */
67
67
 
68
68
  [data-style='daisy-ui'] [data-floating-nav-indicator] {
69
- @apply bg-none bg-primary-z5 rounded-full;
69
+ @apply bg-primary-z5 rounded-full bg-none;
70
70
  }
@@ -17,7 +17,7 @@
17
17
  }
18
18
 
19
19
  [data-style='daisy-ui'] [data-grid] [data-grid-item]:focus:not(:disabled):not([data-disabled]) {
20
- @apply border-primary-z5 bg-surface-z2 text-surface-z9 outline-2 outline-offset-2 outline-primary-z5 outline;
20
+ @apply border-primary-z5 bg-surface-z2 text-surface-z9 outline-primary-z5 outline outline-2 outline-offset-2;
21
21
  }
22
22
 
23
23
  /* Active / selected tile */
@@ -30,4 +30,5 @@
30
30
  @import './card.css';
31
31
  @import './message.css';
32
32
  @import './status-list.css';
33
+ @import './step-indicator.css';
33
34
  @import './chart.css';
@@ -6,9 +6,11 @@
6
6
 
7
7
  /* Input root: full border with rounded-lg */
8
8
  [data-style='daisy-ui'] [data-input-root] {
9
- @apply border-surface-z4 relative flex items-center border rounded-lg bg-transparent p-0;
9
+ @apply border-surface-z4 relative flex items-center rounded-lg border bg-transparent p-0;
10
10
  background-image: none;
11
- transition: border-color 150ms ease, background-color 150ms ease;
11
+ transition:
12
+ border-color 150ms ease,
13
+ background-color 150ms ease;
12
14
  }
13
15
 
14
16
  /* Hover: slightly more pronounced border */
@@ -41,7 +43,7 @@
41
43
 
42
44
  /* Select inside input-root */
43
45
  [data-style='daisy-ui'] [data-input-root] [data-select-trigger] {
44
- @apply text-surface-z9 border-none bg-transparent px-3 shadow-none ring-0 rounded-lg focus:outline-none;
46
+ @apply text-surface-z9 rounded-lg border-none bg-transparent px-3 shadow-none ring-0 focus:outline-none;
45
47
  font-size: 0.875rem;
46
48
  background-image: none;
47
49
  transition: color 150ms ease;
@@ -33,17 +33,17 @@
33
33
  [data-style='daisy-ui']
34
34
  [data-list]
35
35
  [data-list-item]:focus:not(:disabled):not([data-disabled='true']) {
36
- @apply bg-none bg-surface-z2 text-surface-z9 outline-none;
36
+ @apply bg-surface-z2 text-surface-z9 bg-none outline-none;
37
37
  }
38
38
 
39
39
  /* Active state — muted when list not focused */
40
40
  [data-style='daisy-ui'] [data-list] [data-list-item][data-active='true'] {
41
- @apply bg-none bg-primary-z4 text-on-primary;
41
+ @apply bg-primary-z4 text-on-primary bg-none;
42
42
  }
43
43
 
44
44
  /* Active state — full highlight when list has focus */
45
45
  [data-style='daisy-ui'] [data-list]:focus-within [data-list-item][data-active='true'] {
46
- @apply bg-none bg-primary-z5 text-on-primary;
46
+ @apply bg-primary-z5 text-on-primary bg-none;
47
47
  }
48
48
 
49
49
  /* Active + hover/focus */
@@ -78,11 +78,11 @@
78
78
  }
79
79
 
80
80
  [data-style='daisy-ui'] [data-list] [data-list-item] [data-item-badge] {
81
- @apply bg-none text-surface-z6 border-surface-z4 border bg-transparent rounded-full;
81
+ @apply text-surface-z6 border-surface-z4 rounded-full border bg-transparent bg-none;
82
82
  }
83
83
 
84
84
  [data-style='daisy-ui'] [data-list] [data-list-item][data-active='true'] [data-item-badge] {
85
- @apply bg-none text-on-primary border-on-primary/30;
85
+ @apply text-on-primary border-on-primary/30 bg-none;
86
86
  }
87
87
 
88
88
  /* =============================================================================
@@ -95,7 +95,7 @@
95
95
 
96
96
  [data-style='daisy-ui'] [data-list] [data-list-group]:hover:not(:disabled),
97
97
  [data-style='daisy-ui'] [data-list] [data-list-group]:focus:not(:disabled) {
98
- @apply bg-none bg-surface-z2 text-surface-z7 rounded-lg;
98
+ @apply bg-surface-z2 text-surface-z7 rounded-lg bg-none;
99
99
  }
100
100
 
101
101
  /* =============================================================================
@@ -103,7 +103,7 @@
103
103
  ============================================================================= */
104
104
 
105
105
  [data-style='daisy-ui'] [data-list] [data-list-separator] {
106
- @apply bg-none bg-surface-z3;
106
+ @apply bg-surface-z3 bg-none;
107
107
  }
108
108
 
109
109
  /* =============================================================================
@@ -111,11 +111,11 @@
111
111
  ============================================================================= */
112
112
 
113
113
  [data-style='daisy-ui'] [data-list] [data-list-item][data-selected='true'] {
114
- @apply bg-none bg-primary-z3 text-on-primary rounded-lg;
114
+ @apply bg-primary-z3 text-on-primary rounded-lg bg-none;
115
115
  }
116
116
 
117
117
  [data-style='daisy-ui'] [data-list]:focus-within [data-list-item][data-selected='true'] {
118
- @apply bg-none bg-primary-z4 text-on-primary;
118
+ @apply bg-primary-z4 text-on-primary bg-none;
119
119
  }
120
120
 
121
121
  [data-style='daisy-ui'] [data-list] [data-list-item][data-selected='true']:hover:not(:disabled) {
@@ -9,19 +9,19 @@
9
9
  ============================================================================= */
10
10
 
11
11
  [data-style='daisy-ui'] [data-menu-trigger] {
12
- @apply bg-none border-surface-z4 text-surface-z7 border bg-transparent rounded-lg;
12
+ @apply border-surface-z4 text-surface-z7 rounded-lg border bg-transparent bg-none;
13
13
  }
14
14
 
15
15
  [data-style='daisy-ui'] [data-menu-trigger]:hover:not(:disabled) {
16
- @apply bg-none bg-surface-z2 text-surface-z9 border-surface-z5;
16
+ @apply bg-surface-z2 text-surface-z9 border-surface-z5 bg-none;
17
17
  }
18
18
 
19
19
  [data-style='daisy-ui'] [data-menu-trigger]:focus-visible {
20
- @apply outline-2 outline-offset-2 outline-primary-z5 outline;
20
+ @apply outline-primary-z5 outline outline-2 outline-offset-2;
21
21
  }
22
22
 
23
23
  [data-style='daisy-ui'] [data-menu][data-open='true'] [data-menu-trigger] {
24
- @apply bg-none border-primary-z5;
24
+ @apply border-primary-z5 bg-none;
25
25
  }
26
26
 
27
27
  /* Trigger elements */
@@ -42,7 +42,7 @@
42
42
  ============================================================================= */
43
43
 
44
44
  [data-style='daisy-ui'] [data-menu-dropdown] {
45
- @apply bg-none bg-surface-z1 border-surface-z3 border shadow-md rounded-xl;
45
+ @apply bg-surface-z1 border-surface-z3 rounded-xl border bg-none shadow-md;
46
46
  }
47
47
 
48
48
  /* =============================================================================
@@ -55,7 +55,7 @@
55
55
 
56
56
  [data-style='daisy-ui'] [data-menu-item]:hover:not(:disabled),
57
57
  [data-style='daisy-ui'] [data-menu-item]:focus:not(:disabled) {
58
- @apply bg-none bg-surface-z2 text-surface-z9 outline-none;
58
+ @apply bg-surface-z2 text-surface-z9 bg-none outline-none;
59
59
  }
60
60
 
61
61
  /* Item elements */
@@ -84,5 +84,5 @@
84
84
  ============================================================================= */
85
85
 
86
86
  [data-style='daisy-ui'] [data-menu-separator] {
87
- @apply bg-none bg-surface-z3;
87
+ @apply bg-surface-z3 bg-none;
88
88
  }
@@ -13,7 +13,7 @@
13
13
  }
14
14
 
15
15
  [data-style='daisy-ui'] [data-range-selected] {
16
- @apply bg-none bg-primary-z5 rounded-full;
16
+ @apply bg-primary-z5 rounded-full bg-none;
17
17
  }
18
18
 
19
19
  /* =============================================================================
@@ -21,7 +21,7 @@
21
21
  ============================================================================= */
22
22
 
23
23
  [data-style='daisy-ui'] [data-range-thumb] {
24
- @apply bg-surface-z1 border-primary-z5 border-2 rounded-full;
24
+ @apply bg-surface-z1 border-primary-z5 rounded-full border-2;
25
25
  }
26
26
 
27
27
  [data-style='daisy-ui'] [data-range-thumb][data-sliding] {
@@ -29,7 +29,7 @@
29
29
  }
30
30
 
31
31
  [data-style='daisy-ui'] [data-range-thumb]:focus-visible {
32
- @apply bg-primary-z5 outline-2 outline-offset-2 outline-primary-z5 outline;
32
+ @apply bg-primary-z5 outline-primary-z5 outline outline-2 outline-offset-2;
33
33
  }
34
34
 
35
35
  /* =============================================================================
@@ -9,11 +9,11 @@
9
9
  ============================================================================= */
10
10
 
11
11
  [data-style='daisy-ui'] [data-search-input] {
12
- @apply text-surface-z7 border-surface-z4 border bg-transparent rounded-lg;
12
+ @apply text-surface-z7 border-surface-z4 rounded-lg border bg-transparent;
13
13
  }
14
14
 
15
15
  [data-style='daisy-ui'] [data-search-input]:focus {
16
- @apply border-primary-z5 outline-2 outline-offset-2 outline-primary-z5 outline;
16
+ @apply border-primary-z5 outline-primary-z5 outline outline-2 outline-offset-2;
17
17
  }
18
18
 
19
19
  [data-style='daisy-ui'] [data-search-input]::placeholder {
@@ -37,7 +37,7 @@
37
37
  ============================================================================= */
38
38
 
39
39
  [data-style='daisy-ui'] [data-search-tag] {
40
- @apply bg-none text-on-primary bg-primary-z5 border-transparent rounded-full;
40
+ @apply text-on-primary bg-primary-z5 rounded-full border-transparent bg-none;
41
41
  }
42
42
 
43
43
  [data-style='daisy-ui'] [data-search-tag-remove] {