@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/dist/minimal/select.css CHANGED
@@ -29,7 +29,7 @@
29
29
  ============================================================================= */
30
30
 
31
31
  [data-style='minimal'] [data-select-placeholder] {
32
- color:var(--ink-soft);
32
+ color:var(--ink-mute);
33
33
  }
34
34
 
35
35
  /* =============================================================================
@@ -37,11 +37,11 @@
37
37
  ============================================================================= */
38
38
 
39
39
  [data-style='minimal'] [data-select-arrow] {
40
- color:var(--ink-soft);
40
+ color:var(--ink-mute);
41
41
  }
42
42
 
43
43
  [data-style='minimal'] [data-select-trigger]:hover:not(:disabled) [data-select-arrow] {
44
- color:var(--ink-soft);
44
+ color:var(--ink-mute);
45
45
  }
46
46
 
47
47
  /* =============================================================================
@@ -53,7 +53,7 @@
53
53
  }
54
54
 
55
55
  [data-style='minimal'] [data-select-tag-remove] {
56
- color:var(--ink-soft);
56
+ color:var(--ink-mute);
57
57
  }
58
58
 
59
59
  [data-style='minimal'] [data-select-tag-remove]:hover {
@@ -110,7 +110,7 @@
110
110
 
111
111
  /* Item elements */
112
112
  [data-style='minimal'] [data-select-option] [data-item-description] {
113
- color:var(--ink-soft);
113
+ color:var(--ink-mute);
114
114
  }
115
115
 
116
116
  [data-style='minimal'] [data-select-option][data-selected='true'] [data-item-description] {
@@ -122,7 +122,7 @@
122
122
  ============================================================================= */
123
123
 
124
124
  [data-style='minimal'] [data-select-group-label] {
125
- color:var(--ink-soft);
125
+ color:var(--ink-mute);
126
126
  }
127
127
 
128
128
  /* =============================================================================
@@ -150,9 +150,9 @@
150
150
  }
151
151
 
152
152
  [data-style='minimal'] [data-select-filter-input]::placeholder {
153
- color:var(--ink-soft);
153
+ color:var(--ink-mute);
154
154
  }
155
155
 
156
156
  [data-style='minimal'] [data-select-empty] {
157
- color:var(--ink-soft);
157
+ color:var(--ink-mute);
158
158
  }
package/dist/minimal/table.css CHANGED
@@ -9,7 +9,7 @@
9
9
  ============================================================================= */
10
10
 
11
11
  [data-style='minimal'] [data-table-header] th {
12
- border-bottom-width:1px;color:var(--ink-soft);border-color:var(--paper-edge);background-color:var(--paper-mute);
12
+ border-bottom-width:1px;color:var(--ink-mute);border-color:var(--paper-edge);background-color:var(--paper-mute);
13
13
  }
14
14
 
15
15
  [data-style='minimal'] [data-table-header-cell][data-sortable='true']:hover {
@@ -22,7 +22,7 @@
22
22
  }
23
23
 
24
24
  [data-style='minimal'] [data-table-sort-icon] {
25
- color:var(--ink-soft);
25
+ color:var(--ink-mute);
26
26
  }
27
27
 
28
28
  [data-style='minimal'] [data-table-header-cell][data-sort-order='ascending'] [data-table-sort-icon],
@@ -83,7 +83,7 @@
83
83
  ============================================================================= */
84
84
 
85
85
  [data-style='minimal'] [data-table-empty] {
86
- color:var(--ink-soft);
86
+ color:var(--ink-mute);
87
87
  }
88
88
 
89
89
  /* =============================================================================
@@ -91,7 +91,7 @@
91
91
  ============================================================================= */
92
92
 
93
93
  [data-style='minimal'] [data-table-cell] [data-cell-icon] {
94
- color:var(--ink-soft);
94
+ color:var(--ink-mute);
95
95
  }
96
96
 
97
97
  [data-style='minimal'] [data-table-row][data-selected='true'] [data-cell-icon] {
@@ -108,7 +108,7 @@
108
108
  }
109
109
 
110
110
  [data-style='minimal'] [data-table-responsive] [data-table-cell]::before {
111
- color:var(--ink-soft);
111
+ color:var(--ink-mute);
112
112
  }
113
113
 
114
114
  /* Disable striped alternating bg in card layout */
package/dist/minimal/tabs.css CHANGED
@@ -32,7 +32,7 @@
32
32
  ============================================================================= */
33
33
 
34
34
  [data-style='minimal'] [data-tabs-trigger] {
35
- border-bottom-width:3px;border-bottom-color:transparent;background-color:transparent;color:var(--ink-soft);
35
+ border-bottom-width:3px;border-bottom-color:transparent;background-color:transparent;color:var(--ink-mute);
36
36
  font-weight: 400;
37
37
  transition:
38
38
  color 150ms ease,
@@ -135,7 +135,7 @@
135
135
  }
136
136
 
137
137
  [data-style='minimal'] [data-tabs-trigger]:hover:not(:disabled) [data-tabs-icon] {
138
- color:var(--ink-soft);
138
+ color:var(--ink-mute);
139
139
  }
140
140
 
141
141
  [data-style='minimal'] [data-tabs-trigger][data-selected] [data-tabs-icon] {
package/dist/minimal/timeline.css CHANGED
@@ -13,11 +13,11 @@
13
13
  }
14
14
 
15
15
  [data-style='minimal'] [data-timeline-item][data-completed] [data-timeline-circle] {
16
- border-color:var(--primary);color:var(--primary);
16
+ border-color:var(--primary);color:var(--ink);
17
17
  }
18
18
 
19
19
  [data-style='minimal'] [data-timeline-item][data-active] [data-timeline-circle] {
20
- border-bottom-width:2px;border-color:var(--primary);color:var(--primary);
20
+ border-bottom-width:2px;border-color:var(--primary);color:var(--ink);
21
21
  }
22
22
 
23
23
  /* =============================================================================
@@ -29,7 +29,7 @@
29
29
  }
30
30
 
31
31
  [data-style='minimal'] [data-timeline-item][data-completed] [data-timeline-connector] {
32
- background-color:var(--primary);
32
+ background-color: var(--primary);
33
33
  }
34
34
 
35
35
  /* =============================================================================
package/dist/minimal/toggle.css CHANGED
@@ -17,7 +17,7 @@
17
17
  ============================================================================= */
18
18
 
19
19
  [data-style='minimal'] [data-toggle-option] {
20
- border-width:0px;border-color:transparent;border-style:solid;color:var(--ink-soft);
20
+ border-width:0px;border-color:transparent;border-style:solid;color:var(--ink-mute);
21
21
  }
22
22
 
23
23
  [data-style='minimal'] [data-toggle-option]:hover:not(:disabled):not([data-disabled='true']),
@@ -35,7 +35,7 @@
35
35
  ============================================================================= */
36
36
 
37
37
  [data-style='minimal'] [data-toggle-option] [data-toggle-icon] {
38
- color:var(--ink-soft);
38
+ color:var(--ink-mute);
39
39
  }
40
40
 
41
41
  [data-style='minimal'] [data-toggle-option]:hover:not(:disabled) [data-toggle-icon],
@@ -55,7 +55,7 @@
55
55
  ============================================================================= */
56
56
 
57
57
  [data-style='minimal'] [data-toggle][data-toggle-variant='button'] {
58
- border-color:transparent;background-color:transparent;color:var(--ink-soft);
58
+ border-color:transparent;background-color:transparent;color:var(--ink-mute);
59
59
  background-image: none;
60
60
  }
61
61
 
@@ -65,7 +65,7 @@
65
65
  }
66
66
 
67
67
  [data-style='minimal'] [data-toggle][data-toggle-variant='button'] [data-toggle-icon] {
68
- color:var(--ink-soft);
68
+ color:var(--ink-mute);
69
69
  }
70
70
 
71
71
  [data-style='minimal'] [data-toggle][data-toggle-variant='button']:hover:not(:disabled) [data-toggle-icon],
package/dist/minimal/tree.css CHANGED
@@ -4,6 +4,17 @@
4
4
  * Clean, understated tree with subtle borders.
5
5
  */
6
6
 
7
+ /* =============================================================================
8
+ Connector Lines — hairline tone (mode-aware), not currentColor (which
9
+ renders white in dark mode and greyish in light).
10
+ ============================================================================= */
11
+
12
+ [data-style='minimal'] [data-tree]:not([data-line-style='none']) [data-connector-v],
13
+ [data-style='minimal'] [data-tree]:not([data-line-style='none']) [data-connector-h],
14
+ [data-style='minimal'] [data-tree]:not([data-line-style='none']) [data-connector-corner] {
15
+ border-color:var(--paper-edge);
16
+ }
17
+
7
18
  /* =============================================================================
8
19
  Tree Container
9
20
  ============================================================================= */
@@ -17,11 +28,11 @@
17
28
  ============================================================================= */
18
29
 
19
30
  [data-style='minimal'] [data-tree-toggle-btn] {
20
- color:var(--paper-edge);
31
+ color:var(--ink-mute);
21
32
  }
22
33
 
23
34
  [data-style='minimal'] [data-tree-toggle-btn]:hover {
24
- background-image:none;color:var(--ink-soft);
35
+ background-image:none;color:var(--ink-mute);
25
36
  }
26
37
 
27
38
  /* =============================================================================
@@ -75,11 +86,11 @@
75
86
  ============================================================================= */
76
87
 
77
88
  [data-style='minimal'] [data-tree-item-content] [data-item-icon] {
78
- color:var(--ink-soft);
89
+ color:var(--ink-mute);
79
90
  }
80
91
 
81
92
  [data-style='minimal'] [data-tree-item-content]:hover:not(:disabled) [data-item-icon] {
82
- color:var(--ink-soft);
93
+ color:var(--ink-mute);
83
94
  }
84
95
 
85
96
  [data-style='minimal'] [data-tree-item-content][data-active='true'] [data-item-icon] {
@@ -87,7 +98,7 @@
87
98
  }
88
99
 
89
100
  [data-style='minimal'] [data-tree-item-content] [data-item-description] {
90
- color:var(--ink-soft);
101
+ color:var(--ink-mute);
91
102
  }
92
103
 
93
104
  [data-style='minimal'] [data-tree-item-content][data-active='true'] [data-item-description] {
@@ -95,7 +106,7 @@
95
106
  }
96
107
 
97
108
  [data-style='minimal'] [data-tree-item-content] [data-item-badge] {
98
- border-width:1px;background-color:transparent;background-image:none;color:var(--ink-soft);border-color:var(--paper-edge);
109
+ border-width:1px;background-color:transparent;background-image:none;color:var(--ink-mute);border-color:var(--paper-edge);
99
110
  }
100
111
 
101
112
  [data-style='minimal'] [data-tree-item-content][data-active='true'] [data-item-badge] {