@vaneui/ui 0.9.0-alpha.20260107081332.7a31978 → 0.9.0-alpha.20260107161941.dfd1c72
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/badge.d.ts +3 -3
- package/dist/components/ui/badge.d.ts.map +1 -1
- package/dist/components/ui/button.d.ts +3 -3
- package/dist/components/ui/button.d.ts.map +1 -1
- package/dist/components/ui/card.d.ts +3 -3
- package/dist/components/ui/card.d.ts.map +1 -1
- package/dist/components/ui/chip.d.ts +3 -3
- package/dist/components/ui/chip.d.ts.map +1 -1
- package/dist/components/ui/code.d.ts +3 -3
- package/dist/components/ui/code.d.ts.map +1 -1
- package/dist/components/ui/col.d.ts +3 -3
- package/dist/components/ui/col.d.ts.map +1 -1
- package/dist/components/ui/container.d.ts +3 -3
- package/dist/components/ui/container.d.ts.map +1 -1
- package/dist/components/ui/grid.d.ts +7 -7
- package/dist/components/ui/grid.d.ts.map +1 -1
- package/dist/components/ui/input.d.ts +3 -3
- package/dist/components/ui/input.d.ts.map +1 -1
- package/dist/components/ui/props/keys.d.ts +33 -32
- package/dist/components/ui/props/keys.d.ts.map +1 -1
- package/dist/components/ui/props/propDescriptions.d.ts +1 -1
- package/dist/components/ui/props/propDescriptions.d.ts.map +1 -1
- package/dist/components/ui/props/props.d.ts +2 -0
- package/dist/components/ui/props/props.d.ts.map +1 -1
- package/dist/components/ui/props/responsiveProps.d.ts +8 -0
- package/dist/components/ui/props/responsiveProps.d.ts.map +1 -0
- package/dist/components/ui/props/transparentProps.d.ts +8 -0
- package/dist/components/ui/props/transparentProps.d.ts.map +1 -0
- package/dist/components/ui/row.d.ts +3 -3
- package/dist/components/ui/row.d.ts.map +1 -1
- package/dist/components/ui/section.d.ts +3 -3
- package/dist/components/ui/section.d.ts.map +1 -1
- package/dist/components/ui/stack.d.ts +3 -3
- package/dist/components/ui/stack.d.ts.map +1 -1
- package/dist/components/ui/theme/appearance/simpleConsumerTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/defaults.d.ts.map +1 -1
- package/dist/components/ui/theme/size/fontSizeTheme.d.ts +7 -5
- package/dist/components/ui/theme/size/fontSizeTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/size/gapTheme.d.ts +6 -4
- package/dist/components/ui/theme/size/gapTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/size/pxTheme.d.ts +6 -4
- package/dist/components/ui/theme/size/pxTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/size/pyTheme.d.ts +6 -4
- package/dist/components/ui/theme/size/pyTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/typographyTheme.d.ts +2 -1
- package/dist/components/ui/theme/typographyTheme.d.ts.map +1 -1
- package/dist/components/ui/typography.d.ts +7 -7
- package/dist/components/ui/typography.d.ts.map +1 -1
- package/dist/index.esm.js +102 -36
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +104 -35
- package/dist/index.js.map +1 -1
- package/dist/ui.css +37 -0
- package/dist/vars.css +4 -0
- package/package.json +1 -1
package/dist/ui.css
CHANGED
|
@@ -116,6 +116,8 @@
|
|
|
116
116
|
--text-sm--line-height: calc(1.25 / 0.875);
|
|
117
117
|
--text-base: 1rem;
|
|
118
118
|
--text-base--line-height: calc(1.5 / 1);
|
|
119
|
+
--text-lg: 1.125rem;
|
|
120
|
+
--text-lg--line-height: calc(1.75 / 1.125);
|
|
119
121
|
--text-xl: 1.25rem;
|
|
120
122
|
--text-xl--line-height: calc(1.75 / 1.25);
|
|
121
123
|
--text-2xl: 1.5rem;
|
|
@@ -685,9 +687,18 @@
|
|
|
685
687
|
.gap-1 {
|
|
686
688
|
gap: calc(var(--spacing) * 1);
|
|
687
689
|
}
|
|
690
|
+
.gap-4 {
|
|
691
|
+
gap: calc(var(--spacing) * 4);
|
|
692
|
+
}
|
|
693
|
+
.gap-6 {
|
|
694
|
+
gap: calc(var(--spacing) * 6);
|
|
695
|
+
}
|
|
688
696
|
.gap-8 {
|
|
689
697
|
gap: calc(var(--spacing) * 8);
|
|
690
698
|
}
|
|
699
|
+
.gap-10 {
|
|
700
|
+
gap: calc(var(--spacing) * 10);
|
|
701
|
+
}
|
|
691
702
|
.gap-12 {
|
|
692
703
|
gap: calc(var(--spacing) * 12);
|
|
693
704
|
}
|
|
@@ -968,6 +979,9 @@
|
|
|
968
979
|
.px-4 {
|
|
969
980
|
padding-inline: calc(var(--spacing) * 4);
|
|
970
981
|
}
|
|
982
|
+
.px-6 {
|
|
983
|
+
padding-inline: calc(var(--spacing) * 6);
|
|
984
|
+
}
|
|
971
985
|
.px-8 {
|
|
972
986
|
padding-inline: calc(var(--spacing) * 8);
|
|
973
987
|
}
|
|
@@ -983,6 +997,9 @@
|
|
|
983
997
|
.py-2 {
|
|
984
998
|
padding-block: calc(var(--spacing) * 2);
|
|
985
999
|
}
|
|
1000
|
+
.py-3 {
|
|
1001
|
+
padding-block: calc(var(--spacing) * 3);
|
|
1002
|
+
}
|
|
986
1003
|
.py-4 {
|
|
987
1004
|
padding-block: calc(var(--spacing) * 4);
|
|
988
1005
|
}
|
|
@@ -1033,6 +1050,10 @@
|
|
|
1033
1050
|
font-size: var(--text-base);
|
|
1034
1051
|
line-height: var(--tw-leading, var(--text-base--line-height));
|
|
1035
1052
|
}
|
|
1053
|
+
.text-lg {
|
|
1054
|
+
font-size: var(--text-lg);
|
|
1055
|
+
line-height: var(--tw-leading, var(--text-lg--line-height));
|
|
1056
|
+
}
|
|
1036
1057
|
.text-sm {
|
|
1037
1058
|
font-size: var(--text-sm);
|
|
1038
1059
|
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
@@ -1604,6 +1625,12 @@
|
|
|
1604
1625
|
padding-block: var(--py-tablet);
|
|
1605
1626
|
}
|
|
1606
1627
|
}
|
|
1628
|
+
.max-tablet\:text-xl {
|
|
1629
|
+
@media (width < 64rem) {
|
|
1630
|
+
font-size: var(--text-xl);
|
|
1631
|
+
line-height: var(--tw-leading, var(--text-xl--line-height));
|
|
1632
|
+
}
|
|
1633
|
+
}
|
|
1607
1634
|
.max-tablet\:text-\(length\:--fs-tablet\) {
|
|
1608
1635
|
@media (width < 64rem) {
|
|
1609
1636
|
font-size: var(--fs-tablet);
|
|
@@ -1639,6 +1666,12 @@
|
|
|
1639
1666
|
padding-block: var(--py-mobile);
|
|
1640
1667
|
}
|
|
1641
1668
|
}
|
|
1669
|
+
.max-mobile\:text-lg {
|
|
1670
|
+
@media (width < 48rem) {
|
|
1671
|
+
font-size: var(--text-lg);
|
|
1672
|
+
line-height: var(--tw-leading, var(--text-lg--line-height));
|
|
1673
|
+
}
|
|
1674
|
+
}
|
|
1642
1675
|
.max-mobile\:text-\(length\:--fs-mobile\) {
|
|
1643
1676
|
@media (width < 48rem) {
|
|
1644
1677
|
font-size: var(--fs-mobile);
|
|
@@ -1712,6 +1745,10 @@
|
|
|
1712
1745
|
--pl: calc(var(--py-unit) * var(--spacing));
|
|
1713
1746
|
--size: calc(var(--size-unit) * var(--spacing));
|
|
1714
1747
|
--br: calc(var(--br-unit) * var(--br-base));
|
|
1748
|
+
--py: calc(var(--py-unit) * var(--spacing));
|
|
1749
|
+
--px: calc(var(--aspect-ratio) * var(--py-unit) * var(--spacing));
|
|
1750
|
+
--gap: calc(var(--gap-unit) * var(--spacing));
|
|
1751
|
+
--fs: calc(var(--fs-unit) * var(--fs-base));
|
|
1715
1752
|
}
|
|
1716
1753
|
}
|
|
1717
1754
|
@layer components {
|
package/dist/vars.css
CHANGED
|
@@ -196,6 +196,10 @@
|
|
|
196
196
|
--pl: calc(var(--py-unit) * var(--spacing));
|
|
197
197
|
--size: calc(var(--size-unit) * var(--spacing));
|
|
198
198
|
--br: calc(var(--br-unit) * var(--br-base));
|
|
199
|
+
--py: calc(var(--py-unit) * var(--spacing));
|
|
200
|
+
--px: calc(var(--aspect-ratio) * var(--py-unit) * var(--spacing));
|
|
201
|
+
--gap: calc(var(--gap-unit) * var(--spacing));
|
|
202
|
+
--fs: calc(var(--fs-unit) * var(--fs-base));
|
|
199
203
|
}
|
|
200
204
|
}
|
|
201
205
|
|
package/package.json
CHANGED