@vaneui/ui 0.3.1-alpha.20250926201820.1b8c4ca → 0.3.1-alpha.20250927164620.fec55bc
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 +1 -8
- 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/cardTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/checkboxTheme.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/colTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/common/ComponentTheme.d.ts +2 -0
- package/dist/components/ui/theme/common/ComponentTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/containerTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/gridTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/inputTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/layout/radiusTheme.d.ts +2 -1
- package/dist/components/ui/theme/layout/radiusTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/rowTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/sectionTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/size/gapTheme.d.ts +7 -7
- package/dist/components/ui/theme/size/gapTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/stackTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/typography/lineHeightTheme.d.ts +21 -0
- package/dist/components/ui/theme/typography/lineHeightTheme.d.ts.map +1 -0
- package/dist/components/ui/theme/typographyTheme.d.ts +2 -1
- package/dist/components/ui/theme/typographyTheme.d.ts.map +1 -1
- package/dist/index.esm.js +171 -154
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +171 -154
- package/dist/index.js.map +1 -1
- package/dist/ui.css +35 -100
- package/dist/vars.css +3 -0
- package/package.json +1 -1
- package/dist/components/ui/classes/radiusClasses.d.ts +0 -4
- package/dist/components/ui/classes/radiusClasses.d.ts.map +0 -1
package/dist/ui.css
CHANGED
|
@@ -49,7 +49,6 @@
|
|
|
49
49
|
--color-blue-50: oklch(97% 0.014 254.604);
|
|
50
50
|
--color-blue-100: oklch(93.2% 0.032 255.585);
|
|
51
51
|
--color-blue-200: oklch(88.2% 0.059 254.128);
|
|
52
|
-
--color-blue-300: oklch(80.9% 0.105 251.813);
|
|
53
52
|
--color-blue-500: oklch(62.3% 0.214 259.815);
|
|
54
53
|
--color-blue-600: oklch(54.6% 0.245 262.881);
|
|
55
54
|
--color-blue-700: oklch(48.8% 0.243 264.376);
|
|
@@ -83,7 +82,6 @@
|
|
|
83
82
|
--color-gray-950: oklch(13% 0.028 261.692);
|
|
84
83
|
--color-white: #fff;
|
|
85
84
|
--spacing: 0.25rem;
|
|
86
|
-
--container-md: 28rem;
|
|
87
85
|
--container-3xl: 48rem;
|
|
88
86
|
--container-4xl: 56rem;
|
|
89
87
|
--container-5xl: 64rem;
|
|
@@ -250,17 +248,8 @@
|
|
|
250
248
|
--color-border-filled-info: var(--color-blue-600);
|
|
251
249
|
--color-border-filled-link: var(--color-blue-600);
|
|
252
250
|
--ui-br-unit: 0.125rem;
|
|
253
|
-
--ui-br-xs: calc(1 * var(--ui-br-unit));
|
|
254
|
-
--ui-br-sm: calc(2 * var(--ui-br-unit));
|
|
255
251
|
--ui-br-md: calc(3 * var(--ui-br-unit));
|
|
256
|
-
--ui-br-lg: calc(4 * var(--ui-br-unit));
|
|
257
|
-
--ui-br-xl: calc(5 * var(--ui-br-unit));
|
|
258
252
|
--layout-br-spacing: 0.25rem;
|
|
259
|
-
--layout-br-xs: calc(3 * var(--layout-br-spacing));
|
|
260
|
-
--layout-br-sm: calc(4 * var(--layout-br-spacing));
|
|
261
|
-
--layout-br-md: calc(5 * var(--layout-br-spacing));
|
|
262
|
-
--layout-br-lg: calc(6 * var(--layout-br-spacing));
|
|
263
|
-
--layout-br-xl: calc(7 * var(--layout-br-spacing));
|
|
264
253
|
--layout-spacing: clamp(0.1rem, 0.16rem + 0.4vw, 0.3rem);
|
|
265
254
|
--ui-spacing: var(--spacing);
|
|
266
255
|
}
|
|
@@ -432,9 +421,6 @@
|
|
|
432
421
|
.sticky {
|
|
433
422
|
position: sticky;
|
|
434
423
|
}
|
|
435
|
-
.left-3 {
|
|
436
|
-
left: calc(var(--spacing) * 3);
|
|
437
|
-
}
|
|
438
424
|
.isolate {
|
|
439
425
|
isolation: isolate;
|
|
440
426
|
}
|
|
@@ -522,9 +508,6 @@
|
|
|
522
508
|
.h-7 {
|
|
523
509
|
height: calc(var(--spacing) * 7);
|
|
524
510
|
}
|
|
525
|
-
.h-10 {
|
|
526
|
-
height: calc(var(--spacing) * 10);
|
|
527
|
-
}
|
|
528
511
|
.h-fit {
|
|
529
512
|
height: fit-content;
|
|
530
513
|
}
|
|
@@ -567,9 +550,6 @@
|
|
|
567
550
|
.max-w-7xl {
|
|
568
551
|
max-width: var(--container-7xl);
|
|
569
552
|
}
|
|
570
|
-
.max-w-md {
|
|
571
|
-
max-width: var(--container-md);
|
|
572
|
-
}
|
|
573
553
|
.transform {
|
|
574
554
|
transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
|
|
575
555
|
}
|
|
@@ -734,39 +714,9 @@
|
|
|
734
714
|
.rounded-\(--br\) {
|
|
735
715
|
border-radius: var(--br);
|
|
736
716
|
}
|
|
737
|
-
.rounded-\(--layout-br-lg\) {
|
|
738
|
-
border-radius: var(--layout-br-lg);
|
|
739
|
-
}
|
|
740
|
-
.rounded-\(--layout-br-md\) {
|
|
741
|
-
border-radius: var(--layout-br-md);
|
|
742
|
-
}
|
|
743
|
-
.rounded-\(--layout-br-sm\) {
|
|
744
|
-
border-radius: var(--layout-br-sm);
|
|
745
|
-
}
|
|
746
|
-
.rounded-\(--layout-br-xl\) {
|
|
747
|
-
border-radius: var(--layout-br-xl);
|
|
748
|
-
}
|
|
749
|
-
.rounded-\(--layout-br-xs\) {
|
|
750
|
-
border-radius: var(--layout-br-xs);
|
|
751
|
-
}
|
|
752
717
|
.rounded-\(--ui-br\) {
|
|
753
718
|
border-radius: var(--ui-br);
|
|
754
719
|
}
|
|
755
|
-
.rounded-\(--ui-br-lg\) {
|
|
756
|
-
border-radius: var(--ui-br-lg);
|
|
757
|
-
}
|
|
758
|
-
.rounded-\(--ui-br-md\) {
|
|
759
|
-
border-radius: var(--ui-br-md);
|
|
760
|
-
}
|
|
761
|
-
.rounded-\(--ui-br-sm\) {
|
|
762
|
-
border-radius: var(--ui-br-sm);
|
|
763
|
-
}
|
|
764
|
-
.rounded-\(--ui-br-xl\) {
|
|
765
|
-
border-radius: var(--ui-br-xl);
|
|
766
|
-
}
|
|
767
|
-
.rounded-\(--ui-br-xs\) {
|
|
768
|
-
border-radius: var(--ui-br-xs);
|
|
769
|
-
}
|
|
770
720
|
.rounded-full {
|
|
771
721
|
border-radius: calc(infinity * 1px);
|
|
772
722
|
}
|
|
@@ -869,21 +819,12 @@
|
|
|
869
819
|
.border-\(--color-border-warning\) {
|
|
870
820
|
border-color: var(--color-border-warning);
|
|
871
821
|
}
|
|
872
|
-
.border-blue-300 {
|
|
873
|
-
border-color: var(--color-blue-300);
|
|
874
|
-
}
|
|
875
|
-
.border-green-200 {
|
|
876
|
-
border-color: var(--color-green-200);
|
|
877
|
-
}
|
|
878
822
|
.border-green-500 {
|
|
879
823
|
border-color: var(--color-green-500);
|
|
880
824
|
}
|
|
881
825
|
.border-indigo-400 {
|
|
882
826
|
border-color: var(--color-indigo-400);
|
|
883
827
|
}
|
|
884
|
-
.border-red-200 {
|
|
885
|
-
border-color: var(--color-red-200);
|
|
886
|
-
}
|
|
887
828
|
.border-red-600 {
|
|
888
829
|
border-color: var(--color-red-600);
|
|
889
830
|
}
|
|
@@ -1052,18 +993,12 @@
|
|
|
1052
993
|
.bg-emerald-500 {
|
|
1053
994
|
background-color: var(--color-emerald-500);
|
|
1054
995
|
}
|
|
1055
|
-
.bg-green-50 {
|
|
1056
|
-
background-color: var(--color-green-50);
|
|
1057
|
-
}
|
|
1058
996
|
.bg-green-600 {
|
|
1059
997
|
background-color: var(--color-green-600);
|
|
1060
998
|
}
|
|
1061
999
|
.bg-purple-600 {
|
|
1062
1000
|
background-color: var(--color-purple-600);
|
|
1063
1001
|
}
|
|
1064
|
-
.bg-red-50 {
|
|
1065
|
-
background-color: var(--color-red-50);
|
|
1066
|
-
}
|
|
1067
1002
|
.bg-red-100 {
|
|
1068
1003
|
background-color: var(--color-red-100);
|
|
1069
1004
|
}
|
|
@@ -1097,24 +1032,12 @@
|
|
|
1097
1032
|
.px-\(--ui-px\) {
|
|
1098
1033
|
padding-inline: var(--ui-px);
|
|
1099
1034
|
}
|
|
1100
|
-
.px-1 {
|
|
1101
|
-
padding-inline: calc(var(--spacing) * 1);
|
|
1102
|
-
}
|
|
1103
|
-
.px-1\.5 {
|
|
1104
|
-
padding-inline: calc(var(--spacing) * 1.5);
|
|
1105
|
-
}
|
|
1106
1035
|
.px-2 {
|
|
1107
1036
|
padding-inline: calc(var(--spacing) * 2);
|
|
1108
1037
|
}
|
|
1109
|
-
.px-2\.5 {
|
|
1110
|
-
padding-inline: calc(var(--spacing) * 2.5);
|
|
1111
|
-
}
|
|
1112
1038
|
.px-3 {
|
|
1113
1039
|
padding-inline: calc(var(--spacing) * 3);
|
|
1114
1040
|
}
|
|
1115
|
-
.px-3\.5 {
|
|
1116
|
-
padding-inline: calc(var(--spacing) * 3.5);
|
|
1117
|
-
}
|
|
1118
1041
|
.px-4 {
|
|
1119
1042
|
padding-inline: calc(var(--spacing) * 4);
|
|
1120
1043
|
}
|
|
@@ -1130,12 +1053,6 @@
|
|
|
1130
1053
|
.py-\(--ui-py\) {
|
|
1131
1054
|
padding-block: var(--ui-py);
|
|
1132
1055
|
}
|
|
1133
|
-
.py-0 {
|
|
1134
|
-
padding-block: calc(var(--spacing) * 0);
|
|
1135
|
-
}
|
|
1136
|
-
.py-0\.5 {
|
|
1137
|
-
padding-block: calc(var(--spacing) * 0.5);
|
|
1138
|
-
}
|
|
1139
1056
|
.py-1 {
|
|
1140
1057
|
padding-block: calc(var(--spacing) * 1);
|
|
1141
1058
|
}
|
|
@@ -1243,6 +1160,10 @@
|
|
|
1243
1160
|
font-size: var(--text-xs);
|
|
1244
1161
|
line-height: var(--tw-leading, var(--text-xs--line-height));
|
|
1245
1162
|
}
|
|
1163
|
+
.leading-\(--lh\) {
|
|
1164
|
+
--tw-leading: var(--lh);
|
|
1165
|
+
line-height: var(--lh);
|
|
1166
|
+
}
|
|
1246
1167
|
.leading-relaxed {
|
|
1247
1168
|
--tw-leading: var(--leading-relaxed);
|
|
1248
1169
|
line-height: var(--leading-relaxed);
|
|
@@ -1363,9 +1284,6 @@
|
|
|
1363
1284
|
.text-blue-500 {
|
|
1364
1285
|
color: var(--color-blue-500);
|
|
1365
1286
|
}
|
|
1366
|
-
.text-gray-500 {
|
|
1367
|
-
color: var(--color-gray-500);
|
|
1368
|
-
}
|
|
1369
1287
|
.text-green-500 {
|
|
1370
1288
|
color: var(--color-green-500);
|
|
1371
1289
|
}
|
|
@@ -1618,24 +1536,21 @@
|
|
|
1618
1536
|
.\[--aspect-ratio\:1\.75\] {
|
|
1619
1537
|
--aspect-ratio: 1.75;
|
|
1620
1538
|
}
|
|
1621
|
-
.\[--aspect-ratio\:1\] {
|
|
1622
|
-
--aspect-ratio: 1;
|
|
1623
|
-
}
|
|
1624
1539
|
.\[--aspect-ratio\:2\.5\] {
|
|
1625
1540
|
--aspect-ratio: 2.5;
|
|
1626
1541
|
}
|
|
1627
1542
|
.\[--aspect-ratio\:2\] {
|
|
1628
1543
|
--aspect-ratio: 2;
|
|
1629
1544
|
}
|
|
1630
|
-
.\[--
|
|
1631
|
-
--
|
|
1632
|
-
}
|
|
1633
|
-
.\[--aspect-ratio\:4\] {
|
|
1634
|
-
--aspect-ratio: 4;
|
|
1545
|
+
.\[--br-unit\:1\.5\] {
|
|
1546
|
+
--br-unit: 1.5;
|
|
1635
1547
|
}
|
|
1636
1548
|
.\[--br-unit\:1\] {
|
|
1637
1549
|
--br-unit: 1;
|
|
1638
1550
|
}
|
|
1551
|
+
.\[--br-unit\:2\.5\] {
|
|
1552
|
+
--br-unit: 2.5;
|
|
1553
|
+
}
|
|
1639
1554
|
.\[--br-unit\:2\] {
|
|
1640
1555
|
--br-unit: 2;
|
|
1641
1556
|
}
|
|
@@ -1654,9 +1569,6 @@
|
|
|
1654
1569
|
.\[--br-unit\:7\] {
|
|
1655
1570
|
--br-unit: 7;
|
|
1656
1571
|
}
|
|
1657
|
-
.\[--gap-unit\:0\.5\] {
|
|
1658
|
-
--gap-unit: 0.5;
|
|
1659
|
-
}
|
|
1660
1572
|
.\[--gap-unit\:1\.5\] {
|
|
1661
1573
|
--gap-unit: 1.5;
|
|
1662
1574
|
}
|
|
@@ -1681,12 +1593,33 @@
|
|
|
1681
1593
|
.\[--gap-unit\:6\] {
|
|
1682
1594
|
--gap-unit: 6;
|
|
1683
1595
|
}
|
|
1596
|
+
.\[--lh-unit\:1\.2\] {
|
|
1597
|
+
--lh-unit: 1.2;
|
|
1598
|
+
}
|
|
1599
|
+
.\[--lh-unit\:1\.4\] {
|
|
1600
|
+
--lh-unit: 1.4;
|
|
1601
|
+
}
|
|
1602
|
+
.\[--lh-unit\:1\.5\] {
|
|
1603
|
+
--lh-unit: 1.5;
|
|
1604
|
+
}
|
|
1605
|
+
.\[--lh-unit\:1\.111\] {
|
|
1606
|
+
--lh-unit: 1.111;
|
|
1607
|
+
}
|
|
1608
|
+
.\[--lh-unit\:1\.333\] {
|
|
1609
|
+
--lh-unit: 1.333;
|
|
1610
|
+
}
|
|
1611
|
+
.\[--lh-unit\:1\.429\] {
|
|
1612
|
+
--lh-unit: 1.429;
|
|
1613
|
+
}
|
|
1614
|
+
.\[--lh-unit\:1\.556\] {
|
|
1615
|
+
--lh-unit: 1.556;
|
|
1616
|
+
}
|
|
1617
|
+
.\[--lh-unit\:1\] {
|
|
1618
|
+
--lh-unit: 1;
|
|
1619
|
+
}
|
|
1684
1620
|
.\[--py-unit\:0\.5\] {
|
|
1685
1621
|
--py-unit: 0.5;
|
|
1686
1622
|
}
|
|
1687
|
-
.\[--py-unit\:0\] {
|
|
1688
|
-
--py-unit: 0;
|
|
1689
|
-
}
|
|
1690
1623
|
.\[--py-unit\:1\.5\] {
|
|
1691
1624
|
--py-unit: 1.5;
|
|
1692
1625
|
}
|
|
@@ -2514,6 +2447,8 @@
|
|
|
2514
2447
|
--br: calc(var(--br-unit) * var(--br-base));
|
|
2515
2448
|
--ui-br-base: 0.125rem;
|
|
2516
2449
|
--ui-br: calc(var(--br-unit) * var(--ui-br-base));
|
|
2450
|
+
--lh-unit: 1.5;
|
|
2451
|
+
--lh: var(--lh-unit);
|
|
2517
2452
|
}
|
|
2518
2453
|
}
|
|
2519
2454
|
}
|
package/dist/vars.css
CHANGED
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"radiusClasses.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/classes/radiusClasses.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAMzD,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAM7D,CAAC"}
|