@shuriken-ui/tailwind 4.0.0-alpha.4 → 4.0.0-alpha.5

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 (57) hide show
  1. package/lib/css/accordion.css +0 -1
  2. package/lib/css/autocomplete.css +46 -47
  3. package/lib/css/avatar-group.css +19 -20
  4. package/lib/css/avatar.css +16 -17
  5. package/lib/css/breadcrumb.css +6 -7
  6. package/lib/css/button-action.css +0 -1
  7. package/lib/css/button-close.css +0 -1
  8. package/lib/css/button-group.css +0 -1
  9. package/lib/css/button-icon.css +0 -1
  10. package/lib/css/button.css +0 -1
  11. package/lib/css/card.css +0 -1
  12. package/lib/css/checkbox.css +5 -6
  13. package/lib/css/dropdown-divider.css +0 -1
  14. package/lib/css/dropdown-item.css +14 -15
  15. package/lib/css/dropdown.css +21 -22
  16. package/lib/css/focus.css +0 -1
  17. package/lib/css/fullscreen-dropfile.css +0 -1
  18. package/lib/css/heading.css +11 -12
  19. package/lib/css/icon-box.css +67 -68
  20. package/lib/css/input-file-regular.css +66 -67
  21. package/lib/css/input-file.css +0 -1
  22. package/lib/css/input-help-text.css +0 -1
  23. package/lib/css/input-number.css +0 -1
  24. package/lib/css/input.css +21 -21
  25. package/lib/css/kbd.css +0 -1
  26. package/lib/css/label.css +0 -1
  27. package/lib/css/link.css +0 -1
  28. package/lib/css/list.css +0 -1
  29. package/lib/css/listbox.css +0 -1
  30. package/lib/css/mark.css +0 -1
  31. package/lib/css/mask.css +0 -1
  32. package/lib/css/message-text.css +0 -1
  33. package/lib/css/message.css +0 -1
  34. package/lib/css/modal.css +0 -1
  35. package/lib/css/pagination.css +0 -1
  36. package/lib/css/paragraph.css +11 -12
  37. package/lib/css/placeholder-page.css +0 -1
  38. package/lib/css/placeload.css +0 -1
  39. package/lib/css/progress-circle.css +0 -1
  40. package/lib/css/progress.css +0 -1
  41. package/lib/css/prose.css +0 -1
  42. package/lib/css/radio.css +0 -1
  43. package/lib/css/select.css +0 -1
  44. package/lib/css/slimscroll.css +0 -1
  45. package/lib/css/snack.css +0 -1
  46. package/lib/css/switch-ball.css +0 -1
  47. package/lib/css/switch-thin.css +0 -1
  48. package/lib/css/tab-slider.css +0 -1
  49. package/lib/css/tabs.css +0 -1
  50. package/lib/css/tag.css +0 -1
  51. package/lib/css/text.css +24 -25
  52. package/lib/css/textarea.css +0 -1
  53. package/lib/css/theme-switch.css +0 -1
  54. package/lib/css/theme-toggle.css +0 -1
  55. package/lib/css/toast.css +1 -2
  56. package/lib/css/tooltip.css +0 -1
  57. package/package.json +1 -1
package/lib/css/dropdown-item.css CHANGED
@@ -1,4 +1,3 @@
1
- /* generated using "pnpm jiti scripts/generate-utilities.ts" */
2
1
  /* @utility nui-dropdown-item */
3
2
 
4
3
  @utility nui-dropdown-item {
@@ -10,53 +9,53 @@
10
9
  @apply text-muted-500 dark:text-muted-500;
11
10
  }
12
11
  }
13
- @utility nui-item-content {
12
+ @utility nui-dropdown-item-content {
14
13
  @apply grow;
15
14
  }
16
- @utility nui-item-disabled {
15
+ @utility nui-dropdown-item-disabled {
17
16
  @apply opacity-50 pointer-events-none;
18
17
  }
19
- @utility nui-item-default {
18
+ @utility nui-dropdown-item-default {
20
19
  @apply hover:bg-muted-100 dark:hover:bg-muted-700;
21
20
 
22
21
  &.nui-active {
23
22
  @apply bg-muted-100 dark:bg-muted-700;
24
23
  }
25
24
  }
26
- @utility nui-item-contrast {
25
+ @utility nui-dropdown-item-contrast {
27
26
  @apply hover:bg-muted-100 dark:hover:bg-muted-900;
28
27
 
29
28
  &.nui-active {
30
29
  @apply bg-muted-100 dark:bg-muted-900;
31
30
  }
32
31
  }
33
- @utility nui-item-primary {
32
+ @utility nui-dropdown-item-primary {
34
33
  @apply hover:text-primary-500 dark:hover:text-primary-500;
35
34
  }
36
- @utility nui-item-info {
35
+ @utility nui-dropdown-item-info {
37
36
  @apply hover:text-info-500 dark:hover:text-info-500;
38
37
  }
39
- @utility nui-item-success {
38
+ @utility nui-dropdown-item-success {
40
39
  @apply hover:text-success-500 dark:hover:text-success-500;
41
40
  }
42
- @utility nui-item-warning {
41
+ @utility nui-dropdown-item-warning {
43
42
  @apply hover:text-info-500 dark:hover:text-info-500;
44
43
  }
45
- @utility nui-item-danger {
44
+ @utility nui-dropdown-item-danger {
46
45
  @apply hover:text-info-500 dark:hover:text-info-500;
47
46
  }
48
- @utility nui-item-dark {
47
+ @utility nui-dropdown-item-dark {
49
48
  @apply hover:text-muted-900 dark:hover:text-muted-100;
50
49
  }
51
- @utility nui-item-black {
50
+ @utility nui-dropdown-item-black {
52
51
  @apply hover:text-black dark:hover:text-white;
53
52
  }
54
- @utility nui-item-rounded-sm {
53
+ @utility nui-dropdown-item-rounded-sm {
55
54
  @apply rounded-md;
56
55
  }
57
- @utility nui-item-rounded-md {
56
+ @utility nui-dropdown-item-rounded-md {
58
57
  @apply rounded-lg;
59
58
  }
60
- @utility nui-item-rounded-lg {
59
+ @utility nui-dropdown-item-rounded-lg {
61
60
  @apply rounded-xl;
62
61
  }
package/lib/css/dropdown.css CHANGED
@@ -1,11 +1,10 @@
1
- /* generated using "pnpm jiti scripts/generate-utilities.ts" */
2
1
  /* @utility nui-dropdown */
3
2
 
4
3
  @utility nui-dropdown {
5
4
  @apply text-start;
6
5
 
7
6
  &:hover {
8
- .nui-context-button {
7
+ .nui-dropdown-context-button {
9
8
  @apply ring-offset-4 ring-muted-200 dark:ring-muted-700;
10
9
  }
11
10
  }
@@ -14,35 +13,35 @@
14
13
  @apply absolute z-50 mt-2 focus:outline-none;
15
14
  @apply shadow-lg shadow-muted-300/30 dark:shadow-muted-800/20;
16
15
  }
17
- @utility nui-menu {
16
+ @utility nui-dropdown-menu {
18
17
  @apply relative inline-block;
19
18
  }
20
- @utility nui-menu-content {
19
+ @utility nui-dropdown-menu-content {
21
20
  @apply p-2;
22
21
  }
23
- @utility nui-context-button {
22
+ @utility nui-dropdown-context-button {
24
23
  @apply inline-flex items-center justify-center rounded-full;
25
24
  @apply h-9 w-9;
26
25
  @apply ring-1 ring-transparent ring-offset-white dark:ring-offset-muted-900;
27
26
  @apply transition-all duration-300;
28
27
 
29
- .nui-context-button-inner {
28
+ .nui-dropdown-context-button-inner {
30
29
  @apply flex items-center justify-center rounded-full;
31
30
  @apply h-9 w-9;
32
31
  @apply bg-white dark:bg-muted-800;
33
32
  @apply border border-muted-200 dark:border-muted-700;
34
33
  }
35
34
 
36
- .nui-context-icon {
35
+ .nui-dropdown-context-icon {
37
36
  @apply h-5 w-5;
38
37
  @apply text-muted-400 dark:text-muted-400;
39
38
  @apply transition-all duration-300;
40
39
  }
41
40
  }
42
- @utility nui-text-button {
41
+ @utility nui-dropdown-text-button {
43
42
  @apply flex items-center space-x-1;
44
43
  }
45
- @utility nui-chevron {
44
+ @utility nui-dropdown-chevron {
46
45
  @apply h-4 w-4;
47
46
  @apply transition-transform duration-300;
48
47
  }
@@ -56,47 +55,47 @@
56
55
  @apply end-0 origin-top-right;
57
56
  }
58
57
  }
59
- @utility nui-menu-header {
58
+ @utility nui-dropdown-menu-header {
60
59
  @apply px-4 pt-5;
61
60
  }
62
- @utility nui-menu-header-inner {
61
+ @utility nui-dropdown-menu-header-inner {
63
62
  @apply relative flex items-center justify-between;
64
63
  }
65
- @utility nui-menu-header-title {
64
+ @utility nui-dropdown-menu-header-title {
66
65
  @apply font-sans font-medium text-xs uppercase;
67
66
  @apply text-muted-500 dark:text-muted-200;
68
67
  }
69
- @utility nui-menu-content {
68
+ @utility nui-dropdown-menu-content {
70
69
  @apply p-2 space-y-1;
71
70
  }
72
- @utility nui-menu-md {
71
+ @utility nui-dropdown-menu-md {
73
72
  @apply w-56;
74
73
  }
75
- @utility nui-menu-lg {
74
+ @utility nui-dropdown-menu-lg {
76
75
  @apply w-72;
77
76
  }
78
- @utility nui-menu-rounded-sm {
77
+ @utility nui-dropdown-menu-rounded-sm {
79
78
  @apply rounded-md;
80
79
  }
81
- @utility nui-menu-rounded-md {
80
+ @utility nui-dropdown-menu-rounded-md {
82
81
  @apply rounded-lg;
83
82
  }
84
- @utility nui-menu-rounded-lg {
83
+ @utility nui-dropdown-menu-rounded-lg {
85
84
  @apply rounded-xl;
86
85
  }
87
- @utility nui-menu-default {
86
+ @utility nui-dropdown-menu-default {
88
87
  @apply border border-muted-200 dark:border-muted-700;
89
88
  @apply bg-white dark:bg-muted-800;
90
89
  }
91
- @utility nui-menu-default-contrast {
90
+ @utility nui-dropdown-menu-default-contrast {
92
91
  @apply border border-muted-200 dark:border-muted-800;
93
92
  @apply bg-white dark:bg-muted-950;
94
93
  }
95
- @utility nui-menu-muted {
94
+ @utility nui-dropdown-menu-muted {
96
95
  @apply border border-muted-200 dark:border-muted-700;
97
96
  @apply bg-white dark:bg-muted-800;
98
97
  }
99
- @utility nui-menu-muted-contrast {
98
+ @utility nui-dropdown-menu-muted-contrast {
100
99
  @apply border border-muted-200 dark:border-muted-800;
101
100
  @apply bg-white dark:bg-muted-950;
102
101
  }
package/lib/css/focus.css CHANGED
@@ -1,4 +1,3 @@
1
- /* generated using "pnpm jiti scripts/generate-utilities.ts" */
2
1
  /* @utility nui-focus */
3
2
 
4
3
  @utility nui-focus {
package/lib/css/fullscreen-dropfile.css CHANGED
@@ -1,4 +1,3 @@
1
- /* generated using "pnpm jiti scripts/generate-utilities.ts" */
2
1
  /* @utility nui-fullscreen-dropfile */
3
2
 
4
3
  @utility nui-fullscreen-dropfile {
package/lib/css/heading.css CHANGED
@@ -1,4 +1,3 @@
1
- /* generated using "pnpm jiti scripts/generate-utilities.ts" */
2
1
  /* @utility nui-heading */
3
2
 
4
3
  @utility nui-heading {
@@ -43,36 +42,36 @@
43
42
  @utility nui-heading-9xl {
44
43
  @apply text-9xl;
45
44
  }
46
- @utility nui-weight-light {
45
+ @utility nui-heading-weight-light {
47
46
  @apply font-light;
48
47
  }
49
- @utility nui-weight-normal {
48
+ @utility nui-heading-weight-normal {
50
49
  @apply font-normal;
51
50
  }
52
- @utility nui-weight-medium {
51
+ @utility nui-heading-weight-medium {
53
52
  @apply font-medium;
54
53
  }
55
- @utility nui-weight-semibold {
54
+ @utility nui-heading-weight-semibold {
56
55
  @apply font-semibold;
57
56
  }
58
- @utility nui-weight-bold {
57
+ @utility nui-heading-weight-bold {
59
58
  @apply font-bold;
60
59
  }
61
- @utility nui-weight-extrabold {
60
+ @utility nui-heading-weight-extrabold {
62
61
  @apply font-extrabold;
63
62
  }
64
- @utility nui-lead-none {
63
+ @utility nui-heading-lead-none {
65
64
  @apply leading-none;
66
65
  }
67
- @utility nui-lead-normal {
66
+ @utility nui-heading-lead-normal {
68
67
  @apply leading-normal;
69
68
  }
70
- @utility nui-lead-tight {
69
+ @utility nui-heading-lead-tight {
71
70
  @apply leading-tight;
72
71
  }
73
- @utility nui-lead-snug {
72
+ @utility nui-heading-lead-snug {
74
73
  @apply leading-snug;
75
74
  }
76
- @utility nui-lead-loose {
75
+ @utility nui-heading-lead-loose {
77
76
  @apply leading-loose;
78
77
  }
package/lib/css/icon-box.css CHANGED
@@ -1,305 +1,304 @@
1
- /* generated using "pnpm jiti scripts/generate-utilities.ts" */
2
1
  /* @utility nui-icon-box */
3
2
 
4
3
  @utility nui-icon-box {
5
4
  @apply relative inline-flex shrink-0 items-center justify-center;
6
5
 
7
- &.nui-box-mask:not(.nui-box-rounded-sm):not(.nui-box-rounded-lg):not(.nui-box-rounded-full):not(.nui-box-outline):not(.nui-box-bordered) {
6
+ &.nui-icon-box-mask:not(.nui-icon-box-rounded-sm):not(.nui-icon-box-rounded-lg):not(.nui-icon-box-rounded-full):not(.nui-icon-box-outline):not(.nui-icon-box-bordered) {
8
7
  @apply nui-mask;
9
8
  }
10
9
  }
11
- @utility nui-box-xs {
10
+ @utility nui-icon-box-xs {
12
11
  @apply h-8 w-8;
13
12
 
14
- &.nui-box-rounded-sm {
13
+ &.nui-icon-box-rounded-sm {
15
14
  @apply rounded-sm;
16
15
  }
17
16
 
18
- &.nui-box-rounded-md {
17
+ &.nui-icon-box-rounded-md {
19
18
  @apply rounded-md;
20
19
  }
21
20
 
22
- &.nui-box-rounded-lg {
21
+ &.nui-icon-box-rounded-lg {
23
22
  @apply rounded-lg;
24
23
  }
25
24
  }
26
- @utility nui-box-sm {
25
+ @utility nui-icon-box-sm {
27
26
  @apply h-10 w-10;
28
27
 
29
- &.nui-box-rounded-sm {
28
+ &.nui-icon-box-rounded-sm {
30
29
  @apply rounded-sm;
31
30
  }
32
31
 
33
- &.nui-box-rounded-md {
32
+ &.nui-icon-box-rounded-md {
34
33
  @apply rounded-md;
35
34
  }
36
35
 
37
- &.nui-box-rounded-lg {
36
+ &.nui-icon-box-rounded-lg {
38
37
  @apply rounded-xl;
39
38
  }
40
39
  }
41
- @utility nui-box-md {
40
+ @utility nui-icon-box-md {
42
41
  @apply h-12 w-12;
43
42
 
44
- &.nui-box-rounded-sm {
43
+ &.nui-icon-box-rounded-sm {
45
44
  @apply rounded-md;
46
45
  }
47
46
 
48
- &.nui-box-rounded-md {
47
+ &.nui-icon-box-rounded-md {
49
48
  @apply rounded-lg;
50
49
  }
51
50
 
52
- &.nui-box-rounded-lg {
51
+ &.nui-icon-box-rounded-lg {
53
52
  @apply rounded-xl;
54
53
  }
55
54
  }
56
- @utility nui-box-lg {
55
+ @utility nui-icon-box-lg {
57
56
  @apply h-16 w-16;
58
57
 
59
- &.nui-box-rounded-sm {
58
+ &.nui-icon-box-rounded-sm {
60
59
  @apply rounded-md;
61
60
  }
62
61
 
63
- &.nui-box-rounded-md {
62
+ &.nui-icon-box-rounded-md {
64
63
  @apply rounded-lg;
65
64
  }
66
65
 
67
- &.nui-box-rounded-lg {
66
+ &.nui-icon-box-rounded-lg {
68
67
  @apply rounded-2xl;
69
68
  }
70
69
  }
71
- @utility nui-box-xl {
70
+ @utility nui-icon-box-xl {
72
71
  @apply h-20 w-20;
73
72
 
74
- &.nui-box-rounded-sm {
73
+ &.nui-icon-box-rounded-sm {
75
74
  @apply rounded-lg;
76
75
  }
77
76
 
78
- &.nui-box-rounded-md {
77
+ &.nui-icon-box-rounded-md {
79
78
  @apply rounded-xl;
80
79
  }
81
80
 
82
- &.nui-box-rounded-lg {
81
+ &.nui-icon-box-rounded-lg {
83
82
  @apply rounded-2xl;
84
83
  }
85
84
  }
86
- @utility nui-box-2xl {
85
+ @utility nui-icon-box-2xl {
87
86
  @apply h-24 w-24;
88
87
 
89
- &.nui-box-rounded-sm {
88
+ &.nui-icon-box-rounded-sm {
90
89
  @apply rounded-lg;
91
90
  }
92
91
 
93
- &.nui-box-rounded-md {
92
+ &.nui-icon-box-rounded-md {
94
93
  @apply rounded-xl;
95
94
  }
96
95
 
97
- &.nui-box-rounded-lg {
96
+ &.nui-icon-box-rounded-lg {
98
97
  @apply rounded-3xl;
99
98
  }
100
99
  }
101
- @utility nui-box-rounded-full {
100
+ @utility nui-icon-box-rounded-full {
102
101
  @apply rounded-full;
103
102
  }
104
- @utility nui-box-default {
103
+ @utility nui-icon-box-default {
105
104
  @apply text-muted-600 dark:text-muted-200;
106
105
  @apply bg-muted-100 dark:bg-muted-700;
107
106
  }
108
- @utility nui-box-solid {
109
- &.nui-box-default {
107
+ @utility nui-icon-box-solid {
108
+ &.nui-icon-box-default {
110
109
  @apply text-muted-600 dark:text-muted-200;
111
110
  @apply bg-muted-100 dark:bg-muted-700;
112
111
  }
113
112
 
114
- &.nui-box-default-contrast {
113
+ &.nui-icon-box-default-contrast {
115
114
  @apply text-muted-600 dark:text-muted-100;
116
115
  @apply bg-muted-100 dark:bg-muted-950;
117
116
  }
118
117
 
119
- &.nui-box-muted {
118
+ &.nui-icon-box-muted {
120
119
  @apply text-muted-700 dark:text-muted-200;
121
120
  @apply bg-muted-200 dark:bg-muted-700;
122
121
  }
123
122
 
124
- &.nui-box-muted-contrast {
123
+ &.nui-icon-box-muted-contrast {
125
124
  @apply text-muted-700 dark:text-muted-100;
126
125
  @apply bg-muted-200 dark:bg-muted-950;
127
126
  }
128
127
 
129
- &.nui-box-light {
128
+ &.nui-icon-box-light {
130
129
  @apply text-muted-800 dark:text-muted-100;
131
130
  @apply bg-white dark:bg-muted-700;
132
131
  }
133
132
 
134
- &.nui-box-dark {
133
+ &.nui-icon-box-dark {
135
134
  @apply text-muted-100 dark:text-muted-900;
136
135
  @apply bg-muted-900 dark:bg-muted-100;
137
136
  }
138
137
 
139
- &.nui-box-black {
138
+ &.nui-icon-box-black {
140
139
  @apply text-white dark:text-black;
141
140
  @apply bg-black dark:bg-white;
142
141
  }
143
142
 
144
- &.nui-box-primary {
143
+ &.nui-icon-box-primary {
145
144
  @apply text-primary-invert dark:text-primary-invert;
146
145
  @apply bg-primary-500 dark:bg-primary-500;
147
146
  }
148
147
 
149
- &.nui-box-info {
148
+ &.nui-icon-box-info {
150
149
  @apply text-white dark:text-white;
151
150
  @apply bg-info-500 dark:bg-info-500;
152
151
  }
153
152
 
154
- &.nui-box-success {
153
+ &.nui-icon-box-success {
155
154
  @apply text-white dark:text-white;
156
155
  @apply bg-success-500 dark:bg-success-500;
157
156
  }
158
157
 
159
- &.nui-box-warning {
158
+ &.nui-icon-box-warning {
160
159
  @apply text-white dark:text-white;
161
160
  @apply bg-warning-500 dark:bg-warning-500;
162
161
  }
163
162
 
164
- &.nui-box-danger {
163
+ &.nui-icon-box-danger {
165
164
  @apply text-white dark:text-white;
166
165
  @apply bg-danger-500 dark:bg-danger-500;
167
166
  }
168
167
  }
169
- @utility nui-box-pastel {
170
- &.nui-box-default {
168
+ @utility nui-icon-box-pastel {
169
+ &.nui-icon-box-default {
171
170
  @apply text-muted-500 dark:text-muted-200;
172
171
  @apply bg-muted-500/10 dark:bg-muted-700/10;
173
172
  }
174
173
 
175
- &.nui-box-default-contrast {
174
+ &.nui-icon-box-default-contrast {
176
175
  @apply text-muted-500 dark:text-muted-100;
177
176
  @apply bg-muted-500/10 dark:bg-muted-950/10;
178
177
  }
179
178
 
180
- &.nui-box-muted {
179
+ &.nui-icon-box-muted {
181
180
  @apply text-muted-700 dark:text-muted-200;
182
181
  @apply bg-muted-600/10 dark:bg-muted-700/10;
183
182
  }
184
183
 
185
- &.nui-box-muted-contrast {
184
+ &.nui-icon-box-muted-contrast {
186
185
  @apply text-muted-700 dark:text-muted-100;
187
186
  @apply bg-muted-600/10 dark:bg-muted-950/10;
188
187
  }
189
188
 
190
- &.nui-box-light {
189
+ &.nui-icon-box-light {
191
190
  @apply text-muted-800 dark:text-muted-300;
192
191
  @apply bg-white/10 dark:bg-white/10;
193
192
  }
194
193
 
195
- &.nui-box-dark {
194
+ &.nui-icon-box-dark {
196
195
  @apply text-muted-800 dark:text-muted-100;
197
196
  @apply bg-muted-900/10 dark:bg-muted-100/10;
198
197
  }
199
198
 
200
- &.nui-box-black {
199
+ &.nui-icon-box-black {
201
200
  @apply text-black dark:text-white;
202
201
  @apply bg-black/10 dark:bg-white/10;
203
202
  }
204
203
 
205
- &.nui-box-primary {
204
+ &.nui-icon-box-primary {
206
205
  @apply text-primary-500 dark:text-primary-500;
207
206
  @apply bg-primary-500/10 dark:bg-primary-500/10;
208
207
  }
209
208
 
210
- &.nui-box-info {
209
+ &.nui-icon-box-info {
211
210
  @apply text-info-500 dark:text-info-500;
212
211
  @apply bg-info-500/10 dark:bg-info-500/10;
213
212
  }
214
213
 
215
- &.nui-box-success {
214
+ &.nui-icon-box-success {
216
215
  @apply text-success-500 dark:text-success-500;
217
216
  @apply bg-success-500/10 dark:bg-success-500/10;
218
217
  }
219
218
 
220
- &.nui-box-warning {
219
+ &.nui-icon-box-warning {
221
220
  @apply text-warning-500 dark:text-warning-500;
222
221
  @apply bg-warning-500/10 dark:bg-warning-500/10;
223
222
  }
224
223
 
225
- &.nui-box-danger {
224
+ &.nui-icon-box-danger {
226
225
  @apply text-danger-500 dark:text-danger-500;
227
226
  @apply bg-danger-500/10 dark:bg-danger-500/10;
228
227
  }
229
228
  }
230
- @utility nui-box-outline {
231
- &.nui-box-default {
229
+ @utility nui-icon-box-outline {
230
+ &.nui-icon-box-default {
232
231
  @apply text-muted-500 dark:text-muted-200;
233
232
  @apply bg-transparent bg-transparent;
234
233
  @apply border-2 border-current dark:border-current;
235
234
  }
236
235
 
237
- &.nui-box-default-contrast {
236
+ &.nui-icon-box-default-contrast {
238
237
  @apply text-muted-500 dark:text-muted-100;
239
238
  @apply bg-transparent bg-transparent;
240
239
  @apply border-2 border-current dark:border-current;
241
240
  }
242
241
 
243
- &.nui-box-muted {
242
+ &.nui-icon-box-muted {
244
243
  @apply text-muted-700 dark:text-muted-200;
245
244
  @apply bg-transparent bg-transparent;
246
245
  @apply border-2 border-current dark:border-current;
247
246
  }
248
247
 
249
- &.nui-box-muted-contrast {
248
+ &.nui-icon-box-muted-contrast {
250
249
  @apply text-muted-700 dark:text-muted-100;
251
250
  @apply bg-transparent bg-transparent;
252
251
  @apply border-2 border-current dark:border-current;
253
252
  }
254
253
 
255
- &.nui-box-light {
254
+ &.nui-icon-box-light {
256
255
  @apply text-muted-800 dark:text-muted-400;
257
256
  @apply bg-transparent bg-transparent;
258
257
  @apply border-2 border-current dark:border-current;
259
258
  }
260
259
 
261
- &.nui-box-dark {
260
+ &.nui-icon-box-dark {
262
261
  @apply text-muted-800 dark:text-muted-100;
263
262
  @apply bg-transparent bg-transparent;
264
263
  @apply border-2 border-current dark:border-current;
265
264
  }
266
265
 
267
- &.nui-box-black {
266
+ &.nui-icon-box-black {
268
267
  @apply text-black dark:text-white;
269
268
  @apply bg-transparent bg-transparent;
270
269
  @apply border-2 border-current dark:border-current;
271
270
  }
272
271
 
273
- &.nui-box-primary {
272
+ &.nui-icon-box-primary {
274
273
  @apply text-primary-500 dark:text-primary-500;
275
274
  @apply bg-transparent bg-transparent;
276
275
  @apply border-2 border-current dark:border-current;
277
276
  }
278
277
 
279
- &.nui-box-info {
278
+ &.nui-icon-box-info {
280
279
  @apply text-info-500 dark:text-info-500;
281
280
  @apply bg-transparent bg-transparent;
282
281
  @apply border-2 border-current dark:border-current;
283
282
  }
284
283
 
285
- &.nui-box-success {
284
+ &.nui-icon-box-success {
286
285
  @apply text-success-500 dark:text-success-500;
287
286
  @apply bg-transparent bg-transparent;
288
287
  @apply border-2 border-current dark:border-current;
289
288
  }
290
289
 
291
- &.nui-box-warning {
290
+ &.nui-icon-box-warning {
292
291
  @apply text-warning-500 dark:text-warning-500;
293
292
  @apply bg-transparent bg-transparent;
294
293
  @apply border-2 border-current dark:border-current;
295
294
  }
296
295
 
297
- &.nui-box-danger {
296
+ &.nui-icon-box-danger {
298
297
  @apply text-danger-500 dark:text-danger-500;
299
298
  @apply bg-transparent bg-transparent;
300
299
  @apply border-2 border-current dark:border-current;
301
300
  }
302
301
  }
303
- @utility nui-box-bordered {
302
+ @utility nui-icon-box-bordered {
304
303
  @apply border-2 border-current;
305
304
  }