@rokkit/themes 1.1.17 → 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 (128) hide show
  1. package/dist/base/stepper.css +11 -5
  2. package/dist/base/table.css +4 -1
  3. package/dist/base/toggle.css +5 -0
  4. package/dist/base.css +20 -6
  5. package/dist/frosted/button.css +8 -8
  6. package/dist/frosted/card.css +4 -4
  7. package/dist/frosted/dropdown.css +2 -2
  8. package/dist/frosted/list.css +5 -5
  9. package/dist/frosted/menu.css +5 -5
  10. package/dist/frosted/message.css +4 -4
  11. package/dist/frosted/select.css +8 -8
  12. package/dist/frosted/table.css +5 -5
  13. package/dist/frosted/tabs.css +2 -2
  14. package/dist/frosted/timeline.css +1 -1
  15. package/dist/frosted/toggle.css +4 -4
  16. package/dist/frosted/tree.css +15 -4
  17. package/dist/frosted.css +63 -52
  18. package/dist/index.css +437 -306
  19. package/dist/material/button.css +14 -10
  20. package/dist/material/dropdown.css +2 -2
  21. package/dist/material/list.css +5 -5
  22. package/dist/material/menu.css +5 -5
  23. package/dist/material/select.css +8 -8
  24. package/dist/material/table.css +5 -5
  25. package/dist/material/tabs.css +4 -3
  26. package/dist/material/timeline.css +4 -3
  27. package/dist/material/toggle.css +6 -5
  28. package/dist/material/tree.css +15 -4
  29. package/dist/material.css +68 -50
  30. package/dist/minimal/button.css +14 -10
  31. package/dist/minimal/card.css +4 -4
  32. package/dist/minimal/dropdown.css +2 -2
  33. package/dist/minimal/list.css +8 -8
  34. package/dist/minimal/menu.css +6 -6
  35. package/dist/minimal/select.css +8 -8
  36. package/dist/minimal/table.css +5 -5
  37. package/dist/minimal/tabs.css +2 -2
  38. package/dist/minimal/timeline.css +3 -3
  39. package/dist/minimal/toggle.css +4 -4
  40. package/dist/minimal/tree.css +17 -6
  41. package/dist/minimal.css +73 -58
  42. package/dist/rokkit/avatar.css +1 -1
  43. package/dist/rokkit/badge.css +7 -7
  44. package/dist/rokkit/button.css +9 -9
  45. package/dist/rokkit/card.css +4 -4
  46. package/dist/rokkit/divider.css +1 -1
  47. package/dist/rokkit/dropdown.css +2 -2
  48. package/dist/rokkit/list.css +5 -5
  49. package/dist/rokkit/menu.css +5 -5
  50. package/dist/rokkit/select.css +24 -13
  51. package/dist/rokkit/table.css +5 -5
  52. package/dist/rokkit/tabs.css +1 -1
  53. package/dist/rokkit/timeline.css +4 -3
  54. package/dist/rokkit/toggle.css +4 -4
  55. package/dist/rokkit/tree.css +17 -6
  56. package/dist/rokkit.css +89 -66
  57. package/dist/zen-sumi/button.css +20 -12
  58. package/dist/zen-sumi/card.css +4 -4
  59. package/dist/zen-sumi/divider.css +29 -0
  60. package/dist/zen-sumi/dropdown.css +4 -4
  61. package/dist/zen-sumi/list.css +9 -9
  62. package/dist/zen-sumi/menu.css +9 -9
  63. package/dist/zen-sumi/select.css +11 -11
  64. package/dist/zen-sumi/table.css +6 -6
  65. package/dist/zen-sumi/tabs.css +3 -3
  66. package/dist/zen-sumi/timeline.css +3 -3
  67. package/dist/zen-sumi/toggle.css +6 -5
  68. package/dist/zen-sumi/tree.css +19 -8
  69. package/dist/zen-sumi.css +124 -74
  70. package/package.json +3 -3
  71. package/src/base/stepper.css +11 -5
  72. package/src/base/table.css +4 -1
  73. package/src/base/toggle.css +5 -0
  74. package/src/frosted/dropdown.css +2 -2
  75. package/src/frosted/list.css +5 -5
  76. package/src/frosted/menu.css +5 -5
  77. package/src/frosted/message.css +4 -4
  78. package/src/frosted/select.css +8 -8
  79. package/src/frosted/table.css +5 -5
  80. package/src/frosted/tabs.css +2 -2
  81. package/src/frosted/timeline.css +1 -1
  82. package/src/frosted/toggle.css +4 -4
  83. package/src/frosted/tree.css +15 -4
  84. package/src/material/button.css +8 -4
  85. package/src/material/dropdown.css +2 -2
  86. package/src/material/list.css +5 -5
  87. package/src/material/menu.css +5 -5
  88. package/src/material/select.css +8 -8
  89. package/src/material/table.css +5 -5
  90. package/src/material/tabs.css +4 -3
  91. package/src/material/timeline.css +4 -3
  92. package/src/material/toggle.css +6 -5
  93. package/src/material/tree.css +15 -4
  94. package/src/minimal/button.css +8 -4
  95. package/src/minimal/dropdown.css +2 -2
  96. package/src/minimal/list.css +8 -8
  97. package/src/minimal/menu.css +6 -6
  98. package/src/minimal/select.css +8 -8
  99. package/src/minimal/table.css +5 -5
  100. package/src/minimal/tabs.css +2 -2
  101. package/src/minimal/timeline.css +3 -3
  102. package/src/minimal/toggle.css +4 -4
  103. package/src/minimal/tree.css +17 -6
  104. package/src/rokkit/avatar.css +1 -1
  105. package/src/rokkit/badge.css +1 -1
  106. package/src/rokkit/button.css +1 -1
  107. package/src/rokkit/divider.css +1 -1
  108. package/src/rokkit/dropdown.css +2 -2
  109. package/src/rokkit/list.css +5 -5
  110. package/src/rokkit/menu.css +5 -5
  111. package/src/rokkit/select.css +24 -13
  112. package/src/rokkit/table.css +5 -5
  113. package/src/rokkit/tabs.css +1 -1
  114. package/src/rokkit/timeline.css +4 -3
  115. package/src/rokkit/toggle.css +4 -4
  116. package/src/rokkit/tree.css +17 -6
  117. package/src/zen-sumi/button.css +16 -8
  118. package/src/zen-sumi/divider.css +29 -0
  119. package/src/zen-sumi/dropdown.css +4 -4
  120. package/src/zen-sumi/index.css +1 -0
  121. package/src/zen-sumi/list.css +9 -9
  122. package/src/zen-sumi/menu.css +9 -9
  123. package/src/zen-sumi/select.css +11 -11
  124. package/src/zen-sumi/table.css +6 -6
  125. package/src/zen-sumi/tabs.css +3 -3
  126. package/src/zen-sumi/timeline.css +3 -3
  127. package/src/zen-sumi/toggle.css +6 -5
  128. package/src/zen-sumi/tree.css +19 -8
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] {