@vaneui/ui 0.9.0-alpha.20260106184406.602ce72 → 0.9.0-alpha.20260107081332.7a31978
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 +7 -4
- package/dist/components/ui/classes/appearanceClasses.d.ts.map +1 -1
- package/dist/components/ui/props/propDescriptions.d.ts +1 -1
- package/dist/index.esm.js +8 -5
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +8 -5
- package/dist/index.js.map +1 -1
- package/dist/ui.css +24 -23
- package/dist/vars.css +6 -6
- package/package.json +1 -1
package/dist/ui.css
CHANGED
|
@@ -140,6 +140,7 @@
|
|
|
140
140
|
--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
141
141
|
--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
142
142
|
--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
143
|
+
--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
|
|
143
144
|
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
144
145
|
--animate-bounce: bounce 1s infinite;
|
|
145
146
|
--default-transition-duration: 150ms;
|
|
@@ -872,6 +873,9 @@
|
|
|
872
873
|
.border-violet-400 {
|
|
873
874
|
border-color: var(--color-violet-400);
|
|
874
875
|
}
|
|
876
|
+
.bg-\(--bg-color\) {
|
|
877
|
+
background-color: var(--bg-color);
|
|
878
|
+
}
|
|
875
879
|
.bg-\(--color-bg-filled-primary\) {
|
|
876
880
|
background-color: var(--color-bg-filled-primary);
|
|
877
881
|
}
|
|
@@ -1353,9 +1357,6 @@
|
|
|
1353
1357
|
.\[--size-unit\:4\] {
|
|
1354
1358
|
--size-unit: 4;
|
|
1355
1359
|
}
|
|
1356
|
-
.\[background\:var\(--bg-color\)\] {
|
|
1357
|
-
background: var(--bg-color);
|
|
1358
|
-
}
|
|
1359
1360
|
.\[background\:var\(--border-color\)\] {
|
|
1360
1361
|
background: var(--border-color);
|
|
1361
1362
|
}
|
|
@@ -1389,6 +1390,13 @@
|
|
|
1389
1390
|
}
|
|
1390
1391
|
}
|
|
1391
1392
|
}
|
|
1393
|
+
.hover\:bg-\(--bg-hover-color\) {
|
|
1394
|
+
&:hover {
|
|
1395
|
+
@media (hover: hover) {
|
|
1396
|
+
background-color: var(--bg-hover-color);
|
|
1397
|
+
}
|
|
1398
|
+
}
|
|
1399
|
+
}
|
|
1392
1400
|
.hover\:bg-indigo-700 {
|
|
1393
1401
|
&:hover {
|
|
1394
1402
|
@media (hover: hover) {
|
|
@@ -1485,13 +1493,6 @@
|
|
|
1485
1493
|
}
|
|
1486
1494
|
}
|
|
1487
1495
|
}
|
|
1488
|
-
.hover\:\[background\:var\(--bg-hover-color\)\] {
|
|
1489
|
-
&:hover {
|
|
1490
|
-
@media (hover: hover) {
|
|
1491
|
-
background: var(--bg-hover-color);
|
|
1492
|
-
}
|
|
1493
|
-
}
|
|
1494
|
-
}
|
|
1495
1496
|
.hover\:ring-inset {
|
|
1496
1497
|
&:hover {
|
|
1497
1498
|
@media (hover: hover) {
|
|
@@ -1520,6 +1521,11 @@
|
|
|
1520
1521
|
border-color: var(--color-green-700);
|
|
1521
1522
|
}
|
|
1522
1523
|
}
|
|
1524
|
+
.active\:bg-\(--bg-active-color\) {
|
|
1525
|
+
&:active {
|
|
1526
|
+
background-color: var(--bg-active-color);
|
|
1527
|
+
}
|
|
1528
|
+
}
|
|
1523
1529
|
.active\:bg-red-300 {
|
|
1524
1530
|
&:active {
|
|
1525
1531
|
background-color: var(--color-red-300);
|
|
@@ -1553,11 +1559,6 @@
|
|
|
1553
1559
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1554
1560
|
}
|
|
1555
1561
|
}
|
|
1556
|
-
.active\:\[background\:var\(--bg-active-color\)\] {
|
|
1557
|
-
&:active {
|
|
1558
|
-
background: var(--bg-active-color);
|
|
1559
|
-
}
|
|
1560
|
-
}
|
|
1561
1562
|
.active\:ring-inset {
|
|
1562
1563
|
&:active {
|
|
1563
1564
|
--tw-ring-inset: inset;
|
|
@@ -1730,19 +1731,19 @@
|
|
|
1730
1731
|
--br-unit: 2;
|
|
1731
1732
|
--gap-unit: 2;
|
|
1732
1733
|
--shadow-base: var(--shadow-sm);
|
|
1733
|
-
--shadow-hover: var(--shadow);
|
|
1734
|
+
--shadow-hover: var(--shadow-md);
|
|
1734
1735
|
}
|
|
1735
1736
|
[data-vane-type="ui"][data-size="lg"] {
|
|
1736
1737
|
--br-unit: 2.5;
|
|
1737
1738
|
--gap-unit: 2.5;
|
|
1738
|
-
--shadow-base: var(--shadow);
|
|
1739
|
-
--shadow-hover: var(--shadow-
|
|
1739
|
+
--shadow-base: var(--shadow-md);
|
|
1740
|
+
--shadow-hover: var(--shadow-lg);
|
|
1740
1741
|
}
|
|
1741
1742
|
[data-vane-type="ui"][data-size="xl"] {
|
|
1742
1743
|
--br-unit: 3;
|
|
1743
1744
|
--gap-unit: 3;
|
|
1744
|
-
--shadow-base: var(--shadow-
|
|
1745
|
-
--shadow-hover: var(--shadow-
|
|
1745
|
+
--shadow-base: var(--shadow-lg);
|
|
1746
|
+
--shadow-hover: var(--shadow-xl);
|
|
1746
1747
|
}
|
|
1747
1748
|
[data-vane-type="layout"][data-size="xs"] {
|
|
1748
1749
|
--br-unit: 3;
|
|
@@ -1757,17 +1758,17 @@
|
|
|
1757
1758
|
[data-vane-type="layout"][data-size="md"] {
|
|
1758
1759
|
--br-unit: 5;
|
|
1759
1760
|
--gap-unit: 4;
|
|
1760
|
-
--shadow-base: var(--shadow);
|
|
1761
|
+
--shadow-base: var(--shadow-md);
|
|
1761
1762
|
}
|
|
1762
1763
|
[data-vane-type="layout"][data-size="lg"] {
|
|
1763
1764
|
--br-unit: 6;
|
|
1764
1765
|
--gap-unit: 5;
|
|
1765
|
-
--shadow-base: var(--shadow-
|
|
1766
|
+
--shadow-base: var(--shadow-lg);
|
|
1766
1767
|
}
|
|
1767
1768
|
[data-vane-type="layout"][data-size="xl"] {
|
|
1768
1769
|
--br-unit: 7;
|
|
1769
1770
|
--gap-unit: 6;
|
|
1770
|
-
--shadow-base: var(--shadow-
|
|
1771
|
+
--shadow-base: var(--shadow-xl);
|
|
1771
1772
|
}
|
|
1772
1773
|
.vane-button {
|
|
1773
1774
|
--lh: 1.3;
|
package/dist/vars.css
CHANGED
|
@@ -210,16 +210,16 @@
|
|
|
210
210
|
/* UI type defaults (compact spacing, with hover shadows using Tailwind shadow vars) */
|
|
211
211
|
[data-vane-type="ui"][data-size="xs"] { --br-unit: 1; --gap-unit: 1; --shadow-base: var(--shadow-2xs); --shadow-hover: var(--shadow-xs); }
|
|
212
212
|
[data-vane-type="ui"][data-size="sm"] { --br-unit: 1.5; --gap-unit: 1.5; --shadow-base: var(--shadow-xs); --shadow-hover: var(--shadow-sm); }
|
|
213
|
-
[data-vane-type="ui"][data-size="md"] { --br-unit: 2; --gap-unit: 2; --shadow-base: var(--shadow-sm); --shadow-hover: var(--shadow); }
|
|
214
|
-
[data-vane-type="ui"][data-size="lg"] { --br-unit: 2.5; --gap-unit: 2.5; --shadow-base: var(--shadow);
|
|
215
|
-
[data-vane-type="ui"][data-size="xl"] { --br-unit: 3; --gap-unit: 3; --shadow-base: var(--shadow-
|
|
213
|
+
[data-vane-type="ui"][data-size="md"] { --br-unit: 2; --gap-unit: 2; --shadow-base: var(--shadow-sm); --shadow-hover: var(--shadow-md); }
|
|
214
|
+
[data-vane-type="ui"][data-size="lg"] { --br-unit: 2.5; --gap-unit: 2.5; --shadow-base: var(--shadow-md); --shadow-hover: var(--shadow-lg); }
|
|
215
|
+
[data-vane-type="ui"][data-size="xl"] { --br-unit: 3; --gap-unit: 3; --shadow-base: var(--shadow-lg); --shadow-hover: var(--shadow-xl); }
|
|
216
216
|
|
|
217
217
|
/* Layout type defaults (generous spacing, static shadows using Tailwind shadow vars) */
|
|
218
218
|
[data-vane-type="layout"][data-size="xs"] { --br-unit: 3; --gap-unit: 2; --shadow-base: var(--shadow-xs); }
|
|
219
219
|
[data-vane-type="layout"][data-size="sm"] { --br-unit: 4; --gap-unit: 3; --shadow-base: var(--shadow-sm); }
|
|
220
|
-
[data-vane-type="layout"][data-size="md"] { --br-unit: 5; --gap-unit: 4; --shadow-base: var(--shadow); }
|
|
221
|
-
[data-vane-type="layout"][data-size="lg"] { --br-unit: 6; --gap-unit: 5; --shadow-base: var(--shadow-
|
|
222
|
-
[data-vane-type="layout"][data-size="xl"] { --br-unit: 7; --gap-unit: 6; --shadow-base: var(--shadow-
|
|
220
|
+
[data-vane-type="layout"][data-size="md"] { --br-unit: 5; --gap-unit: 4; --shadow-base: var(--shadow-md); }
|
|
221
|
+
[data-vane-type="layout"][data-size="lg"] { --br-unit: 6; --gap-unit: 5; --shadow-base: var(--shadow-lg); }
|
|
222
|
+
[data-vane-type="layout"][data-size="xl"] { --br-unit: 7; --gap-unit: 6; --shadow-base: var(--shadow-xl); }
|
|
223
223
|
|
|
224
224
|
/* NON-RESPONSIVE COMPONENTS */
|
|
225
225
|
|
package/package.json
CHANGED