@rokkit/themes 1.1.16 → 1.1.18

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 (297) hide show
  1. package/build.mjs +29 -1
  2. package/dist/base/alert-list.css +91 -0
  3. package/dist/base/avatar.css +82 -0
  4. package/dist/base/badge.css +41 -0
  5. package/dist/base/breadcrumbs.css +47 -0
  6. package/dist/base/button.css +254 -0
  7. package/dist/base/card.css +39 -0
  8. package/dist/base/carousel.css +128 -0
  9. package/dist/base/chart.css +94 -0
  10. package/dist/base/code-block.css +76 -0
  11. package/dist/base/command-palette.css +35 -0
  12. package/dist/base/connector.css +92 -0
  13. package/dist/base/density.css +60 -0
  14. package/dist/base/display.css +99 -0
  15. package/dist/base/divider.css +49 -0
  16. package/dist/base/dropdown.css +167 -0
  17. package/dist/base/floating-action.css +388 -0
  18. package/dist/base/floating-navigation.css +405 -0
  19. package/dist/base/frame.css +36 -0
  20. package/dist/base/gradient-border.css +32 -0
  21. package/dist/base/graph-paper.css +83 -0
  22. package/dist/base/grid.css +93 -0
  23. package/dist/base/input.css +342 -0
  24. package/dist/base/item.css +91 -0
  25. package/dist/base/layout.css +17 -0
  26. package/dist/base/list.css +188 -0
  27. package/dist/base/menu.css +277 -0
  28. package/dist/base/message.css +62 -0
  29. package/dist/base/nav-content.css +48 -0
  30. package/dist/base/palette-manager.css +244 -0
  31. package/dist/base/pill.css +61 -0
  32. package/dist/base/progress.css +34 -0
  33. package/dist/base/radius.css +41 -0
  34. package/dist/base/range.css +122 -0
  35. package/dist/base/rating.css +42 -0
  36. package/dist/base/responsive-grid.css +8 -0
  37. package/dist/base/reveal.css +37 -0
  38. package/dist/base/search-filter.css +132 -0
  39. package/dist/base/select.css +413 -0
  40. package/dist/base/shine.css +14 -0
  41. package/dist/base/stack.css +76 -0
  42. package/dist/base/status-list.css +19 -0
  43. package/dist/base/step-indicator.css +74 -0
  44. package/dist/base/stepper.css +154 -0
  45. package/dist/base/swatch.css +85 -0
  46. package/dist/base/switch.css +168 -0
  47. package/dist/base/table.css +313 -0
  48. package/dist/base/tabs.css +184 -0
  49. package/dist/base/tilt.css +14 -0
  50. package/dist/base/timeline.css +84 -0
  51. package/dist/base/toc.css +50 -0
  52. package/dist/base/toggle.css +190 -0
  53. package/dist/base/toolbar.css +341 -0
  54. package/dist/base/tooltip.css +64 -0
  55. package/dist/base/tree.css +235 -0
  56. package/dist/base/typography.css +50 -0
  57. package/dist/base/upload-progress.css +155 -0
  58. package/dist/base/upload-target.css +77 -0
  59. package/dist/base.css +20 -6
  60. package/dist/frosted/button.css +228 -0
  61. package/dist/frosted/card.css +128 -0
  62. package/dist/frosted/chart.css +38 -0
  63. package/dist/frosted/code-block.css +33 -0
  64. package/dist/frosted/command-palette.css +43 -0
  65. package/dist/frosted/dropdown.css +64 -0
  66. package/dist/frosted/floating-action.css +66 -0
  67. package/dist/frosted/floating-navigation.css +78 -0
  68. package/dist/frosted/frame.css +17 -0
  69. package/dist/frosted/grid.css +26 -0
  70. package/dist/frosted/input.css +135 -0
  71. package/dist/frosted/list.css +153 -0
  72. package/dist/frosted/menu.css +107 -0
  73. package/dist/frosted/message.css +39 -0
  74. package/dist/frosted/palette-manager.css +97 -0
  75. package/dist/frosted/pill.css +17 -0
  76. package/dist/frosted/progress.css +13 -0
  77. package/dist/frosted/range.css +64 -0
  78. package/dist/frosted/rating.css +13 -0
  79. package/dist/frosted/search-filter.css +53 -0
  80. package/dist/frosted/select.css +192 -0
  81. package/dist/frosted/status-list.css +67 -0
  82. package/dist/frosted/step-indicator.css +43 -0
  83. package/dist/frosted/swatch.css +21 -0
  84. package/dist/frosted/switch.css +43 -0
  85. package/dist/frosted/table.css +122 -0
  86. package/dist/frosted/tabs.css +61 -0
  87. package/dist/frosted/timeline.css +46 -0
  88. package/dist/frosted/toc.css +19 -0
  89. package/dist/frosted/toggle.css +77 -0
  90. package/dist/frosted/toolbar.css +92 -0
  91. package/dist/frosted/tooltip.css +7 -0
  92. package/dist/frosted/tree.css +126 -0
  93. package/dist/frosted.css +72 -53
  94. package/dist/index.css +446 -307
  95. package/dist/material/button.css +182 -0
  96. package/dist/material/card.css +99 -0
  97. package/dist/material/chart.css +38 -0
  98. package/dist/material/code-block.css +33 -0
  99. package/dist/material/command-palette.css +37 -0
  100. package/dist/material/dropdown.css +50 -0
  101. package/dist/material/floating-action.css +64 -0
  102. package/dist/material/floating-navigation.css +74 -0
  103. package/dist/material/frame.css +17 -0
  104. package/dist/material/grid.css +26 -0
  105. package/dist/material/input.css +164 -0
  106. package/dist/material/list.css +140 -0
  107. package/dist/material/menu.css +92 -0
  108. package/dist/material/message.css +35 -0
  109. package/dist/material/palette-manager.css +97 -0
  110. package/dist/material/pill.css +17 -0
  111. package/dist/material/progress.css +13 -0
  112. package/dist/material/range.css +62 -0
  113. package/dist/material/rating.css +13 -0
  114. package/dist/material/search-filter.css +49 -0
  115. package/dist/material/select.css +177 -0
  116. package/dist/material/status-list.css +66 -0
  117. package/dist/material/step-indicator.css +40 -0
  118. package/dist/material/swatch.css +21 -0
  119. package/dist/material/switch.css +28 -0
  120. package/dist/material/table.css +120 -0
  121. package/dist/material/tabs.css +89 -0
  122. package/dist/material/timeline.css +46 -0
  123. package/dist/material/toc.css +18 -0
  124. package/dist/material/toggle.css +75 -0
  125. package/dist/material/toolbar.css +85 -0
  126. package/dist/material/tooltip.css +7 -0
  127. package/dist/material/tree.css +145 -0
  128. package/dist/material.css +68 -50
  129. package/dist/minimal/button.css +180 -0
  130. package/dist/minimal/card.css +99 -0
  131. package/dist/minimal/chart.css +38 -0
  132. package/dist/minimal/code-block.css +33 -0
  133. package/dist/minimal/command-palette.css +37 -0
  134. package/dist/minimal/dropdown.css +50 -0
  135. package/dist/minimal/floating-action.css +63 -0
  136. package/dist/minimal/floating-navigation.css +70 -0
  137. package/dist/minimal/frame.css +17 -0
  138. package/dist/minimal/grid.css +26 -0
  139. package/dist/minimal/input.css +171 -0
  140. package/dist/minimal/list.css +168 -0
  141. package/dist/minimal/menu.css +88 -0
  142. package/dist/minimal/message.css +35 -0
  143. package/dist/minimal/palette-manager.css +97 -0
  144. package/dist/minimal/pill.css +17 -0
  145. package/dist/minimal/progress.css +13 -0
  146. package/dist/minimal/range.css +61 -0
  147. package/dist/minimal/rating.css +13 -0
  148. package/dist/minimal/search-filter.css +49 -0
  149. package/dist/minimal/select.css +158 -0
  150. package/dist/minimal/status-list.css +66 -0
  151. package/dist/minimal/step-indicator.css +40 -0
  152. package/dist/minimal/swatch.css +21 -0
  153. package/dist/minimal/switch.css +32 -0
  154. package/dist/minimal/table.css +118 -0
  155. package/dist/minimal/tabs.css +151 -0
  156. package/dist/minimal/timeline.css +45 -0
  157. package/dist/minimal/toc.css +18 -0
  158. package/dist/minimal/toggle.css +74 -0
  159. package/dist/minimal/toolbar.css +85 -0
  160. package/dist/minimal/tooltip.css +7 -0
  161. package/dist/minimal/tree.css +152 -0
  162. package/dist/minimal.css +73 -58
  163. package/dist/rokkit/avatar.css +29 -0
  164. package/dist/rokkit/badge.css +29 -0
  165. package/dist/rokkit/button.css +308 -0
  166. package/dist/rokkit/card.css +102 -0
  167. package/dist/rokkit/chart.css +38 -0
  168. package/dist/rokkit/code-block.css +33 -0
  169. package/dist/rokkit/command-palette.css +37 -0
  170. package/dist/rokkit/connector.css +11 -0
  171. package/dist/rokkit/divider.css +26 -0
  172. package/dist/rokkit/dropdown.css +70 -0
  173. package/dist/rokkit/floating-action.css +65 -0
  174. package/dist/rokkit/floating-navigation.css +83 -0
  175. package/dist/rokkit/frame.css +17 -0
  176. package/dist/rokkit/grid.css +46 -0
  177. package/dist/rokkit/input.css +134 -0
  178. package/dist/rokkit/list.css +202 -0
  179. package/dist/rokkit/menu.css +93 -0
  180. package/dist/rokkit/message.css +44 -0
  181. package/dist/rokkit/palette-manager.css +97 -0
  182. package/dist/rokkit/pill.css +17 -0
  183. package/dist/rokkit/progress.css +13 -0
  184. package/dist/rokkit/range.css +62 -0
  185. package/dist/rokkit/rating.css +13 -0
  186. package/dist/rokkit/search-filter.css +49 -0
  187. package/dist/rokkit/select.css +201 -0
  188. package/dist/rokkit/status-list.css +68 -0
  189. package/dist/rokkit/step-indicator.css +40 -0
  190. package/dist/rokkit/swatch.css +20 -0
  191. package/dist/rokkit/switch.css +29 -0
  192. package/dist/rokkit/table.css +118 -0
  193. package/dist/rokkit/tabs.css +114 -0
  194. package/dist/rokkit/timeline.css +46 -0
  195. package/dist/rokkit/toc.css +18 -0
  196. package/dist/rokkit/toggle.css +85 -0
  197. package/dist/rokkit/toolbar.css +90 -0
  198. package/dist/rokkit/tooltip.css +7 -0
  199. package/dist/rokkit/tree.css +160 -0
  200. package/dist/rokkit/upload-progress.css +102 -0
  201. package/dist/rokkit/upload-target.css +50 -0
  202. package/dist/rokkit.css +89 -66
  203. package/dist/zen-sumi/button.css +184 -0
  204. package/dist/zen-sumi/card.css +104 -0
  205. package/dist/zen-sumi/chart.css +41 -0
  206. package/dist/zen-sumi/code-block.css +35 -0
  207. package/dist/zen-sumi/command-palette.css +39 -0
  208. package/dist/zen-sumi/divider.css +29 -0
  209. package/dist/zen-sumi/dropdown.css +53 -0
  210. package/dist/zen-sumi/floating-action.css +68 -0
  211. package/dist/zen-sumi/floating-navigation.css +74 -0
  212. package/dist/zen-sumi/frame.css +20 -0
  213. package/dist/zen-sumi/grid.css +26 -0
  214. package/dist/zen-sumi/input.css +171 -0
  215. package/dist/zen-sumi/list.css +128 -0
  216. package/dist/zen-sumi/menu.css +91 -0
  217. package/dist/zen-sumi/message.css +37 -0
  218. package/dist/zen-sumi/palette-manager.css +97 -0
  219. package/dist/zen-sumi/pill.css +17 -0
  220. package/dist/zen-sumi/progress.css +13 -0
  221. package/dist/zen-sumi/range.css +62 -0
  222. package/dist/zen-sumi/rating.css +13 -0
  223. package/dist/zen-sumi/search-filter.css +49 -0
  224. package/dist/zen-sumi/select.css +160 -0
  225. package/dist/zen-sumi/status-list.css +66 -0
  226. package/dist/zen-sumi/step-indicator.css +40 -0
  227. package/dist/zen-sumi/swatch.css +21 -0
  228. package/dist/zen-sumi/switch.css +34 -0
  229. package/dist/zen-sumi/table.css +128 -0
  230. package/dist/zen-sumi/tabs.css +78 -0
  231. package/dist/zen-sumi/timeline.css +46 -0
  232. package/dist/zen-sumi/toc.css +22 -0
  233. package/dist/zen-sumi/toggle.css +86 -0
  234. package/dist/zen-sumi/toolbar.css +86 -0
  235. package/dist/zen-sumi/tooltip.css +7 -0
  236. package/dist/zen-sumi/tree.css +148 -0
  237. package/dist/zen-sumi.css +124 -74
  238. package/package.json +15 -15
  239. package/src/base/stepper.css +11 -5
  240. package/src/base/table.css +4 -1
  241. package/src/base/toggle.css +5 -0
  242. package/src/frosted/button.css +9 -1
  243. package/src/frosted/dropdown.css +2 -2
  244. package/src/frosted/list.css +5 -5
  245. package/src/frosted/menu.css +5 -5
  246. package/src/frosted/message.css +4 -4
  247. package/src/frosted/select.css +8 -8
  248. package/src/frosted/table.css +5 -5
  249. package/src/frosted/tabs.css +2 -2
  250. package/src/frosted/timeline.css +1 -1
  251. package/src/frosted/toggle.css +4 -4
  252. package/src/frosted/tree.css +15 -4
  253. package/src/material/button.css +8 -4
  254. package/src/material/dropdown.css +2 -2
  255. package/src/material/list.css +5 -5
  256. package/src/material/menu.css +5 -5
  257. package/src/material/select.css +8 -8
  258. package/src/material/table.css +5 -5
  259. package/src/material/tabs.css +4 -3
  260. package/src/material/timeline.css +4 -3
  261. package/src/material/toggle.css +6 -5
  262. package/src/material/tree.css +15 -4
  263. package/src/minimal/button.css +8 -4
  264. package/src/minimal/dropdown.css +2 -2
  265. package/src/minimal/list.css +8 -8
  266. package/src/minimal/menu.css +6 -6
  267. package/src/minimal/select.css +8 -8
  268. package/src/minimal/table.css +5 -5
  269. package/src/minimal/tabs.css +2 -2
  270. package/src/minimal/timeline.css +3 -3
  271. package/src/minimal/toggle.css +4 -4
  272. package/src/minimal/tree.css +17 -6
  273. package/src/rokkit/avatar.css +1 -1
  274. package/src/rokkit/badge.css +1 -1
  275. package/src/rokkit/button.css +1 -1
  276. package/src/rokkit/divider.css +1 -1
  277. package/src/rokkit/dropdown.css +2 -2
  278. package/src/rokkit/list.css +5 -5
  279. package/src/rokkit/menu.css +5 -5
  280. package/src/rokkit/select.css +24 -13
  281. package/src/rokkit/table.css +5 -5
  282. package/src/rokkit/tabs.css +1 -1
  283. package/src/rokkit/timeline.css +4 -3
  284. package/src/rokkit/toggle.css +4 -4
  285. package/src/rokkit/tree.css +17 -6
  286. package/src/zen-sumi/button.css +16 -8
  287. package/src/zen-sumi/divider.css +29 -0
  288. package/src/zen-sumi/dropdown.css +4 -4
  289. package/src/zen-sumi/index.css +1 -0
  290. package/src/zen-sumi/list.css +9 -9
  291. package/src/zen-sumi/menu.css +9 -9
  292. package/src/zen-sumi/select.css +11 -11
  293. package/src/zen-sumi/table.css +6 -6
  294. package/src/zen-sumi/tabs.css +3 -3
  295. package/src/zen-sumi/timeline.css +3 -3
  296. package/src/zen-sumi/toggle.css +6 -5
  297. package/src/zen-sumi/tree.css +19 -8
package/src/zen-sumi/select.css CHANGED
@@ -11,7 +11,7 @@
11
11
  ============================================================================= */
12
12
 
13
13
  [data-style='zen-sumi'] [data-select-trigger] {
14
- @apply text-ink-soft border-paper-mute border bg-transparent bg-none;
14
+ @apply text-ink-mute border-paper-mute border bg-transparent bg-none;
15
15
  }
16
16
 
17
17
  [data-style='zen-sumi'] [data-select-trigger]:hover:not(:disabled) {
@@ -32,7 +32,7 @@
32
32
  ============================================================================= */
33
33
 
34
34
  [data-style='zen-sumi'] [data-select-placeholder] {
35
- @apply text-paper-edge;
35
+ @apply text-ink-mute;
36
36
  }
37
37
 
38
38
  /* =============================================================================
@@ -40,11 +40,11 @@
40
40
  ============================================================================= */
41
41
 
42
42
  [data-style='zen-sumi'] [data-select-arrow] {
43
- @apply text-paper-edge;
43
+ @apply text-ink-mute;
44
44
  }
45
45
 
46
46
  [data-style='zen-sumi'] [data-select-trigger]:hover:not(:disabled) [data-select-arrow] {
47
- @apply text-paper-edge;
47
+ @apply text-ink-mute;
48
48
  }
49
49
 
50
50
  /* =============================================================================
@@ -52,11 +52,11 @@
52
52
  ============================================================================= */
53
53
 
54
54
  [data-style='zen-sumi'] [data-select-tag] {
55
- @apply text-ink-soft border-paper-mute border bg-transparent bg-none;
55
+ @apply text-ink-mute border-paper-mute border bg-transparent bg-none;
56
56
  }
57
57
 
58
58
  [data-style='zen-sumi'] [data-select-tag-remove] {
59
- @apply text-paper-edge;
59
+ @apply text-ink-mute;
60
60
  }
61
61
 
62
62
  [data-style='zen-sumi'] [data-select-tag-remove]:hover {
@@ -77,7 +77,7 @@
77
77
  ============================================================================= */
78
78
 
79
79
  [data-style='zen-sumi'] [data-select-option] {
80
- @apply text-ink-soft border-0 border-solid border-transparent;
80
+ @apply text-ink-mute border-0 border-solid border-transparent;
81
81
  }
82
82
 
83
83
  [data-style='zen-sumi'] [data-select-option]:hover:not(:disabled),
@@ -112,7 +112,7 @@
112
112
 
113
113
  /* Item elements */
114
114
  [data-style='zen-sumi'] [data-select-option] [data-item-description] {
115
- @apply text-paper-edge;
115
+ @apply text-ink-mute;
116
116
  }
117
117
 
118
118
  [data-style='zen-sumi'] [data-select-option][data-selected='true'] [data-item-description] {
@@ -124,7 +124,7 @@
124
124
  ============================================================================= */
125
125
 
126
126
  [data-style='zen-sumi'] [data-select-group-label] {
127
- @apply text-paper-edge;
127
+ @apply text-ink-mute;
128
128
  }
129
129
 
130
130
  /* =============================================================================
@@ -152,9 +152,9 @@
152
152
  }
153
153
 
154
154
  [data-style='zen-sumi'] [data-select-filter-input]::placeholder {
155
- @apply text-ink-soft;
155
+ @apply text-ink-mute;
156
156
  }
157
157
 
158
158
  [data-style='zen-sumi'] [data-select-empty] {
159
- @apply text-paper-edge;
159
+ @apply text-ink-mute;
160
160
  }
package/src/zen-sumi/table.css CHANGED
@@ -10,7 +10,7 @@
10
10
  ============================================================================= */
11
11
 
12
12
  [data-style='zen-sumi'] [data-table-header] th {
13
- @apply text-ink-soft border-paper-mute border-b bg-transparent;
13
+ @apply text-ink-mute border-paper-mute border-b bg-transparent;
14
14
  font-size: 0.6875rem;
15
15
  font-weight: 600;
16
16
  letter-spacing: 0.05em;
@@ -44,7 +44,7 @@
44
44
  ============================================================================= */
45
45
 
46
46
  [data-style='zen-sumi'] [data-table-caption] {
47
- @apply text-ink-soft;
47
+ @apply text-ink-mute;
48
48
  }
49
49
 
50
50
  /* =============================================================================
@@ -52,7 +52,7 @@
52
52
  ============================================================================= */
53
53
 
54
54
  [data-style='zen-sumi'] [data-table-row] {
55
- @apply text-ink-soft border-paper-mute border-b;
55
+ @apply text-ink-mute border-paper-mute border-b;
56
56
  }
57
57
 
58
58
  [data-style='zen-sumi'] [data-table-row]:hover {
@@ -91,7 +91,7 @@
91
91
  ============================================================================= */
92
92
 
93
93
  [data-style='zen-sumi'] [data-table-empty] {
94
- @apply text-ink-soft;
94
+ @apply text-ink-mute;
95
95
  }
96
96
 
97
97
  /* =============================================================================
@@ -99,7 +99,7 @@
99
99
  ============================================================================= */
100
100
 
101
101
  [data-style='zen-sumi'] [data-table-cell] [data-cell-icon] {
102
- @apply text-ink-soft;
102
+ @apply text-ink-mute;
103
103
  }
104
104
 
105
105
  [data-style='zen-sumi'] [data-table-row][data-selected='true'] [data-cell-icon] {
@@ -116,7 +116,7 @@
116
116
  }
117
117
 
118
118
  [data-style='zen-sumi'] [data-table-responsive] [data-table-cell]::before {
119
- @apply text-ink-soft;
119
+ @apply text-ink-mute;
120
120
  }
121
121
 
122
122
  [data-style='zen-sumi']
package/src/zen-sumi/tabs.css CHANGED
@@ -24,7 +24,7 @@
24
24
  ============================================================================= */
25
25
 
26
26
  [data-style='zen-sumi'] [data-tabs-trigger] {
27
- @apply text-ink-soft bg-transparent border-0;
27
+ @apply text-ink-mute bg-transparent border-0;
28
28
  font-weight: 400;
29
29
  border-radius: var(--radius-sm, 0.125rem);
30
30
  transition:
@@ -33,7 +33,7 @@
33
33
  }
34
34
 
35
35
  [data-style='zen-sumi'] [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]) {
36
- @apply bg-paper-mute text-ink-mute;
36
+ @apply bg-paper-mute text-ink;
37
37
  }
38
38
 
39
39
  [data-style='zen-sumi'] [data-tabs-trigger][data-selected] {
@@ -62,7 +62,7 @@
62
62
  }
63
63
 
64
64
  [data-style='zen-sumi'] [data-tabs-trigger]:hover:not(:disabled) [data-tabs-icon] {
65
- @apply text-ink-soft;
65
+ @apply text-ink-mute;
66
66
  }
67
67
 
68
68
  [data-style='zen-sumi'] [data-tabs-trigger][data-selected] [data-tabs-icon] {
package/src/zen-sumi/timeline.css CHANGED
@@ -14,11 +14,11 @@
14
14
  }
15
15
 
16
16
  [data-style='zen-sumi'] [data-timeline-item][data-completed] [data-timeline-circle] {
17
- @apply border-primary text-primary;
17
+ @apply border-primary text-ink;
18
18
  }
19
19
 
20
20
  [data-style='zen-sumi'] [data-timeline-item][data-active] [data-timeline-circle] {
21
- @apply border-primary text-primary;
21
+ @apply border-primary text-ink;
22
22
  }
23
23
 
24
24
  /* =============================================================================
@@ -30,7 +30,7 @@
30
30
  }
31
31
 
32
32
  [data-style='zen-sumi'] [data-timeline-item][data-completed] [data-timeline-connector] {
33
- @apply bg-primary;
33
+ background-color: var(--primary);
34
34
  }
35
35
 
36
36
  /* =============================================================================
package/src/zen-sumi/toggle.css CHANGED
@@ -21,7 +21,7 @@
21
21
  ============================================================================= */
22
22
 
23
23
  [data-style='zen-sumi'] [data-toggle-option] {
24
- @apply text-ink-soft border-0 border-solid border-transparent;
24
+ @apply text-ink-mute border-0 border-solid border-transparent;
25
25
  }
26
26
 
27
27
  [data-style='zen-sumi'] [data-toggle-option]:hover:not(:disabled):not([data-disabled='true']),
@@ -31,7 +31,8 @@
31
31
 
32
32
  /* Selected state — primary (shu) fill */
33
33
  [data-style='zen-sumi'] [data-toggle-option][data-selected='true'] {
34
- @apply bg-primary text-on-primary bg-none;
34
+ @apply text-on-primary bg-none;
35
+ background-color: var(--primary);
35
36
  font-weight: 500;
36
37
  }
37
38
 
@@ -46,7 +47,7 @@
46
47
  * matches the option label, and `paper` for selected contrasts cleanly
47
48
  * against the ink fill. */
48
49
  [data-style='zen-sumi'] [data-toggle-option] [data-toggle-icon] {
49
- @apply text-ink-soft;
50
+ @apply text-ink-mute;
50
51
  }
51
52
 
52
53
  [data-style='zen-sumi'] [data-toggle-option]:hover:not(:disabled) [data-toggle-icon],
@@ -66,7 +67,7 @@
66
67
  ============================================================================= */
67
68
 
68
69
  [data-style='zen-sumi'] [data-toggle][data-toggle-variant='button'] {
69
- @apply border-transparent bg-transparent text-ink-soft;
70
+ @apply border-transparent bg-transparent text-ink-mute;
70
71
  background-image: none;
71
72
  }
72
73
 
@@ -76,7 +77,7 @@
76
77
  }
77
78
 
78
79
  [data-style='zen-sumi'] [data-toggle][data-toggle-variant='button'] [data-toggle-icon] {
79
- @apply text-ink-soft;
80
+ @apply text-ink-mute;
80
81
  }
81
82
 
82
83
  [data-style='zen-sumi'] [data-toggle][data-toggle-variant='button']:hover:not(:disabled) [data-toggle-icon],
package/src/zen-sumi/tree.css CHANGED
@@ -5,6 +5,17 @@
5
5
  * No bg fill on active — ink is in typography weight + icon color only.
6
6
  */
7
7
 
8
+ /* =============================================================================
9
+ Connector Lines — hairline tone (mode-aware), not currentColor (which
10
+ renders white in dark mode and greyish in light).
11
+ ============================================================================= */
12
+
13
+ [data-style='zen-sumi'] [data-tree]:not([data-line-style='none']) [data-connector-v],
14
+ [data-style='zen-sumi'] [data-tree]:not([data-line-style='none']) [data-connector-h],
15
+ [data-style='zen-sumi'] [data-tree]:not([data-line-style='none']) [data-connector-corner] {
16
+ @apply border-paper-edge;
17
+ }
18
+
8
19
  /* =============================================================================
9
20
  Tree Container
10
21
  ============================================================================= */
@@ -18,11 +29,11 @@
18
29
  ============================================================================= */
19
30
 
20
31
  [data-style='zen-sumi'] [data-tree-toggle-btn] {
21
- @apply text-paper-edge;
32
+ @apply text-ink-mute;
22
33
  }
23
34
 
24
35
  [data-style='zen-sumi'] [data-tree-toggle-btn]:hover {
25
- @apply text-ink-soft bg-none;
36
+ @apply text-ink-mute bg-none;
26
37
  }
27
38
 
28
39
  /* =============================================================================
@@ -30,7 +41,7 @@
30
41
  ============================================================================= */
31
42
 
32
43
  [data-style='zen-sumi'] [data-tree-item-content] {
33
- @apply text-ink-soft;
44
+ @apply text-ink-mute;
34
45
  }
35
46
 
36
47
  [data-style='zen-sumi'] [data-tree-item-content]:hover:not(:disabled),
@@ -73,11 +84,11 @@
73
84
  ============================================================================= */
74
85
 
75
86
  [data-style='zen-sumi'] [data-tree-item-content] [data-item-icon] {
76
- @apply text-paper-edge;
87
+ @apply text-ink-mute;
77
88
  }
78
89
 
79
90
  [data-style='zen-sumi'] [data-tree-item-content]:hover:not(:disabled) [data-item-icon] {
80
- @apply text-ink-soft;
91
+ @apply text-ink-mute;
81
92
  }
82
93
 
83
94
  [data-style='zen-sumi'] [data-tree-item-content][data-active='true'] [data-item-icon] {
@@ -85,15 +96,15 @@
85
96
  }
86
97
 
87
98
  [data-style='zen-sumi'] [data-tree-item-content] [data-item-description] {
88
- @apply text-paper-edge;
99
+ @apply text-ink-mute;
89
100
  }
90
101
 
91
102
  [data-style='zen-sumi'] [data-tree-item-content][data-active='true'] [data-item-description] {
92
- @apply text-ink-soft;
103
+ @apply text-ink-mute;
93
104
  }
94
105
 
95
106
  [data-style='zen-sumi'] [data-tree-item-content] [data-item-badge] {
96
- @apply text-ink-soft border-paper-mute border bg-transparent bg-none;
107
+ @apply text-ink-mute border-paper-mute border bg-transparent bg-none;
97
108
  }
98
109
 
99
110
  [data-style='zen-sumi'] [data-tree-item-content][data-active='true'] [data-item-badge] {