ui-lab-theme-onyx 0.3.46 → 0.3.48
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.
- package/package.json +1 -1
- package/styles.css +23 -6
package/package.json
CHANGED
package/styles.css
CHANGED
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
--background-border: var(--background-600);
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
-
.button.
|
|
46
|
+
.button.icon { @apply p-[5px] aspect-square inline-flex items-center justify-center }
|
|
47
47
|
.button.sm { @apply px-2.5 py-1.5 text-xs font-semibold }
|
|
48
48
|
.button.md { @apply px-3 py-1.5 }
|
|
49
49
|
.button.lg { @apply px-10 py-2 }
|
|
@@ -141,28 +141,45 @@
|
|
|
141
141
|
--background-border: var(--background-700);
|
|
142
142
|
}
|
|
143
143
|
|
|
144
|
-
.group > .input
|
|
144
|
+
.group > .input,
|
|
145
|
+
.group > .item > .input {
|
|
145
146
|
--background: var(--background-950);
|
|
146
147
|
--background-border: var(--background-700);
|
|
147
148
|
}
|
|
148
149
|
|
|
149
|
-
.group > .divider
|
|
150
|
+
.group > .divider,
|
|
151
|
+
.group > .item > .divider {
|
|
150
152
|
--background: var(--background-border);
|
|
151
153
|
}
|
|
152
154
|
|
|
153
|
-
.group.outline > .divider
|
|
155
|
+
.group.outline > .divider,
|
|
156
|
+
.group.outline > .item > .divider {
|
|
154
157
|
--background: var(--background-border);
|
|
155
158
|
}
|
|
156
159
|
|
|
157
|
-
.group.outline > .input
|
|
160
|
+
.group.outline > .input,
|
|
161
|
+
.group.outline > .item > .input {
|
|
158
162
|
--background: transparent;
|
|
159
163
|
}
|
|
160
164
|
|
|
161
|
-
.group > .button
|
|
165
|
+
.group > .button,
|
|
166
|
+
.group > .item > .button {
|
|
162
167
|
--button-selected-background: var(--background-800);
|
|
163
168
|
--button-selected-foreground: var(--foreground-100);
|
|
164
169
|
}
|
|
165
170
|
|
|
171
|
+
.group > .select > .value > .button,
|
|
172
|
+
.group > .item > .select > .value > .button {
|
|
173
|
+
height: 100%;
|
|
174
|
+
padding-inline: calc(var(--spacing) * 3) !important;
|
|
175
|
+
border-radius: var(--background-inner-radius) 0 0 var(--background-inner-radius);
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
.group > .select > .value,
|
|
179
|
+
.group > .item > .select > .value {
|
|
180
|
+
padding-inline: calc(var(--spacing) * 1.5);
|
|
181
|
+
}
|
|
182
|
+
|
|
166
183
|
.command {
|
|
167
184
|
--background: var(--background-900);
|
|
168
185
|
--background-list: var(--background-950);
|