@rokkit/themes 1.0.4 → 1.0.5

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 (246) hide show
  1. package/README.md +11 -19
  2. package/build.mjs +5 -21
  3. package/package.json +23 -132
  4. package/src/base/carousel.css +1 -2
  5. package/src/base/input.css +9 -5
  6. package/src/base/nav-content.css +3 -3
  7. package/src/base/stepper.css +9 -14
  8. package/src/frosted/button.css +6 -11
  9. package/src/frosted/card.css +5 -9
  10. package/src/frosted/dropdown.css +5 -10
  11. package/src/frosted/floating-action.css +2 -2
  12. package/src/frosted/input.css +2 -3
  13. package/src/frosted/list.css +25 -0
  14. package/src/frosted/menu.css +4 -8
  15. package/src/frosted/range.css +2 -2
  16. package/src/frosted/select.css +1 -1
  17. package/src/frosted/step-indicator.css +1 -2
  18. package/src/frosted/switch.css +2 -3
  19. package/src/frosted/timeline.css +1 -2
  20. package/src/index.css +2 -0
  21. package/src/index.js +0 -1
  22. package/src/material/floating-action.css +2 -2
  23. package/src/material/list.css +14 -0
  24. package/src/material/range.css +2 -2
  25. package/src/material/select.css +1 -1
  26. package/src/material/step-indicator.css +1 -2
  27. package/src/material/switch.css +1 -1
  28. package/src/material/tabs.css +2 -2
  29. package/src/material/timeline.css +1 -2
  30. package/src/material/toggle.css +2 -2
  31. package/src/minimal/floating-action.css +1 -1
  32. package/src/minimal/list.css +14 -0
  33. package/src/minimal/select.css +1 -13
  34. package/src/rokkit/floating-action.css +5 -5
  35. package/src/rokkit/floating-navigation.css +1 -1
  36. package/src/rokkit/index.css +0 -1
  37. package/src/rokkit/input.css +1 -1
  38. package/src/rokkit/list.css +25 -0
  39. package/src/rokkit/range.css +2 -2
  40. package/src/rokkit/select.css +1 -1
  41. package/src/rokkit/step-indicator.css +1 -2
  42. package/src/rokkit/swatch.css +1 -1
  43. package/src/rokkit/switch.css +1 -1
  44. package/src/rokkit/timeline.css +1 -2
  45. package/src/rokkit/upload-progress.css +4 -4
  46. package/src/zen-sumi/button.css +176 -0
  47. package/src/zen-sumi/card.css +104 -0
  48. package/src/zen-sumi/chart.css +41 -0
  49. package/src/zen-sumi/dropdown.css +53 -0
  50. package/src/zen-sumi/floating-action.css +68 -0
  51. package/src/zen-sumi/floating-navigation.css +74 -0
  52. package/src/{grada-ui → zen-sumi}/index.css +25 -30
  53. package/src/zen-sumi/input.css +145 -0
  54. package/src/zen-sumi/list.css +128 -0
  55. package/src/zen-sumi/menu.css +91 -0
  56. package/src/zen-sumi/message.css +37 -0
  57. package/src/zen-sumi/range.css +62 -0
  58. package/src/zen-sumi/search-filter.css +49 -0
  59. package/src/zen-sumi/select.css +160 -0
  60. package/src/zen-sumi/status-list.css +66 -0
  61. package/src/zen-sumi/step-indicator.css +40 -0
  62. package/src/zen-sumi/swatch.css +21 -0
  63. package/src/zen-sumi/switch.css +34 -0
  64. package/src/zen-sumi/table.css +118 -0
  65. package/src/zen-sumi/tabs.css +78 -0
  66. package/src/zen-sumi/timeline.css +46 -0
  67. package/src/zen-sumi/toc.css +22 -0
  68. package/src/zen-sumi/toggle.css +51 -0
  69. package/src/zen-sumi/toolbar.css +86 -0
  70. package/src/zen-sumi/tree.css +137 -0
  71. package/dist/ant-design.css +0 -2129
  72. package/dist/base.css +0 -6506
  73. package/dist/bits-ui.css +0 -2113
  74. package/dist/carbon.css +0 -2123
  75. package/dist/daisy-ui.css +0 -2138
  76. package/dist/frosted.css +0 -1953
  77. package/dist/grada-ui.css +0 -1915
  78. package/dist/index.css +0 -27359
  79. package/dist/material.css +0 -1924
  80. package/dist/minimal.css +0 -1978
  81. package/dist/rokkit.css +0 -2471
  82. package/dist/shadcn.css +0 -2099
  83. package/src/ant-design/button.css +0 -190
  84. package/src/ant-design/card.css +0 -100
  85. package/src/ant-design/chart.css +0 -34
  86. package/src/ant-design/connector.css +0 -11
  87. package/src/ant-design/dropdown.css +0 -50
  88. package/src/ant-design/floating-action.css +0 -63
  89. package/src/ant-design/floating-navigation.css +0 -70
  90. package/src/ant-design/grid.css +0 -46
  91. package/src/ant-design/index.css +0 -35
  92. package/src/ant-design/input.css +0 -151
  93. package/src/ant-design/list.css +0 -126
  94. package/src/ant-design/menu.css +0 -88
  95. package/src/ant-design/message.css +0 -35
  96. package/src/ant-design/range.css +0 -61
  97. package/src/ant-design/search-filter.css +0 -49
  98. package/src/ant-design/select.css +0 -158
  99. package/src/ant-design/status-list.css +0 -66
  100. package/src/ant-design/step-indicator.css +0 -38
  101. package/src/ant-design/switch.css +0 -29
  102. package/src/ant-design/table.css +0 -91
  103. package/src/ant-design/tabs.css +0 -153
  104. package/src/ant-design/timeline.css +0 -45
  105. package/src/ant-design/toc.css +0 -18
  106. package/src/ant-design/toggle.css +0 -48
  107. package/src/ant-design/toolbar.css +0 -85
  108. package/src/ant-design/tree.css +0 -137
  109. package/src/ant-design/upload-progress.css +0 -102
  110. package/src/ant-design/upload-target.css +0 -50
  111. package/src/bits-ui/button.css +0 -176
  112. package/src/bits-ui/card.css +0 -99
  113. package/src/bits-ui/chart.css +0 -34
  114. package/src/bits-ui/connector.css +0 -11
  115. package/src/bits-ui/dropdown.css +0 -50
  116. package/src/bits-ui/floating-action.css +0 -63
  117. package/src/bits-ui/floating-navigation.css +0 -70
  118. package/src/bits-ui/grid.css +0 -46
  119. package/src/bits-ui/index.css +0 -35
  120. package/src/bits-ui/input.css +0 -154
  121. package/src/bits-ui/list.css +0 -126
  122. package/src/bits-ui/menu.css +0 -88
  123. package/src/bits-ui/message.css +0 -35
  124. package/src/bits-ui/range.css +0 -61
  125. package/src/bits-ui/search-filter.css +0 -49
  126. package/src/bits-ui/select.css +0 -158
  127. package/src/bits-ui/status-list.css +0 -66
  128. package/src/bits-ui/step-indicator.css +0 -40
  129. package/src/bits-ui/switch.css +0 -29
  130. package/src/bits-ui/table.css +0 -89
  131. package/src/bits-ui/tabs.css +0 -151
  132. package/src/bits-ui/timeline.css +0 -45
  133. package/src/bits-ui/toc.css +0 -18
  134. package/src/bits-ui/toggle.css +0 -48
  135. package/src/bits-ui/toolbar.css +0 -85
  136. package/src/bits-ui/tree.css +0 -135
  137. package/src/bits-ui/upload-progress.css +0 -102
  138. package/src/bits-ui/upload-target.css +0 -50
  139. package/src/carbon/button.css +0 -186
  140. package/src/carbon/card.css +0 -97
  141. package/src/carbon/chart.css +0 -34
  142. package/src/carbon/connector.css +0 -11
  143. package/src/carbon/dropdown.css +0 -50
  144. package/src/carbon/floating-action.css +0 -63
  145. package/src/carbon/floating-navigation.css +0 -70
  146. package/src/carbon/grid.css +0 -46
  147. package/src/carbon/index.css +0 -34
  148. package/src/carbon/input.css +0 -148
  149. package/src/carbon/list.css +0 -124
  150. package/src/carbon/menu.css +0 -88
  151. package/src/carbon/message.css +0 -37
  152. package/src/carbon/range.css +0 -61
  153. package/src/carbon/search-filter.css +0 -49
  154. package/src/carbon/select.css +0 -158
  155. package/src/carbon/status-list.css +0 -66
  156. package/src/carbon/step-indicator.css +0 -40
  157. package/src/carbon/switch.css +0 -31
  158. package/src/carbon/table.css +0 -93
  159. package/src/carbon/tabs.css +0 -151
  160. package/src/carbon/timeline.css +0 -45
  161. package/src/carbon/toc.css +0 -22
  162. package/src/carbon/toggle.css +0 -48
  163. package/src/carbon/toolbar.css +0 -84
  164. package/src/carbon/tree.css +0 -135
  165. package/src/carbon/upload-progress.css +0 -102
  166. package/src/carbon/upload-target.css +0 -50
  167. package/src/daisy-ui/button.css +0 -196
  168. package/src/daisy-ui/card.css +0 -99
  169. package/src/daisy-ui/chart.css +0 -34
  170. package/src/daisy-ui/connector.css +0 -11
  171. package/src/daisy-ui/dropdown.css +0 -50
  172. package/src/daisy-ui/floating-action.css +0 -63
  173. package/src/daisy-ui/floating-navigation.css +0 -70
  174. package/src/daisy-ui/grid.css +0 -46
  175. package/src/daisy-ui/index.css +0 -34
  176. package/src/daisy-ui/input.css +0 -148
  177. package/src/daisy-ui/list.css +0 -127
  178. package/src/daisy-ui/menu.css +0 -88
  179. package/src/daisy-ui/message.css +0 -37
  180. package/src/daisy-ui/range.css +0 -61
  181. package/src/daisy-ui/search-filter.css +0 -49
  182. package/src/daisy-ui/select.css +0 -158
  183. package/src/daisy-ui/status-list.css +0 -66
  184. package/src/daisy-ui/step-indicator.css +0 -37
  185. package/src/daisy-ui/switch.css +0 -31
  186. package/src/daisy-ui/table.css +0 -91
  187. package/src/daisy-ui/tabs.css +0 -153
  188. package/src/daisy-ui/timeline.css +0 -45
  189. package/src/daisy-ui/toc.css +0 -22
  190. package/src/daisy-ui/toggle.css +0 -48
  191. package/src/daisy-ui/toolbar.css +0 -85
  192. package/src/daisy-ui/tree.css +0 -137
  193. package/src/daisy-ui/upload-progress.css +0 -102
  194. package/src/daisy-ui/upload-target.css +0 -50
  195. package/src/grada-ui/button.css +0 -249
  196. package/src/grada-ui/card.css +0 -96
  197. package/src/grada-ui/chart.css +0 -34
  198. package/src/grada-ui/dropdown.css +0 -58
  199. package/src/grada-ui/floating-action.css +0 -66
  200. package/src/grada-ui/floating-navigation.css +0 -69
  201. package/src/grada-ui/input.css +0 -154
  202. package/src/grada-ui/list.css +0 -124
  203. package/src/grada-ui/menu.css +0 -81
  204. package/src/grada-ui/message.css +0 -48
  205. package/src/grada-ui/range.css +0 -59
  206. package/src/grada-ui/search-filter.css +0 -47
  207. package/src/grada-ui/select.css +0 -190
  208. package/src/grada-ui/status-list.css +0 -66
  209. package/src/grada-ui/step-indicator.css +0 -37
  210. package/src/grada-ui/switch.css +0 -35
  211. package/src/grada-ui/table.css +0 -79
  212. package/src/grada-ui/tabs.css +0 -59
  213. package/src/grada-ui/timeline.css +0 -46
  214. package/src/grada-ui/toc.css +0 -24
  215. package/src/grada-ui/toggle.css +0 -47
  216. package/src/grada-ui/toolbar.css +0 -91
  217. package/src/grada-ui/tree.css +0 -100
  218. package/src/rokkit/stack.css +0 -6
  219. package/src/shadcn/button.css +0 -175
  220. package/src/shadcn/card.css +0 -99
  221. package/src/shadcn/chart.css +0 -34
  222. package/src/shadcn/connector.css +0 -11
  223. package/src/shadcn/dropdown.css +0 -50
  224. package/src/shadcn/floating-action.css +0 -63
  225. package/src/shadcn/floating-navigation.css +0 -70
  226. package/src/shadcn/grid.css +0 -46
  227. package/src/shadcn/index.css +0 -35
  228. package/src/shadcn/input.css +0 -143
  229. package/src/shadcn/list.css +0 -124
  230. package/src/shadcn/menu.css +0 -88
  231. package/src/shadcn/message.css +0 -35
  232. package/src/shadcn/range.css +0 -61
  233. package/src/shadcn/search-filter.css +0 -49
  234. package/src/shadcn/select.css +0 -158
  235. package/src/shadcn/status-list.css +0 -66
  236. package/src/shadcn/step-indicator.css +0 -37
  237. package/src/shadcn/switch.css +0 -31
  238. package/src/shadcn/table.css +0 -89
  239. package/src/shadcn/tabs.css +0 -151
  240. package/src/shadcn/timeline.css +0 -45
  241. package/src/shadcn/toc.css +0 -20
  242. package/src/shadcn/toggle.css +0 -48
  243. package/src/shadcn/toolbar.css +0 -84
  244. package/src/shadcn/tree.css +0 -135
  245. package/src/shadcn/upload-progress.css +0 -102
  246. package/src/shadcn/upload-target.css +0 -50
@@ -1,88 +0,0 @@
1
- /**
2
- * Menu - DaisyUI Theme Styles
3
- *
4
- * Rounded-lg trigger, rounded-xl dropdown, hover fill on items.
5
- */
6
-
7
- /* =============================================================================
8
- Menu Trigger
9
- ============================================================================= */
10
-
11
- [data-style='daisy-ui'] [data-menu-trigger] {
12
- @apply border-surface-z4 text-surface-z7 rounded-lg border bg-transparent bg-none;
13
- }
14
-
15
- [data-style='daisy-ui'] [data-menu-trigger]:hover:not(:disabled) {
16
- @apply bg-surface-z2 text-surface-z9 border-surface-z5 bg-none;
17
- }
18
-
19
- [data-style='daisy-ui'] [data-menu-trigger]:focus-visible {
20
- @apply outline-primary-z5 outline outline-2 outline-offset-2;
21
- }
22
-
23
- [data-style='daisy-ui'] [data-menu][data-open='true'] [data-menu-trigger] {
24
- @apply border-primary-z5 bg-none;
25
- }
26
-
27
- /* Trigger elements */
28
- [data-style='daisy-ui'] [data-menu-trigger] [data-menu-icon] {
29
- @apply text-surface-z5;
30
- }
31
-
32
- [data-style='daisy-ui'] [data-menu-trigger]:hover:not(:disabled) [data-menu-icon] {
33
- @apply text-surface-z7;
34
- }
35
-
36
- [data-style='daisy-ui'] [data-menu-trigger] [data-menu-arrow] {
37
- @apply text-surface-z4;
38
- }
39
-
40
- /* =============================================================================
41
- Menu Dropdown
42
- ============================================================================= */
43
-
44
- [data-style='daisy-ui'] [data-menu-dropdown] {
45
- @apply bg-surface-z1 border-surface-z3 rounded-xl border bg-none shadow-md;
46
- }
47
-
48
- /* =============================================================================
49
- Menu Items
50
- ============================================================================= */
51
-
52
- [data-style='daisy-ui'] [data-menu-item] {
53
- @apply text-surface-z7 rounded-lg;
54
- }
55
-
56
- [data-style='daisy-ui'] [data-menu-item]:hover:not(:disabled),
57
- [data-style='daisy-ui'] [data-menu-item]:focus:not(:disabled) {
58
- @apply bg-surface-z2 text-surface-z9 bg-none outline-none;
59
- }
60
-
61
- /* Item elements */
62
- [data-style='daisy-ui'] [data-menu-item] [data-item-icon] {
63
- @apply text-surface-z5;
64
- }
65
-
66
- [data-style='daisy-ui'] [data-menu-item]:hover:not(:disabled) [data-item-icon] {
67
- @apply text-surface-z6;
68
- }
69
-
70
- [data-style='daisy-ui'] [data-menu-item] [data-item-description] {
71
- @apply text-surface-z5;
72
- }
73
-
74
- /* =============================================================================
75
- Groups
76
- ============================================================================= */
77
-
78
- [data-style='daisy-ui'] [data-menu-group] {
79
- @apply text-surface-z5;
80
- }
81
-
82
- /* =============================================================================
83
- Divider
84
- ============================================================================= */
85
-
86
- [data-style='daisy-ui'] [data-menu-separator] {
87
- @apply bg-surface-z3 bg-none;
88
- }
@@ -1,37 +0,0 @@
1
- /**
2
- * Message - DaisyUI Theme Styles
3
- *
4
- * Semantic color bands with rounded-xl shape.
5
- */
6
-
7
- [data-style='daisy-ui'] [data-message-root][data-type='error'] {
8
- @apply bg-error-z1 border-error-z3 text-error-z8 rounded-xl;
9
- }
10
- [data-style='daisy-ui'] [data-message-root][data-type='error'] [data-message-icon],
11
- [data-style='daisy-ui'] [data-message-root][data-type='error'] [data-message-dismiss] {
12
- @apply text-error-z5;
13
- }
14
-
15
- [data-style='daisy-ui'] [data-message-root][data-type='warning'] {
16
- @apply bg-warning-z1 border-warning-z3 text-warning-z8 rounded-xl;
17
- }
18
- [data-style='daisy-ui'] [data-message-root][data-type='warning'] [data-message-icon],
19
- [data-style='daisy-ui'] [data-message-root][data-type='warning'] [data-message-dismiss] {
20
- @apply text-warning-z5;
21
- }
22
-
23
- [data-style='daisy-ui'] [data-message-root][data-type='info'] {
24
- @apply bg-info-z1 border-info-z3 text-info-z8 rounded-xl;
25
- }
26
- [data-style='daisy-ui'] [data-message-root][data-type='info'] [data-message-icon],
27
- [data-style='daisy-ui'] [data-message-root][data-type='info'] [data-message-dismiss] {
28
- @apply text-info-z5;
29
- }
30
-
31
- [data-style='daisy-ui'] [data-message-root][data-type='success'] {
32
- @apply bg-success-z1 border-success-z3 text-success-z8 rounded-xl;
33
- }
34
- [data-style='daisy-ui'] [data-message-root][data-type='success'] [data-message-icon],
35
- [data-style='daisy-ui'] [data-message-root][data-type='success'] [data-message-dismiss] {
36
- @apply text-success-z5;
37
- }
@@ -1,61 +0,0 @@
1
- /**
2
- * Range - DaisyUI Theme Styles
3
- *
4
- * Bold primary track fill, rounded thumb.
5
- */
6
-
7
- /* =============================================================================
8
- Track
9
- ============================================================================= */
10
-
11
- [data-style='daisy-ui'] [data-range-bar] {
12
- @apply bg-surface-z3 rounded-full;
13
- }
14
-
15
- [data-style='daisy-ui'] [data-range-selected] {
16
- @apply bg-primary-z5 rounded-full bg-none;
17
- }
18
-
19
- /* =============================================================================
20
- Thumb
21
- ============================================================================= */
22
-
23
- [data-style='daisy-ui'] [data-range-thumb] {
24
- @apply bg-surface-z1 border-primary-z5 rounded-full border-2;
25
- }
26
-
27
- [data-style='daisy-ui'] [data-range-thumb][data-sliding] {
28
- @apply bg-primary-z5;
29
- }
30
-
31
- [data-style='daisy-ui'] [data-range-thumb]:focus-visible {
32
- @apply bg-primary-z5 outline-primary-z5 outline outline-2 outline-offset-2;
33
- }
34
-
35
- /* =============================================================================
36
- Ticks
37
- ============================================================================= */
38
-
39
- [data-style='daisy-ui'] [data-range-tick] {
40
- @apply text-surface-z6;
41
- }
42
-
43
- [data-style='daisy-ui'] [data-tick-bar] {
44
- @apply border-surface-z4;
45
- }
46
-
47
- [data-style='daisy-ui'] [data-tick-label] {
48
- @apply text-surface-z6;
49
- }
50
-
51
- /* =============================================================================
52
- Disabled
53
- ============================================================================= */
54
-
55
- [data-style='daisy-ui'] [data-range][data-disabled] [data-range-thumb] {
56
- @apply bg-surface-z3 border-surface-z4;
57
- }
58
-
59
- [data-style='daisy-ui'] [data-range][data-disabled] [data-range-selected] {
60
- @apply bg-surface-z4;
61
- }
@@ -1,49 +0,0 @@
1
- /**
2
- * SearchFilter - DaisyUI Theme Styles
3
- *
4
- * Rounded-lg input with outline focus. Pill-shaped tags.
5
- */
6
-
7
- /* =============================================================================
8
- Input
9
- ============================================================================= */
10
-
11
- [data-style='daisy-ui'] [data-search-input] {
12
- @apply text-surface-z7 border-surface-z4 rounded-lg border bg-transparent;
13
- }
14
-
15
- [data-style='daisy-ui'] [data-search-input]:focus {
16
- @apply border-primary-z5 outline-primary-z5 outline outline-2 outline-offset-2;
17
- }
18
-
19
- [data-style='daisy-ui'] [data-search-input]::placeholder {
20
- @apply text-surface-z5;
21
- }
22
-
23
- /* =============================================================================
24
- Clear Button
25
- ============================================================================= */
26
-
27
- [data-style='daisy-ui'] [data-search-clear] {
28
- @apply text-surface-z5;
29
- }
30
-
31
- [data-style='daisy-ui'] [data-search-clear]:hover {
32
- @apply text-surface-z8;
33
- }
34
-
35
- /* =============================================================================
36
- Tags
37
- ============================================================================= */
38
-
39
- [data-style='daisy-ui'] [data-search-tag] {
40
- @apply text-on-primary bg-primary-z5 rounded-full border-transparent bg-none;
41
- }
42
-
43
- [data-style='daisy-ui'] [data-search-tag-remove] {
44
- @apply text-on-primary/70;
45
- }
46
-
47
- [data-style='daisy-ui'] [data-search-tag-remove]:hover {
48
- @apply text-on-primary;
49
- }
@@ -1,158 +0,0 @@
1
- /**
2
- * Select - DaisyUI Theme Styles
3
- *
4
- * Rounded-lg trigger, rounded-xl dropdown, bold primary selection fill.
5
- */
6
-
7
- /* =============================================================================
8
- Trigger Button
9
- ============================================================================= */
10
-
11
- [data-style='daisy-ui'] [data-select-trigger] {
12
- @apply text-surface-z7 border-surface-z4 rounded-lg border bg-transparent bg-none;
13
- }
14
-
15
- [data-style='daisy-ui'] [data-select-trigger]:hover:not(:disabled) {
16
- @apply border-surface-z5 text-surface-z8 bg-none;
17
- }
18
-
19
- [data-style='daisy-ui'] [data-select-trigger]:focus-visible {
20
- @apply outline-primary-z5 outline outline-2 outline-offset-2;
21
- }
22
-
23
- [data-style='daisy-ui'] [data-select][data-open='true'] [data-select-trigger] {
24
- @apply border-primary-z5 bg-none;
25
- }
26
-
27
- /* =============================================================================
28
- Placeholder
29
- ============================================================================= */
30
-
31
- [data-style='daisy-ui'] [data-select-placeholder] {
32
- @apply text-surface-z5;
33
- }
34
-
35
- /* =============================================================================
36
- Arrow
37
- ============================================================================= */
38
-
39
- [data-style='daisy-ui'] [data-select-arrow] {
40
- @apply text-surface-z5;
41
- }
42
-
43
- [data-style='daisy-ui'] [data-select-trigger]:hover:not(:disabled) [data-select-arrow] {
44
- @apply text-surface-z6;
45
- }
46
-
47
- /* =============================================================================
48
- Tags (MultiSelect)
49
- ============================================================================= */
50
-
51
- [data-style='daisy-ui'] [data-select-tag] {
52
- @apply text-on-primary bg-primary-z5 rounded-full border-transparent bg-none;
53
- }
54
-
55
- [data-style='daisy-ui'] [data-select-tag-remove] {
56
- @apply text-on-primary/70;
57
- }
58
-
59
- [data-style='daisy-ui'] [data-select-tag-remove]:hover {
60
- @apply text-on-primary;
61
- }
62
-
63
- /* =============================================================================
64
- Dropdown Panel
65
- ============================================================================= */
66
-
67
- [data-style='daisy-ui'] [data-select-dropdown] {
68
- @apply bg-surface-z1 border-surface-z3 rounded-xl border bg-none shadow-md;
69
- }
70
-
71
- /* =============================================================================
72
- Options
73
- ============================================================================= */
74
-
75
- [data-style='daisy-ui'] [data-select-option] {
76
- @apply text-surface-z7 rounded-lg;
77
- }
78
-
79
- /* Hover and focus */
80
- [data-style='daisy-ui'] [data-select-option]:hover:not(:disabled),
81
- [data-style='daisy-ui'] [data-select-option]:focus:not(:disabled) {
82
- @apply bg-surface-z2 text-surface-z9 bg-none outline-none;
83
- }
84
-
85
- /* Selected state */
86
- [data-style='daisy-ui'] [data-select-option][data-selected='true'] {
87
- @apply bg-primary-z4 text-on-primary bg-none;
88
- }
89
-
90
- /* Selected state — full highlight when dropdown has focus */
91
- [data-style='daisy-ui']
92
- [data-select-dropdown]:focus-within
93
- [data-select-option][data-selected='true'] {
94
- @apply bg-primary-z5 text-on-primary bg-none;
95
- }
96
-
97
- /* Check mark */
98
- [data-style='daisy-ui'] [data-select-check] {
99
- @apply text-on-primary;
100
- }
101
-
102
- /* Checkbox */
103
- [data-style='daisy-ui'] [data-select-checkbox] {
104
- @apply border-surface-z5 rounded bg-transparent bg-none;
105
- }
106
-
107
- [data-style='daisy-ui'] [data-select-checkbox][data-checked='true'] {
108
- @apply bg-primary-z5 border-primary-z5 bg-none text-white;
109
- }
110
-
111
- /* Item elements */
112
- [data-style='daisy-ui'] [data-select-option] [data-item-description] {
113
- @apply text-surface-z5;
114
- }
115
-
116
- [data-style='daisy-ui'] [data-select-option][data-selected='true'] [data-item-description] {
117
- @apply text-on-primary/80;
118
- }
119
-
120
- /* =============================================================================
121
- Groups
122
- ============================================================================= */
123
-
124
- [data-style='daisy-ui'] [data-select-group-label] {
125
- @apply text-surface-z5;
126
- }
127
-
128
- /* =============================================================================
129
- Divider
130
- ============================================================================= */
131
-
132
- [data-style='daisy-ui'] [data-select-divider] {
133
- @apply bg-surface-z3 bg-none;
134
- }
135
-
136
- /* =============================================================================
137
- Filter Input
138
- ============================================================================= */
139
-
140
- [data-style='daisy-ui'] [data-select-filter] {
141
- @apply bg-surface-z1;
142
- }
143
-
144
- [data-style='daisy-ui'] [data-select-filter-input] {
145
- @apply text-surface-z7 border-surface-z4 rounded-lg border bg-transparent;
146
- }
147
-
148
- [data-style='daisy-ui'] [data-select-filter-input]:focus {
149
- @apply border-primary-z5 outline-primary-z5 outline outline-2 outline-offset-2;
150
- }
151
-
152
- [data-style='daisy-ui'] [data-select-filter-input]::placeholder {
153
- @apply text-surface-z5;
154
- }
155
-
156
- [data-style='daisy-ui'] [data-select-empty] {
157
- @apply text-surface-z5;
158
- }
@@ -1,66 +0,0 @@
1
- /**
2
- * StatusList - DaisyUI Theme Styles
3
- */
4
-
5
- /* ── @rokkit/ui StatusList: icon and text colors by status ── */
6
-
7
- [data-style='daisy-ui'] [data-status-item][data-status='pass'] span {
8
- @apply text-success-z5;
9
- }
10
- [data-style='daisy-ui'] [data-status-item][data-status='fail'] span {
11
- @apply text-error-z5;
12
- }
13
- [data-style='daisy-ui'] [data-status-item][data-status='warn'] span {
14
- @apply text-warning-z5;
15
- }
16
- [data-style='daisy-ui'] [data-status-item][data-status='unknown'] span {
17
- @apply text-surface-z4;
18
- }
19
-
20
- [data-style='daisy-ui'] [data-status-item][data-status='pass'] {
21
- @apply text-success-z7;
22
- }
23
- [data-style='daisy-ui'] [data-status-item][data-status='fail'] {
24
- @apply text-error-z7;
25
- }
26
- [data-style='daisy-ui'] [data-status-item][data-status='warn'] {
27
- @apply text-warning-z7;
28
- }
29
- [data-style='daisy-ui'] [data-status-item][data-status='unknown'] {
30
- @apply text-surface-z5;
31
- }
32
-
33
- /* ── @rokkit/forms StatusList: group headers by severity ── */
34
-
35
- [data-style='daisy-ui'] [data-status-group][data-severity='error'] [data-status-header] {
36
- @apply text-error-z5;
37
- }
38
- [data-style='daisy-ui'] [data-status-group][data-severity='warning'] [data-status-header] {
39
- @apply text-warning-z5;
40
- }
41
- [data-style='daisy-ui'] [data-status-group][data-severity='info'] [data-status-header] {
42
- @apply text-info-z5;
43
- }
44
- [data-style='daisy-ui'] [data-status-group][data-severity='success'] [data-status-header] {
45
- @apply text-success-z5;
46
- }
47
-
48
- /* ── @rokkit/forms StatusList: item colors ── */
49
-
50
- [data-style='daisy-ui'] [data-status-item][data-status='error'] {
51
- @apply text-error-z7;
52
- }
53
- [data-style='daisy-ui'] [data-status-item][data-status='warning'] {
54
- @apply text-warning-z7;
55
- }
56
- [data-style='daisy-ui'] [data-status-item][data-status='info'] {
57
- @apply text-info-z7;
58
- }
59
- [data-style='daisy-ui'] [data-status-item][data-status='success'] {
60
- @apply text-success-z7;
61
- }
62
-
63
- /* Count badge */
64
- [data-style='daisy-ui'] [data-status-count] {
65
- @apply text-surface-z6 bg-none font-semibold;
66
- }
@@ -1,37 +0,0 @@
1
- /* StepIndicator — daisy-ui theme (pill shapes, bold fills) */
2
-
3
- [data-style='daisy-ui'] [data-step-item][data-step-state='complete'] [data-step-number] {
4
- @apply bg-primary-z5 border-transparent text-on-primary bg-none;
5
- }
6
-
7
- [data-style='daisy-ui'] [data-step-item][data-step-state='current'] [data-step-number] {
8
- @apply bg-transparent border-primary-z5 text-primary-z7 bg-none;
9
- outline: 2px solid;
10
- outline-offset: 2px;
11
- @apply outline-primary-z4;
12
- }
13
-
14
- [data-style='daisy-ui'] [data-step-item][data-step-state='upcoming'] [data-step-number] {
15
- @apply bg-transparent border-surface-z4 text-surface-z5 bg-none;
16
- }
17
-
18
- [data-style='daisy-ui'] [data-step-item][data-step-state='complete'] [data-step-label] {
19
- @apply text-primary-z7 bg-none;
20
- }
21
-
22
- [data-style='daisy-ui'] [data-step-item][data-step-state='current'] [data-step-label] {
23
- @apply text-surface-z9 font-semibold bg-none;
24
- }
25
-
26
- [data-style='daisy-ui'] [data-step-item][data-step-state='upcoming'] [data-step-label] {
27
- @apply text-surface-z5 bg-none;
28
- }
29
-
30
- [data-style='daisy-ui'] [data-step-item][data-step-state='complete']::after {
31
- @apply bg-primary-z5;
32
- }
33
-
34
- [data-style='daisy-ui'] [data-step-item][data-step-state='current']::after,
35
- [data-style='daisy-ui'] [data-step-item][data-step-state='upcoming']::after {
36
- @apply bg-surface-z3;
37
- }
@@ -1,31 +0,0 @@
1
- /**
2
- * Switch - DaisyUI Theme Styles
3
- *
4
- * Extra-rounded pill track (rounded-full), bold primary on state.
5
- */
6
-
7
- [data-style='daisy-ui'] [data-switch-track] {
8
- @apply border-surface-z4 rounded-full border-2 bg-transparent bg-none;
9
- }
10
-
11
- [data-style='daisy-ui'] [data-switch] [data-switch-thumb] {
12
- --switch-thumb-travel: 1rem;
13
- @apply bg-surface-z5 rounded-full;
14
- }
15
-
16
- [data-style='daisy-ui'] [data-switch]:focus-visible [data-switch-track] {
17
- @apply outline-primary-z5 outline outline-2 outline-offset-2;
18
- }
19
-
20
- /* On state */
21
- [data-style='daisy-ui'] [data-switch][aria-checked='true'] [data-switch-track] {
22
- @apply bg-primary-z5 border-primary-z5 bg-none;
23
- }
24
-
25
- [data-style='daisy-ui'] [data-switch][aria-checked='true'] [data-switch-thumb] {
26
- @apply bg-on-primary;
27
- }
28
-
29
- [data-style='daisy-ui'] [data-switch-label] {
30
- @apply text-surface-z7;
31
- }
@@ -1,91 +0,0 @@
1
- /**
2
- * Table - DaisyUI Theme Styles
3
- *
4
- * Clean table with subtle borders, primary fill on selected rows.
5
- */
6
-
7
- /* =============================================================================
8
- Header
9
- ============================================================================= */
10
-
11
- [data-style='daisy-ui'] [data-table-header] th {
12
- @apply text-surface-z6 border-surface-z4 border-b;
13
- }
14
-
15
- [data-style='daisy-ui'] [data-table-header-cell][data-sortable='true']:hover {
16
- @apply text-surface-z8;
17
- }
18
-
19
- [data-style='daisy-ui'] [data-table-header-cell][data-sort-order='ascending'],
20
- [data-style='daisy-ui'] [data-table-header-cell][data-sort-order='descending'] {
21
- @apply text-primary-z7;
22
- }
23
-
24
- [data-style='daisy-ui'] [data-table-sort-icon] {
25
- @apply text-surface-z5;
26
- }
27
-
28
- [data-style='daisy-ui']
29
- [data-table-header-cell][data-sort-order='ascending']
30
- [data-table-sort-icon],
31
- [data-style='daisy-ui']
32
- [data-table-header-cell][data-sort-order='descending']
33
- [data-table-sort-icon] {
34
- @apply text-primary-z6;
35
- }
36
-
37
- /* =============================================================================
38
- Caption
39
- ============================================================================= */
40
-
41
- [data-style='daisy-ui'] [data-table-caption] {
42
- @apply text-surface-z7;
43
- }
44
-
45
- /* =============================================================================
46
- Rows
47
- ============================================================================= */
48
-
49
- [data-style='daisy-ui'] [data-table-row] {
50
- @apply text-surface-z7 border-surface-z3 border-b;
51
- }
52
-
53
- [data-style='daisy-ui'] [data-table-row]:hover {
54
- @apply bg-surface-z1 text-surface-z9 bg-none;
55
- }
56
-
57
- [data-style='daisy-ui'] [data-table-row]:focus {
58
- @apply bg-surface-z2 text-surface-z9 outline-primary-z5 bg-none outline outline-2 outline-offset-2;
59
- }
60
-
61
- [data-style='daisy-ui'] [data-table-row][data-selected='true'] {
62
- @apply bg-primary-z4 text-on-primary bg-none;
63
- }
64
-
65
- /* =============================================================================
66
- Striped
67
- ============================================================================= */
68
-
69
- [data-style='daisy-ui'] [data-table-striped] [data-table-body] tr:nth-child(even) {
70
- @apply bg-surface-z1;
71
- }
72
-
73
- /* =============================================================================
74
- Empty
75
- ============================================================================= */
76
-
77
- [data-style='daisy-ui'] [data-table-empty] {
78
- @apply text-surface-z5;
79
- }
80
-
81
- /* =============================================================================
82
- Cell Icon
83
- ============================================================================= */
84
-
85
- [data-style='daisy-ui'] [data-table-cell] [data-cell-icon] {
86
- @apply text-surface-z5;
87
- }
88
-
89
- [data-style='daisy-ui'] [data-table-row][data-selected='true'] [data-cell-icon] {
90
- @apply text-on-primary;
91
- }