@xfers/design-system 4.2.0-dev.50a3dab5cf → 4.2.0-dev.5903f9d668

package/dist/types/constants/{colors.d.ts → Colors/colors.d.ts}

@@ -73,15 +73,15 @@ export declare enum SURFACE {
     SUBDUE_CRITICAL = "#FFF0F0"
 }
 export declare enum BASE {
-    PRIMARY = "#00A965",
+    PRIMARY = "#00D37E",
+    PRIMARY_2 = "#054948",
+    PRIMARY_3 = "#002B2A",
     ON_CONTAINER = "#FFFFFF",
     ON_NEUTRAL = "#002B2A",
-    ON_NEUTRAL_SECONDARY = "#777777",
-    INFO = "#3583E6",
-    CRITICAL = "#B71515",
-    WARNING = "#8D7700",
-    LINE = "#E8E8E8",
-    OVERLAY = "rgba(0, 0, 0, 0.5)"
+    ON_NEUTRAL_SECONDARY = "#505454",
+    LINE = "#D8D8D8",
+    LINK = "#187D97",
+    OVERLAY = "rgb(5, 21, 19, 0.7)"
 }
 export declare enum INTERACTIVE {
     HOVER_PRIMARY = "#008F56",

package/dist/types/icons/index.d.ts

@@ -125,5 +125,4 @@ export { default as Swap } from './Swap';
 export { default as CustomerKnowledgeAssessment } from './CustomerKnowledgeAssessment';
 export { default as VerifiedShield } from './VerifiedShield';
 export { default as VerifyIdentity } from './VerifyIdentity';
-export { default as VerifyPhone } from './VerifyPhone';
 export { default as TwoFA } from './TwoFA';

package/dist/types/theme/ThemeContext.d.ts

@@ -57,111 +57,111 @@ declare const useTheme: () => {
     };
     color: {
         background: {
-            neutral: import("../constants/colors").BACKGROUND;
-            secondaryNeutral: import("../constants/colors").BACKGROUND;
-            primary: import("../constants/colors").BACKGROUND;
-            secondary: import("../constants/colors").BACKGROUND;
+            neutral: import("../constants/Colors/colors").BACKGROUND;
+            secondaryNeutral: import("../constants/Colors/colors").BACKGROUND;
+            primary: import("../constants/Colors/colors").BACKGROUND;
+            secondary: import("../constants/Colors/colors").BACKGROUND;
         };
         surface: {
-            neutral: import("../constants/colors").SURFACE;
-            secondaryNeutral: import("../constants/colors").SURFACE;
-            disabledSurface: import("../constants/colors").SURFACE;
-            disabledOnSurface: import("../constants/colors").SURFACE;
-            dark: import("../constants/colors").SURFACE;
-            SubdueInfo: import("../constants/colors").SURFACE;
-            subduePositive: import("../constants/colors").SURFACE;
-            subdueCritical: import("../constants/colors").SURFACE;
-            subdueWarning: import("../constants/colors").SURFACE;
+            neutral: import("../constants/Colors/colors").SURFACE;
+            secondaryNeutral: import("../constants/Colors/colors").SURFACE;
+            disabledSurface: import("../constants/Colors/colors").SURFACE;
+            disabledOnSurface: import("../constants/Colors/colors").SURFACE;
+            dark: import("../constants/Colors/colors").SURFACE;
+            SubdueInfo: import("../constants/Colors/colors").SURFACE;
+            subduePositive: import("../constants/Colors/colors").SURFACE;
+            subdueCritical: import("../constants/Colors/colors").SURFACE;
+            subdueWarning: import("../constants/Colors/colors").SURFACE;
         };
         base: {
-            primary: import("../constants/colors").BASE;
-            onContainer: import("../constants/colors").BASE;
-            onNeutral: import("../constants/colors").BASE;
-            onNeutralSecondary: import("../constants/colors").BASE;
-            info: import("../constants/colors").BASE;
-            warning: import("../constants/colors").BASE;
-            critical: import("../constants/colors").BASE;
-            line: import("../constants/colors").BASE;
-            overlay: import("../constants/colors").BASE;
+            primary: import("../constants/Colors/colors").BASE;
+            primary2: import("../constants/Colors/colors").BASE;
+            primary3: import("../constants/Colors/colors").BASE;
+            onContainer: import("../constants/Colors/colors").BASE;
+            onNeutral: import("../constants/Colors/colors").BASE;
+            onNeutralSecondary: import("../constants/Colors/colors").BASE;
+            line: import("../constants/Colors/colors").BASE;
+            link: import("../constants/Colors/colors").BASE;
+            overlay: import("../constants/Colors/colors").BASE;
         };
         interactive: {
-            hoverPrimary: import("../constants/colors").INTERACTIVE;
-            focusDefault: import("../constants/colors").INTERACTIVE;
-            pressedPrimary: import("../constants/colors").INTERACTIVE;
-            selected: import("../constants/colors").INTERACTIVE;
-            hoverSurface: import("../constants/colors").INTERACTIVE;
-            focusSurface: import("../constants/colors").INTERACTIVE;
-            pressedSurface: import("../constants/colors").INTERACTIVE;
-            hoverCritical: import("../constants/colors").INTERACTIVE;
-            pressedCritical: import("../constants/colors").INTERACTIVE;
+            hoverPrimary: import("../constants/Colors/colors").INTERACTIVE;
+            focusDefault: import("../constants/Colors/colors").INTERACTIVE;
+            pressedPrimary: import("../constants/Colors/colors").INTERACTIVE;
+            selected: import("../constants/Colors/colors").INTERACTIVE;
+            hoverSurface: import("../constants/Colors/colors").INTERACTIVE;
+            focusSurface: import("../constants/Colors/colors").INTERACTIVE;
+            pressedSurface: import("../constants/Colors/colors").INTERACTIVE;
+            hoverCritical: import("../constants/Colors/colors").INTERACTIVE;
+            pressedCritical: import("../constants/Colors/colors").INTERACTIVE;
         };
         status: {
-            info: import("../constants/colors").STATUS;
-            positive: import("../constants/colors").STATUS;
-            warning: import("../constants/colors").STATUS;
-            critical: import("../constants/colors").STATUS;
+            info: import("../constants/Colors/colors").STATUS;
+            positive: import("../constants/Colors/colors").STATUS;
+            warning: import("../constants/Colors/colors").STATUS;
+            critical: import("../constants/Colors/colors").STATUS;
         };
         component: {
-            buttonDisabled: import("../constants/colors").COMPONENT;
-            buttonPrimary: import("../constants/colors").COMPONENT;
-            labelInput: import("../constants/colors").COMPONENT;
-            helperInput: import("../constants/colors").COMPONENT;
-            placeholderInput: import("../constants/colors").COMPONENT;
+            buttonDisabled: import("../constants/Colors/colors").COMPONENT;
+            buttonPrimary: import("../constants/Colors/colors").COMPONENT;
+            labelInput: import("../constants/Colors/colors").COMPONENT;
+            helperInput: import("../constants/Colors/colors").COMPONENT;
+            placeholderInput: import("../constants/Colors/colors").COMPONENT;
         };
     };
     text: {
-        default: import("../constants/colors").BLACK;
-        white: import("../constants/colors").WHITE;
+        default: import("../constants/Colors/colors").BLACK;
+        white: import("../constants/Colors/colors").WHITE;
     };
     button: {
-        background: import("../constants/colors").WHITE;
-        color: import("../constants/colors").GREEN;
-        border: import("../constants/colors").GREEN;
-        hover: import("../constants/colors").BLACK;
+        background: import("../constants/Colors/colors").WHITE;
+        color: import("../constants/Colors/colors").GREEN;
+        border: import("../constants/Colors/colors").GREEN;
+        hover: import("../constants/Colors/colors").BLACK;
     };
     actionButton: {
-        color: import("../constants/colors").GREY;
-        hover: import("../constants/colors").GREY;
+        color: import("../constants/Colors/colors").GREY;
+        hover: import("../constants/Colors/colors").GREY;
     };
     neutral: {
-        text: import("../constants/colors").GREY;
-        emphasis: import("../constants/colors").GREY;
-        border: import("../constants/colors").GREY;
-        background: import("../constants/colors").GREY;
-        white: import("../constants/colors").WHITE;
-        bluish: import("../constants/colors").GREY;
+        text: import("../constants/Colors/colors").GREY;
+        emphasis: import("../constants/Colors/colors").GREY;
+        border: import("../constants/Colors/colors").GREY;
+        background: import("../constants/Colors/colors").GREY;
+        white: import("../constants/Colors/colors").WHITE;
+        bluish: import("../constants/Colors/colors").GREY;
     };
     success: {
-        text: import("../constants/colors").GREEN;
-        emphasis: import("../constants/colors").GREEN;
-        border: import("../constants/colors").GREEN;
-        background: import("../constants/colors").GREEN;
+        text: import("../constants/Colors/colors").GREEN;
+        emphasis: import("../constants/Colors/colors").GREEN;
+        border: import("../constants/Colors/colors").GREEN;
+        background: import("../constants/Colors/colors").GREEN;
     };
     warning: {
-        text: import("../constants/colors").YELLOW;
-        emphasis: import("../constants/colors").YELLOW;
-        border: import("../constants/colors").YELLOW;
-        background: import("../constants/colors").YELLOW;
+        text: import("../constants/Colors/colors").YELLOW;
+        emphasis: import("../constants/Colors/colors").YELLOW;
+        border: import("../constants/Colors/colors").YELLOW;
+        background: import("../constants/Colors/colors").YELLOW;
     };
     error: {
-        text: import("../constants/colors").RED;
-        emphasis: import("../constants/colors").RED;
-        border: import("../constants/colors").RED;
-        background: import("../constants/colors").RED;
+        text: import("../constants/Colors/colors").RED;
+        emphasis: import("../constants/Colors/colors").RED;
+        border: import("../constants/Colors/colors").RED;
+        background: import("../constants/Colors/colors").RED;
     };
     notification: {
-        text: import("../constants/colors").BLUE;
-        emphasis: import("../constants/colors").BLUE;
-        background: import("../constants/colors").BLUE;
+        text: import("../constants/Colors/colors").BLUE;
+        emphasis: import("../constants/Colors/colors").BLUE;
+        background: import("../constants/Colors/colors").BLUE;
     };
     card: {
         background: {
-            default: import("../constants/colors").WHITE;
-            dark: import("../constants/colors").BLACK;
+            default: import("../constants/Colors/colors").WHITE;
+            dark: import("../constants/Colors/colors").BLACK;
         };
     };
     divider: {
-        background: import("../constants/colors").GREY;
+        background: import("../constants/Colors/colors").GREY;
     };
 };
 export { ThemeProvider, useTheme };

package/dist/types/theme/theme.d.ts

@@ -1,4 +1,4 @@
-import { BLACK, BLUE, GREEN, GREY, RED, YELLOW, WHITE, BACKGROUND, SURFACE, BASE, INTERACTIVE, STATUS, COMPONENT } from 'src/constants/colors';
+import { BLACK, BLUE, GREEN, GREY, RED, YELLOW, WHITE, BACKGROUND, SURFACE, BASE, INTERACTIVE, STATUS, COMPONENT } from 'src/constants/Colors/colors';
 import { SHADOW } from 'src/constants/shadow';
 export declare const xfersTheme: {
     brand: {
@@ -52,13 +52,13 @@ export declare const xfersTheme: {
         };
         base: {
             primary: BASE;
+            primary2: BASE;
+            primary3: BASE;
             onContainer: BASE;
             onNeutral: BASE;
             onNeutralSecondary: BASE;
-            info: BASE;
-            warning: BASE;
-            critical: BASE;
             line: BASE;
+            link: BASE;
             overlay: BASE;
         };
         interactive: {
@@ -211,13 +211,13 @@ export declare const straitsXTheme: {
         };
         base: {
             primary: BASE;
+            primary2: BASE;
+            primary3: BASE;
             onContainer: BASE;
             onNeutral: BASE;
             onNeutralSecondary: BASE;
-            info: BASE;
-            warning: BASE;
-            critical: BASE;
             line: BASE;
+            link: BASE;
             overlay: BASE;
         };
         interactive: {