@relayprotocol/relay-kit-ui 5.1.2 → 6.0.0

package/dist/panda.buildinfo.json

@@ -14,9 +14,9 @@
       "color]___[value:gray12]___[cond:_placeholder",
       "height]___[value:18",
       "display]___[value:flex",
+      "alignItems]___[value:center",
       "color]___[value:red",
       "color]___[value:subtleSecondary",
-      "marginTop]___[value:6px",
       "color]___[value:gray9",
       "color]___[value:gray11]___[cond:_hover",
       "color]___[value:ghost",
@@ -33,7 +33,6 @@
       "background]___[value:amber2",
       "padding]___[value:2",
       "borderRadius]___[value:8",
-      "alignItems]___[value:center",
       "background]___[value:green2",
       "flexWrap]___[value:wrap",
       "color]___[value:warning",
@@ -74,7 +73,8 @@
       "--borderColor]___[value:colors.subtle-border-color",
       "border]___[value:1px solid var(--borderColor)",
       "padding]___[value:4",
-      "paddingInline]___[value:2 !important",
+      "paddingLeft]___[value:0 !important",
+      "paddingRight]___[value:2 !important",
       "alignContent]___[value:center",
       "gap]___[value:1",
       "borderRadius]___[value:12",
@@ -106,9 +106,13 @@
       "border]___[value:none",
       "backgroundColor]___[value:widget-selector-hover-background]___[cond:_hover",
       "color]___[value:white",
+      "gap]___[value:4px",
       "gap]___[value:3",
+      "gap]___[value:4px]___[cond:sm",
       "gap]___[value:2]___[cond:sm",
       "width]___[value:50%",
+      "lineHeight]___[value:normal",
+      "fontSize]___[value:12px",
       "lineHeight]___[value:14px",
       "fontSize]___[value:12px]___[cond:sm",
       "color]___[value:subtle",
@@ -287,6 +291,9 @@
       "width]___[value:100",
       "height]___[value:12",
       "animation]___[value:pulse 3s ease-in-out infinite",
+      "borderRadius]___[value:8px",
+      "padding]___[value:4px 6px",
+      "backgroundColor]___[value:gray2]___[cond:_hover",
       "width]___[value:38px",
       "height]___[value:20px",
       "backgroundColor]___[value:gray7",
@@ -309,9 +316,12 @@
       "backgroundColor]___[value:gray2",
       "fontSize]___[value:14px",
       "paddingBlock]___[value:2px",
+      "borderWidth]___[value:1px",
+      "borderStyle]___[value:solid",
+      "borderColor]___[value:transparent",
       "backgroundColor]___[value:subtle-background-color]___[cond:&[data-state=\"active\"]",
       "--borderColor]___[value:colors.gray.5]___[cond:&[data-state=\"active\"]",
-      "border]___[value:1px solid var(--borderColor)]___[cond:&[data-state=\"active\"]",
+      "borderColor]___[value:var(--borderColor)]___[cond:&[data-state=\"active\"]",
       "fontWeight]___[value:800",
       "fontSize]___[value:64px",
       "fontFamily]___[value:heading",
@@ -320,7 +330,6 @@
       "fontSize]___[value:24px",
       "fontSize]___[value:20px",
       "fontSize]___[value:16px",
-      "fontSize]___[value:12px",
       "fontWeight]___[value:400",
       "fontSize]___[value:10",
       "color]___[value:text-subtle",
@@ -373,6 +382,8 @@
       "backgroundColor]___[value:slate.6",
       "marginTop]___[value:2",
       "marginBottom]___[value:2",
+      "textTransform]___[value:uppercase",
+      "fontStyle]___[value:var(--relay-fonts-button-cta-font-style, italic)",
       "color]___[value:error",
       "color]___[value:primary",
       "padding]___[value:12",
@@ -398,55 +409,66 @@
       "paddingInline]___[value:4 !important",
       "backgroundColor]___[value:dropdown-background",
       "borderRadius]___[value:dropdown-border-radius",
-      "overflowY]___[value:scroll",
       "maxHeight]___[value:290",
+      "scrollbarColor]___[value:var(--relay-colors-gray5) transparent",
       "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",
-      "textOverflow]___[value:ellipsis]___[cond:_placeholder_parent",
       "color]___[value:primary9",
+      "textOverflow]___[value:ellipsis]___[cond:_placeholder_parent",
       "maxWidth]___[value:212",
-      "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",
+      "paddingInline]___[value:12px",
+      "boxShadow]___[value:inset 0 0 0 2px var(--focusColor)]___[cond:_focusVisible",
+      "backgroundColor]___[value:gray3]___[cond:_focus",
       "minWidth]___[value:40px",
       "height]___[value:56px",
       "textAlign]___[value:left",
-      "marginBlock]___[value:2",
-      "paddingRight]___[value:2",
-      "--borderColor]___[value:colors.gray5",
-      "boxShadow]___[value:inset 0 0 0 2px var(--focusColor)]___[cond:_focusVisible",
-      "boxShadow]___[value:inset 0 0 0 2px var(--focusColor)]___[cond:&[data-state=\"on\"]",
-      "boxShadow]___[value:inset 0 0 0 2px var(--focusColor)]___[cond:_active",
-      "boxShadow]___[value:inset 0 0 0 2px var(--focusColor)]___[cond:_focusWithin",
-      "backgroundColor]___[value:primary5",
-      "color]___[value:primary11",
-      "paddingInline]___[value:6px",
-      "paddingBlock]___[value:4px",
+      "height]___[value:min(85vh, 540px)",
+      "width]___[value:min(400px, 100vw)",
+      "maxWidth]___[value:min(400px, 100vw)",
+      "minWidth]___[value:0",
+      "boxSizing]___[value:border-box",
+      "overflowY]___[value:hidden",
+      "maxWidth]___[value:100%",
+      "paddingTop]___[value:2",
+      "paddingBlock]___[value:5",
+      "maxWidth]___[value:312",
+      "alignSelf]___[value:center",
+      "minWidth]___[value:auto",
+      "width]___[value:27",
       "gap]___[value:2px",
       "flexGrow]___[value:1",
-      "maxWidth]___[value:100%",
-      "minWidth]___[value:0",
       "alignItems]___[value:end",
       "width]___[value:40",
       "width]___[value:60%",
       "width]___[value:40%",
       "width]___[value:60",
+      "paddingInline]___[value:6px",
+      "paddingBlock]___[value:4px",
       "backgroundColor]___[value:gray5]___[cond:button:hover &",
-      "textWrap]___[value:nowrap",
+      "boxShadow]___[value:inset 0 0 0 2px var(--focusColor)]___[cond:&[data-state=\"on\"]",
+      "boxShadow]___[value:inset 0 0 0 2px var(--focusColor)]___[cond:_active",
+      "boxShadow]___[value:inset 0 0 0 2px var(--focusColor)]___[cond:_focusWithin",
       "scrollSnapAlign]___[value:start",
+      "opacity]___[value:1",
       "minHeight]___[value:24",
       "color]___[value:grey",
+      "marginBlock]___[value:2",
+      "paddingRight]___[value:2",
+      "--borderColor]___[value:colors.gray5",
+      "backgroundColor]___[value:primary5",
+      "color]___[value:primary11",
+      "textWrap]___[value:nowrap",
       "height]___[value:min(85vh, 600px)",
       "maxHeight]___[value:min(85vh, 600px)",
       "maxHeight]___[value:100%",
@@ -457,13 +479,7 @@
       "maxWidth]___[value:660]___[cond:@media(min-width: 660px)",
       "maxWidth]___[value:408]___[cond:@media(min-width: 660px)",
       "maxWidth]___[value:100%]___[cond:sm",
-      "overflowY]___[value:hidden",
       "paddingBottom]___[value:1",
-      "paddingTop]___[value:2",
-      "paddingBlock]___[value:5",
-      "maxWidth]___[value:312",
-      "alignSelf]___[value:center",
-      "width]___[value:27",
       "maxWidth]___[value:412px !important",
       "marginBottom]___[value:8",
       "maxWidth]___[value:unset !important]___[cond:@media(max-width: 520px)",
@@ -473,7 +489,6 @@
       "border]___[value:widget-border",
       "minWidth]___[value:300",
       "maxWidth]___[value:408",
-      "gap]___[value:4px",
       "cursor]___[value:pointer]___[cond:_hover",
       "height]___[value:23",
       "minHeight]___[value:18",
@@ -500,12 +515,29 @@
       "borderRadius]___[value:widget-swap-currency-button-border-radius",
       "color]___[value:secondary",
       "height]___[value:10",
+      "border]___[value:1px solid",
+      "borderColor]___[value:slate.4",
+      "lineHeight]___[value:32px",
+      "--thickness]___[value:1px",
+      "borderBlockEndWidth]___[value:var(--thickness)",
+      "borderColor]___[value:gray4",
+      "minHeight]___[value:42",
+      "width]___[value:90",
+      "width]___[value:70",
+      "minWidth]___[value:240",
+      "minWidth]___[value:400px",
+      "maxWidth]___[value:400px",
+      "padding]___[value:16px",
+      "color]___[value:green9",
       "height]___[value:50",
       "minHeight]___[value:50",
+      "width]___[value:248px",
+      "padding]___[value:12px",
       "backgroundColor]___[value:widget-selector-background]___[cond:_disabled",
-      "maxWidth]___[value:100",
+      "maxWidth]___[value:150",
       "minWidth]___[value:60",
       "lineHeight]___[value:15px",
+      "maxWidth]___[value:100",
       "flexDirection]___[value:row]___[cond:bp500",
       "backgroundColor]___[value:subtle-background-color",
       "padding]___[value:12px 16px",
@@ -517,7 +549,6 @@
       "filter]___[value:grayscale(100%)",
       "padding]___[value:0 16px",
       "transform]___[value:rotate(90deg)]___[cond:bp400Down",
-      "color]___[value:green9",
       "paddingLeft]___[value:16px",
       "marginTop]___[value:12px",
       "width]___[value:1px",
@@ -601,6 +632,15 @@
       "whiteSpace]___[value:pre",
       "filter]___[value:brightness(97%)]___[cond:_light",
       "filter]___[value:brightness(130%)]___[cond:_dark",
+      "border]___[value:1px solid transparent",
+      "background]___[value:white]___[cond:&[data-state=\"active\"]",
+      "borderRadius]___[value:12px]___[cond:&[data-state=\"active\"]",
+      "borderColor]___[value:slate.4]___[cond:&[data-state=\"active\"]",
+      "color]___[value:gray12]___[cond:&[data-state=\"active\"]",
+      "backgroundColor]___[value:transparent !important]___[cond:&:not([data-state=\"active\"])<___>_hover",
+      "background]___[value:gray1]___[cond:_dark<___>&[data-state=\"active\"]",
+      "borderColor]___[value:gray.4]___[cond:_dark<___>&[data-state=\"active\"]",
+      "backgroundColor]___[value:transparent !important]___[cond:_dark<___>&:not([data-state=\"active\"])<___>_hover",
       "width]___[value:1",
       "marginBlock]___[value:5px",
       "marginLeft]___[value:4",
@@ -614,6 +654,7 @@
       "marginBottom]___[value:4",
       "marginTop]___[value:24px",
       "marginBottom]___[value:6px",
+      "marginTop]___[value:6px",
       "filter]___[value:grayscale(1)",
       "width]___[value:80",
       "backgroundColor]___[value:green2",