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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (262) hide show
  1. package/build.mjs +14 -5
  2. package/dist/ant-design.css +89 -25
  3. package/dist/base.css +488 -40
  4. package/dist/bits-ui.css +69 -16
  5. package/dist/carbon.css +82 -31
  6. package/dist/daisy-ui.css +73 -16
  7. package/dist/frosted.css +1953 -0
  8. package/dist/grada-ui.css +186 -37
  9. package/dist/index.css +2433 -1065
  10. package/dist/material.css +95 -18
  11. package/dist/minimal.css +120 -47
  12. package/dist/rokkit.css +174 -17
  13. package/dist/shadcn.css +70 -24
  14. package/package.json +5 -5
  15. package/src/ant-design/button.css +31 -24
  16. package/src/ant-design/card.css +4 -4
  17. package/src/ant-design/chart.css +5 -5
  18. package/src/ant-design/dropdown.css +7 -7
  19. package/src/ant-design/floating-action.css +5 -5
  20. package/src/ant-design/floating-navigation.css +4 -4
  21. package/src/ant-design/grid.css +1 -1
  22. package/src/ant-design/index.css +1 -0
  23. package/src/ant-design/input.css +4 -2
  24. package/src/ant-design/list.css +11 -11
  25. package/src/ant-design/menu.css +6 -6
  26. package/src/ant-design/range.css +1 -1
  27. package/src/ant-design/search-filter.css +2 -2
  28. package/src/ant-design/select.css +12 -12
  29. package/src/ant-design/status-list.css +1 -1
  30. package/src/ant-design/step-indicator.css +38 -0
  31. package/src/ant-design/switch.css +2 -2
  32. package/src/ant-design/table.css +8 -6
  33. package/src/ant-design/tabs.css +13 -9
  34. package/src/ant-design/toggle.css +3 -3
  35. package/src/ant-design/toolbar.css +7 -7
  36. package/src/ant-design/tree.css +21 -11
  37. package/src/ant-design/upload-progress.css +1 -1
  38. package/src/ant-design/upload-target.css +1 -1
  39. package/src/base/avatar.css +82 -0
  40. package/src/base/badge.css +41 -0
  41. package/src/base/button.css +6 -6
  42. package/src/base/card.css +7 -4
  43. package/src/base/chart.css +5 -5
  44. package/src/base/density.css +51 -0
  45. package/src/base/divider.css +49 -0
  46. package/src/base/dropdown.css +5 -4
  47. package/src/base/index.css +6 -0
  48. package/src/base/input.css +3 -1
  49. package/src/base/list.css +12 -7
  50. package/src/base/menu.css +7 -5
  51. package/src/base/stack.css +76 -0
  52. package/src/base/step-indicator.css +74 -0
  53. package/src/base/swatch.css +12 -6
  54. package/src/base/table.css +52 -2
  55. package/src/bits-ui/button.css +18 -18
  56. package/src/bits-ui/card.css +4 -4
  57. package/src/bits-ui/chart.css +5 -5
  58. package/src/bits-ui/dropdown.css +5 -5
  59. package/src/bits-ui/floating-action.css +5 -5
  60. package/src/bits-ui/floating-navigation.css +2 -2
  61. package/src/bits-ui/index.css +1 -0
  62. package/src/bits-ui/input.css +8 -4
  63. package/src/bits-ui/list.css +4 -4
  64. package/src/bits-ui/menu.css +5 -5
  65. package/src/bits-ui/range.css +2 -2
  66. package/src/bits-ui/search-filter.css +2 -2
  67. package/src/bits-ui/select.css +9 -9
  68. package/src/bits-ui/status-list.css +1 -1
  69. package/src/bits-ui/step-indicator.css +40 -0
  70. package/src/bits-ui/switch.css +2 -2
  71. package/src/bits-ui/table.css +1 -1
  72. package/src/bits-ui/tabs.css +5 -5
  73. package/src/bits-ui/toggle.css +2 -2
  74. package/src/bits-ui/toolbar.css +7 -7
  75. package/src/bits-ui/tree.css +12 -4
  76. package/src/bits-ui/upload-progress.css +1 -1
  77. package/src/carbon/button.css +23 -20
  78. package/src/carbon/card.css +5 -5
  79. package/src/carbon/chart.css +5 -5
  80. package/src/carbon/dropdown.css +8 -8
  81. package/src/carbon/floating-action.css +8 -8
  82. package/src/carbon/floating-navigation.css +5 -5
  83. package/src/carbon/index.css +1 -0
  84. package/src/carbon/input.css +2 -2
  85. package/src/carbon/list.css +12 -14
  86. package/src/carbon/menu.css +8 -8
  87. package/src/carbon/range.css +2 -2
  88. package/src/carbon/search-filter.css +2 -2
  89. package/src/carbon/select.css +13 -13
  90. package/src/carbon/status-list.css +1 -1
  91. package/src/carbon/step-indicator.css +40 -0
  92. package/src/carbon/switch.css +3 -3
  93. package/src/carbon/table.css +6 -6
  94. package/src/carbon/tabs.css +10 -8
  95. package/src/carbon/toc.css +2 -2
  96. package/src/carbon/toggle.css +3 -3
  97. package/src/carbon/toolbar.css +8 -9
  98. package/src/carbon/tree.css +22 -14
  99. package/src/carbon/upload-progress.css +2 -2
  100. package/src/carbon/upload-target.css +2 -2
  101. package/src/daisy-ui/button.css +20 -19
  102. package/src/daisy-ui/card.css +5 -5
  103. package/src/daisy-ui/chart.css +5 -5
  104. package/src/daisy-ui/dropdown.css +8 -8
  105. package/src/daisy-ui/floating-action.css +6 -6
  106. package/src/daisy-ui/floating-navigation.css +5 -5
  107. package/src/daisy-ui/grid.css +1 -1
  108. package/src/daisy-ui/index.css +1 -0
  109. package/src/daisy-ui/input.css +5 -3
  110. package/src/daisy-ui/list.css +9 -9
  111. package/src/daisy-ui/menu.css +7 -7
  112. package/src/daisy-ui/range.css +3 -3
  113. package/src/daisy-ui/search-filter.css +3 -3
  114. package/src/daisy-ui/select.css +14 -14
  115. package/src/daisy-ui/status-list.css +1 -1
  116. package/src/daisy-ui/step-indicator.css +37 -0
  117. package/src/daisy-ui/switch.css +3 -3
  118. package/src/daisy-ui/table.css +7 -5
  119. package/src/daisy-ui/tabs.css +10 -6
  120. package/src/daisy-ui/toggle.css +3 -3
  121. package/src/daisy-ui/toolbar.css +6 -6
  122. package/src/daisy-ui/tree.css +20 -10
  123. package/src/daisy-ui/upload-target.css +1 -1
  124. package/src/frosted/button.css +224 -0
  125. package/src/frosted/card.css +130 -0
  126. package/src/frosted/chart.css +38 -0
  127. package/src/frosted/dropdown.css +66 -0
  128. package/src/{glass → frosted}/floating-action.css +10 -10
  129. package/src/{glass → frosted}/floating-navigation.css +13 -13
  130. package/src/{glass → frosted}/index.css +1 -0
  131. package/src/frosted/input.css +135 -0
  132. package/src/frosted/list.css +122 -0
  133. package/src/frosted/menu.css +108 -0
  134. package/src/frosted/message.css +35 -0
  135. package/src/{glass → frosted}/range.css +10 -10
  136. package/src/{glass → frosted}/search-filter.css +8 -8
  137. package/src/{glass → frosted}/select.css +34 -34
  138. package/src/frosted/status-list.css +66 -0
  139. package/src/frosted/step-indicator.css +41 -0
  140. package/src/frosted/swatch.css +21 -0
  141. package/src/frosted/switch.css +43 -0
  142. package/src/frosted/table.css +106 -0
  143. package/src/{glass → frosted}/tabs.css +10 -10
  144. package/src/{glass → frosted}/timeline.css +7 -7
  145. package/src/frosted/toc.css +18 -0
  146. package/src/{glass → frosted}/toggle.css +9 -9
  147. package/src/{glass → frosted}/toolbar.css +16 -16
  148. package/src/{glass → frosted}/tree.css +20 -20
  149. package/src/grada-ui/button.css +20 -6
  150. package/src/grada-ui/card.css +12 -6
  151. package/src/grada-ui/chart.css +5 -5
  152. package/src/grada-ui/dropdown.css +7 -3
  153. package/src/grada-ui/floating-action.css +11 -4
  154. package/src/grada-ui/floating-navigation.css +5 -1
  155. package/src/grada-ui/index.css +1 -0
  156. package/src/grada-ui/input.css +2 -2
  157. package/src/grada-ui/list.css +15 -3
  158. package/src/grada-ui/menu.css +2 -2
  159. package/src/grada-ui/range.css +5 -1
  160. package/src/grada-ui/search-filter.css +6 -2
  161. package/src/grada-ui/select.css +27 -9
  162. package/src/grada-ui/status-list.css +5 -1
  163. package/src/grada-ui/step-indicator.css +37 -0
  164. package/src/grada-ui/switch.css +7 -3
  165. package/src/grada-ui/table.css +2 -2
  166. package/src/grada-ui/tabs.css +5 -1
  167. package/src/grada-ui/timeline.css +10 -2
  168. package/src/grada-ui/toggle.css +7 -3
  169. package/src/grada-ui/toolbar.css +10 -2
  170. package/src/grada-ui/tree.css +8 -2
  171. package/src/index.css +2 -2
  172. package/src/material/button.css +5 -5
  173. package/src/material/card.css +4 -4
  174. package/src/material/chart.css +5 -5
  175. package/src/material/dropdown.css +7 -7
  176. package/src/material/floating-action.css +5 -5
  177. package/src/material/floating-navigation.css +4 -4
  178. package/src/material/index.css +1 -0
  179. package/src/material/input.css +1 -1
  180. package/src/material/list.css +11 -11
  181. package/src/material/menu.css +6 -6
  182. package/src/material/message.css +0 -1
  183. package/src/material/range.css +1 -1
  184. package/src/material/search-filter.css +1 -1
  185. package/src/material/select.css +14 -12
  186. package/src/material/status-list.css +1 -1
  187. package/src/material/step-indicator.css +41 -0
  188. package/src/material/swatch.css +4 -2
  189. package/src/material/switch.css +2 -2
  190. package/src/material/table.css +24 -5
  191. package/src/material/tabs.css +6 -3
  192. package/src/material/toggle.css +3 -3
  193. package/src/material/toolbar.css +7 -7
  194. package/src/material/tree.css +17 -7
  195. package/src/minimal/button.css +7 -7
  196. package/src/minimal/card.css +4 -4
  197. package/src/minimal/chart.css +5 -5
  198. package/src/minimal/dropdown.css +7 -7
  199. package/src/minimal/floating-action.css +5 -5
  200. package/src/minimal/floating-navigation.css +4 -4
  201. package/src/minimal/index.css +1 -0
  202. package/src/minimal/list.css +18 -16
  203. package/src/minimal/menu.css +6 -6
  204. package/src/minimal/message.css +0 -1
  205. package/src/minimal/range.css +1 -1
  206. package/src/minimal/search-filter.css +1 -1
  207. package/src/minimal/select.css +11 -11
  208. package/src/minimal/status-list.css +1 -1
  209. package/src/minimal/step-indicator.css +40 -0
  210. package/src/minimal/swatch.css +4 -2
  211. package/src/minimal/table.css +24 -5
  212. package/src/minimal/tabs.css +10 -8
  213. package/src/minimal/toggle.css +1 -1
  214. package/src/minimal/toolbar.css +7 -7
  215. package/src/minimal/tree.css +14 -6
  216. package/src/rokkit/avatar.css +29 -0
  217. package/src/rokkit/badge.css +29 -0
  218. package/src/rokkit/button.css +1 -1
  219. package/src/rokkit/chart.css +5 -5
  220. package/src/rokkit/divider.css +26 -0
  221. package/src/rokkit/index.css +5 -0
  222. package/src/rokkit/stack.css +6 -0
  223. package/src/rokkit/step-indicator.css +41 -0
  224. package/src/rokkit/swatch.css +4 -2
  225. package/src/rokkit/table.css +25 -6
  226. package/src/shadcn/button.css +20 -21
  227. package/src/shadcn/card.css +4 -4
  228. package/src/shadcn/chart.css +5 -5
  229. package/src/shadcn/dropdown.css +7 -7
  230. package/src/shadcn/floating-action.css +5 -5
  231. package/src/shadcn/floating-navigation.css +4 -4
  232. package/src/shadcn/index.css +1 -0
  233. package/src/shadcn/input.css +4 -2
  234. package/src/shadcn/list.css +13 -15
  235. package/src/shadcn/menu.css +7 -7
  236. package/src/shadcn/range.css +2 -2
  237. package/src/shadcn/search-filter.css +2 -2
  238. package/src/shadcn/select.css +13 -13
  239. package/src/shadcn/status-list.css +1 -1
  240. package/src/shadcn/step-indicator.css +37 -0
  241. package/src/shadcn/switch.css +2 -2
  242. package/src/shadcn/table.css +4 -4
  243. package/src/shadcn/tabs.css +10 -8
  244. package/src/shadcn/toc.css +2 -2
  245. package/src/shadcn/toggle.css +4 -4
  246. package/src/shadcn/toolbar.css +8 -9
  247. package/src/shadcn/tree.css +21 -13
  248. package/src/shadcn/upload-progress.css +1 -1
  249. package/dist/glass.css +0 -1760
  250. package/src/glass/button.css +0 -174
  251. package/src/glass/card.css +0 -103
  252. package/src/glass/chart.css +0 -38
  253. package/src/glass/dropdown.css +0 -50
  254. package/src/glass/input.css +0 -128
  255. package/src/glass/list.css +0 -122
  256. package/src/glass/menu.css +0 -92
  257. package/src/glass/message.css +0 -36
  258. package/src/glass/status-list.css +0 -66
  259. package/src/glass/swatch.css +0 -19
  260. package/src/glass/switch.css +0 -28
  261. package/src/glass/table.css +0 -87
  262. package/src/glass/toc.css +0 -18
package/src/glass/menu.css DELETED
@@ -1,92 +0,0 @@
1
- /**
2
- * Menu - Glass Theme Styles
3
- *
4
- * Glassmorphism styling with blur and transparency.
5
- */
6
-
7
- /* =============================================================================
8
- Menu Trigger
9
- ============================================================================= */
10
-
11
- [data-style='glass'] [data-menu-trigger] {
12
- @apply bg-none bg-surface-z1/70 text-surface-z8 border-surface-z5/20 border backdrop-blur-md;
13
- }
14
-
15
- [data-style='glass'] [data-menu-trigger]:hover:not(:disabled) {
16
- @apply bg-none bg-surface-z2/80 text-surface-z10 border-surface-z5/30;
17
- }
18
-
19
- [data-style='glass'] [data-menu-trigger]:focus-visible {
20
- @apply ring-surface-z5/40 ring-1 outline-none;
21
- }
22
-
23
- [data-style='glass'] [data-menu][data-open='true'] [data-menu-trigger] {
24
- @apply bg-none bg-primary-z5/30 border-primary-z5/50;
25
- }
26
-
27
- /* Trigger elements */
28
- [data-style='glass'] [data-menu-trigger] [data-menu-icon] {
29
- @apply text-surface-z5;
30
- }
31
-
32
- [data-style='glass'] [data-menu-trigger]:hover:not(:disabled) [data-menu-icon] {
33
- @apply text-surface-z7;
34
- }
35
-
36
- [data-style='glass'] [data-menu-trigger] [data-menu-arrow] {
37
- @apply text-surface-z5;
38
- }
39
-
40
- /* =============================================================================
41
- Menu Dropdown
42
- ============================================================================= */
43
-
44
- [data-style='glass'] [data-menu-dropdown] {
45
- @apply bg-none bg-surface-z2/50 border-surface-z5/20 border shadow-lg backdrop-blur-lg;
46
- }
47
-
48
- /* =============================================================================
49
- Menu Items
50
- ============================================================================= */
51
-
52
- [data-style='glass'] [data-menu-item] {
53
- @apply text-surface-z8;
54
- }
55
-
56
- [data-style='glass'] [data-menu-item]:hover:not(:disabled),
57
- [data-style='glass'] [data-menu-item]:focus:not(:disabled) {
58
- @apply bg-none bg-surface-z2/15 text-surface-z10 outline-none;
59
- }
60
-
61
- [data-style='glass'] [data-menu-item]:focus-visible {
62
- @apply ring-surface-z5/40 ring-1 outline-none ring-inset;
63
- }
64
-
65
- /* Item elements */
66
- [data-style='glass'] [data-menu-item] [data-item-icon] {
67
- @apply text-surface-z5;
68
- }
69
-
70
- [data-style='glass'] [data-menu-item]:hover:not(:disabled) [data-item-icon] {
71
- @apply text-surface-z7;
72
- }
73
-
74
- [data-style='glass'] [data-menu-item] [data-item-description] {
75
- @apply text-surface-z5;
76
- }
77
-
78
- /* =============================================================================
79
- Groups
80
- ============================================================================= */
81
-
82
- [data-style='glass'] [data-menu-group] {
83
- @apply text-surface-z5;
84
- }
85
-
86
- /* =============================================================================
87
- Divider
88
- ============================================================================= */
89
-
90
- [data-style='glass'] [data-menu-separator] {
91
- @apply bg-none bg-surface-z5/20;
92
- }
package/src/glass/message.css DELETED
@@ -1,36 +0,0 @@
1
- /**
2
- * Message - Glass Theme Styles
3
- */
4
-
5
-
6
- [data-style='glass'] [data-message-root][data-type='error'] {
7
- @apply bg-error-z2/50 border-error-z4/40 text-error-z8 backdrop-blur-sm;
8
- }
9
- [data-style='glass'] [data-message-root][data-type='error'] [data-message-icon],
10
- [data-style='glass'] [data-message-root][data-type='error'] [data-message-dismiss] {
11
- @apply text-error-z6;
12
- }
13
-
14
- [data-style='glass'] [data-message-root][data-type='warning'] {
15
- @apply bg-warning-z2/50 border-warning-z4/40 text-warning-z8 backdrop-blur-sm;
16
- }
17
- [data-style='glass'] [data-message-root][data-type='warning'] [data-message-icon],
18
- [data-style='glass'] [data-message-root][data-type='warning'] [data-message-dismiss] {
19
- @apply text-warning-z6;
20
- }
21
-
22
- [data-style='glass'] [data-message-root][data-type='info'] {
23
- @apply bg-info-z2/50 border-info-z4/40 text-info-z8 backdrop-blur-sm;
24
- }
25
- [data-style='glass'] [data-message-root][data-type='info'] [data-message-icon],
26
- [data-style='glass'] [data-message-root][data-type='info'] [data-message-dismiss] {
27
- @apply text-info-z6;
28
- }
29
-
30
- [data-style='glass'] [data-message-root][data-type='success'] {
31
- @apply bg-success-z2/50 border-success-z4/40 text-success-z8 backdrop-blur-sm;
32
- }
33
- [data-style='glass'] [data-message-root][data-type='success'] [data-message-icon],
34
- [data-style='glass'] [data-message-root][data-type='success'] [data-message-dismiss] {
35
- @apply text-success-z6;
36
- }
package/src/glass/status-list.css DELETED
@@ -1,66 +0,0 @@
1
- /**
2
- * StatusList - Glass Theme Styles
3
- */
4
-
5
- /* ── @rokkit/ui StatusList: icon and text colors by status ── */
6
-
7
- [data-style='glass'] [data-status-item][data-status='pass'] span {
8
- @apply text-success-z6;
9
- }
10
- [data-style='glass'] [data-status-item][data-status='fail'] span {
11
- @apply text-error-z6;
12
- }
13
- [data-style='glass'] [data-status-item][data-status='warn'] span {
14
- @apply text-warning-z6;
15
- }
16
- [data-style='glass'] [data-status-item][data-status='unknown'] span {
17
- @apply text-surface-z4;
18
- }
19
-
20
- [data-style='glass'] [data-status-item][data-status='pass'] {
21
- @apply text-success-z7;
22
- }
23
- [data-style='glass'] [data-status-item][data-status='fail'] {
24
- @apply text-error-z7;
25
- }
26
- [data-style='glass'] [data-status-item][data-status='warn'] {
27
- @apply text-warning-z7;
28
- }
29
- [data-style='glass'] [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='glass'] [data-status-group][data-severity='error'] [data-status-header] {
36
- @apply text-error-z6;
37
- }
38
- [data-style='glass'] [data-status-group][data-severity='warning'] [data-status-header] {
39
- @apply text-warning-z6;
40
- }
41
- [data-style='glass'] [data-status-group][data-severity='info'] [data-status-header] {
42
- @apply text-info-z6;
43
- }
44
- [data-style='glass'] [data-status-group][data-severity='success'] [data-status-header] {
45
- @apply text-success-z6;
46
- }
47
-
48
- /* ── @rokkit/forms StatusList: item colors ── */
49
-
50
- [data-style='glass'] [data-status-item][data-status='error'] {
51
- @apply text-error-z7;
52
- }
53
- [data-style='glass'] [data-status-item][data-status='warning'] {
54
- @apply text-warning-z7;
55
- }
56
- [data-style='glass'] [data-status-item][data-status='info'] {
57
- @apply text-info-z7;
58
- }
59
- [data-style='glass'] [data-status-item][data-status='success'] {
60
- @apply text-success-z7;
61
- }
62
-
63
- /* Count badge */
64
- [data-style='glass'] [data-status-count] {
65
- @apply bg-surface-z2/60 backdrop-blur-sm text-surface-z7 font-semibold;
66
- }
package/src/glass/swatch.css DELETED
@@ -1,19 +0,0 @@
1
- /**
2
- * Swatch — Glass Theme
3
- * Selected: secondary outline ring. Hover/focus: primary outline ring.
4
- */
5
-
6
- [data-style='glass'] [data-swatch-item][data-selected] {
7
- background: transparent;
8
- @apply outline-secondary-z5;
9
- }
10
-
11
- [data-style='glass'] [data-swatch-item]:hover:not(:disabled):not([data-disabled]):not([data-selected]),
12
- [data-style='glass'] [data-swatch-item]:focus-visible:not(:disabled):not([data-disabled]):not([data-selected]) {
13
- @apply outline-primary-z4;
14
- }
15
-
16
- [data-style='glass'] [data-swatch-item][data-selected]:focus-visible {
17
- @apply outline-secondary-z6;
18
- outline-offset: 3px;
19
- }
package/src/glass/switch.css DELETED
@@ -1,28 +0,0 @@
1
- /**
2
- * Switch - Glass Theme Styles
3
- */
4
-
5
- [data-style='glass'] [data-switch-track] {
6
- @apply bg-surface-z2/50 border-surface-z5/20 border backdrop-blur-sm;
7
- }
8
-
9
- [data-style='glass'] [data-switch-thumb] {
10
- @apply bg-surface-z7/80 shadow-sm backdrop-blur-sm;
11
- }
12
-
13
- [data-style='glass'] [data-switch]:focus-visible [data-switch-track] {
14
- @apply ring-primary-z5/70 ring-2 ring-offset-1;
15
- }
16
-
17
- /* On state */
18
- [data-style='glass'] [data-switch][aria-checked='true'] [data-switch-track] {
19
- @apply bg-primary-z5/40 border-primary-z5/50;
20
- }
21
-
22
- [data-style='glass'] [data-switch][aria-checked='true'] [data-switch-thumb] {
23
- @apply bg-white/90 shadow-md;
24
- }
25
-
26
- [data-style='glass'] [data-switch-label] {
27
- @apply text-surface-z7;
28
- }
package/src/glass/table.css DELETED
@@ -1,87 +0,0 @@
1
- /**
2
- * Table - Glass Theme Styles
3
- *
4
- * Glassmorphism styling with blur and transparency.
5
- */
6
-
7
- /* =============================================================================
8
- Header
9
- ============================================================================= */
10
-
11
- [data-style='glass'] [data-table-header] th {
12
- @apply text-surface-z6 border-surface-z5/20 border-b;
13
- }
14
-
15
- [data-style='glass'] [data-table-header-cell][data-sortable='true']:hover {
16
- @apply text-surface-z9;
17
- }
18
-
19
- [data-style='glass'] [data-table-header-cell][data-sort-order='ascending'],
20
- [data-style='glass'] [data-table-header-cell][data-sort-order='descending'] {
21
- @apply text-primary-z8;
22
- }
23
-
24
- [data-style='glass'] [data-table-sort-icon] {
25
- @apply text-surface-z5;
26
- }
27
-
28
- [data-style='glass'] [data-table-header-cell][data-sort-order='ascending'] [data-table-sort-icon],
29
- [data-style='glass'] [data-table-header-cell][data-sort-order='descending'] [data-table-sort-icon] {
30
- @apply text-primary-z6;
31
- }
32
-
33
- /* =============================================================================
34
- Caption
35
- ============================================================================= */
36
-
37
- [data-style='glass'] [data-table-caption] {
38
- @apply text-surface-z7;
39
- }
40
-
41
- /* =============================================================================
42
- Rows
43
- ============================================================================= */
44
-
45
- [data-style='glass'] [data-table-row] {
46
- @apply text-surface-z8 border-surface-z5/10 border-b;
47
- }
48
-
49
- [data-style='glass'] [data-table-row]:hover {
50
- @apply bg-surface-z2/80;
51
- }
52
-
53
- [data-style='glass'] [data-table-row]:focus {
54
- @apply bg-surface-z2/80 text-surface-z10 outline-none;
55
- }
56
-
57
- [data-style='glass'] [data-table-row][data-selected='true'] {
58
- @apply text-primary-z9 bg-primary-z5/40;
59
- }
60
-
61
- /* =============================================================================
62
- Striped
63
- ============================================================================= */
64
-
65
- [data-style='glass'] [data-striped='true'] [data-table-body] tr:nth-child(even) {
66
- @apply bg-surface-z2/30;
67
- }
68
-
69
- /* =============================================================================
70
- Empty
71
- ============================================================================= */
72
-
73
- [data-style='glass'] [data-table-empty] {
74
- @apply text-surface-z5;
75
- }
76
-
77
- /* =============================================================================
78
- Cell Icon
79
- ============================================================================= */
80
-
81
- [data-style='glass'] [data-table-cell] [data-cell-icon] {
82
- @apply text-surface-z5;
83
- }
84
-
85
- [data-style='glass'] [data-table-row][data-selected='true'] [data-cell-icon] {
86
- @apply text-primary-z6;
87
- }
package/src/glass/toc.css DELETED
@@ -1,18 +0,0 @@
1
- /* TableOfContents — Glass theme */
2
-
3
- [data-style='glass'] [data-toc] [data-toc-label] {
4
- @apply text-surface-z6;
5
- }
6
-
7
- [data-style='glass'] [data-toc] [data-toc-item] {
8
- @apply text-surface-z7;
9
- }
10
-
11
- [data-style='glass'] [data-toc] [data-toc-item]:hover,
12
- [data-style='glass'] [data-toc] [data-toc-item][data-toc-focused] {
13
- @apply text-surface-z10 bg-surface-z2/15 outline-none;
14
- }
15
-
16
- [data-style='glass'] [data-toc] [data-toc-item][data-toc-active] {
17
- @apply text-primary-z9 border-l-primary-z5;
18
- }