ui-arreya-components 0.0.13 → 0.0.14
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/styles.css +1 -1
- package/dist/ui.cjs.js +56 -51
- package/dist/ui.es.js +6240 -6014
- package/dist/ui.umd.js +61 -56
- package/package.json +1 -1
- package/scripts/template.sh +5 -5
- package/src/components/feature/search-bar.stories.tsx +35 -0
- package/src/components/feature/search-bar.tsx +141 -0
- package/src/components/feature/wizard.stories.tsx +199 -0
- package/src/components/feature/wizard.tsx +278 -0
- package/src/index.css +98 -0
- package/src/index.ts +2 -1
- package/src/components/index.ts +0 -0
- package/src/components/ui/index.ts +0 -1
package/src/index.css
CHANGED
|
@@ -888,6 +888,18 @@ body{
|
|
|
888
888
|
margin-bottom: 0.5rem;
|
|
889
889
|
}
|
|
890
890
|
|
|
891
|
+
.mb-4{
|
|
892
|
+
margin-bottom: 1rem;
|
|
893
|
+
}
|
|
894
|
+
|
|
895
|
+
.mb-6{
|
|
896
|
+
margin-bottom: 1.5rem;
|
|
897
|
+
}
|
|
898
|
+
|
|
899
|
+
.mb-8{
|
|
900
|
+
margin-bottom: 2rem;
|
|
901
|
+
}
|
|
902
|
+
|
|
891
903
|
.ml-1{
|
|
892
904
|
margin-left: 0.25rem;
|
|
893
905
|
}
|
|
@@ -900,6 +912,14 @@ body{
|
|
|
900
912
|
margin-right: 0.25rem;
|
|
901
913
|
}
|
|
902
914
|
|
|
915
|
+
.mt-0\.5{
|
|
916
|
+
margin-top: 0.125rem;
|
|
917
|
+
}
|
|
918
|
+
|
|
919
|
+
.mt-1{
|
|
920
|
+
margin-top: 0.25rem;
|
|
921
|
+
}
|
|
922
|
+
|
|
903
923
|
.mt-1\.5{
|
|
904
924
|
margin-top: 0.375rem;
|
|
905
925
|
}
|
|
@@ -916,6 +936,10 @@ body{
|
|
|
916
936
|
margin-top: 1rem;
|
|
917
937
|
}
|
|
918
938
|
|
|
939
|
+
.mt-6{
|
|
940
|
+
margin-top: 1.5rem;
|
|
941
|
+
}
|
|
942
|
+
|
|
919
943
|
.mt-auto{
|
|
920
944
|
margin-top: auto;
|
|
921
945
|
}
|
|
@@ -957,6 +981,10 @@ body{
|
|
|
957
981
|
height: 1rem;
|
|
958
982
|
}
|
|
959
983
|
|
|
984
|
+
.h-0\.5{
|
|
985
|
+
height: 0.125rem;
|
|
986
|
+
}
|
|
987
|
+
|
|
960
988
|
.h-1\.5{
|
|
961
989
|
height: 0.375rem;
|
|
962
990
|
}
|
|
@@ -1109,6 +1137,10 @@ body{
|
|
|
1109
1137
|
width: 1rem;
|
|
1110
1138
|
}
|
|
1111
1139
|
|
|
1140
|
+
.w-48{
|
|
1141
|
+
width: 12rem;
|
|
1142
|
+
}
|
|
1143
|
+
|
|
1112
1144
|
.w-5{
|
|
1113
1145
|
width: 1.25rem;
|
|
1114
1146
|
}
|
|
@@ -1210,6 +1242,10 @@ body{
|
|
|
1210
1242
|
min-width: var(--radix-select-trigger-width);
|
|
1211
1243
|
}
|
|
1212
1244
|
|
|
1245
|
+
.max-w-2xl{
|
|
1246
|
+
max-width: 42rem;
|
|
1247
|
+
}
|
|
1248
|
+
|
|
1213
1249
|
.max-w-\[--skeleton-width\]{
|
|
1214
1250
|
max-width: var(--skeleton-width);
|
|
1215
1251
|
}
|
|
@@ -1227,6 +1263,10 @@ body{
|
|
|
1227
1263
|
max-width: 24rem;
|
|
1228
1264
|
}
|
|
1229
1265
|
|
|
1266
|
+
.max-w-xl{
|
|
1267
|
+
max-width: 36rem;
|
|
1268
|
+
}
|
|
1269
|
+
|
|
1230
1270
|
.max-w-xs{
|
|
1231
1271
|
max-width: 20rem;
|
|
1232
1272
|
}
|
|
@@ -1369,6 +1409,10 @@ body{
|
|
|
1369
1409
|
list-style-type: none;
|
|
1370
1410
|
}
|
|
1371
1411
|
|
|
1412
|
+
.grid-cols-2{
|
|
1413
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
1414
|
+
}
|
|
1415
|
+
|
|
1372
1416
|
.flex-row{
|
|
1373
1417
|
flex-direction: row;
|
|
1374
1418
|
}
|
|
@@ -1465,6 +1509,12 @@ body{
|
|
|
1465
1509
|
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
|
|
1466
1510
|
}
|
|
1467
1511
|
|
|
1512
|
+
.space-y-4 > :not([hidden]) ~ :not([hidden]){
|
|
1513
|
+
--tw-space-y-reverse: 0;
|
|
1514
|
+
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
|
1515
|
+
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
|
1516
|
+
}
|
|
1517
|
+
|
|
1468
1518
|
.self-center{
|
|
1469
1519
|
align-self: center;
|
|
1470
1520
|
}
|
|
@@ -1583,6 +1633,11 @@ body{
|
|
|
1583
1633
|
border-color: var(--color-border);
|
|
1584
1634
|
}
|
|
1585
1635
|
|
|
1636
|
+
.border-blue-100{
|
|
1637
|
+
--tw-border-opacity: 1;
|
|
1638
|
+
border-color: rgb(219 234 254 / var(--tw-border-opacity, 1));
|
|
1639
|
+
}
|
|
1640
|
+
|
|
1586
1641
|
.border-border\/50{
|
|
1587
1642
|
border-color: hsl(var(--border) / 0.5);
|
|
1588
1643
|
}
|
|
@@ -1595,10 +1650,19 @@ body{
|
|
|
1595
1650
|
border-color: hsl(var(--destructive) / 0.5);
|
|
1596
1651
|
}
|
|
1597
1652
|
|
|
1653
|
+
.border-gray-200{
|
|
1654
|
+
--tw-border-opacity: 1;
|
|
1655
|
+
border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
|
|
1656
|
+
}
|
|
1657
|
+
|
|
1598
1658
|
.border-input{
|
|
1599
1659
|
border-color: hsl(var(--input));
|
|
1600
1660
|
}
|
|
1601
1661
|
|
|
1662
|
+
.border-muted{
|
|
1663
|
+
border-color: hsl(var(--muted));
|
|
1664
|
+
}
|
|
1665
|
+
|
|
1602
1666
|
.border-primary{
|
|
1603
1667
|
border-color: var(--primary);
|
|
1604
1668
|
}
|
|
@@ -1675,10 +1739,20 @@ body{
|
|
|
1675
1739
|
background-color: hsl(var(--sidebar-border));
|
|
1676
1740
|
}
|
|
1677
1741
|
|
|
1742
|
+
.bg-slate-200{
|
|
1743
|
+
--tw-bg-opacity: 1;
|
|
1744
|
+
background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
|
|
1745
|
+
}
|
|
1746
|
+
|
|
1678
1747
|
.bg-transparent{
|
|
1679
1748
|
background-color: transparent;
|
|
1680
1749
|
}
|
|
1681
1750
|
|
|
1751
|
+
.bg-white{
|
|
1752
|
+
--tw-bg-opacity: 1;
|
|
1753
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
|
|
1754
|
+
}
|
|
1755
|
+
|
|
1682
1756
|
.fill-current{
|
|
1683
1757
|
fill: currentColor;
|
|
1684
1758
|
}
|
|
@@ -1699,6 +1773,10 @@ body{
|
|
|
1699
1773
|
padding: 0.5rem;
|
|
1700
1774
|
}
|
|
1701
1775
|
|
|
1776
|
+
.p-3{
|
|
1777
|
+
padding: 0.75rem;
|
|
1778
|
+
}
|
|
1779
|
+
|
|
1702
1780
|
.p-4{
|
|
1703
1781
|
padding: 1rem;
|
|
1704
1782
|
}
|
|
@@ -1776,6 +1854,11 @@ body{
|
|
|
1776
1854
|
padding-bottom: 1rem;
|
|
1777
1855
|
}
|
|
1778
1856
|
|
|
1857
|
+
.py-8{
|
|
1858
|
+
padding-top: 2rem;
|
|
1859
|
+
padding-bottom: 2rem;
|
|
1860
|
+
}
|
|
1861
|
+
|
|
1779
1862
|
.pb-0{
|
|
1780
1863
|
padding-bottom: 0px;
|
|
1781
1864
|
}
|
|
@@ -1949,6 +2032,16 @@ body{
|
|
|
1949
2032
|
color: var(--foreground);
|
|
1950
2033
|
}
|
|
1951
2034
|
|
|
2035
|
+
.text-gray-500{
|
|
2036
|
+
--tw-text-opacity: 1;
|
|
2037
|
+
color: rgb(107 114 128 / var(--tw-text-opacity, 1));
|
|
2038
|
+
}
|
|
2039
|
+
|
|
2040
|
+
.text-gray-700{
|
|
2041
|
+
--tw-text-opacity: 1;
|
|
2042
|
+
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
|
|
2043
|
+
}
|
|
2044
|
+
|
|
1952
2045
|
.text-muted-foreground{
|
|
1953
2046
|
color: hsl(var(--muted-foreground));
|
|
1954
2047
|
}
|
|
@@ -2352,6 +2445,11 @@ h1, h2, h3, h4 {
|
|
|
2352
2445
|
background-color: hsl(var(--destructive) / 0.9);
|
|
2353
2446
|
}
|
|
2354
2447
|
|
|
2448
|
+
.hover\:bg-gray-50:hover{
|
|
2449
|
+
--tw-bg-opacity: 1;
|
|
2450
|
+
background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
|
|
2451
|
+
}
|
|
2452
|
+
|
|
2355
2453
|
.hover\:bg-muted:hover{
|
|
2356
2454
|
background-color: hsl(var(--muted));
|
|
2357
2455
|
}
|
package/src/index.ts
CHANGED
|
@@ -17,7 +17,6 @@ export * from "./components/ui/drawer"
|
|
|
17
17
|
export * from "./components/ui/dropdown-menu"
|
|
18
18
|
export * from "./components/ui/form"
|
|
19
19
|
export * from "./components/ui/hover-card"
|
|
20
|
-
export * from "./components/ui/index"
|
|
21
20
|
export * from "./components/ui/input-otp"
|
|
22
21
|
export * from "./components/ui/input"
|
|
23
22
|
export * from "./components/ui/label"
|
|
@@ -48,3 +47,5 @@ export * from "./components/ui/tooltip"
|
|
|
48
47
|
export * from "./components/feature/graph-card"
|
|
49
48
|
export * from "./components/feature/header"
|
|
50
49
|
export * from "./components/feature/login-form"
|
|
50
|
+
export * from "./components/feature/search-bar"
|
|
51
|
+
export * from "./components/feature/wizard"
|
package/src/components/index.ts
DELETED
|
File without changes
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './accordion'
|