@xfers/design-system 4.2.0 → 4.3.0

package/dist/theme/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":"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"}

package/dist/types/components/Alert/Alert.d.ts

@@ -1,4 +1,4 @@
 import 'antd/es/alert/style/css';
 import { CustomAlertProps } from './types';
-declare const CustomAlert: ({ type, message, closable, icon, showIcon, onClose, title }: CustomAlertProps) => JSX.Element | null;
+declare const CustomAlert: ({ type, message, closable, icon, showIcon, onClose, title, }: CustomAlertProps) => JSX.Element | null;
 export default CustomAlert;

package/dist/types/components/EmptyData/index.d.ts

@@ -5,5 +5,5 @@ type EmptyDataProps = {
     info?: React.ReactNode;
     svgUniqueId?: string;
 };
-declare const EmptyData: ({ title, subtitle, info, svgUniqueId }: EmptyDataProps) => JSX.Element;
+declare const EmptyData: ({ title, subtitle, info, svgUniqueId, }: EmptyDataProps) => JSX.Element;
 export default EmptyData;

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/VerifyPhone.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgVerifyPhone: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgVerifyPhone;

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

@@ -125,4 +125,5 @@ 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: {