@relayprotocol/relay-kit-ui 5.0.0 → 5.0.2

package/dist/panda.buildinfo.json

@@ -371,12 +371,16 @@
       "borderRadius]___[value:dropdown-border-radius",
       "overflowY]___[value:scroll",
       "maxHeight]___[value:290",
+      "backgroundColor]___[value:gray3]___[cond:_hover",
+      "paddingInline]___[value:2",
+      "gap]___[value:8px",
+      "backgroundColor]___[value:gray2]___[cond:_hover",
       "width]___[value:20",
       "height]___[value:20",
       "transform]___[value:rotate(180deg)",
       "marginLeft]___[value:auto",
-      "paddingInline]___[value:2",
       "textOverflow]___[value:ellipsis]___[cond:_placeholder_parent",
+      "color]___[value:primary9",
       "maxWidth]___[value:212",
       "scrollbarColor]___[value:var(--relay-colors-gray5) transparent",
       "backgroundColor]___[value:gray6]___[cond:_hover",
@@ -464,7 +468,6 @@
       "padding]___[value:12px 16px",
       "--borderColor]___[value:colors.gray3",
       "height]___[value:260",
-      "gap]___[value:8px",
       "backgroundColor]___[value:gray5",
       "borderRadius]___[value:9999999",
       "filter]___[value:none",
@@ -533,7 +536,6 @@
       "maxWidth]___[value:400px !important]___[cond:sm",
       "height]___[value:28",
       "minHeight]___[value:28",
-      "backgroundColor]___[value:gray3]___[cond:_hover",
       "marginBottom]___[value:1",
       "marginBottom]___[value:0",
       "content]___[value:\"\"]___[cond:_before",

package/dist/styles.css

@@ -1900,6 +1900,14 @@
     max-height: 290px;
 }
 
+.relay-px_2:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-inline: var(--relay-spacing-2);
+}
+
+.relay-gap_8px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    gap: 8px;
+}
+
 .relay-w_20:not(#\#):not(#\#):not(#\#):not(#\#) {
     width: 20px;
 }
@@ -1912,8 +1920,8 @@
     transform: rotate(180deg);
 }
 
-.relay-px_2:not(#\#):not(#\#):not(#\#):not(#\#) {
-    padding-inline: var(--relay-spacing-2);
+.relay-text_primary9:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-primary9);
 }
 
 .relay-max-w_212:not(#\#):not(#\#):not(#\#):not(#\#) {
@@ -2128,10 +2136,6 @@
     height: 260px;
 }
 
-.relay-gap_8px:not(#\#):not(#\#):not(#\#):not(#\#) {
-    gap: 8px;
-}
-
 .relay-rounded_9999999:not(#\#):not(#\#):not(#\#):not(#\#) {
     border-radius: 9999999px;
 }
@@ -3267,6 +3271,14 @@
     background-color: var(--relay-colors-widget-selector-hover-background);
 }
 
+.hover\:relay-bg_gray3:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-gray3);
+}
+
+.hover\:relay-bg_gray2:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-gray2);
+}
+
 .hover\:relay-bg_gray6:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
     background-color: var(--relay-colors-gray6);
 }
@@ -3275,10 +3287,6 @@ button:hover:not(#\#):not(#\#):not(#\#):not(#\#) .\[button\:hover_\&\]\:relay-bg
     background-color: var(--relay-colors-gray5);
 }
 
-.hover\:relay-bg_gray3:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
-    background-color: var(--relay-colors-gray3);
-}
-
 .active\:relay-shadow_inset_0_0_0_2px_var\(--focusColor\):is(:active, [data-active]):not(#\#):not(#\#):not(#\#):not(#\#) {
     box-shadow: inset 0 0 0 2px var(--focusColor);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@relayprotocol/relay-kit-ui",
-  "version": "5.0.0",
+  "version": "5.0.2",
   "type": "module",
   "main": "./_cjs/src/index.js",
   "module": "./_esm/src/index.js",
@@ -79,8 +79,8 @@
     "pandacss-preset-radix-colors": "^0.2.0",
     "qrcode.react": "^4.1.0",
     "usehooks-ts": "^3.1.0",
-    "@relayprotocol/relay-kit-hooks": "2.0.6",
     "@relayprotocol/relay-design-system": "^1.0.0",
+    "@relayprotocol/relay-kit-hooks": "2.0.6",
     "@relayprotocol/relay-sdk": "3.0.0"
   },
   "keywords": [