@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,153 +0,0 @@
1
- /**
2
- * Tabs - DaisyUI Theme Styles
3
- *
4
- * Pill-style tabs: selected tab gets solid primary fill with rounded-full.
5
- * No underline indicator — filled pill is the selection marker.
6
- */
7
-
8
- /* =============================================================================
9
- Tab List
10
- ============================================================================= */
11
-
12
- [data-style='daisy-ui'] [data-tabs-list] {
13
- @apply bg-surface-z1 gap-1 rounded-full border-0 p-1;
14
- }
15
-
16
- [data-style='daisy-ui'] [data-tabs][data-position='after'] [data-tabs-list] {
17
- @apply rounded-full;
18
- }
19
-
20
- [data-style='daisy-ui'] [data-tabs][data-orientation='vertical'] [data-tabs-list] {
21
- @apply rounded-2xl;
22
- }
23
-
24
- [data-style='daisy-ui']
25
- [data-tabs][data-orientation='vertical'][data-position='after']
26
- [data-tabs-list] {
27
- @apply rounded-2xl;
28
- }
29
-
30
- /* =============================================================================
31
- Tab Triggers — pill style
32
- ============================================================================= */
33
-
34
- [data-style='daisy-ui'] [data-tabs-trigger] {
35
- @apply text-surface-z5 rounded-full bg-transparent px-4;
36
- font-weight: 400;
37
- transition:
38
- color 150ms ease,
39
- background-color 150ms ease;
40
- }
41
-
42
- [data-style='daisy-ui'] [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]) {
43
- @apply bg-surface-z2 text-surface-z8 bg-none;
44
- }
45
-
46
- [data-style='daisy-ui'] [data-tabs-trigger][data-selected] {
47
- @apply bg-primary-z5 text-on-primary bg-none;
48
- font-weight: 600;
49
- }
50
-
51
- /* Reset any inherited gradients */
52
- [data-style='daisy-ui'] [data-tabs-list]:focus-within [data-tabs-trigger][data-selected] {
53
- @apply bg-primary-z5 text-on-primary;
54
- }
55
-
56
- [data-style='daisy-ui']
57
- [data-tabs][data-orientation='vertical']
58
- [data-tabs-list]:focus-within
59
- [data-tabs-trigger][data-selected] {
60
- @apply bg-primary-z5 text-on-primary;
61
- }
62
-
63
- [data-style='daisy-ui']
64
- [data-tabs][data-orientation='vertical'][data-position='after']
65
- [data-tabs-list]:focus-within
66
- [data-tabs-trigger][data-selected] {
67
- @apply bg-primary-z5 text-on-primary;
68
- }
69
-
70
- /* Horizontal after (tabs below content) */
71
- [data-style='daisy-ui'] [data-tabs][data-position='after'] [data-tabs-trigger] {
72
- @apply rounded-full;
73
- }
74
-
75
- [data-style='daisy-ui']
76
- [data-tabs][data-position='after']
77
- [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]) {
78
- @apply bg-surface-z2;
79
- }
80
-
81
- [data-style='daisy-ui'] [data-tabs][data-position='after'] [data-tabs-trigger][data-selected] {
82
- @apply bg-primary-z5 text-on-primary;
83
- font-weight: 600;
84
- }
85
-
86
- [data-style='daisy-ui']
87
- [data-tabs][data-position='after']
88
- [data-tabs-list]:focus-within
89
- [data-tabs-trigger][data-selected] {
90
- @apply bg-primary-z5 text-on-primary;
91
- }
92
-
93
- /* Vertical before (tabs on left) */
94
- [data-style='daisy-ui'] [data-tabs][data-orientation='vertical'] [data-tabs-trigger] {
95
- @apply rounded-full;
96
- }
97
-
98
- [data-style='daisy-ui']
99
- [data-tabs][data-orientation='vertical']
100
- [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]) {
101
- @apply bg-surface-z2;
102
- }
103
-
104
- [data-style='daisy-ui']
105
- [data-tabs][data-orientation='vertical']
106
- [data-tabs-trigger][data-selected] {
107
- @apply bg-primary-z5 text-on-primary;
108
- font-weight: 600;
109
- }
110
-
111
- /* Vertical after (tabs on right) */
112
- [data-style='daisy-ui']
113
- [data-tabs][data-orientation='vertical'][data-position='after']
114
- [data-tabs-trigger] {
115
- @apply rounded-full;
116
- }
117
-
118
- [data-style='daisy-ui']
119
- [data-tabs][data-orientation='vertical'][data-position='after']
120
- [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]) {
121
- @apply bg-surface-z2;
122
- }
123
-
124
- [data-style='daisy-ui']
125
- [data-tabs][data-orientation='vertical'][data-position='after']
126
- [data-tabs-trigger][data-selected] {
127
- @apply bg-primary-z5 text-on-primary;
128
- font-weight: 600;
129
- }
130
-
131
- /* =============================================================================
132
- Tab Icon
133
- ============================================================================= */
134
-
135
- [data-style='daisy-ui'] [data-tabs-trigger] [data-tabs-icon] {
136
- @apply text-surface-z4;
137
- }
138
-
139
- [data-style='daisy-ui'] [data-tabs-trigger]:hover:not(:disabled) [data-tabs-icon] {
140
- @apply text-surface-z6;
141
- }
142
-
143
- [data-style='daisy-ui'] [data-tabs-trigger][data-selected] [data-tabs-icon] {
144
- @apply text-on-primary;
145
- }
146
-
147
- /* =============================================================================
148
- Tab Panel
149
- ============================================================================= */
150
-
151
- [data-style='daisy-ui'] [data-tabs-content] {
152
- @apply text-surface-z8;
153
- }
@@ -1,45 +0,0 @@
1
- /**
2
- * Timeline - DaisyUI Theme Styles
3
- *
4
- * Bold primary accent for completed/active items.
5
- */
6
-
7
- /* =============================================================================
8
- Circle
9
- ============================================================================= */
10
-
11
- [data-style='daisy-ui'] [data-timeline-circle] {
12
- @apply border-surface-z4 text-surface-z6 rounded-full;
13
- }
14
-
15
- [data-style='daisy-ui'] [data-timeline-item][data-completed] [data-timeline-circle] {
16
- @apply border-primary-z5 text-primary-z5 bg-primary-z2;
17
- }
18
-
19
- [data-style='daisy-ui'] [data-timeline-item][data-active] [data-timeline-circle] {
20
- @apply border-primary-z5 text-primary-z5 bg-primary-z5 text-on-primary;
21
- }
22
-
23
- /* =============================================================================
24
- Connector
25
- ============================================================================= */
26
-
27
- [data-style='daisy-ui'] [data-timeline-connector] {
28
- @apply bg-surface-z3;
29
- }
30
-
31
- [data-style='daisy-ui'] [data-timeline-item][data-completed] [data-timeline-connector] {
32
- @apply bg-primary-z5;
33
- }
34
-
35
- /* =============================================================================
36
- Body
37
- ============================================================================= */
38
-
39
- [data-style='daisy-ui'] [data-timeline-title] {
40
- @apply text-surface-z8;
41
- }
42
-
43
- [data-style='daisy-ui'] [data-timeline-description] {
44
- @apply text-surface-z6;
45
- }
@@ -1,22 +0,0 @@
1
- /**
2
- * TableOfContents - DaisyUI Theme Styles
3
- *
4
- * Active item gets primary color with pill accent.
5
- */
6
-
7
- [data-style='daisy-ui'] [data-toc] [data-toc-label] {
8
- @apply text-surface-z5;
9
- }
10
-
11
- [data-style='daisy-ui'] [data-toc] [data-toc-item] {
12
- @apply text-surface-z6 rounded-full;
13
- }
14
-
15
- [data-style='daisy-ui'] [data-toc] [data-toc-item]:hover,
16
- [data-style='daisy-ui'] [data-toc] [data-toc-item][data-toc-focused] {
17
- @apply bg-surface-z2 text-surface-z9 outline-none;
18
- }
19
-
20
- [data-style='daisy-ui'] [data-toc] [data-toc-item][data-toc-active] {
21
- @apply text-primary-z6 bg-primary-z1;
22
- }
@@ -1,48 +0,0 @@
1
- /**
2
- * Toggle - DaisyUI Theme Styles
3
- *
4
- * Pill-shaped toggle group with bold selected fill.
5
- */
6
-
7
- /* =============================================================================
8
- Toggle Container
9
- ============================================================================= */
10
-
11
- [data-style='daisy-ui'] [data-toggle] {
12
- @apply border-surface-z3 bg-surface-z1 rounded-full border bg-none;
13
- }
14
-
15
- /* =============================================================================
16
- Toggle Options
17
- ============================================================================= */
18
-
19
- [data-style='daisy-ui'] [data-toggle-option] {
20
- @apply text-surface-z6 rounded-full;
21
- }
22
-
23
- [data-style='daisy-ui'] [data-toggle-option]:hover:not(:disabled):not([data-disabled='true']),
24
- [data-style='daisy-ui'] [data-toggle-option]:focus:not(:disabled):not([data-disabled='true']) {
25
- @apply bg-surface-z2 text-surface-z8 bg-none;
26
- }
27
-
28
- /* Selected state */
29
- [data-style='daisy-ui'] [data-toggle-option][data-selected='true'] {
30
- @apply bg-primary-z5 text-on-primary bg-none;
31
- }
32
-
33
- /* =============================================================================
34
- Toggle Icon
35
- ============================================================================= */
36
-
37
- [data-style='daisy-ui'] [data-toggle-option] [data-toggle-icon] {
38
- @apply text-surface-z5;
39
- }
40
-
41
- [data-style='daisy-ui'] [data-toggle-option]:hover:not(:disabled) [data-toggle-icon],
42
- [data-style='daisy-ui'] [data-toggle-option]:focus:not(:disabled) [data-toggle-icon] {
43
- @apply text-surface-z7;
44
- }
45
-
46
- [data-style='daisy-ui'] [data-toggle-option][data-selected='true'] [data-toggle-icon] {
47
- @apply text-on-primary;
48
- }
@@ -1,85 +0,0 @@
1
- /**
2
- * Toolbar - DaisyUI Theme Styles
3
- *
4
- * Clean transparent toolbar with subtle positional borders.
5
- */
6
-
7
- /* =============================================================================
8
- Toolbar Container
9
- ============================================================================= */
10
-
11
- [data-style='daisy-ui'] [data-toolbar] {
12
- @apply bg-transparent bg-none;
13
- }
14
-
15
- /* Position-based borders */
16
- [data-style='daisy-ui'] [data-toolbar][data-toolbar-position='top'],
17
- [data-style='daisy-ui'] [data-toolbar]:not([data-toolbar-position]) {
18
- @apply border-surface-z3 border-b;
19
- }
20
-
21
- [data-style='daisy-ui'] [data-toolbar][data-toolbar-position='bottom'] {
22
- @apply border-surface-z3 border-t;
23
- }
24
-
25
- [data-style='daisy-ui'] [data-toolbar][data-toolbar-position='left'] {
26
- @apply border-surface-z3 border-r;
27
- }
28
-
29
- [data-style='daisy-ui'] [data-toolbar][data-toolbar-position='right'] {
30
- @apply border-surface-z3 border-l;
31
- }
32
-
33
- /* =============================================================================
34
- Toolbar Items
35
- ============================================================================= */
36
-
37
- [data-style='daisy-ui'] [data-toolbar-item] {
38
- @apply text-surface-z6 rounded-full;
39
- }
40
-
41
- [data-style='daisy-ui'] [data-toolbar-item]:hover:not(:disabled):not([data-disabled='true']) {
42
- @apply bg-surface-z2 text-surface-z9 bg-none;
43
- }
44
-
45
- [data-style='daisy-ui']
46
- [data-toolbar-item]:focus-visible:not(:disabled):not([data-disabled='true']) {
47
- @apply text-surface-z9 outline-primary-z5 bg-none outline outline-2 outline-offset-2;
48
- }
49
-
50
- /* Active/pressed state */
51
- [data-style='daisy-ui'] [data-toolbar-item][data-active='true'] {
52
- @apply bg-primary-z5 text-on-primary bg-none;
53
- }
54
-
55
- [data-style='daisy-ui'] [data-toolbar-item][data-active='true']:hover:not(:disabled) {
56
- opacity: 0.9;
57
- }
58
-
59
- /* =============================================================================
60
- Toolbar Icon
61
- ============================================================================= */
62
-
63
- [data-style='daisy-ui'] [data-toolbar-item] [data-toolbar-icon] {
64
- @apply text-surface-z5;
65
- }
66
-
67
- [data-style='daisy-ui'] [data-toolbar-item]:hover:not(:disabled) [data-toolbar-icon] {
68
- @apply text-surface-z8;
69
- }
70
-
71
- [data-style='daisy-ui'] [data-toolbar-item][data-active='true'] [data-toolbar-icon] {
72
- @apply text-on-primary;
73
- }
74
-
75
- /* =============================================================================
76
- Separator & Divider
77
- ============================================================================= */
78
-
79
- [data-style='daisy-ui'] [data-toolbar-separator] {
80
- @apply bg-surface-z3 bg-none;
81
- }
82
-
83
- [data-style='daisy-ui'] [data-toolbar-divider] {
84
- @apply bg-surface-z3 bg-none;
85
- }
@@ -1,137 +0,0 @@
1
- /**
2
- * Tree - DaisyUI Theme Styles
3
- *
4
- * Active item gets solid primary fill with rounded-lg.
5
- */
6
-
7
- /* =============================================================================
8
- Tree Container
9
- ============================================================================= */
10
-
11
- [data-style='daisy-ui'] [data-tree]:focus-within {
12
- @apply outline-none;
13
- }
14
-
15
- /* =============================================================================
16
- Tree Toggle Button
17
- ============================================================================= */
18
-
19
- [data-style='daisy-ui'] [data-tree-toggle-btn] {
20
- @apply text-surface-z4;
21
- }
22
-
23
- [data-style='daisy-ui'] [data-tree-toggle-btn]:hover {
24
- @apply text-surface-z6 bg-none;
25
- }
26
-
27
- /* =============================================================================
28
- Tree Item Content
29
- ============================================================================= */
30
-
31
- [data-style='daisy-ui'] [data-tree-item-content] {
32
- @apply text-surface-z7 rounded-lg;
33
- }
34
-
35
- [data-style='daisy-ui'] [data-tree-item-content]:hover:not(:disabled),
36
- [data-style='daisy-ui'] [data-tree-item-content]:focus:not(:disabled) {
37
- @apply bg-surface-z2 text-surface-z9 bg-none outline-none;
38
- }
39
-
40
- /* Focus visible for keyboard navigation */
41
- [data-style='daisy-ui'] [data-tree-item-content]:focus-visible {
42
- @apply outline-primary-z5 outline outline-2 outline-offset-2;
43
- }
44
-
45
- /* Active/selected state */
46
- [data-style='daisy-ui'] [data-tree-item-content][data-active='true'] {
47
- @apply bg-primary-z5 text-on-primary rounded-lg bg-none;
48
- }
49
-
50
- [data-style='daisy-ui'] [data-tree-item-content][data-active='true']:hover:not(:disabled) {
51
- opacity: 0.9;
52
- }
53
-
54
- /* Reset any gradient bleeding from parent */
55
- [data-style='daisy-ui'] [data-tree]:focus-within [data-tree-item-content][data-active='true'] {
56
- @apply bg-primary-z5 text-on-primary;
57
- }
58
-
59
- [data-style='daisy-ui']
60
- [data-tree]:focus-within
61
- [data-tree-item-content][data-active='true']:hover:not(:disabled) {
62
- opacity: 0.9;
63
- }
64
-
65
- [data-style='daisy-ui']
66
- [data-tree]:not(:focus-within)
67
- [data-tree-item-content][data-active='true'] {
68
- @apply bg-primary-z4;
69
- }
70
-
71
- /* =============================================================================
72
- Item Elements
73
- ============================================================================= */
74
-
75
- [data-style='daisy-ui'] [data-tree-item-content] [data-item-icon] {
76
- @apply text-surface-z5;
77
- }
78
-
79
- [data-style='daisy-ui'] [data-tree-item-content]:hover:not(:disabled) [data-item-icon] {
80
- @apply text-surface-z6;
81
- }
82
-
83
- [data-style='daisy-ui'] [data-tree-item-content][data-active='true'] [data-item-icon] {
84
- @apply text-on-primary;
85
- }
86
-
87
- [data-style='daisy-ui'] [data-tree-item-content] [data-item-description] {
88
- @apply text-surface-z5;
89
- }
90
-
91
- [data-style='daisy-ui'] [data-tree-item-content][data-active='true'] [data-item-description] {
92
- @apply text-on-primary/80;
93
- }
94
-
95
- [data-style='daisy-ui'] [data-tree-item-content] [data-item-badge] {
96
- @apply text-surface-z6 border-surface-z4 rounded-full border bg-transparent bg-none;
97
- }
98
-
99
- [data-style='daisy-ui'] [data-tree-item-content][data-active='true'] [data-item-badge] {
100
- @apply text-on-primary border-on-primary/30;
101
- }
102
-
103
- [data-style='daisy-ui']
104
- [data-tree]:focus-within
105
- [data-tree-item-content][data-active='true']
106
- [data-item-badge] {
107
- @apply bg-none;
108
- }
109
-
110
- [data-style='daisy-ui']
111
- [data-tree]:not(:focus-within)
112
- [data-tree-item-content][data-active='true']
113
- [data-item-badge] {
114
- @apply bg-none;
115
- }
116
-
117
- /* =============================================================================
118
- Multi-Selection
119
- ============================================================================= */
120
-
121
- [data-style='daisy-ui'] [data-tree-node][data-selected='true'] [data-tree-item-content] {
122
- @apply bg-primary-z3 text-on-primary rounded-lg bg-none;
123
- }
124
-
125
- [data-style='daisy-ui']
126
- [data-tree]:focus-within
127
- [data-tree-node][data-selected='true']
128
- [data-tree-item-content] {
129
- @apply bg-primary-z4 text-on-primary;
130
- }
131
-
132
- [data-style='daisy-ui']
133
- [data-tree-node][data-selected='true']
134
- [data-tree-item-content]
135
- [data-item-icon] {
136
- @apply text-on-primary;
137
- }
@@ -1,102 +0,0 @@
1
- /**
2
- * UploadProgress - DaisyUI Theme Styles
3
- *
4
- * Status colors, primary progress fill, pill-rounded action buttons.
5
- */
6
-
7
- /* =============================================================================
8
- Header
9
- ============================================================================= */
10
-
11
- [data-style='daisy-ui'] [data-upload-header] {
12
- @apply text-surface-z7;
13
- }
14
-
15
- [data-style='daisy-ui'] [data-upload-clear] {
16
- @apply border-surface-z4 text-surface-z6 rounded-full;
17
- }
18
-
19
- [data-style='daisy-ui'] [data-upload-clear]:hover {
20
- @apply bg-surface-z3 text-surface-z9;
21
- }
22
-
23
- /* =============================================================================
24
- File Rows
25
- ============================================================================= */
26
-
27
- [data-style='daisy-ui'] [data-upload-file-status] {
28
- @apply text-surface-z7 rounded-lg;
29
- }
30
-
31
- [data-style='daisy-ui'] [data-upload-file-status]:hover {
32
- @apply bg-surface-z1;
33
- }
34
-
35
- /* =============================================================================
36
- File Elements
37
- ============================================================================= */
38
-
39
- [data-style='daisy-ui'] [data-upload-file-icon] {
40
- @apply text-surface-z5;
41
- }
42
-
43
- [data-style='daisy-ui'] [data-upload-file-size] {
44
- @apply text-surface-z5;
45
- }
46
-
47
- /* =============================================================================
48
- Progress Bar
49
- ============================================================================= */
50
-
51
- [data-style='daisy-ui'] [data-upload-bar] {
52
- @apply bg-surface-z3 rounded-full;
53
- }
54
-
55
- [data-style='daisy-ui'] [data-upload-fill] {
56
- @apply bg-primary-z5 rounded-full;
57
- }
58
-
59
- /* =============================================================================
60
- Status Colors
61
- ============================================================================= */
62
-
63
- [data-style='daisy-ui'] [data-upload-file-status][data-status='uploading'] [data-upload-status] {
64
- @apply text-primary-z6;
65
- }
66
-
67
- [data-style='daisy-ui'] [data-upload-file-status][data-status='done'] [data-upload-status] {
68
- @apply text-success-z6;
69
- }
70
-
71
- [data-style='daisy-ui'] [data-upload-file-status][data-status='error'] [data-upload-status] {
72
- @apply text-danger-z5;
73
- }
74
-
75
- [data-style='daisy-ui'] [data-upload-file-status][data-status='pending'] [data-upload-status] {
76
- @apply text-surface-z5;
77
- }
78
-
79
- /* Status-based file icon tinting */
80
- [data-style='daisy-ui'] [data-upload-file-status][data-status='done'] [data-upload-file-icon] {
81
- @apply text-success-z6;
82
- }
83
-
84
- [data-style='daisy-ui'] [data-upload-file-status][data-status='error'] [data-upload-file-icon] {
85
- @apply text-danger-z5;
86
- }
87
-
88
- /* =============================================================================
89
- Action Buttons
90
- ============================================================================= */
91
-
92
- [data-style='daisy-ui'] [data-upload-actions] button {
93
- @apply text-surface-z5 rounded-full;
94
- }
95
-
96
- [data-style='daisy-ui'] [data-upload-actions] button:hover {
97
- @apply bg-surface-z3 text-surface-z9;
98
- }
99
-
100
- [data-style='daisy-ui'] [data-upload-file-status][data-status='error'] [data-upload-retry]:hover {
101
- @apply text-primary-z7;
102
- }
@@ -1,50 +0,0 @@
1
- /**
2
- * UploadTarget - DaisyUI Theme Styles
3
- *
4
- * Rounded-xl drop zone, bold primary on drag-over.
5
- */
6
-
7
- /* =============================================================================
8
- Drop Zone
9
- ============================================================================= */
10
-
11
- [data-style='daisy-ui'] [data-upload-target] {
12
- @apply border-surface-z4 text-surface-z6 rounded-xl;
13
- }
14
-
15
- [data-style='daisy-ui'] [data-upload-target]:hover:not([data-disabled]) {
16
- @apply border-surface-z5 text-surface-z7 bg-surface-z2;
17
- }
18
-
19
- [data-style='daisy-ui'] [data-upload-target]:focus-visible:not([data-disabled]) {
20
- @apply outline-primary-z5 outline outline-2 outline-offset-2;
21
- }
22
-
23
- /* Drag-over highlight */
24
- [data-style='daisy-ui'] [data-upload-target][data-dragging] {
25
- @apply border-primary-z5 bg-primary-z2 text-primary-z7;
26
- }
27
-
28
- /* =============================================================================
29
- Upload Icon
30
- ============================================================================= */
31
-
32
- [data-style='daisy-ui'] [data-upload-target] [data-upload-icon] {
33
- @apply text-surface-z5;
34
- }
35
-
36
- [data-style='daisy-ui'] [data-upload-target][data-dragging] [data-upload-icon] {
37
- @apply text-primary-z6;
38
- }
39
-
40
- /* =============================================================================
41
- Browse Button
42
- ============================================================================= */
43
-
44
- [data-style='daisy-ui'] [data-upload-target] [data-upload-button] {
45
- @apply border-surface-z4 text-surface-z7 rounded-full;
46
- }
47
-
48
- [data-style='daisy-ui'] [data-upload-target] [data-upload-button]:hover:not(:disabled) {
49
- @apply bg-primary-z5 text-on-primary border-primary-z5;
50
- }