@vaneui/ui 0.1.3 → 0.1.4
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/dist/components/ui/classes/appearanceClasses.d.ts +8 -8
- package/dist/components/ui/classes/typographyClasses.d.ts +1 -1
- package/dist/components/ui/props/keys.d.ts +12 -10
- package/dist/components/ui/theme/appearance/layoutAppearanceTheme.d.ts +5 -5
- package/dist/components/ui/theme/appearance/variantTheme.d.ts +1 -1
- package/dist/index.esm.js +22 -49
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +23 -49
- package/dist/index.js.map +1 -1
- package/dist/ui.css +0 -81
- package/package.json +1 -1
package/dist/ui.css
CHANGED
|
@@ -128,8 +128,6 @@
|
|
|
128
128
|
--background-color-danger: var(--color-red-50, #fef2f2);
|
|
129
129
|
--background-color-warning: var(--color-amber-50, #fffbeb);
|
|
130
130
|
--background-color-info: var(--color-cyan-50, #ecfeff);
|
|
131
|
-
--background-color-muted: var(--color-gray-50, #f9fafb);
|
|
132
|
-
--background-color-link: var(--color-blue-50, #eff6ff);
|
|
133
131
|
--background-color-hover-default: var(--color-gray-50, #f3f4f6);
|
|
134
132
|
--background-color-hover-primary: var(--color-blue-100, #dbeafe);
|
|
135
133
|
--background-color-hover-secondary: var(--color-gray-100, #f3f4f6);
|
|
@@ -139,8 +137,6 @@
|
|
|
139
137
|
--background-color-hover-danger: var(--color-red-100, #fee2e2);
|
|
140
138
|
--background-color-hover-warning: var(--color-amber-100, #fef3c7);
|
|
141
139
|
--background-color-hover-info: var(--color-cyan-100, #cffafe);
|
|
142
|
-
--background-color-hover-muted: var(--color-gray-100, #f3f4f6);
|
|
143
|
-
--background-color-hover-link: var(--color-blue-100, #dbeafe);
|
|
144
140
|
--background-color-active-default: var(--color-gray-100, #e5e7eb);
|
|
145
141
|
--background-color-active-primary: var(--color-blue-200, #bfdbfe);
|
|
146
142
|
--background-color-active-secondary: var(--color-gray-200, #e5e7eb);
|
|
@@ -150,8 +146,6 @@
|
|
|
150
146
|
--background-color-active-danger: var(--color-red-200, #fecaca);
|
|
151
147
|
--background-color-active-warning: var(--color-amber-200, #fde68a);
|
|
152
148
|
--background-color-active-info: var(--color-cyan-200, #a5f3fc);
|
|
153
|
-
--background-color-active-muted: var(--color-gray-200, #e5e7eb);
|
|
154
|
-
--background-color-active-link: var(--color-blue-200, #bfdbfe);
|
|
155
149
|
--filled-background-color-default: var(--color-gray-800, #1f2937);
|
|
156
150
|
--filled-background-color-primary: var(--color-blue-600, #2563eb);
|
|
157
151
|
--filled-background-color-secondary: var(--color-gray-600, #4b5563);
|
|
@@ -161,8 +155,6 @@
|
|
|
161
155
|
--filled-background-color-danger: var(--color-red-600, #dc2626);
|
|
162
156
|
--filled-background-color-warning: var(--color-amber-600, #d97706);
|
|
163
157
|
--filled-background-color-info: var(--color-cyan-600, #0891b2);
|
|
164
|
-
--filled-background-color-muted: var(--color-gray-500, #6b7280);
|
|
165
|
-
--filled-background-color-link: var(--color-blue-600, #2563eb);
|
|
166
158
|
--filled-background-color-hover-default: var(--color-gray-900, #111827);
|
|
167
159
|
--filled-background-color-hover-primary: var(--color-blue-700, #1d4ed8);
|
|
168
160
|
--filled-background-color-hover-secondary: var(--color-gray-700, #374151);
|
|
@@ -172,8 +164,6 @@
|
|
|
172
164
|
--filled-background-color-hover-danger: var(--color-red-700, #b91c1c);
|
|
173
165
|
--filled-background-color-hover-warning: var(--color-amber-700, #b45309);
|
|
174
166
|
--filled-background-color-hover-info: var(--color-cyan-700, #0e7490);
|
|
175
|
-
--filled-background-color-hover-muted: var(--color-gray-600, #4b5563);
|
|
176
|
-
--filled-background-color-hover-link: var(--color-blue-700, #1d4ed8);
|
|
177
167
|
--filled-background-color-active-default: var(--color-gray-950, #030712);
|
|
178
168
|
--filled-background-color-active-primary: var(--color-blue-800, #1e40af);
|
|
179
169
|
--filled-background-color-active-secondary: var(--color-gray-800, #1f2937);
|
|
@@ -183,8 +173,6 @@
|
|
|
183
173
|
--filled-background-color-active-danger: var(--color-red-800, #991b1b);
|
|
184
174
|
--filled-background-color-active-warning: var(--color-amber-800, #92400e);
|
|
185
175
|
--filled-background-color-active-info: var(--color-cyan-800, #155e75);
|
|
186
|
-
--filled-background-color-active-muted: var(--color-gray-700, #374151);
|
|
187
|
-
--filled-background-color-active-link: var(--color-blue-800, #1e40af);
|
|
188
176
|
--layout-background-default: var(--color-white, #ffffff);
|
|
189
177
|
--layout-background-primary: var(--color-white, #ffffff);
|
|
190
178
|
--layout-background-secondary: var(--color-gray-50, #f9fafb);
|
|
@@ -684,9 +672,6 @@
|
|
|
684
672
|
.border-\(--filled-border-color-warning\) {
|
|
685
673
|
border-color: var(--filled-border-color-warning);
|
|
686
674
|
}
|
|
687
|
-
.border-transparent {
|
|
688
|
-
border-color: transparent;
|
|
689
|
-
}
|
|
690
675
|
.bg-\(--background-color-accent\) {
|
|
691
676
|
background-color: var(--background-color-accent);
|
|
692
677
|
}
|
|
@@ -699,12 +684,6 @@
|
|
|
699
684
|
.bg-\(--background-color-info\) {
|
|
700
685
|
background-color: var(--background-color-info);
|
|
701
686
|
}
|
|
702
|
-
.bg-\(--background-color-link\) {
|
|
703
|
-
background-color: var(--background-color-link);
|
|
704
|
-
}
|
|
705
|
-
.bg-\(--background-color-muted\) {
|
|
706
|
-
background-color: var(--background-color-muted);
|
|
707
|
-
}
|
|
708
687
|
.bg-\(--background-color-primary\) {
|
|
709
688
|
background-color: var(--background-color-primary);
|
|
710
689
|
}
|
|
@@ -765,12 +744,6 @@
|
|
|
765
744
|
.bg-\(--filled-background-color-info\) {
|
|
766
745
|
background-color: var(--filled-background-color-info);
|
|
767
746
|
}
|
|
768
|
-
.bg-\(--filled-background-color-link\) {
|
|
769
|
-
background-color: var(--filled-background-color-link);
|
|
770
|
-
}
|
|
771
|
-
.bg-\(--filled-background-color-muted\) {
|
|
772
|
-
background-color: var(--filled-background-color-muted);
|
|
773
|
-
}
|
|
774
747
|
.bg-\(--filled-background-color-primary\) {
|
|
775
748
|
background-color: var(--filled-background-color-primary);
|
|
776
749
|
}
|
|
@@ -1044,9 +1017,6 @@
|
|
|
1044
1017
|
.text-\(--text-color-warning\) {
|
|
1045
1018
|
color: var(--text-color-warning);
|
|
1046
1019
|
}
|
|
1047
|
-
.text-transparent {
|
|
1048
|
-
color: transparent;
|
|
1049
|
-
}
|
|
1050
1020
|
.text-white {
|
|
1051
1021
|
color: var(--color-white);
|
|
1052
1022
|
}
|
|
@@ -1182,9 +1152,6 @@
|
|
|
1182
1152
|
.ring-\(--filled-border-color-warning\) {
|
|
1183
1153
|
--tw-ring-color: var(--filled-border-color-warning);
|
|
1184
1154
|
}
|
|
1185
|
-
.ring-transparent {
|
|
1186
|
-
--tw-ring-color: transparent;
|
|
1187
|
-
}
|
|
1188
1155
|
.outline {
|
|
1189
1156
|
outline-style: var(--tw-outline-style);
|
|
1190
1157
|
outline-width: 1px;
|
|
@@ -1245,20 +1212,6 @@
|
|
|
1245
1212
|
}
|
|
1246
1213
|
}
|
|
1247
1214
|
}
|
|
1248
|
-
.hover\:bg-\(--background-color-hover-link\) {
|
|
1249
|
-
&:hover {
|
|
1250
|
-
@media (hover: hover) {
|
|
1251
|
-
background-color: var(--background-color-hover-link);
|
|
1252
|
-
}
|
|
1253
|
-
}
|
|
1254
|
-
}
|
|
1255
|
-
.hover\:bg-\(--background-color-hover-muted\) {
|
|
1256
|
-
&:hover {
|
|
1257
|
-
@media (hover: hover) {
|
|
1258
|
-
background-color: var(--background-color-hover-muted);
|
|
1259
|
-
}
|
|
1260
|
-
}
|
|
1261
|
-
}
|
|
1262
1215
|
.hover\:bg-\(--background-color-hover-primary\) {
|
|
1263
1216
|
&:hover {
|
|
1264
1217
|
@media (hover: hover) {
|
|
@@ -1322,20 +1275,6 @@
|
|
|
1322
1275
|
}
|
|
1323
1276
|
}
|
|
1324
1277
|
}
|
|
1325
|
-
.hover\:bg-\(--filled-background-color-hover-link\) {
|
|
1326
|
-
&:hover {
|
|
1327
|
-
@media (hover: hover) {
|
|
1328
|
-
background-color: var(--filled-background-color-hover-link);
|
|
1329
|
-
}
|
|
1330
|
-
}
|
|
1331
|
-
}
|
|
1332
|
-
.hover\:bg-\(--filled-background-color-hover-muted\) {
|
|
1333
|
-
&:hover {
|
|
1334
|
-
@media (hover: hover) {
|
|
1335
|
-
background-color: var(--filled-background-color-hover-muted);
|
|
1336
|
-
}
|
|
1337
|
-
}
|
|
1338
|
-
}
|
|
1339
1278
|
.hover\:bg-\(--filled-background-color-hover-primary\) {
|
|
1340
1279
|
&:hover {
|
|
1341
1280
|
@media (hover: hover) {
|
|
@@ -1488,16 +1427,6 @@
|
|
|
1488
1427
|
background-color: var(--background-color-active-info);
|
|
1489
1428
|
}
|
|
1490
1429
|
}
|
|
1491
|
-
.active\:bg-\(--background-color-active-link\) {
|
|
1492
|
-
&:active {
|
|
1493
|
-
background-color: var(--background-color-active-link);
|
|
1494
|
-
}
|
|
1495
|
-
}
|
|
1496
|
-
.active\:bg-\(--background-color-active-muted\) {
|
|
1497
|
-
&:active {
|
|
1498
|
-
background-color: var(--background-color-active-muted);
|
|
1499
|
-
}
|
|
1500
|
-
}
|
|
1501
1430
|
.active\:bg-\(--background-color-active-primary\) {
|
|
1502
1431
|
&:active {
|
|
1503
1432
|
background-color: var(--background-color-active-primary);
|
|
@@ -1543,16 +1472,6 @@
|
|
|
1543
1472
|
background-color: var(--filled-background-color-active-info);
|
|
1544
1473
|
}
|
|
1545
1474
|
}
|
|
1546
|
-
.active\:bg-\(--filled-background-color-active-link\) {
|
|
1547
|
-
&:active {
|
|
1548
|
-
background-color: var(--filled-background-color-active-link);
|
|
1549
|
-
}
|
|
1550
|
-
}
|
|
1551
|
-
.active\:bg-\(--filled-background-color-active-muted\) {
|
|
1552
|
-
&:active {
|
|
1553
|
-
background-color: var(--filled-background-color-active-muted);
|
|
1554
|
-
}
|
|
1555
|
-
}
|
|
1556
1475
|
.active\:bg-\(--filled-background-color-active-primary\) {
|
|
1557
1476
|
&:active {
|
|
1558
1477
|
background-color: var(--filled-background-color-active-primary);
|