@relayprotocol/relay-kit-ui 4.0.13 → 4.0.14

package/dist/panda.buildinfo.json

@@ -175,10 +175,10 @@
       "fontStyle]___[value:var(--relay-fonts-button-cta-font-style, normal)]___[cond:&:not(:disabled)",
       "token]___[value:32",
       "chain]___[value:16",
+      "borderRadius]___[value:4",
       "borderRadius]___[value:50%",
       "backgroundColor]___[value:primary4",
       "color]___[value:primary8",
-      "borderRadius]___[value:4",
       "--borderColor]___[value:colors.modal-background",
       "backgroundColor]___[value:modal-background",
       "animation]___[value:collapsibleSlideDown 300ms cubic-bezier(0.87, 0, 0.13, 1)]___[cond:_data_state_open",
@@ -239,6 +239,8 @@
       "background]___[value:red3",
       "background]___[value:green3",
       "color]___[value:green12",
+      "background]___[value:primary3",
+      "color]___[value:primary12",
       "borderRadius]___[value:25",
       "animationName]___[value:pulse",
       "backgroundColor]___[value:skeleton-background",
@@ -412,6 +414,8 @@
       "maxWidth]___[value:412px !important",
       "marginBottom]___[value:8",
       "maxWidth]___[value:unset !important]___[cond:@media(max-width: 520px)",
+      "marginRight]___[value:2",
+      "marginRight]___[value:6px",
       "textDecoration]___[value:line-through",
       "border]___[value:widget-border",
       "minWidth]___[value:300",
@@ -551,7 +555,6 @@
       "scrollPaddingTop]___[value:40px",
       "paddingTop]___[value:40px",
       "paddingBottom]___[value:24px",
-      "marginRight]___[value:2",
       "textIndent]___[value:-36px",
       "fontSize]___[value:48",
       "lineHeight]___[value:58px",
@@ -566,7 +569,6 @@
       "width]___[value:48",
       "height]___[value:52",
       "borderRadius]___[value:100%",
-      "background]___[value:primary3",
       "bottom]___[value:-6px",
       "right]___[value:-6px",
       "border]___[value:2px solid var(--borderColor)",

package/dist/styles.css

@@ -1478,6 +1478,10 @@
     chain: 16px;
 }
 
+.relay-rounded_4:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border-radius: 4px;
+}
+
 .relay-rounded_50\%:not(#\#):not(#\#):not(#\#):not(#\#) {
     border-radius: 50%;
 }
@@ -1486,10 +1490,6 @@
     color: var(--relay-colors-primary8);
 }
 
-.relay-rounded_4:not(#\#):not(#\#):not(#\#):not(#\#) {
-    border-radius: 4px;
-}
-
 .relay---borderColor_colors\.modal-background:not(#\#):not(#\#):not(#\#):not(#\#) {
     --borderColor: var(--relay-colors-modal-background);
 }
@@ -1590,6 +1590,14 @@
     color: var(--relay-colors-green12);
 }
 
+.relay-bg_primary3:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background: var(--relay-colors-primary3);
+}
+
+.relay-text_primary12:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-primary12);
+}
+
 .relay-rounded_25:not(#\#):not(#\#):not(#\#):not(#\#) {
     border-radius: 25px;
 }
@@ -2340,10 +2348,6 @@
     border-radius: 100%;
 }
 
-.relay-bg_primary3:not(#\#):not(#\#):not(#\#):not(#\#) {
-    background: var(--relay-colors-primary3);
-}
-
 .relay-border_2px_solid_var\(--borderColor\):not(#\#):not(#\#):not(#\#):not(#\#) {
     border: 2px solid var(--borderColor);
 }
@@ -2816,6 +2820,14 @@
     margin-bottom: 8px;
 }
 
+.relay-mr_2:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-right: var(--relay-spacing-2);
+}
+
+.relay-mr_6px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-right: 6px;
+}
+
 .relay-leading_36px:not(#\#):not(#\#):not(#\#):not(#\#) {
     line-height: 36px;
 }
@@ -2940,10 +2952,6 @@
     padding-bottom: 24px;
 }
 
-.relay-mr_2:not(#\#):not(#\#):not(#\#):not(#\#) {
-    margin-right: var(--relay-spacing-2);
-}
-
 .relay-fs_48:not(#\#):not(#\#):not(#\#):not(#\#) {
     font-size: 48px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@relayprotocol/relay-kit-ui",
-  "version": "4.0.13",
+  "version": "4.0.14",
   "type": "module",
   "main": "./_cjs/src/index.js",
   "module": "./_esm/src/index.js",