@cloudparse/up-miniapps-sdk 0.6.8 → 0.7.3

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/style.css CHANGED
@@ -412,6 +412,9 @@
412
412
  .z-50 {
413
413
  z-index: 50;
414
414
  }
415
+ .z-\[999\] {
416
+ z-index: 999;
417
+ }
415
418
  .z-\[9998\] {
416
419
  z-index: 9998;
417
420
  }
@@ -448,6 +451,9 @@
448
451
  .mx-4 {
449
452
  margin-inline: calc(var(--spacing) * 4);
450
453
  }
454
+ .mx-auto {
455
+ margin-inline: auto;
456
+ }
451
457
  .my-3 {
452
458
  margin-block: calc(var(--spacing) * 3);
453
459
  }
@@ -583,6 +589,9 @@
583
589
  .h-auto {
584
590
  height: auto;
585
591
  }
592
+ .h-dvh {
593
+ height: 100dvh;
594
+ }
586
595
  .h-full {
587
596
  height: 100%;
588
597
  }
@@ -598,9 +607,18 @@
598
607
  .max-h-\[600px\] {
599
608
  max-height: 600px;
600
609
  }
610
+ .min-h-0 {
611
+ min-height: 0;
612
+ }
601
613
  .min-h-\[120px\] {
602
614
  min-height: 120px;
603
615
  }
616
+ .min-h-full {
617
+ min-height: 100%;
618
+ }
619
+ .min-h-screen {
620
+ min-height: 100vh;
621
+ }
604
622
  .w-0 {
605
623
  width: 0;
606
624
  }
@@ -676,12 +694,18 @@
676
694
  .max-w-\[320px\] {
677
695
  max-width: 320px;
678
696
  }
697
+ .max-w-\[480px\] {
698
+ max-width: 480px;
699
+ }
679
700
  .max-w-\[500px\] {
680
701
  max-width: 500px;
681
702
  }
682
703
  .max-w-\[1000px\] {
683
704
  max-width: 1000px;
684
705
  }
706
+ .max-w-\[calc\(100\%-2rem\)\] {
707
+ max-width: calc(100% - 2rem);
708
+ }
685
709
  .min-w-0 {
686
710
  min-width: 0;
687
711
  }
@@ -694,6 +718,9 @@
694
718
  .flex-1 {
695
719
  flex: 1;
696
720
  }
721
+ .shrink {
722
+ flex-shrink: 1;
723
+ }
697
724
  .shrink-0 {
698
725
  flex-shrink: 0;
699
726
  }
@@ -756,6 +783,9 @@
756
783
  .flex-col-reverse {
757
784
  flex-direction: column-reverse;
758
785
  }
786
+ .flex-wrap {
787
+ flex-wrap: wrap;
788
+ }
759
789
  .items-center {
760
790
  align-items: center;
761
791
  }
@@ -862,14 +892,18 @@
862
892
  .rounded-xl {
863
893
  border-radius: var(--radius-xl);
864
894
  }
865
- .rounded-t-2xl {
866
- border-top-left-radius: var(--radius-2xl);
867
- border-top-right-radius: var(--radius-2xl);
895
+ .\!rounded-t-2xl {
896
+ border-top-left-radius: var(--radius-2xl) !important;
897
+ border-top-right-radius: var(--radius-2xl) !important;
868
898
  }
869
899
  .rounded-r-2xl {
870
900
  border-top-right-radius: var(--radius-2xl);
871
901
  border-bottom-right-radius: var(--radius-2xl);
872
902
  }
903
+ .\!border {
904
+ border-style: var(--tw-border-style) !important;
905
+ border-width: 1px !important;
906
+ }
873
907
  .border {
874
908
  border-style: var(--tw-border-style);
875
909
  border-width: 1px;
@@ -906,6 +940,10 @@
906
940
  border-right-style: var(--tw-border-style);
907
941
  border-right-width: 6px;
908
942
  }
943
+ .\!border-b-0 {
944
+ border-bottom-style: var(--tw-border-style) !important;
945
+ border-bottom-width: 0px !important;
946
+ }
909
947
  .border-b {
910
948
  border-bottom-style: var(--tw-border-style);
911
949
  border-bottom-width: 1px;
@@ -926,6 +964,12 @@
926
964
  --tw-border-style: none;
927
965
  border-style: none;
928
966
  }
967
+ .\!border-white\/10 {
968
+ border-color: color-mix(in srgb, #fff 10%, transparent) !important;
969
+ @supports (color: color-mix(in lab, red, red)) {
970
+ border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important;
971
+ }
972
+ }
929
973
  .border-amber-100 {
930
974
  border-color: var(--color-amber-100);
931
975
  }
@@ -1031,6 +1075,18 @@
1031
1075
  .border-l-transparent {
1032
1076
  border-left-color: transparent;
1033
1077
  }
1078
+ .\!bg-black {
1079
+ background-color: var(--color-black) !important;
1080
+ }
1081
+ .\!bg-transparent {
1082
+ background-color: transparent !important;
1083
+ }
1084
+ .\!bg-zinc-950\/85 {
1085
+ background-color: color-mix(in srgb, oklch(14.1% 0.005 285.823) 85%, transparent) !important;
1086
+ @supports (color: color-mix(in lab, red, red)) {
1087
+ background-color: color-mix(in oklab, var(--color-zinc-950) 85%, transparent) !important;
1088
+ }
1089
+ }
1034
1090
  .bg-\[\#0a080f\] {
1035
1091
  background-color: #0a080f;
1036
1092
  }
@@ -1190,12 +1246,6 @@
1190
1246
  background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
1191
1247
  }
1192
1248
  }
1193
- .bg-white\/25 {
1194
- background-color: color-mix(in srgb, #fff 25%, transparent);
1195
- @supports (color: color-mix(in lab, red, red)) {
1196
- background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
1197
- }
1198
- }
1199
1249
  .bg-white\/95 {
1200
1250
  background-color: color-mix(in srgb, #fff 95%, transparent);
1201
1251
  @supports (color: color-mix(in lab, red, red)) {
@@ -1208,6 +1258,12 @@
1208
1258
  .bg-zinc-900 {
1209
1259
  background-color: var(--color-zinc-900);
1210
1260
  }
1261
+ .bg-zinc-900\/80 {
1262
+ background-color: color-mix(in srgb, oklch(21% 0.006 285.885) 80%, transparent);
1263
+ @supports (color: color-mix(in lab, red, red)) {
1264
+ background-color: color-mix(in oklab, var(--color-zinc-900) 80%, transparent);
1265
+ }
1266
+ }
1211
1267
  .bg-zinc-900\/95 {
1212
1268
  background-color: color-mix(in srgb, oklch(21% 0.006 285.885) 95%, transparent);
1213
1269
  @supports (color: color-mix(in lab, red, red)) {
@@ -1235,6 +1291,12 @@
1235
1291
  background-color: color-mix(in oklab, var(--color-zinc-950) 85%, transparent);
1236
1292
  }
1237
1293
  }
1294
+ .\[background-image\:linear-gradient\(to_right\,\#ffffff11_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,\#ffffff11_1px\,transparent_1px\)\] {
1295
+ background-image: linear-gradient(to right,#ffffff11 1px,transparent 1px),linear-gradient(to bottom,#ffffff11 1px,transparent 1px);
1296
+ }
1297
+ .\[background-size\:32px_32px\] {
1298
+ background-size: 32px 32px;
1299
+ }
1238
1300
  .p-0 {
1239
1301
  padding: 0;
1240
1302
  }
@@ -1590,6 +1652,9 @@
1590
1652
  .opacity-0 {
1591
1653
  opacity: 0%;
1592
1654
  }
1655
+ .opacity-30 {
1656
+ opacity: 30%;
1657
+ }
1593
1658
  .opacity-45 {
1594
1659
  opacity: 45%;
1595
1660
  }
@@ -1602,6 +1667,10 @@
1602
1667
  .opacity-100 {
1603
1668
  opacity: 100%;
1604
1669
  }
1670
+ .\!shadow-2xl {
1671
+ --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)) !important;
1672
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
1673
+ }
1605
1674
  .shadow {
1606
1675
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1607
1676
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1706,6 +1775,14 @@
1706
1775
  .filter {
1707
1776
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1708
1777
  }
1778
+ .\!backdrop-blur-\[1px\] {
1779
+ --tw-backdrop-blur: blur(1px) !important;
1780
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
1781
+ }
1782
+ .\!backdrop-blur-md {
1783
+ --tw-backdrop-blur: blur(var(--blur-md)) !important;
1784
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
1785
+ }
1709
1786
  .backdrop-blur {
1710
1787
  --tw-backdrop-blur: blur(8px);
1711
1788
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
@@ -1727,11 +1804,6 @@
1727
1804
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1728
1805
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1729
1806
  }
1730
- .transition-\[margin-top\] {
1731
- transition-property: margin-top;
1732
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1733
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1734
- }
1735
1807
  .transition-all {
1736
1808
  transition-property: all;
1737
1809
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1767,10 +1839,6 @@
1767
1839
  --tw-duration: 200ms;
1768
1840
  transition-duration: 200ms;
1769
1841
  }
1770
- .duration-250 {
1771
- --tw-duration: 250ms;
1772
- transition-duration: 250ms;
1773
- }
1774
1842
  .duration-300 {
1775
1843
  --tw-duration: 300ms;
1776
1844
  transition-duration: 300ms;
@@ -1884,6 +1952,16 @@
1884
1952
  }
1885
1953
  }
1886
1954
  }
1955
+ .hover\:\!bg-white\/5 {
1956
+ &:hover {
1957
+ @media (hover: hover) {
1958
+ background-color: color-mix(in srgb, #fff 5%, transparent) !important;
1959
+ @supports (color: color-mix(in lab, red, red)) {
1960
+ background-color: color-mix(in oklab, var(--color-white) 5%, transparent) !important;
1961
+ }
1962
+ }
1963
+ }
1964
+ }
1887
1965
  .hover\:bg-accent {
1888
1966
  &:hover {
1889
1967
  @media (hover: hover) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudparse/up-miniapps-sdk",
3
- "version": "0.6.8",
3
+ "version": "0.7.3",
4
4
  "description": "UP Mini-App SDK for bridge communication between WebView and Host Shell",
5
5
  "author": "CloudParse Team",
6
6
  "license": "MIT",
@@ -93,9 +93,11 @@
93
93
  "jsqr": "^1.4.0",
94
94
  "lucide-react": "^1.22.0",
95
95
  "maplibre-gl": "^5.24.0",
96
+ "motion": "^13.1.1",
96
97
  "qr-code-styling": "^1.9.2",
97
98
  "react": "^19.2.7",
98
99
  "react-dom": "^19.2.7",
100
+ "react-modal-sheet": "^5.6.0",
99
101
  "shadcn": "^4.12.0",
100
102
  "tailwind-merge": "^3.6.0"
101
103
  }