@relayprotocol/relay-kit-ui 7.1.2 → 7.1.4

package/dist/panda.buildinfo.json

@@ -62,6 +62,17 @@
       "marginBlock]___[value:4",
       "textAlign]___[value:center",
       "wordBreak]___[value:break-word",
+      "overflowWrap]___[value:anywhere",
+      "maxHeight]___[value:min(36vh, 220px)",
+      "overflowY]___[value:auto",
+      "paddingInline]___[value:1",
+      "scrollbarWidth]___[value:thin",
+      "scrollbarColor]___[value:var(--relay-colors-gray5) transparent",
+      "width]___[value:6px]___[cond:&::-webkit-scrollbar",
+      "background]___[value:transparent]___[cond:&::-webkit-scrollbar",
+      "background]___[value:transparent]___[cond:&::-webkit-scrollbar-track",
+      "backgroundColor]___[value:var(--relay-colors-gray5)]___[cond:&::-webkit-scrollbar-thumb",
+      "borderRadius]___[value:999px]___[cond:&::-webkit-scrollbar-thumb",
       "animation]___[value:spin 1s linear infinite",
       "fill]___[value:primary-color",
       "position]___[value:fixed",
@@ -103,7 +114,6 @@
       "flex]___[value:1",
       "flex]___[value:none",
       "fontWeight]___[value:500",
-      "paddingInline]___[value:1",
       "lineHeight]___[value:100%",
       "backgroundColor]___[value:widget-selector-background",
       "border]___[value:none",
@@ -245,7 +255,6 @@
       "minWidth]___[value:400px]___[cond:sm",
       "maxWidth]___[value:532px]___[cond:sm",
       "maxHeight]___[value:85vh",
-      "overflowY]___[value:auto",
       "borderBottomRightRadius]___[value:0]___[cond:@media(max-width: 520px)",
       "borderBottomLeftRadius]___[value:0]___[cond:@media(max-width: 520px)",
       "width]___[value:100%]___[cond:@media(max-width: 520px)",
@@ -401,7 +410,6 @@
       "backgroundColor]___[value:dropdown-background",
       "borderRadius]___[value:dropdown-border-radius",
       "maxHeight]___[value:290",
-      "scrollbarColor]___[value:var(--relay-colors-gray5) transparent",
       "backgroundColor]___[value:gray3]___[cond:_hover",
       "paddingInline]___[value:2",
       "gap]___[value:8px",

package/dist/styles.css

@@ -1236,6 +1236,26 @@
     word-break: break-word;
 }
 
+.relay-overflow-wrap_anywhere:not(#\#):not(#\#):not(#\#):not(#\#) {
+    overflow-wrap: anywhere;
+}
+
+.relay-max-h_min\(36vh\,_220px\):not(#\#):not(#\#):not(#\#):not(#\#) {
+    max-height: min(36vh, 220px);
+}
+
+.relay-px_1:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-inline: var(--relay-spacing-1);
+}
+
+.relay-scrollbar-width_thin:not(#\#):not(#\#):not(#\#):not(#\#) {
+    scrollbar-width: thin;
+}
+
+.relay-scrollbar-color_var\(--relay-colors-gray5\)_transparent:not(#\#):not(#\#):not(#\#):not(#\#) {
+    scrollbar-color: var(--relay-colors-gray5) transparent;
+}
+
 .relay-animation_spin_1s_linear_infinite:not(#\#):not(#\#):not(#\#):not(#\#) {
     animation: spin 1s linear infinite;
 }
@@ -1344,10 +1364,6 @@
     flex: none;
 }
 
-.relay-px_1:not(#\#):not(#\#):not(#\#):not(#\#) {
-    padding-inline: var(--relay-spacing-1);
-}
-
 .relay-border_none:not(#\#):not(#\#):not(#\#):not(#\#) {
     border: none;
 }
@@ -1972,10 +1988,6 @@
     max-height: 290px;
 }
 
-.relay-scrollbar-color_var\(--relay-colors-gray5\)_transparent:not(#\#):not(#\#):not(#\#):not(#\#) {
-    scrollbar-color: var(--relay-colors-gray5) transparent;
-}
-
 .relay-px_2:not(#\#):not(#\#):not(#\#):not(#\#) {
     padding-inline: var(--relay-spacing-2);
 }
@@ -2576,6 +2588,10 @@
     top: var(--relay-spacing-3);
 }
 
+.relay-overflow-y_auto:not(#\#):not(#\#):not(#\#):not(#\#) {
+    overflow-y: auto;
+}
+
 .relay-top_0:not(#\#):not(#\#):not(#\#):not(#\#) {
     top: 0;
 }
@@ -2736,10 +2752,6 @@
     top: 100%;
 }
 
-.relay-overflow-y_auto:not(#\#):not(#\#):not(#\#):not(#\#) {
-    overflow-y: auto;
-}
-
 .relay-items_flex-start:not(#\#):not(#\#):not(#\#):not(#\#) {
     align-items: flex-start;
 }
@@ -3196,6 +3208,18 @@
     color: var(--relay-colors-gray12);
 }
 
+.\[\&\:\:-webkit-scrollbar\]\:relay-w_6px:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-scrollbar {
+    width: 6px;
+}
+
+.\[\&\:\:-webkit-scrollbar\]\:relay-bg_transparent:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-scrollbar,.\[\&\:\:-webkit-scrollbar-track\]\:relay-bg_transparent:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-scrollbar-track {
+    background: transparent;
+}
+
+.\[\&\:\:-webkit-scrollbar-thumb\]\:relay-rounded_999px:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-scrollbar-thumb {
+    border-radius: 999px;
+}
+
 .disabled\:relay-cursor_not-allowed:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#) {
     cursor: not-allowed;
 }
@@ -3308,6 +3332,10 @@
     color: var(--relay-colors-text-default);
 }
 
+.\[\&\:\:-webkit-scrollbar-thumb\]\:relay-bg_var\(--relay-colors-gray5\):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-scrollbar-thumb {
+    background-color: var(--relay-colors-gray5);
+}
+
 .disabled\:relay-bg_button-disabled-background:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#) {
     background-color: var(--relay-colors-button-disabled-background);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@relayprotocol/relay-kit-ui",
-  "version": "7.1.2",
+  "version": "7.1.4",
   "type": "module",
   "main": "./_cjs/src/index.js",
   "module": "./_esm/src/index.js",
@@ -84,9 +84,9 @@
     "pandacss-preset-radix-colors": "^0.2.0",
     "qrcode.react": "^4.1.0",
     "usehooks-ts": "^3.1.0",
+    "@relayprotocol/relay-kit-hooks": "3.0.9",
     "@relayprotocol/relay-design-system": "^1.0.0",
-    "@relayprotocol/relay-sdk": "5.1.1",
-    "@relayprotocol/relay-kit-hooks": "3.0.8"
+    "@relayprotocol/relay-sdk": "5.2.0"
   },
   "keywords": [
     "eth",