@rokkit/themes 1.0.3 → 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 (252) 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/density.css +3 -3
  6. package/src/base/gradient-border.css +32 -0
  7. package/src/base/index.css +3 -0
  8. package/src/base/input.css +9 -5
  9. package/src/base/item.css +13 -0
  10. package/src/base/layout.css +17 -0
  11. package/src/base/nav-content.css +3 -3
  12. package/src/base/radius.css +41 -0
  13. package/src/base/stepper.css +9 -14
  14. package/src/frosted/button.css +6 -11
  15. package/src/frosted/card.css +5 -9
  16. package/src/frosted/dropdown.css +5 -10
  17. package/src/frosted/floating-action.css +2 -2
  18. package/src/frosted/input.css +2 -3
  19. package/src/frosted/list.css +25 -0
  20. package/src/frosted/menu.css +4 -8
  21. package/src/frosted/range.css +2 -2
  22. package/src/frosted/select.css +1 -1
  23. package/src/frosted/step-indicator.css +1 -2
  24. package/src/frosted/switch.css +2 -3
  25. package/src/frosted/timeline.css +1 -2
  26. package/src/index.css +2 -0
  27. package/src/index.js +0 -1
  28. package/src/material/floating-action.css +2 -2
  29. package/src/material/list.css +14 -0
  30. package/src/material/range.css +2 -2
  31. package/src/material/select.css +1 -1
  32. package/src/material/step-indicator.css +1 -2
  33. package/src/material/switch.css +1 -1
  34. package/src/material/tabs.css +2 -2
  35. package/src/material/timeline.css +1 -2
  36. package/src/material/toggle.css +2 -2
  37. package/src/minimal/floating-action.css +1 -1
  38. package/src/minimal/list.css +14 -0
  39. package/src/minimal/select.css +1 -13
  40. package/src/rokkit/floating-action.css +5 -5
  41. package/src/rokkit/floating-navigation.css +1 -1
  42. package/src/rokkit/index.css +0 -1
  43. package/src/rokkit/input.css +1 -1
  44. package/src/rokkit/list.css +25 -0
  45. package/src/rokkit/range.css +2 -2
  46. package/src/rokkit/select.css +1 -1
  47. package/src/rokkit/step-indicator.css +1 -2
  48. package/src/rokkit/swatch.css +1 -1
  49. package/src/rokkit/switch.css +1 -1
  50. package/src/rokkit/timeline.css +1 -2
  51. package/src/rokkit/upload-progress.css +4 -4
  52. package/src/zen-sumi/button.css +176 -0
  53. package/src/zen-sumi/card.css +104 -0
  54. package/src/zen-sumi/chart.css +41 -0
  55. package/src/zen-sumi/dropdown.css +53 -0
  56. package/src/zen-sumi/floating-action.css +68 -0
  57. package/src/zen-sumi/floating-navigation.css +74 -0
  58. package/src/{grada-ui → zen-sumi}/index.css +25 -30
  59. package/src/zen-sumi/input.css +145 -0
  60. package/src/zen-sumi/list.css +128 -0
  61. package/src/zen-sumi/menu.css +91 -0
  62. package/src/zen-sumi/message.css +37 -0
  63. package/src/zen-sumi/range.css +62 -0
  64. package/src/zen-sumi/search-filter.css +49 -0
  65. package/src/zen-sumi/select.css +160 -0
  66. package/src/zen-sumi/status-list.css +66 -0
  67. package/src/zen-sumi/step-indicator.css +40 -0
  68. package/src/zen-sumi/swatch.css +21 -0
  69. package/src/zen-sumi/switch.css +34 -0
  70. package/src/zen-sumi/table.css +118 -0
  71. package/src/zen-sumi/tabs.css +78 -0
  72. package/src/zen-sumi/timeline.css +46 -0
  73. package/src/zen-sumi/toc.css +22 -0
  74. package/src/zen-sumi/toggle.css +51 -0
  75. package/src/zen-sumi/toolbar.css +86 -0
  76. package/src/zen-sumi/tree.css +137 -0
  77. package/dist/ant-design.css +0 -2129
  78. package/dist/base.css +0 -6378
  79. package/dist/bits-ui.css +0 -2113
  80. package/dist/carbon.css +0 -2123
  81. package/dist/daisy-ui.css +0 -2138
  82. package/dist/frosted.css +0 -1953
  83. package/dist/grada-ui.css +0 -1915
  84. package/dist/index.css +0 -27231
  85. package/dist/material.css +0 -1924
  86. package/dist/minimal.css +0 -1978
  87. package/dist/rokkit.css +0 -2471
  88. package/dist/shadcn.css +0 -2099
  89. package/src/ant-design/button.css +0 -190
  90. package/src/ant-design/card.css +0 -100
  91. package/src/ant-design/chart.css +0 -34
  92. package/src/ant-design/connector.css +0 -11
  93. package/src/ant-design/dropdown.css +0 -50
  94. package/src/ant-design/floating-action.css +0 -63
  95. package/src/ant-design/floating-navigation.css +0 -70
  96. package/src/ant-design/grid.css +0 -46
  97. package/src/ant-design/index.css +0 -35
  98. package/src/ant-design/input.css +0 -151
  99. package/src/ant-design/list.css +0 -126
  100. package/src/ant-design/menu.css +0 -88
  101. package/src/ant-design/message.css +0 -35
  102. package/src/ant-design/range.css +0 -61
  103. package/src/ant-design/search-filter.css +0 -49
  104. package/src/ant-design/select.css +0 -158
  105. package/src/ant-design/status-list.css +0 -66
  106. package/src/ant-design/step-indicator.css +0 -38
  107. package/src/ant-design/switch.css +0 -29
  108. package/src/ant-design/table.css +0 -91
  109. package/src/ant-design/tabs.css +0 -153
  110. package/src/ant-design/timeline.css +0 -45
  111. package/src/ant-design/toc.css +0 -18
  112. package/src/ant-design/toggle.css +0 -48
  113. package/src/ant-design/toolbar.css +0 -85
  114. package/src/ant-design/tree.css +0 -137
  115. package/src/ant-design/upload-progress.css +0 -102
  116. package/src/ant-design/upload-target.css +0 -50
  117. package/src/bits-ui/button.css +0 -176
  118. package/src/bits-ui/card.css +0 -99
  119. package/src/bits-ui/chart.css +0 -34
  120. package/src/bits-ui/connector.css +0 -11
  121. package/src/bits-ui/dropdown.css +0 -50
  122. package/src/bits-ui/floating-action.css +0 -63
  123. package/src/bits-ui/floating-navigation.css +0 -70
  124. package/src/bits-ui/grid.css +0 -46
  125. package/src/bits-ui/index.css +0 -35
  126. package/src/bits-ui/input.css +0 -154
  127. package/src/bits-ui/list.css +0 -126
  128. package/src/bits-ui/menu.css +0 -88
  129. package/src/bits-ui/message.css +0 -35
  130. package/src/bits-ui/range.css +0 -61
  131. package/src/bits-ui/search-filter.css +0 -49
  132. package/src/bits-ui/select.css +0 -158
  133. package/src/bits-ui/status-list.css +0 -66
  134. package/src/bits-ui/step-indicator.css +0 -40
  135. package/src/bits-ui/switch.css +0 -29
  136. package/src/bits-ui/table.css +0 -89
  137. package/src/bits-ui/tabs.css +0 -151
  138. package/src/bits-ui/timeline.css +0 -45
  139. package/src/bits-ui/toc.css +0 -18
  140. package/src/bits-ui/toggle.css +0 -48
  141. package/src/bits-ui/toolbar.css +0 -85
  142. package/src/bits-ui/tree.css +0 -135
  143. package/src/bits-ui/upload-progress.css +0 -102
  144. package/src/bits-ui/upload-target.css +0 -50
  145. package/src/carbon/button.css +0 -186
  146. package/src/carbon/card.css +0 -97
  147. package/src/carbon/chart.css +0 -34
  148. package/src/carbon/connector.css +0 -11
  149. package/src/carbon/dropdown.css +0 -50
  150. package/src/carbon/floating-action.css +0 -63
  151. package/src/carbon/floating-navigation.css +0 -70
  152. package/src/carbon/grid.css +0 -46
  153. package/src/carbon/index.css +0 -34
  154. package/src/carbon/input.css +0 -148
  155. package/src/carbon/list.css +0 -124
  156. package/src/carbon/menu.css +0 -88
  157. package/src/carbon/message.css +0 -37
  158. package/src/carbon/range.css +0 -61
  159. package/src/carbon/search-filter.css +0 -49
  160. package/src/carbon/select.css +0 -158
  161. package/src/carbon/status-list.css +0 -66
  162. package/src/carbon/step-indicator.css +0 -40
  163. package/src/carbon/switch.css +0 -31
  164. package/src/carbon/table.css +0 -93
  165. package/src/carbon/tabs.css +0 -151
  166. package/src/carbon/timeline.css +0 -45
  167. package/src/carbon/toc.css +0 -22
  168. package/src/carbon/toggle.css +0 -48
  169. package/src/carbon/toolbar.css +0 -84
  170. package/src/carbon/tree.css +0 -135
  171. package/src/carbon/upload-progress.css +0 -102
  172. package/src/carbon/upload-target.css +0 -50
  173. package/src/daisy-ui/button.css +0 -196
  174. package/src/daisy-ui/card.css +0 -99
  175. package/src/daisy-ui/chart.css +0 -34
  176. package/src/daisy-ui/connector.css +0 -11
  177. package/src/daisy-ui/dropdown.css +0 -50
  178. package/src/daisy-ui/floating-action.css +0 -63
  179. package/src/daisy-ui/floating-navigation.css +0 -70
  180. package/src/daisy-ui/grid.css +0 -46
  181. package/src/daisy-ui/index.css +0 -34
  182. package/src/daisy-ui/input.css +0 -148
  183. package/src/daisy-ui/list.css +0 -127
  184. package/src/daisy-ui/menu.css +0 -88
  185. package/src/daisy-ui/message.css +0 -37
  186. package/src/daisy-ui/range.css +0 -61
  187. package/src/daisy-ui/search-filter.css +0 -49
  188. package/src/daisy-ui/select.css +0 -158
  189. package/src/daisy-ui/status-list.css +0 -66
  190. package/src/daisy-ui/step-indicator.css +0 -37
  191. package/src/daisy-ui/switch.css +0 -31
  192. package/src/daisy-ui/table.css +0 -91
  193. package/src/daisy-ui/tabs.css +0 -153
  194. package/src/daisy-ui/timeline.css +0 -45
  195. package/src/daisy-ui/toc.css +0 -22
  196. package/src/daisy-ui/toggle.css +0 -48
  197. package/src/daisy-ui/toolbar.css +0 -85
  198. package/src/daisy-ui/tree.css +0 -137
  199. package/src/daisy-ui/upload-progress.css +0 -102
  200. package/src/daisy-ui/upload-target.css +0 -50
  201. package/src/grada-ui/button.css +0 -249
  202. package/src/grada-ui/card.css +0 -96
  203. package/src/grada-ui/chart.css +0 -34
  204. package/src/grada-ui/dropdown.css +0 -58
  205. package/src/grada-ui/floating-action.css +0 -66
  206. package/src/grada-ui/floating-navigation.css +0 -69
  207. package/src/grada-ui/input.css +0 -154
  208. package/src/grada-ui/list.css +0 -124
  209. package/src/grada-ui/menu.css +0 -81
  210. package/src/grada-ui/message.css +0 -48
  211. package/src/grada-ui/range.css +0 -59
  212. package/src/grada-ui/search-filter.css +0 -47
  213. package/src/grada-ui/select.css +0 -190
  214. package/src/grada-ui/status-list.css +0 -66
  215. package/src/grada-ui/step-indicator.css +0 -37
  216. package/src/grada-ui/switch.css +0 -35
  217. package/src/grada-ui/table.css +0 -79
  218. package/src/grada-ui/tabs.css +0 -59
  219. package/src/grada-ui/timeline.css +0 -46
  220. package/src/grada-ui/toc.css +0 -24
  221. package/src/grada-ui/toggle.css +0 -47
  222. package/src/grada-ui/toolbar.css +0 -91
  223. package/src/grada-ui/tree.css +0 -100
  224. package/src/rokkit/stack.css +0 -6
  225. package/src/shadcn/button.css +0 -175
  226. package/src/shadcn/card.css +0 -99
  227. package/src/shadcn/chart.css +0 -34
  228. package/src/shadcn/connector.css +0 -11
  229. package/src/shadcn/dropdown.css +0 -50
  230. package/src/shadcn/floating-action.css +0 -63
  231. package/src/shadcn/floating-navigation.css +0 -70
  232. package/src/shadcn/grid.css +0 -46
  233. package/src/shadcn/index.css +0 -35
  234. package/src/shadcn/input.css +0 -143
  235. package/src/shadcn/list.css +0 -124
  236. package/src/shadcn/menu.css +0 -88
  237. package/src/shadcn/message.css +0 -35
  238. package/src/shadcn/range.css +0 -61
  239. package/src/shadcn/search-filter.css +0 -49
  240. package/src/shadcn/select.css +0 -158
  241. package/src/shadcn/status-list.css +0 -66
  242. package/src/shadcn/step-indicator.css +0 -37
  243. package/src/shadcn/switch.css +0 -31
  244. package/src/shadcn/table.css +0 -89
  245. package/src/shadcn/tabs.css +0 -151
  246. package/src/shadcn/timeline.css +0 -45
  247. package/src/shadcn/toc.css +0 -20
  248. package/src/shadcn/toggle.css +0 -48
  249. package/src/shadcn/toolbar.css +0 -84
  250. package/src/shadcn/tree.css +0 -135
  251. package/src/shadcn/upload-progress.css +0 -102
  252. 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
- }