@funkit/connect 5.1.0 → 5.1.2

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @funkit/connect
 
+## 5.1.2
+
+### Patch Changes
+
+- 19935ca: feat: improve exported types from connect
+- 11d4def: feat: add solana transfer announcement banner
+- 183df1a: feat: add display solana badge feature flag
+- c515cb9: feat: disable direct tokens if payer is recipient
+- b72bdb9: fix: conditional chain switch step before direct execution
+- c1712e0: feat: add new solana transfer badge
+
+## 5.1.1
+
+### Patch Changes
+
+- ae57f0f: feat(connect,apps): refactor FunButton borders to boxShadows and update themes
+- ce787d1: feat(connect): adjust speed of SpinnerIcon animation
+- e146eee: feat: flag - userOp bypass for vertex swaps
+- e0722d6: chore: deprecate mantle&zksync assets flags
+- 66e518b: feat: streamline token compare util
+- da4306f: feat: vertex direct execution bypass
+- b0b435c: feat: update time formatting
+- 06cc826: feat: introduce summary box border radius
+- Updated dependencies [e146eee]
+- Updated dependencies [572504a]
+- Updated dependencies [66e518b]
+- Updated dependencies [b0b435c]
+  - @funkit/utils@1.0.10
+  - @funkit/chains@0.2.1
+  - @funkit/api-base@1.6.1
+  - @funkit/core@2.3.13
+  - @funkit/wagmi-tools@3.0.35
+
 ## 5.1.0
 
 ### Minor Changes

package/dist/{chunk-2T4ZDGAO.js → chunk-A7G4HZZY.js}

@@ -14,7 +14,8 @@ var radiusScales = {
     modal: "24px",
     modalMobile: "28px",
     modalActionButton: "24px",
-    modalActionButtonMobile: "28px"
+    modalActionButtonMobile: "28px",
+    summaryBox: "12px"
   },
   medium: {
     actionButton: "10px",
@@ -22,7 +23,8 @@ var radiusScales = {
     modal: "16px",
     modalMobile: "18px",
     modalActionButton: "16px",
-    modalActionButtonMobile: "18px"
+    modalActionButtonMobile: "18px",
+    summaryBox: "10px"
   },
   none: {
     actionButton: "0px",
@@ -30,7 +32,8 @@ var radiusScales = {
     modal: "0px",
     modalMobile: "0px",
     modalActionButton: "0px",
-    modalActionButtonMobile: "0px"
+    modalActionButtonMobile: "0px",
+    summaryBox: "0px"
   },
   small: {
     actionButton: "8px",
@@ -38,7 +41,8 @@ var radiusScales = {
     modal: "8px",
     modalMobile: "8px",
     modalActionButton: "8px",
-    modalActionButtonMobile: "8px"
+    modalActionButtonMobile: "8px",
+    summaryBox: "8px"
   }
 };
 var blurs = {
@@ -125,6 +129,7 @@ var baseTheme = ({
     modalMobile: radiusScales[borderRadius].modalMobile,
     modalActionButton: radiusScales[borderRadius].modalActionButton,
     modalActionButtonMobile: radiusScales[borderRadius].modalActionButtonMobile,
+    summaryBox: radiusScales[borderRadius].summaryBox,
     ...customBorderRadiuses
   }
 });

package/dist/{chunk-DYPSSLLL.js → chunk-ELA2ZIK4.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   baseTheme
-} from "./chunk-2T4ZDGAO.js";
+} from "./chunk-A7G4HZZY.js";
 
 // src/themes/lightTheme.ts
 var accentColors = {
@@ -49,6 +49,7 @@ var lightTheme = ({
     modalBackground: "#FFF",
     modalBorder: "#F7F7F7",
     offBackground: "#F7F7F7",
+    offBackgroundInverse: "#333333",
     offBackgroundComplimentary: "#F7F7F7",
     hoverState: "#F0F0F0",
     lightStroke: "#F7F7F7",
@@ -88,13 +89,6 @@ var lightTheme = ({
     buttonIconBackgroundHover: "#F7F7F7",
     buttonIconBackgroundPressed: "#F0F0F0",
     buttonIconStroke: "rgba(0, 0, 0, 0.35)",
-    buttonBorder: "transparent",
-    buttonBorderHover: "transparent",
-    buttonBorderActive: "transparent",
-    buttonBorderFocused: "rgba(0, 0, 0, 0.5)",
-    buttonBorderTertiary: "transparent",
-    buttonBorderHoverTertiary: "transparent",
-    buttonBorderActiveTertiary: "transparent",
     buttonBorderFocusedTertiary: "rgba(0, 0, 0, 0.35)",
     buttonFocusedOutline: "none",
     // TODO: Make common colors when refactoring the design system
@@ -114,10 +108,13 @@ var lightTheme = ({
     // primaryText
     youPayYouReceiveSecondaryText: "#737373",
     // secondaryText
-    // badge
+    // badges
     badgeBackgroundSuccess: "rgba(124, 242, 136, 0.1)",
     badgeBorderSuccess: "rgba(124, 242, 136, 0.2)",
     badgeTextSuccess: "rgb(124, 242, 136)",
+    badgeBackgroundSolana: "linear-gradient(180deg, #ECFFEA 0%, #E4FFE9 100%)",
+    badgeBorderSolana: "rgba(122,221,122,0.5)",
+    badgeTextSolana: "#028320",
     announceGradientFrom: "#595959",
     announceGradientTo: "#9C9C9C",
     // Override colors
@@ -132,6 +129,7 @@ var lightTheme = ({
     notification: "0px 0px 0px 1px rgba(0, 0, 0, 0.06), 0px 2px 6px 0px rgba(0, 0, 0, 0.05), 0px 4px 42px 0px rgba(0, 0, 0, 0.06)",
     vertexDropdown: "0px 0px 0px 1px rgba(0, 0, 0, 0.05), 0px 2px 6px 0px rgba(0, 0, 0, 0.03), 0px 4px 42px 0px rgba(0, 0, 0, 0.06)",
     qrCode: "0px 0px 0px 1px rgba(0, 0, 0, 0.10), 0px 1px 4px 0px rgba(0, 0, 0, 0.04), 0px 4px 24px 0px rgba(8, 7, 7, 0.10)",
+    buttonFocusedShadow: "0px 0px 0px 2px rgba(0, 0, 0, 0.25)",
     // Override shadows
     ...customShadows || {}
   },

package/dist/{chunk-5HIKBJTA.js → chunk-TTI2Q45P.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   baseTheme
-} from "./chunk-2T4ZDGAO.js";
+} from "./chunk-A7G4HZZY.js";
 
 // src/themes/darkTheme.ts
 var accentColors = {
@@ -49,6 +49,7 @@ var darkTheme = ({
     modalBackground: "#000000",
     modalBorder: "#292929",
     offBackground: "#1F1F1F",
+    offBackgroundInverse: "#F2F2F2",
     offBackgroundComplimentary: "#1F1F1F",
     hoverState: "#333333",
     lightStroke: "#333333",
@@ -88,13 +89,6 @@ var darkTheme = ({
     buttonIconBackgroundHover: "#333333",
     buttonIconBackgroundPressed: "#333333",
     buttonIconStroke: "rgba(255, 255, 255, 0.35)",
-    buttonBorder: "transparent",
-    buttonBorderHover: "transparent",
-    buttonBorderActive: "transparent",
-    buttonBorderFocused: "rgba(255, 255, 255, 0.35)",
-    buttonBorderTertiary: "transparent",
-    buttonBorderHoverTertiary: "transparent",
-    buttonBorderActiveTertiary: "transparent",
     buttonBorderFocusedTertiary: "rgba(255, 255, 255, 0.35)",
     buttonFocusedOutline: "none",
     // TODO: Make common colors when refactoring the design system
@@ -114,10 +108,13 @@ var darkTheme = ({
     // primaryText
     youPayYouReceiveSecondaryText: "#8C8C8C",
     // secondaryText
-    // badge
+    // badges
     badgeBackgroundSuccess: "rgba(124, 242, 136, 0.1)",
     badgeBorderSuccess: "rgba(124, 242, 136, 0.2)",
     badgeTextSuccess: "rgb(124, 242, 136)",
+    badgeBackgroundSolana: "linear-gradient(180deg, rgba(57, 76, 56, 0.55) 0%, rgba(61, 81, 65, 0.55) 100%)",
+    badgeBorderSolana: "rgba(122,221,122,0.3)",
+    badgeTextSolana: "#A4FF9A",
     announceGradientFrom: "#AAAAAA",
     announceGradientTo: "#BEBEBE",
     // Override colors
@@ -132,6 +129,7 @@ var darkTheme = ({
     notification: "0px 0px 0px 1px rgba(255, 255, 255, 0.20), 0px 2px 6px 0px rgba(0, 0, 0, 0.05), 0px 4px 42px 0px rgba(0, 0, 0, 0.06)",
     vertexDropdown: "0px 0px 0px 1px rgba(0, 0, 0, 0.05), 0px 2px 6px 0px rgba(0, 0, 0, 0.03), 0px 4px 42px 0px rgba(0, 0, 0, 0.06)",
     qrCode: "0px 0px 0px 1px rgba(255, 255, 255, 0.16)",
+    buttonFocusedShadow: "0px 0px 0px 2px rgba(255, 255, 255, 0.25)",
     // Override shadows
     ...customShadows || {}
   },