@rokkit/themes 1.0.0-next.132 → 1.0.0-next.135

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 (91) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +68 -80
  3. package/build.mjs +148 -150
  4. package/dist/base.css +689 -623
  5. package/dist/glass.css +212 -203
  6. package/dist/index.css +1464 -1257
  7. package/dist/material.css +203 -171
  8. package/dist/minimal.css +171 -147
  9. package/dist/rokkit.css +189 -113
  10. package/package.json +11 -4
  11. package/src/base/breadcrumbs.css +28 -28
  12. package/src/base/button.css +10 -3
  13. package/src/base/card.css +17 -17
  14. package/src/base/carousel.css +67 -67
  15. package/src/base/display.css +8 -8
  16. package/src/base/floating-navigation.css +32 -8
  17. package/src/base/graph-paper.css +49 -49
  18. package/src/base/pill.css +35 -35
  19. package/src/base/progress.css +21 -21
  20. package/src/base/range.css +57 -57
  21. package/src/base/rating.css +20 -18
  22. package/src/base/reveal.css +16 -16
  23. package/src/base/search-filter.css +61 -61
  24. package/src/base/shine.css +7 -7
  25. package/src/base/stepper.css +75 -75
  26. package/src/base/switch.css +55 -55
  27. package/src/base/table.css +49 -49
  28. package/src/base/tilt.css +4 -4
  29. package/src/base/timeline.css +38 -38
  30. package/src/base/tree.css +48 -15
  31. package/src/glass/button.css +11 -10
  32. package/src/glass/card.css +16 -13
  33. package/src/glass/floating-action.css +13 -13
  34. package/src/glass/floating-navigation.css +2 -2
  35. package/src/glass/input.css +32 -30
  36. package/src/glass/list.css +21 -21
  37. package/src/glass/menu.css +16 -16
  38. package/src/glass/range.css +10 -10
  39. package/src/glass/search-filter.css +8 -8
  40. package/src/glass/select.css +32 -32
  41. package/src/glass/switch.css +6 -6
  42. package/src/glass/table.css +14 -14
  43. package/src/glass/tabs.css +3 -3
  44. package/src/glass/timeline.css +8 -8
  45. package/src/glass/toggle.css +7 -7
  46. package/src/glass/toolbar.css +15 -15
  47. package/src/glass/tree.css +27 -21
  48. package/src/material/button.css +12 -8
  49. package/src/material/card.css +1 -1
  50. package/src/material/input.css +30 -14
  51. package/src/material/list.css +27 -23
  52. package/src/material/menu.css +16 -16
  53. package/src/material/range.css +11 -11
  54. package/src/material/search-filter.css +8 -8
  55. package/src/material/select.css +31 -31
  56. package/src/material/switch.css +6 -6
  57. package/src/material/table.css +20 -16
  58. package/src/material/timeline.css +8 -8
  59. package/src/material/toggle.css +7 -7
  60. package/src/material/toolbar.css +17 -16
  61. package/src/material/tree.css +22 -19
  62. package/src/minimal/button.css +7 -4
  63. package/src/minimal/card.css +13 -11
  64. package/src/minimal/floating-action.css +11 -11
  65. package/src/minimal/floating-navigation.css +1 -1
  66. package/src/minimal/input.css +14 -10
  67. package/src/minimal/list.css +27 -23
  68. package/src/minimal/menu.css +15 -15
  69. package/src/minimal/range.css +10 -10
  70. package/src/minimal/search-filter.css +8 -8
  71. package/src/minimal/select.css +4 -2
  72. package/src/minimal/switch.css +6 -6
  73. package/src/minimal/table.css +17 -15
  74. package/src/minimal/tabs.css +5 -3
  75. package/src/minimal/timeline.css +7 -7
  76. package/src/minimal/toggle.css +7 -7
  77. package/src/minimal/toolbar.css +17 -16
  78. package/src/minimal/tree.css +26 -20
  79. package/src/rokkit/button.css +40 -11
  80. package/src/rokkit/card.css +16 -14
  81. package/src/rokkit/floating-navigation.css +2 -2
  82. package/src/rokkit/input.css +10 -6
  83. package/src/rokkit/list.css +7 -2
  84. package/src/rokkit/range.css +11 -11
  85. package/src/rokkit/search-filter.css +8 -8
  86. package/src/rokkit/select.css +41 -36
  87. package/src/rokkit/switch.css +6 -6
  88. package/src/rokkit/table.css +17 -15
  89. package/src/rokkit/tabs.css +11 -6
  90. package/src/rokkit/timeline.css +8 -8
  91. package/src/rokkit/tree.css +35 -9
package/src/minimal/menu.css CHANGED
@@ -9,32 +9,32 @@
9
9
  ============================================================================= */
10
10
 
11
11
  [data-style='minimal'] [data-menu-trigger] {
12
- @apply border-surface-z4 bg-transparent text-surface-z7 border;
12
+ @apply border-surface-z4 text-surface-z7 border bg-transparent;
13
13
  }
14
14
 
15
15
  [data-style='minimal'] [data-menu-trigger]:hover:not(:disabled) {
16
- @apply text-surface-z9 border-surface-z5;
16
+ @apply text-surface-z9 border-surface-z5;
17
17
  }
18
18
 
19
19
  [data-style='minimal'] [data-menu-trigger]:focus-visible {
20
- @apply outline-none ring-1 ring-surface-z5;
20
+ @apply ring-surface-z5 ring-1 outline-none;
21
21
  }
22
22
 
23
23
  [data-style='minimal'] [data-menu][data-open='true'] [data-menu-trigger] {
24
- @apply border-surface-z6;
24
+ @apply border-surface-z6;
25
25
  }
26
26
 
27
27
  /* Trigger elements */
28
28
  [data-style='minimal'] [data-menu-trigger] [data-menu-icon] {
29
- @apply text-surface-z5;
29
+ @apply text-surface-z5;
30
30
  }
31
31
 
32
32
  [data-style='minimal'] [data-menu-trigger]:hover:not(:disabled) [data-menu-icon] {
33
- @apply text-surface-z7;
33
+ @apply text-surface-z7;
34
34
  }
35
35
 
36
36
  [data-style='minimal'] [data-menu-trigger] [data-menu-arrow] {
37
- @apply text-surface-z4;
37
+ @apply text-surface-z4;
38
38
  }
39
39
 
40
40
  /* =============================================================================
@@ -42,7 +42,7 @@
42
42
  ============================================================================= */
43
43
 
44
44
  [data-style='minimal'] [data-menu-dropdown] {
45
- @apply bg-surface-z1 border-surface-z3 border shadow-sm;
45
+ @apply bg-surface-z1 border-surface-z3 border shadow-sm;
46
46
  }
47
47
 
48
48
  /* =============================================================================
@@ -50,25 +50,25 @@
50
50
  ============================================================================= */
51
51
 
52
52
  [data-style='minimal'] [data-menu-item] {
53
- @apply text-surface-z7 border-0 border-solid border-transparent;
53
+ @apply text-surface-z7 border-0 border-solid border-transparent;
54
54
  }
55
55
 
56
56
  [data-style='minimal'] [data-menu-item]:hover:not(:disabled),
57
57
  [data-style='minimal'] [data-menu-item]:focus:not(:disabled) {
58
- @apply text-surface-z9 border-l-surface-z2 border-l-2 outline-none;
58
+ @apply text-surface-z9 border-l-surface-z2 border-l-2 outline-none;
59
59
  }
60
60
 
61
61
  /* Item elements */
62
62
  [data-style='minimal'] [data-menu-item] [data-item-icon] {
63
- @apply text-surface-z5;
63
+ @apply text-surface-z5;
64
64
  }
65
65
 
66
66
  [data-style='minimal'] [data-menu-item]:hover:not(:disabled) [data-item-icon] {
67
- @apply text-surface-z6;
67
+ @apply text-surface-z6;
68
68
  }
69
69
 
70
70
  [data-style='minimal'] [data-menu-item] [data-item-description] {
71
- @apply text-surface-z5;
71
+ @apply text-surface-z5;
72
72
  }
73
73
 
74
74
  /* =============================================================================
@@ -76,7 +76,7 @@
76
76
  ============================================================================= */
77
77
 
78
78
  [data-style='minimal'] [data-menu-group] {
79
- @apply text-surface-z5;
79
+ @apply text-surface-z5;
80
80
  }
81
81
 
82
82
  /* =============================================================================
@@ -84,5 +84,5 @@
84
84
  ============================================================================= */
85
85
 
86
86
  [data-style='minimal'] [data-menu-separator] {
87
- @apply bg-surface-z3;
87
+ @apply bg-surface-z3;
88
88
  }
package/src/minimal/range.css CHANGED
@@ -9,11 +9,11 @@
9
9
  ============================================================================= */
10
10
 
11
11
  [data-style='minimal'] [data-range-bar] {
12
- @apply bg-surface-z3;
12
+ @apply bg-surface-z3;
13
13
  }
14
14
 
15
15
  [data-style='minimal'] [data-range-selected] {
16
- @apply bg-primary;
16
+ @apply bg-primary;
17
17
  }
18
18
 
19
19
  /* =============================================================================
@@ -21,15 +21,15 @@
21
21
  ============================================================================= */
22
22
 
23
23
  [data-style='minimal'] [data-range-thumb] {
24
- @apply bg-surface-z1 border-primary border-2;
24
+ @apply bg-surface-z1 border-primary border-2;
25
25
  }
26
26
 
27
27
  [data-style='minimal'] [data-range-thumb][data-sliding] {
28
- @apply bg-primary;
28
+ @apply bg-primary;
29
29
  }
30
30
 
31
31
  [data-style='minimal'] [data-range-thumb]:focus-visible {
32
- @apply bg-primary;
32
+ @apply bg-primary;
33
33
  }
34
34
 
35
35
  /* =============================================================================
@@ -37,15 +37,15 @@
37
37
  ============================================================================= */
38
38
 
39
39
  [data-style='minimal'] [data-range-tick] {
40
- @apply text-surface-z6;
40
+ @apply text-surface-z6;
41
41
  }
42
42
 
43
43
  [data-style='minimal'] [data-tick-bar] {
44
- @apply border-surface-z4;
44
+ @apply border-surface-z4;
45
45
  }
46
46
 
47
47
  [data-style='minimal'] [data-tick-label] {
48
- @apply text-surface-z6;
48
+ @apply text-surface-z6;
49
49
  }
50
50
 
51
51
  /* =============================================================================
@@ -53,9 +53,9 @@
53
53
  ============================================================================= */
54
54
 
55
55
  [data-style='minimal'] [data-range][data-disabled] [data-range-thumb] {
56
- @apply bg-surface-z3 border-surface-z4;
56
+ @apply bg-surface-z3 border-surface-z4;
57
57
  }
58
58
 
59
59
  [data-style='minimal'] [data-range][data-disabled] [data-range-selected] {
60
- @apply bg-surface-z4;
60
+ @apply bg-surface-z4;
61
61
  }
package/src/minimal/search-filter.css CHANGED
@@ -9,15 +9,15 @@
9
9
  ============================================================================= */
10
10
 
11
11
  [data-style='minimal'] [data-search-input] {
12
- @apply text-surface-z7 border-surface-z4 border bg-transparent;
12
+ @apply text-surface-z7 border-surface-z4 border bg-transparent;
13
13
  }
14
14
 
15
15
  [data-style='minimal'] [data-search-input]:focus {
16
- @apply border-surface-z6 ring-surface-z5 ring-1;
16
+ @apply border-surface-z6 ring-surface-z5 ring-1;
17
17
  }
18
18
 
19
19
  [data-style='minimal'] [data-search-input]::placeholder {
20
- @apply text-surface-z5;
20
+ @apply text-surface-z5;
21
21
  }
22
22
 
23
23
  /* =============================================================================
@@ -25,11 +25,11 @@
25
25
  ============================================================================= */
26
26
 
27
27
  [data-style='minimal'] [data-search-clear] {
28
- @apply text-surface-z5;
28
+ @apply text-surface-z5;
29
29
  }
30
30
 
31
31
  [data-style='minimal'] [data-search-clear]:hover {
32
- @apply text-surface-z8;
32
+ @apply text-surface-z8;
33
33
  }
34
34
 
35
35
  /* =============================================================================
@@ -37,13 +37,13 @@
37
37
  ============================================================================= */
38
38
 
39
39
  [data-style='minimal'] [data-search-tag] {
40
- @apply text-surface-z7 border-surface-z4 border bg-transparent;
40
+ @apply text-surface-z7 border-surface-z4 border bg-transparent;
41
41
  }
42
42
 
43
43
  [data-style='minimal'] [data-search-tag-remove] {
44
- @apply text-surface-z5;
44
+ @apply text-surface-z5;
45
45
  }
46
46
 
47
47
  [data-style='minimal'] [data-search-tag-remove]:hover {
48
- @apply text-surface-z8;
48
+ @apply text-surface-z8;
49
49
  }
package/src/minimal/select.css CHANGED
@@ -17,7 +17,7 @@
17
17
  }
18
18
 
19
19
  [data-style='minimal'] [data-select-trigger]:focus-visible {
20
- @apply ring-surface-z5 outline-none ring-1;
20
+ @apply ring-surface-z5 ring-1 outline-none;
21
21
  }
22
22
 
23
23
  [data-style='minimal'] [data-select][data-open='true'] [data-select-trigger] {
@@ -88,7 +88,9 @@
88
88
  }
89
89
 
90
90
  /* Selected state — full highlight when dropdown has focus */
91
- [data-style='minimal'] [data-select-dropdown]:focus-within [data-select-option][data-selected='true'] {
91
+ [data-style='minimal']
92
+ [data-select-dropdown]:focus-within
93
+ [data-select-option][data-selected='true'] {
92
94
  @apply text-primary-z7 border-primary-z4 border-l-2;
93
95
  }
94
96
 
package/src/minimal/switch.css CHANGED
@@ -3,26 +3,26 @@
3
3
  */
4
4
 
5
5
  [data-style='minimal'] [data-switch-track] {
6
- @apply bg-transparent border-surface-z4 border-2;
6
+ @apply border-surface-z4 border-2 bg-transparent;
7
7
  }
8
8
 
9
9
  [data-style='minimal'] [data-switch-thumb] {
10
- @apply bg-surface-z5;
10
+ @apply bg-surface-z5;
11
11
  }
12
12
 
13
13
  [data-style='minimal'] [data-switch]:focus-visible [data-switch-track] {
14
- @apply ring-2 ring-primary-z4 ring-offset-1;
14
+ @apply ring-primary-z4 ring-2 ring-offset-1;
15
15
  }
16
16
 
17
17
  /* On state */
18
18
  [data-style='minimal'] [data-switch][aria-checked='true'] [data-switch-track] {
19
- @apply border-primary-z4;
19
+ @apply border-primary-z4;
20
20
  }
21
21
 
22
22
  [data-style='minimal'] [data-switch][aria-checked='true'] [data-switch-thumb] {
23
- @apply bg-primary-z4;
23
+ @apply bg-primary-z4;
24
24
  }
25
25
 
26
26
  [data-style='minimal'] [data-switch-label] {
27
- @apply text-surface-z7;
27
+ @apply text-surface-z7;
28
28
  }
package/src/minimal/table.css CHANGED
@@ -9,25 +9,27 @@
9
9
  ============================================================================= */
10
10
 
11
11
  [data-style='minimal'] [data-table-header] th {
12
- @apply text-surface-z6 border-b border-surface-z4;
12
+ @apply text-surface-z6 border-surface-z4 border-b;
13
13
  }
14
14
 
15
15
  [data-style='minimal'] [data-table-header-cell][data-sortable='true']:hover {
16
- @apply text-surface-z8;
16
+ @apply text-surface-z8;
17
17
  }
18
18
 
19
19
  [data-style='minimal'] [data-table-header-cell][data-sort-order='ascending'],
20
20
  [data-style='minimal'] [data-table-header-cell][data-sort-order='descending'] {
21
- @apply text-primary-z7;
21
+ @apply text-primary-z7;
22
22
  }
23
23
 
24
24
  [data-style='minimal'] [data-table-sort-icon] {
25
- @apply text-surface-z5;
25
+ @apply text-surface-z5;
26
26
  }
27
27
 
28
28
  [data-style='minimal'] [data-table-header-cell][data-sort-order='ascending'] [data-table-sort-icon],
29
- [data-style='minimal'] [data-table-header-cell][data-sort-order='descending'] [data-table-sort-icon] {
30
- @apply text-primary-z6;
29
+ [data-style='minimal']
30
+ [data-table-header-cell][data-sort-order='descending']
31
+ [data-table-sort-icon] {
32
+ @apply text-primary-z6;
31
33
  }
32
34
 
33
35
  /* =============================================================================
@@ -35,7 +37,7 @@
35
37
  ============================================================================= */
36
38
 
37
39
  [data-style='minimal'] [data-table-caption] {
38
- @apply text-surface-z7;
40
+ @apply text-surface-z7;
39
41
  }
40
42
 
41
43
  /* =============================================================================
@@ -43,19 +45,19 @@
43
45
  ============================================================================= */
44
46
 
45
47
  [data-style='minimal'] [data-table-row] {
46
- @apply text-surface-z7 border-b border-surface-z3;
48
+ @apply text-surface-z7 border-surface-z3 border-b;
47
49
  }
48
50
 
49
51
  [data-style='minimal'] [data-table-row]:hover {
50
- @apply text-surface-z9;
52
+ @apply text-surface-z9;
51
53
  }
52
54
 
53
55
  [data-style='minimal'] [data-table-row]:focus {
54
- @apply text-surface-z9 outline-none ring-1 ring-surface-z5;
56
+ @apply text-surface-z9 ring-surface-z5 ring-1 outline-none;
55
57
  }
56
58
 
57
59
  [data-style='minimal'] [data-table-row][data-selected='true'] {
58
- @apply text-primary-z8 border-l-primary-z4 border-l-2;
60
+ @apply text-primary-z8 border-l-primary-z4 border-l-2;
59
61
  }
60
62
 
61
63
  /* =============================================================================
@@ -63,7 +65,7 @@
63
65
  ============================================================================= */
64
66
 
65
67
  [data-style='minimal'] [data-striped='true'] [data-table-body] tr:nth-child(even) {
66
- @apply bg-surface-z1;
68
+ @apply bg-surface-z1;
67
69
  }
68
70
 
69
71
  /* =============================================================================
@@ -71,7 +73,7 @@
71
73
  ============================================================================= */
72
74
 
73
75
  [data-style='minimal'] [data-table-empty] {
74
- @apply text-surface-z5;
76
+ @apply text-surface-z5;
75
77
  }
76
78
 
77
79
  /* =============================================================================
@@ -79,9 +81,9 @@
79
81
  ============================================================================= */
80
82
 
81
83
  [data-style='minimal'] [data-table-cell] [data-cell-icon] {
82
- @apply text-surface-z5;
84
+ @apply text-surface-z5;
83
85
  }
84
86
 
85
87
  [data-style='minimal'] [data-table-row][data-selected='true'] [data-cell-icon] {
86
- @apply text-primary-z6;
88
+ @apply text-primary-z6;
87
89
  }
package/src/minimal/tabs.css CHANGED
@@ -13,14 +13,16 @@
13
13
  }
14
14
 
15
15
  [data-style='minimal'] [data-tabs][data-position='after'] [data-tabs-list] {
16
- @apply border-b-0 border-t;
16
+ @apply border-t border-b-0;
17
17
  }
18
18
 
19
19
  [data-style='minimal'] [data-tabs][data-orientation='vertical'] [data-tabs-list] {
20
- @apply border-b-0 border-r;
20
+ @apply border-r border-b-0;
21
21
  }
22
22
 
23
- [data-style='minimal'] [data-tabs][data-orientation='vertical'][data-position='after'] [data-tabs-list] {
23
+ [data-style='minimal']
24
+ [data-tabs][data-orientation='vertical'][data-position='after']
25
+ [data-tabs-list] {
24
26
  @apply border-r-0 border-l;
25
27
  }
26
28
 
package/src/minimal/timeline.css CHANGED
@@ -9,15 +9,15 @@
9
9
  ============================================================================= */
10
10
 
11
11
  [data-style='minimal'] [data-timeline-circle] {
12
- @apply border-surface-z4 text-surface-z6;
12
+ @apply border-surface-z4 text-surface-z6;
13
13
  }
14
14
 
15
15
  [data-style='minimal'] [data-timeline-item][data-completed] [data-timeline-circle] {
16
- @apply border-primary text-primary;
16
+ @apply border-primary text-primary;
17
17
  }
18
18
 
19
19
  [data-style='minimal'] [data-timeline-item][data-active] [data-timeline-circle] {
20
- @apply border-primary text-primary border-b-2;
20
+ @apply border-primary text-primary border-b-2;
21
21
  }
22
22
 
23
23
  /* =============================================================================
@@ -25,11 +25,11 @@
25
25
  ============================================================================= */
26
26
 
27
27
  [data-style='minimal'] [data-timeline-connector] {
28
- @apply bg-surface-z3;
28
+ @apply bg-surface-z3;
29
29
  }
30
30
 
31
31
  [data-style='minimal'] [data-timeline-item][data-completed] [data-timeline-connector] {
32
- @apply bg-primary;
32
+ @apply bg-primary;
33
33
  }
34
34
 
35
35
  /* =============================================================================
@@ -37,9 +37,9 @@
37
37
  ============================================================================= */
38
38
 
39
39
  [data-style='minimal'] [data-timeline-title] {
40
- @apply text-surface-z8;
40
+ @apply text-surface-z8;
41
41
  }
42
42
 
43
43
  [data-style='minimal'] [data-timeline-description] {
44
- @apply text-surface-z6;
44
+ @apply text-surface-z6;
45
45
  }
package/src/minimal/toggle.css CHANGED
@@ -9,7 +9,7 @@
9
9
  ============================================================================= */
10
10
 
11
11
  [data-style='minimal'] [data-toggle] {
12
- @apply bg-transparent border-surface-z3 rounded-lg border;
12
+ @apply border-surface-z3 rounded-lg border bg-transparent;
13
13
  }
14
14
 
15
15
  /* =============================================================================
@@ -17,17 +17,17 @@
17
17
  ============================================================================= */
18
18
 
19
19
  [data-style='minimal'] [data-toggle-option] {
20
- @apply text-surface-z6 border-0 border-solid border-transparent;
20
+ @apply text-surface-z6 border-0 border-solid border-transparent;
21
21
  }
22
22
 
23
23
  [data-style='minimal'] [data-toggle-option]:hover:not(:disabled):not([data-disabled='true']),
24
24
  [data-style='minimal'] [data-toggle-option]:focus:not(:disabled):not([data-disabled='true']) {
25
- @apply text-surface-z8 border-b-surface-z2 border-b-2;
25
+ @apply text-surface-z8 border-b-surface-z2 border-b-2;
26
26
  }
27
27
 
28
28
  /* Selected state */
29
29
  [data-style='minimal'] [data-toggle-option][data-selected='true'] {
30
- @apply text-surface-z9 border-b-primary-z4 border-b-2;
30
+ @apply text-surface-z9 border-b-primary-z4 border-b-2;
31
31
  }
32
32
 
33
33
  /* =============================================================================
@@ -35,14 +35,14 @@
35
35
  ============================================================================= */
36
36
 
37
37
  [data-style='minimal'] [data-toggle-option] [data-toggle-icon] {
38
- @apply text-surface-z5;
38
+ @apply text-surface-z5;
39
39
  }
40
40
 
41
41
  [data-style='minimal'] [data-toggle-option]:hover:not(:disabled) [data-toggle-icon],
42
42
  [data-style='minimal'] [data-toggle-option]:focus:not(:disabled) [data-toggle-icon] {
43
- @apply text-surface-z7;
43
+ @apply text-surface-z7;
44
44
  }
45
45
 
46
46
  [data-style='minimal'] [data-toggle-option][data-selected='true'] [data-toggle-icon] {
47
- @apply text-surface-z8;
47
+ @apply text-surface-z8;
48
48
  }
package/src/minimal/toolbar.css CHANGED
@@ -9,25 +9,25 @@
9
9
  ============================================================================= */
10
10
 
11
11
  [data-style='minimal'] [data-toolbar] {
12
- @apply bg-transparent;
12
+ @apply bg-transparent;
13
13
  }
14
14
 
15
15
  /* Position-based borders */
16
16
  [data-style='minimal'] [data-toolbar][data-toolbar-position='top'],
17
17
  [data-style='minimal'] [data-toolbar]:not([data-toolbar-position]) {
18
- @apply border-surface-z3 border-b;
18
+ @apply border-surface-z3 border-b;
19
19
  }
20
20
 
21
21
  [data-style='minimal'] [data-toolbar][data-toolbar-position='bottom'] {
22
- @apply border-surface-z3 border-t;
22
+ @apply border-surface-z3 border-t;
23
23
  }
24
24
 
25
25
  [data-style='minimal'] [data-toolbar][data-toolbar-position='left'] {
26
- @apply border-surface-z3 border-r;
26
+ @apply border-surface-z3 border-r;
27
27
  }
28
28
 
29
29
  [data-style='minimal'] [data-toolbar][data-toolbar-position='right'] {
30
- @apply border-surface-z3 border-l;
30
+ @apply border-surface-z3 border-l;
31
31
  }
32
32
 
33
33
  /* =============================================================================
@@ -35,24 +35,25 @@
35
35
  ============================================================================= */
36
36
 
37
37
  [data-style='minimal'] [data-toolbar-item] {
38
- @apply text-surface-z6;
38
+ @apply text-surface-z6;
39
39
  }
40
40
 
41
41
  [data-style='minimal'] [data-toolbar-item]:hover:not(:disabled):not([data-disabled='true']) {
42
- @apply text-surface-z9;
42
+ @apply text-surface-z9;
43
43
  }
44
44
 
45
- [data-style='minimal'] [data-toolbar-item]:focus-visible:not(:disabled):not([data-disabled='true']) {
46
- @apply text-surface-z9 outline-none ring-1 ring-surface-z5;
45
+ [data-style='minimal']
46
+ [data-toolbar-item]:focus-visible:not(:disabled):not([data-disabled='true']) {
47
+ @apply text-surface-z9 ring-surface-z5 ring-1 outline-none;
47
48
  }
48
49
 
49
50
  /* Active/pressed state */
50
51
  [data-style='minimal'] [data-toolbar-item][data-active='true'] {
51
- @apply text-primary-z7;
52
+ @apply text-primary-z7;
52
53
  }
53
54
 
54
55
  [data-style='minimal'] [data-toolbar-item][data-active='true']:hover:not(:disabled) {
55
- @apply text-primary-z8;
56
+ @apply text-primary-z8;
56
57
  }
57
58
 
58
59
  /* =============================================================================
@@ -60,15 +61,15 @@
60
61
  ============================================================================= */
61
62
 
62
63
  [data-style='minimal'] [data-toolbar-item] [data-toolbar-icon] {
63
- @apply text-surface-z5;
64
+ @apply text-surface-z5;
64
65
  }
65
66
 
66
67
  [data-style='minimal'] [data-toolbar-item]:hover:not(:disabled) [data-toolbar-icon] {
67
- @apply text-surface-z8;
68
+ @apply text-surface-z8;
68
69
  }
69
70
 
70
71
  [data-style='minimal'] [data-toolbar-item][data-active='true'] [data-toolbar-icon] {
71
- @apply text-primary-z6;
72
+ @apply text-primary-z6;
72
73
  }
73
74
 
74
75
  /* =============================================================================
@@ -76,9 +77,9 @@
76
77
  ============================================================================= */
77
78
 
78
79
  [data-style='minimal'] [data-toolbar-separator] {
79
- @apply bg-surface-z3;
80
+ @apply bg-surface-z3;
80
81
  }
81
82
 
82
83
  [data-style='minimal'] [data-toolbar-divider] {
83
- @apply bg-surface-z3;
84
+ @apply bg-surface-z3;
84
85
  }