@vaneui/ui 0.3.1-alpha.20250921204254.9cfeae4 → 0.3.1-alpha.20250925201320.8b6a424
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/layoutClasses.d.ts +8 -0
- package/dist/components/ui/classes/layoutClasses.d.ts.map +1 -1
- package/dist/components/ui/theme/badgeTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/buttonTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/chipTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/codeTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/defaults.d.ts.map +1 -1
- package/dist/components/ui/theme/inputTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/size/gapTheme.d.ts +2 -1
- package/dist/components/ui/theme/size/gapTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/size/pxTheme.d.ts +2 -1
- package/dist/components/ui/theme/size/pxTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/size/pyTheme.d.ts +2 -1
- package/dist/components/ui/theme/size/pyTheme.d.ts.map +1 -1
- package/dist/index.esm.js +106 -33
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +106 -33
- package/dist/index.js.map +1 -1
- package/dist/ui.css +65 -28
- package/dist/vars.css +10 -4
- package/package.json +1 -1
package/dist/ui.css
CHANGED
|
@@ -261,7 +261,8 @@
|
|
|
261
261
|
--layout-br-md: calc(5 * var(--layout-br-spacing));
|
|
262
262
|
--layout-br-lg: calc(6 * var(--layout-br-spacing));
|
|
263
263
|
--layout-br-xl: calc(7 * var(--layout-br-spacing));
|
|
264
|
-
--layout-spacing: clamp(0.1rem, 0.16rem + 0.4vw, 0.
|
|
264
|
+
--layout-spacing: clamp(0.1rem, 0.16rem + 0.4vw, 0.25rem);
|
|
265
|
+
--ui-spacing: var(--spacing);
|
|
265
266
|
}
|
|
266
267
|
}
|
|
267
268
|
@layer base {
|
|
@@ -521,6 +522,9 @@
|
|
|
521
522
|
.h-7 {
|
|
522
523
|
height: calc(var(--spacing) * 7);
|
|
523
524
|
}
|
|
525
|
+
.h-10 {
|
|
526
|
+
height: calc(var(--spacing) * 10);
|
|
527
|
+
}
|
|
524
528
|
.h-fit {
|
|
525
529
|
height: fit-content;
|
|
526
530
|
}
|
|
@@ -659,15 +663,12 @@
|
|
|
659
663
|
.gap-\(--gap\) {
|
|
660
664
|
gap: var(--gap);
|
|
661
665
|
}
|
|
666
|
+
.gap-\(--ui-gap\) {
|
|
667
|
+
gap: var(--ui-gap);
|
|
668
|
+
}
|
|
662
669
|
.gap-0 {
|
|
663
670
|
gap: calc(var(--spacing) * 0);
|
|
664
671
|
}
|
|
665
|
-
.gap-0\.5 {
|
|
666
|
-
gap: calc(var(--spacing) * 0.5);
|
|
667
|
-
}
|
|
668
|
-
.gap-1 {
|
|
669
|
-
gap: calc(var(--spacing) * 1);
|
|
670
|
-
}
|
|
671
672
|
.gap-1\.5 {
|
|
672
673
|
gap: calc(var(--spacing) * 1.5);
|
|
673
674
|
}
|
|
@@ -1099,6 +1100,9 @@
|
|
|
1099
1100
|
.px-\(--px\) {
|
|
1100
1101
|
padding-inline: var(--px);
|
|
1101
1102
|
}
|
|
1103
|
+
.px-\(--ui-px\) {
|
|
1104
|
+
padding-inline: var(--ui-px);
|
|
1105
|
+
}
|
|
1102
1106
|
.px-1 {
|
|
1103
1107
|
padding-inline: calc(var(--spacing) * 1);
|
|
1104
1108
|
}
|
|
@@ -1129,6 +1133,9 @@
|
|
|
1129
1133
|
.py-\(--py\) {
|
|
1130
1134
|
padding-block: var(--py);
|
|
1131
1135
|
}
|
|
1136
|
+
.py-\(--ui-py\) {
|
|
1137
|
+
padding-block: var(--ui-py);
|
|
1138
|
+
}
|
|
1132
1139
|
.py-0 {
|
|
1133
1140
|
padding-block: calc(var(--spacing) * 0);
|
|
1134
1141
|
}
|
|
@@ -1617,12 +1624,24 @@
|
|
|
1617
1624
|
.\[--aspect-ratio\:1\.75\] {
|
|
1618
1625
|
--aspect-ratio: 1.75;
|
|
1619
1626
|
}
|
|
1627
|
+
.\[--aspect-ratio\:1\] {
|
|
1628
|
+
--aspect-ratio: 1;
|
|
1629
|
+
}
|
|
1620
1630
|
.\[--aspect-ratio\:2\.5\] {
|
|
1621
1631
|
--aspect-ratio: 2.5;
|
|
1622
1632
|
}
|
|
1623
1633
|
.\[--aspect-ratio\:2\] {
|
|
1624
1634
|
--aspect-ratio: 2;
|
|
1625
1635
|
}
|
|
1636
|
+
.\[--aspect-ratio\:3\] {
|
|
1637
|
+
--aspect-ratio: 3;
|
|
1638
|
+
}
|
|
1639
|
+
.\[--aspect-ratio\:4\] {
|
|
1640
|
+
--aspect-ratio: 4;
|
|
1641
|
+
}
|
|
1642
|
+
.\[--gap-unit\:0\.5\] {
|
|
1643
|
+
--gap-unit: 0.5;
|
|
1644
|
+
}
|
|
1626
1645
|
.\[--gap-unit\:1\.5\] {
|
|
1627
1646
|
--gap-unit: 1.5;
|
|
1628
1647
|
}
|
|
@@ -1647,32 +1666,47 @@
|
|
|
1647
1666
|
.\[--gap-unit\:6\] {
|
|
1648
1667
|
--gap-unit: 6;
|
|
1649
1668
|
}
|
|
1650
|
-
.\[--
|
|
1651
|
-
--
|
|
1669
|
+
.\[--py-unit\:0\.5\] {
|
|
1670
|
+
--py-unit: 0.5;
|
|
1671
|
+
}
|
|
1672
|
+
.\[--py-unit\:0\] {
|
|
1673
|
+
--py-unit: 0;
|
|
1674
|
+
}
|
|
1675
|
+
.\[--py-unit\:1\.5\] {
|
|
1676
|
+
--py-unit: 1.5;
|
|
1677
|
+
}
|
|
1678
|
+
.\[--py-unit\:1\] {
|
|
1679
|
+
--py-unit: 1;
|
|
1680
|
+
}
|
|
1681
|
+
.\[--py-unit\:2\.5\] {
|
|
1682
|
+
--py-unit: 2.5;
|
|
1683
|
+
}
|
|
1684
|
+
.\[--py-unit\:2\] {
|
|
1685
|
+
--py-unit: 2;
|
|
1652
1686
|
}
|
|
1653
|
-
.\[--
|
|
1654
|
-
--
|
|
1687
|
+
.\[--py-unit\:3\] {
|
|
1688
|
+
--py-unit: 3;
|
|
1655
1689
|
}
|
|
1656
|
-
.\[--
|
|
1657
|
-
--
|
|
1690
|
+
.\[--py-unit\:4\] {
|
|
1691
|
+
--py-unit: 4;
|
|
1658
1692
|
}
|
|
1659
|
-
.\[--
|
|
1660
|
-
--
|
|
1693
|
+
.\[--py-unit\:5\] {
|
|
1694
|
+
--py-unit: 5;
|
|
1661
1695
|
}
|
|
1662
|
-
.\[--
|
|
1663
|
-
--
|
|
1696
|
+
.\[--py-unit\:6\] {
|
|
1697
|
+
--py-unit: 6;
|
|
1664
1698
|
}
|
|
1665
|
-
.\[--
|
|
1666
|
-
--
|
|
1699
|
+
.\[--py-unit\:8\] {
|
|
1700
|
+
--py-unit: 8;
|
|
1667
1701
|
}
|
|
1668
|
-
.\[--
|
|
1669
|
-
--
|
|
1702
|
+
.\[--py-unit\:12\] {
|
|
1703
|
+
--py-unit: 12;
|
|
1670
1704
|
}
|
|
1671
|
-
.\[--
|
|
1672
|
-
--
|
|
1705
|
+
.\[--py-unit\:16\] {
|
|
1706
|
+
--py-unit: 16;
|
|
1673
1707
|
}
|
|
1674
|
-
.\[--
|
|
1675
|
-
--
|
|
1708
|
+
.\[--py-unit\:20\] {
|
|
1709
|
+
--py-unit: 20;
|
|
1676
1710
|
}
|
|
1677
1711
|
.ring-inset {
|
|
1678
1712
|
--tw-ring-inset: inset;
|
|
@@ -2453,10 +2487,13 @@
|
|
|
2453
2487
|
:where(*) {
|
|
2454
2488
|
--gap-unit: 1;
|
|
2455
2489
|
--gap: calc(var(--gap-unit) * var(--layout-spacing));
|
|
2490
|
+
--ui-gap: calc(var(--gap-unit) * var(--ui-spacing));
|
|
2456
2491
|
--aspect-ratio: 1;
|
|
2457
|
-
--
|
|
2458
|
-
--
|
|
2459
|
-
--py: calc(var(--
|
|
2492
|
+
--py-unit: 1;
|
|
2493
|
+
--px: calc(var(--aspect-ratio) * var(--py-unit) * var(--layout-spacing));
|
|
2494
|
+
--py: calc(var(--py-unit) * var(--layout-spacing));
|
|
2495
|
+
--ui-px: calc(var(--aspect-ratio) * var(--py-unit) * var(--ui-spacing));
|
|
2496
|
+
--ui-py: calc(var(--py-unit) * var(--ui-spacing));
|
|
2460
2497
|
}
|
|
2461
2498
|
}
|
|
2462
2499
|
}
|
package/dist/vars.css
CHANGED
|
@@ -162,7 +162,8 @@
|
|
|
162
162
|
--layout-br-lg: calc(6 * var(--layout-br-spacing));
|
|
163
163
|
--layout-br-xl: calc(7 * var(--layout-br-spacing));
|
|
164
164
|
|
|
165
|
-
--layout-spacing: clamp(0.1rem, 0.16rem + 0.4vw, 0.
|
|
165
|
+
--layout-spacing: clamp(0.1rem, 0.16rem + 0.4vw, 0.25rem);
|
|
166
|
+
--ui-spacing: var(--spacing);
|
|
166
167
|
}
|
|
167
168
|
|
|
168
169
|
@layer base {
|
|
@@ -170,10 +171,15 @@
|
|
|
170
171
|
/* Layout Gap: the --gap-unit variable is set depending on component and it's size */
|
|
171
172
|
--gap-unit: 1;
|
|
172
173
|
--gap: calc(var(--gap-unit) * var(--layout-spacing));
|
|
174
|
+
--ui-gap: calc(var(--gap-unit) * var(--ui-spacing));
|
|
173
175
|
|
|
174
176
|
--aspect-ratio: 1;
|
|
175
|
-
--
|
|
176
|
-
|
|
177
|
-
--
|
|
177
|
+
--py-unit: 1;
|
|
178
|
+
|
|
179
|
+
--px: calc(var(--aspect-ratio) * var(--py-unit) * var(--layout-spacing));
|
|
180
|
+
--py: calc(var(--py-unit) * var(--layout-spacing));
|
|
181
|
+
|
|
182
|
+
--ui-px: calc(var(--aspect-ratio) * var(--py-unit) * var(--ui-spacing));
|
|
183
|
+
--ui-py: calc(var(--py-unit) * var(--ui-spacing));
|
|
178
184
|
}
|
|
179
185
|
}
|
package/package.json
CHANGED