@relayprotocol/relay-kit-ui 5.1.0 → 5.1.2

package/dist/panda.buildinfo.json

@@ -25,7 +25,7 @@
       "overflow]___[value:hidden",
       "height]___[value:100%",
       "gap]___[value:4",
-      "width]___[value:370]___[cond:sm",
+      "width]___[value:386]___[cond:sm",
       "flexDirection]___[value:column",
       "gap]___[value:2",
       "position]___[value:relative",
@@ -38,17 +38,28 @@
       "flexWrap]___[value:wrap",
       "color]___[value:warning",
       "height]___[value:48",
-      "right]___[value:2",
-      "top]___[value:3",
       "position]___[value:absolute",
+      "right]___[value:8px",
+      "top]___[value:50%",
+      "transform]___[value:translateY(-50%)",
+      "width]___[value:24px",
+      "height]___[value:24px",
+      "minWidth]___[value:24px",
+      "minHeight]___[value:24px",
+      "padding]___[value:0",
+      "borderRadius]___[value:4px",
+      "justifyContent]___[value:center",
+      "backgroundColor]___[value:gray3",
+      "color]___[value:gray8",
       "color]___[value:#FFA01C",
       "color]___[value:#30A46C",
       "color]___[value:#9CA3AF",
+      "right]___[value:2",
+      "top]___[value:3",
       "gap]___[value:6px",
       "cursor]___[value:pointer",
       "paddingInline]___[value:8px",
       "color]___[value:transparent",
-      "justifyContent]___[value:center",
       "marginBlock]___[value:4",
       "textAlign]___[value:center",
       "wordBreak]___[value:break-word",
@@ -76,30 +87,62 @@
       "backdropFilter]___[value:brightness(98%)]___[cond:_hover",
       "flexShrink]___[value:0",
       "--borderColor]___[value:colors.gray.6",
-      "background]___[value:subtle-background-color",
-      "border]___[value:widget-card-border",
-      "height]___[value:36px",
-      "paddingInline]___[value:10px",
-      "maxWidth]___[value:190",
+      "width]___[value:auto",
+      "marginBottom]___[value:1",
+      "marginBottom]___[value:0",
+      "fontSize]___[value:14",
+      "fontSize]___[value:12",
+      "paddingBlock]___[value:6px",
+      "minHeight]___[value:auto",
+      "minHeight]___[value:23px",
+      "borderRadius]___[value:6px",
+      "borderRadius]___[value:12px",
+      "flex]___[value:1",
+      "flex]___[value:none",
+      "fontWeight]___[value:500",
+      "paddingInline]___[value:1",
+      "lineHeight]___[value:100%",
+      "backgroundColor]___[value:widget-selector-background",
+      "border]___[value:none",
+      "backgroundColor]___[value:widget-selector-hover-background]___[cond:_hover",
+      "color]___[value:white",
+      "gap]___[value:3",
+      "gap]___[value:2]___[cond:sm",
+      "width]___[value:50%",
       "lineHeight]___[value:14px",
+      "fontSize]___[value:12px]___[cond:sm",
       "color]___[value:subtle",
       "color]___[value:red11",
+      "maxWidth]___[value:190",
+      "display]___[value:none",
+      "display]___[value:flex]___[cond:smDown",
+      "width]___[value:100%]___[cond:smDown",
+      "gap]___[value:2]___[cond:smDown",
+      "marginBottom]___[value:2]___[cond:smDown",
       "maxWidth]___[value:188",
       "flexDirection]___[value:row",
-      "color]___[value:gray8",
-      "right]___[value:8",
-      "top]___[value:50%",
-      "transform]___[value:translateY(-50%)",
-      "width]___[value:50%",
+      "minHeight]___[value:32",
+      "paddingBlock]___[value:2",
+      "backgroundColor]___[value:gray5]___[cond:&:hover",
+      "background]___[value:subtle-background-color",
+      "border]___[value:widget-card-border",
+      "height]___[value:36px",
+      "paddingInline]___[value:10px",
       "paddingRight]___[value:28px !important",
-      "border]___[value:none",
       "textAlign]___[value:right",
+      "backgroundColor]___[value:transparent]___[cond:smDown",
+      "--borderColor]___[value:colors.gray.5]___[cond:smDown",
+      "border]___[value:1px solid var(--borderColor)]___[cond:smDown",
+      "right]___[value:8",
+      "minHeight]___[value:262px",
+      "maxHeight]___[value:90vh",
       "fill]___[value:currentColor",
       "borderRadius]___[value:100px",
       "padding]___[value:8px",
       "width]___[value:32px",
       "height]___[value:32px",
       "zIndex]___[value:1000",
+      "width]___[value:370]___[cond:sm",
       "marginLeft]___[value:-20px",
       "marginLeft]___[value:0",
       "width]___[value:48px",
@@ -107,21 +150,16 @@
       "background]___[value:amber3",
       "borderRadius]___[value:9999",
       "padding]___[value:3",
-      "gap]___[value:3",
       "background]___[value:gray2",
-      "borderRadius]___[value:12px",
       "color]___[value:amber9",
       "width]___[value:24",
       "height]___[value:24",
       "height]___[value:14px",
-      "flex]___[value:1",
       "background]___[value:gray3",
       "background]___[value:gray4]___[cond:_hover",
       "paddingInline]___[value:16px",
       "userSelect]___[value:none",
       "width]___[value:max-content",
-      "fontWeight]___[value:500",
-      "fontSize]___[value:14",
       "color]___[value:anchor-hover-color]___[cond:_hover",
       "--focusColor]___[value:colors.focus-color",
       "boxShadow]___[value:0 0 0 2px var(--focusColor)]___[cond:_focusVisible",
@@ -156,12 +194,10 @@
       "transition]___[value:filter 250ms linear",
       "filter]___[value:brightness(97%)]___[cond:&:hover",
       "backgroundColor]___[value:red9",
-      "color]___[value:white",
       "backgroundColor]___[value:red10]___[cond:&:hover",
       "backgroundColor]___[value:amber3",
       "backgroundColor]___[value:amber4]___[cond:&:hover",
       "color]___[value:amber11]___[cond:&:hover",
-      "backgroundColor]___[value:gray3",
       "backgroundColor]___[value:gray4]___[cond:&:hover",
       "borderRadius]___[value:0",
       "borderRadius]___[value:99999",
@@ -169,7 +205,6 @@
       "lineHeight]___[value:16px",
       "minHeight]___[value:40",
       "paddingInline]___[value:3",
-      "paddingBlock]___[value:2",
       "lineHeight]___[value:12px",
       "paddingInline]___[value:5",
       "paddingBlock]___[value:3",
@@ -319,12 +354,6 @@
       "width]___[value:12",
       "color]___[value:warningSecondary",
       "alignSelf]___[value:flex-start",
-      "fontSize]___[value:12",
-      "paddingInline]___[value:1",
-      "minHeight]___[value:23px",
-      "lineHeight]___[value:100%",
-      "backgroundColor]___[value:widget-selector-background",
-      "backgroundColor]___[value:widget-selector-hover-background]___[cond:_hover",
       "transform]___[value:rotate(-180deg)",
       "transform]___[value:rotate(0)",
       "marginLeft]___[value:2",
@@ -385,6 +414,14 @@
       "scrollbarColor]___[value:var(--relay-colors-gray5) transparent",
       "backgroundColor]___[value:gray6]___[cond:_hover",
       "backgroundColor]___[value:gray6",
+      "overflowX]___[value:auto",
+      "paddingBlock]___[value:10px",
+      "height]___[value:40px",
+      "borderRadius]___[value:8px",
+      "width]___[value:20px",
+      "minWidth]___[value:40px",
+      "height]___[value:56px",
+      "textAlign]___[value:left",
       "marginBlock]___[value:2",
       "paddingRight]___[value:2",
       "--borderColor]___[value:colors.gray5",
@@ -410,13 +447,18 @@
       "scrollSnapAlign]___[value:start",
       "minHeight]___[value:24",
       "color]___[value:grey",
+      "height]___[value:min(85vh, 600px)",
+      "maxHeight]___[value:min(85vh, 600px)",
+      "maxHeight]___[value:100%",
+      "borderRadius]___[value:0px",
       "minWidth]___[value:660]___[cond:@media(min-width: 660px)",
       "minWidth]___[value:408]___[cond:@media(min-width: 660px)",
       "minWidth]___[value:400]___[cond:@media(min-width: 660px)",
       "maxWidth]___[value:660]___[cond:@media(min-width: 660px)",
       "maxWidth]___[value:408]___[cond:@media(min-width: 660px)",
-      "height]___[value:min(85vh, 600px)",
+      "maxWidth]___[value:100%]___[cond:sm",
       "overflowY]___[value:hidden",
+      "paddingBottom]___[value:1",
       "paddingTop]___[value:2",
       "paddingBlock]___[value:5",
       "maxWidth]___[value:312",
@@ -443,11 +485,12 @@
       "color]___[value:gray10]___[cond:_disabled",
       "width]___[value:45",
       "borderRadius]___[value:widget-border-radius",
+      "display]___[value:block]___[cond:sm",
+      "display]___[value:none]___[cond:sm",
       "marginBlock]___[value:-13",
       "marginInline]___[value:auto",
       "height]___[value:32",
       "width]___[value:32",
-      "width]___[value:20px",
       "padding]___[value:4px",
       "marginTop]___[value:4px",
       "--borderWidth]___[value:borders.widget-swap-currency-button-border-width",
@@ -536,8 +579,6 @@
       "maxWidth]___[value:400px !important]___[cond:sm",
       "height]___[value:28",
       "minHeight]___[value:28",
-      "marginBottom]___[value:1",
-      "marginBottom]___[value:0",
       "content]___[value:\"\"]___[cond:_before",
       "position]___[value:absolute]___[cond:_before",
       "borderRadius]___[value:8]___[cond:_before",
@@ -548,7 +589,6 @@
       "opacity]___[value:0.15]___[cond:_before",
       "backgroundColor]___[value:primary-color]___[cond:_before",
       "zIndex]___[value:-1]___[cond:_before",
-      "textAlign]___[value:left",
       "position]___[value:sticky",
       "height]___[value:calc(100% - 24px)",
       "scrollPaddingTop]___[value:40px",