@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.
Files changed (34) hide show
  1. package/dist/components/ui/classes/layoutClasses.d.ts +1 -8
  2. package/dist/components/ui/classes/layoutClasses.d.ts.map +1 -1
  3. package/dist/components/ui/theme/badgeTheme.d.ts.map +1 -1
  4. package/dist/components/ui/theme/buttonTheme.d.ts.map +1 -1
  5. package/dist/components/ui/theme/cardTheme.d.ts.map +1 -1
  6. package/dist/components/ui/theme/checkboxTheme.d.ts.map +1 -1
  7. package/dist/components/ui/theme/chipTheme.d.ts.map +1 -1
  8. package/dist/components/ui/theme/codeTheme.d.ts.map +1 -1
  9. package/dist/components/ui/theme/colTheme.d.ts.map +1 -1
  10. package/dist/components/ui/theme/common/ComponentTheme.d.ts +2 -0
  11. package/dist/components/ui/theme/common/ComponentTheme.d.ts.map +1 -1
  12. package/dist/components/ui/theme/containerTheme.d.ts.map +1 -1
  13. package/dist/components/ui/theme/gridTheme.d.ts.map +1 -1
  14. package/dist/components/ui/theme/inputTheme.d.ts.map +1 -1
  15. package/dist/components/ui/theme/layout/radiusTheme.d.ts +2 -1
  16. package/dist/components/ui/theme/layout/radiusTheme.d.ts.map +1 -1
  17. package/dist/components/ui/theme/rowTheme.d.ts.map +1 -1
  18. package/dist/components/ui/theme/sectionTheme.d.ts.map +1 -1
  19. package/dist/components/ui/theme/size/gapTheme.d.ts +7 -7
  20. package/dist/components/ui/theme/size/gapTheme.d.ts.map +1 -1
  21. package/dist/components/ui/theme/stackTheme.d.ts.map +1 -1
  22. package/dist/components/ui/theme/typography/lineHeightTheme.d.ts +21 -0
  23. package/dist/components/ui/theme/typography/lineHeightTheme.d.ts.map +1 -0
  24. package/dist/components/ui/theme/typographyTheme.d.ts +2 -1
  25. package/dist/components/ui/theme/typographyTheme.d.ts.map +1 -1
  26. package/dist/index.esm.js +171 -154
  27. package/dist/index.esm.js.map +1 -1
  28. package/dist/index.js +171 -154
  29. package/dist/index.js.map +1 -1
  30. package/dist/ui.css +35 -100
  31. package/dist/vars.css +3 -0
  32. package/package.json +1 -1
  33. package/dist/components/ui/classes/radiusClasses.d.ts +0 -4
  34. 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
- .\[--aspect-ratio\:3\] {
1631
- --aspect-ratio: 3;
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
@@ -188,5 +188,8 @@
188
188
 
189
189
  --ui-br-base: 0.125rem;
190
190
  --ui-br: calc(var(--br-unit) * var(--ui-br-base));
191
+
192
+ --lh-unit: 1.5;
193
+ --lh: var(--lh-unit);
191
194
  }
192
195
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaneui/ui",
3
- "version": "0.3.1-alpha.20250926201820.1b8c4ca",
3
+ "version": "0.3.1-alpha.20250927164620.fec55bc",
4
4
  "description": "A simple and lightweight UI component library for React, built with Tailwind CSS.",
5
5
  "author": "",
6
6
  "license": "ISC",
@@ -1,4 +0,0 @@
1
- import { SizeKey } from "../props";
2
- export declare const uiBorderRadiusClasses: Record<SizeKey, string>;
3
- export declare const layoutBorderRadiusClasses: Record<SizeKey, string>;
4
- //# sourceMappingURL=radiusClasses.d.ts.map
@@ -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"}