@relayprotocol/relay-kit-ui 7.0.7 → 7.0.8

package/dist/panda.buildinfo.json

@@ -30,10 +30,10 @@
       "gap]___[value:2",
       "position]___[value:relative",
       "display]___[value:inline-block",
-      "background]___[value:amber2",
+      "background]___[value:green2",
       "padding]___[value:2",
       "borderRadius]___[value:8",
-      "background]___[value:green2",
+      "background]___[value:amber2",
       "flexWrap]___[value:wrap",
       "color]___[value:warning",
       "height]___[value:48",
@@ -50,8 +50,8 @@
       "justifyContent]___[value:center",
       "backgroundColor]___[value:gray3",
       "color]___[value:gray8",
-      "color]___[value:#FFA01C",
       "color]___[value:#30A46C",
+      "color]___[value:#FFA01C",
       "color]___[value:#9CA3AF",
       "right]___[value:2",
       "top]___[value:3",
@@ -73,8 +73,7 @@
       "--borderColor]___[value:colors.subtle-border-color",
       "border]___[value:1px solid var(--borderColor)",
       "padding]___[value:4",
-      "paddingLeft]___[value:0 !important",
-      "paddingRight]___[value:2 !important",
+      "paddingInline]___[value:2 !important",
       "alignContent]___[value:center",
       "gap]___[value:1",
       "flexShrink]___[value:1",

package/dist/styles.css

@@ -1136,8 +1136,8 @@
     display: inline-block;
 }
 
-.relay-bg_amber2:not(#\#):not(#\#):not(#\#):not(#\#) {
-    background: var(--relay-colors-amber2);
+.relay-bg_green2:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background: var(--relay-colors-green2);
 }
 
 .relay-p_2:not(#\#):not(#\#):not(#\#):not(#\#) {
@@ -1148,8 +1148,8 @@
     border-radius: 8px;
 }
 
-.relay-bg_green2:not(#\#):not(#\#):not(#\#):not(#\#) {
-    background: var(--relay-colors-green2);
+.relay-bg_amber2:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background: var(--relay-colors-amber2);
 }
 
 .relay-text_warning:not(#\#):not(#\#):not(#\#):not(#\#) {
@@ -1196,14 +1196,14 @@
     color: var(--relay-colors-gray8);
 }
 
-.relay-text_\#FFA01C:not(#\#):not(#\#):not(#\#):not(#\#) {
-    color: #FFA01C;
-}
-
 .relay-text_\#30A46C:not(#\#):not(#\#):not(#\#):not(#\#) {
     color: #30A46C;
 }
 
+.relay-text_\#FFA01C:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: #FFA01C;
+}
+
 .relay-text_\#9CA3AF:not(#\#):not(#\#):not(#\#):not(#\#) {
     color: #9CA3AF;
 }
@@ -1260,6 +1260,10 @@
     padding: var(--relay-spacing-4);
 }
 
+.relay-px_2\!:not(#\#) {
+    padding-inline: var(--relay-spacing-2) !important;
+}
+
 .relay-gap_1:not(#\#):not(#\#):not(#\#):not(#\#) {
     gap: var(--relay-spacing-1);
 }
@@ -2592,14 +2596,6 @@
     background-color: var(--relay-colors-black-a10);
 }
 
-.relay-pl_0\!:not(#\#) {
-    padding-left: 0 !important;
-}
-
-.relay-pr_2\!:not(#\#) {
-    padding-right: var(--relay-spacing-2) !important;
-}
-
 .relay-content_center:not(#\#):not(#\#):not(#\#):not(#\#) {
     align-content: center;
 }

package/package.json

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