@xfers/design-system 2.53.0 → 3.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xfers/design-system",
-  "version": "2.53.0",
+  "version": "3.0.0",
   "description": "",
   "keywords": [
     "xfers",

package/dist/constants/colors/black.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BLACK = void 0;
-var BLACK;
-(function (BLACK) {
-    BLACK["DEFAULT"] = "#1B2736";
-    BLACK["T10"] = "#2C4058";
-    BLACK["T20"] = "#3E597A";
-    BLACK["T30"] = "#4F719C";
-})(BLACK = exports.BLACK || (exports.BLACK = {}));
-//# sourceMappingURL=black.js.map

package/dist/constants/colors/black.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"black.js","sourceRoot":"","sources":["../../../src/constants/colors/black.ts"],"names":[],"mappings":";;;AAAA,IAAY,KAKX;AALD,WAAY,KAAK;IACf,4BAAmB,CAAA;IACnB,wBAAe,CAAA;IACf,wBAAe,CAAA;IACf,wBAAe,CAAA;AACjB,CAAC,EALW,KAAK,GAAL,aAAK,KAAL,aAAK,QAKhB"}

package/dist/constants/colors/blue.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BLUE = void 0;
-var BLUE;
-(function (BLUE) {
-    BLUE["DEFAULT"] = "#2F8DEE";
-    BLUE["T10"] = "#5FA8F2";
-    BLUE["T20"] = "#8EC2F6";
-    BLUE["T40"] = "#ECF5FD";
-    BLUE["S400"] = "#1863B0";
-    BLUE["S300"] = "#3585E6";
-    BLUE["S100"] = "#EBF5FF";
-})(BLUE = exports.BLUE || (exports.BLUE = {}));
-//# sourceMappingURL=blue.js.map

package/dist/constants/colors/blue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"blue.js","sourceRoot":"","sources":["../../../src/constants/colors/blue.ts"],"names":[],"mappings":";;;AAAA,IAAY,IAQX;AARD,WAAY,IAAI;IACd,2BAAmB,CAAA;IACnB,uBAAe,CAAA;IACf,uBAAe,CAAA;IACf,uBAAe,CAAA;IACf,wBAAgB,CAAA;IAChB,wBAAgB,CAAA;IAChB,wBAAgB,CAAA;AAClB,CAAC,EARW,IAAI,GAAJ,YAAI,KAAJ,YAAI,QAQf"}

package/dist/constants/colors/green.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GREEN = void 0;
-var GREEN;
-(function (GREEN) {
-    GREEN["S500"] = "#00D37E";
-    GREEN["S400"] = "#189C08";
-    GREEN["S300"] = "#43CC32";
-    GREEN["S100"] = "#F0FFF3";
-    GREEN["DEFAULT"] = "#00A965";
-    GREEN["G100"] = "#F0FFF9";
-    GREEN["HOVER"] = "#008f56";
-})(GREEN = exports.GREEN || (exports.GREEN = {}));
-//# sourceMappingURL=green.js.map

package/dist/constants/colors/green.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"green.js","sourceRoot":"","sources":["../../../src/constants/colors/green.ts"],"names":[],"mappings":";;;AAAA,IAAY,KASX;AATD,WAAY,KAAK;IACf,yBAAgB,CAAA;IAChB,yBAAgB,CAAA;IAChB,yBAAgB,CAAA;IAChB,yBAAgB,CAAA;IAEhB,4BAAmB,CAAA;IACnB,yBAAgB,CAAA;IAChB,0BAAiB,CAAA;AACnB,CAAC,EATW,KAAK,GAAL,aAAK,KAAL,aAAK,QAShB"}

package/dist/constants/colors/grey.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GREY = void 0;
-var GREY;
-(function (GREY) {
-    GREY["S500"] = "#777777";
-    GREY["S400"] = "#959595";
-    GREY["T10"] = "#ADADAD";
-    GREY["S300"] = "#CACACA";
-    GREY["S200"] = "#E8E8E8";
-    GREY["S100"] = "#F6F7F9";
-    GREY["S50"] = "#FFFFFF";
-    GREY["BLUISH"] = "#D3D7DE";
-})(GREY = exports.GREY || (exports.GREY = {}));
-//# sourceMappingURL=grey.js.map

package/dist/constants/colors/grey.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"grey.js","sourceRoot":"","sources":["../../../src/constants/colors/grey.ts"],"names":[],"mappings":";;;AAAA,IAAY,IASX;AATD,WAAY,IAAI;IACd,wBAAgB,CAAA;IAChB,wBAAgB,CAAA;IAChB,uBAAe,CAAA;IACf,wBAAgB,CAAA;IAChB,wBAAgB,CAAA;IAChB,wBAAgB,CAAA;IAChB,uBAAe,CAAA;IACf,0BAAkB,CAAA;AACpB,CAAC,EATW,IAAI,GAAJ,YAAI,KAAJ,YAAI,QASf"}

package/dist/constants/colors/index.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var blue_1 = require("./blue");
-Object.defineProperty(exports, "BLUE", { enumerable: true, get: function () { return blue_1.BLUE; } });
-var green_1 = require("./green");
-Object.defineProperty(exports, "GREEN", { enumerable: true, get: function () { return green_1.GREEN; } });
-var red_1 = require("./red");
-Object.defineProperty(exports, "RED", { enumerable: true, get: function () { return red_1.RED; } });
-var yellow_1 = require("./yellow");
-Object.defineProperty(exports, "YELLOW", { enumerable: true, get: function () { return yellow_1.YELLOW; } });
-var black_1 = require("./black");
-Object.defineProperty(exports, "BLACK", { enumerable: true, get: function () { return black_1.BLACK; } });
-var grey_1 = require("./grey");
-Object.defineProperty(exports, "GREY", { enumerable: true, get: function () { return grey_1.GREY; } });
-var white_1 = require("./white");
-Object.defineProperty(exports, "WHITE", { enumerable: true, get: function () { return white_1.WHITE; } });
-//# sourceMappingURL=index.js.map

package/dist/constants/colors/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/constants/colors/index.tsx"],"names":[],"mappings":";;AAAA,+BAA6B;AAApB,4FAAA,IAAI,OAAA;AACb,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,6BAA2B;AAAlB,0FAAA,GAAG,OAAA;AACZ,mCAAiC;AAAxB,gGAAA,MAAM,OAAA;AACf,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,+BAA6B;AAApB,4FAAA,IAAI,OAAA;AACb,iCAA+B;AAAtB,8FAAA,KAAK,OAAA"}

package/dist/constants/colors/red.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RED = void 0;
-var RED;
-(function (RED) {
-    RED["S400"] = "#B71515";
-    RED["S300"] = "#E22726";
-    RED["S100"] = "#FFF0F0";
-})(RED = exports.RED || (exports.RED = {}));
-//# sourceMappingURL=red.js.map

package/dist/constants/colors/red.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"red.js","sourceRoot":"","sources":["../../../src/constants/colors/red.ts"],"names":[],"mappings":";;;AAAA,IAAY,GAIX;AAJD,WAAY,GAAG;IACb,uBAAgB,CAAA;IAChB,uBAAgB,CAAA;IAChB,uBAAgB,CAAA;AAClB,CAAC,EAJW,GAAG,GAAH,WAAG,KAAH,WAAG,QAId"}

package/dist/constants/colors/white.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WHITE = void 0;
-var WHITE;
-(function (WHITE) {
-    WHITE["DEFAULT"] = "#FFFFFF";
-})(WHITE = exports.WHITE || (exports.WHITE = {}));
-//# sourceMappingURL=white.js.map

package/dist/constants/colors/white.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"white.js","sourceRoot":"","sources":["../../../src/constants/colors/white.ts"],"names":[],"mappings":";;;AAAA,IAAY,KAEX;AAFD,WAAY,KAAK;IACf,4BAAmB,CAAA;AACrB,CAAC,EAFW,KAAK,GAAL,aAAK,KAAL,aAAK,QAEhB"}

package/dist/constants/colors/yellow.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.YELLOW = void 0;
-var YELLOW;
-(function (YELLOW) {
-    YELLOW["S400"] = "#8D7700";
-    YELLOW["S300"] = "#E5C412";
-    YELLOW["S100"] = "#FFFBE9";
-})(YELLOW = exports.YELLOW || (exports.YELLOW = {}));
-//# sourceMappingURL=yellow.js.map

package/dist/constants/colors/yellow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"yellow.js","sourceRoot":"","sources":["../../../src/constants/colors/yellow.ts"],"names":[],"mappings":";;;AAAA,IAAY,MAIX;AAJD,WAAY,MAAM;IAChB,0BAAgB,CAAA;IAChB,0BAAgB,CAAA;IAChB,0BAAgB,CAAA;AAClB,CAAC,EAJW,MAAM,GAAN,cAAM,KAAN,cAAM,QAIjB"}

package/dist/shared/NormalizeStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NormalizeStyles.js","sourceRoot":"","sources":["../../src/shared/NormalizeStyles.tsx"],"names":[],"mappings":";;;;;;AAAA,+BAAyB;AACzB,sCAA2C;AAC3C,uBAAoB;AAEpB,mBAAe,cAAM,OAAA,CACnB,8BAAC,aAAM,IACL,MAAM,EAAE,UAAG,+7BAAA,43BA6CV,OACD,CACH,EAjDoB,CAiDpB,EAAA"}

package/dist/shared/theme.js

@@ -1,114 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.straitsXTheme = exports.xfersTheme = void 0;
-var colors_1 = require("src/constants/colors");
-var spacing_1 = require("src/constants/spacing");
-// root theme: define function level & component level colors
-var rootTheme = {
-    spacing: {
-        xs: spacing_1.EXTRA_SMALL_SPACING,
-        sm: spacing_1.SMALL_SPACING,
-        md: spacing_1.MEDIUM_SPACING,
-        lg: spacing_1.LARGE_SPACING,
-        xl: spacing_1.EXTRA_LARGE_SPACING,
-    },
-    layout: {
-        desktop: spacing_1.LAYOUT_SPACING_DESKTOP,
-        mobile: spacing_1.LAYOUT_SPACING_MOBILE,
-    },
-    text: {
-        default: colors_1.BLACK.DEFAULT,
-        white: colors_1.WHITE.DEFAULT,
-    },
-    button: {
-        background: colors_1.WHITE.DEFAULT,
-        color: colors_1.GREEN.DEFAULT,
-        border: colors_1.GREY.S200,
-        hover: colors_1.BLACK.T10,
-    },
-    actionButton: {
-        color: colors_1.GREY.S400,
-        hover: colors_1.GREY.T10,
-    },
-    neutral: {
-        text: colors_1.GREY.S400,
-        emphasis: colors_1.GREY.S300,
-        border: colors_1.GREY.S200,
-        background: colors_1.GREY.S100,
-        white: colors_1.WHITE.DEFAULT,
-        bluish: colors_1.GREY.BLUISH,
-    },
-    success: {
-        text: colors_1.GREEN.S400,
-        emphasis: colors_1.GREEN.S300,
-        border: colors_1.GREEN.S300,
-        background: colors_1.GREEN.S100,
-    },
-    warning: {
-        text: colors_1.YELLOW.S400,
-        emphasis: colors_1.YELLOW.S300,
-        border: colors_1.YELLOW.S300,
-        background: colors_1.YELLOW.S100,
-    },
-    error: {
-        text: colors_1.RED.S400,
-        emphasis: colors_1.RED.S300,
-        border: colors_1.RED.S300,
-        background: colors_1.RED.S100,
-    },
-    notification: {
-        text: colors_1.BLUE.S300,
-        emphasis: colors_1.BLUE.DEFAULT,
-        background: colors_1.BLUE.S100,
-    },
-    card: {
-        background: {
-            default: colors_1.WHITE.DEFAULT,
-            dark: colors_1.BLACK.T10,
-        },
-    },
-    divider: {
-        background: colors_1.GREY.S200,
-    },
-};
-// define brand level colors
-exports.xfersTheme = __assign(__assign({}, rootTheme), { brand: {
-        primary: {
-            default: colors_1.BLUE.DEFAULT,
-            emphasis: colors_1.BLUE.S300,
-            background: colors_1.BLUE.S100,
-            contrast: colors_1.WHITE.DEFAULT,
-            illustration: colors_1.BLUE.DEFAULT,
-        },
-        action: {
-            default: colors_1.BLUE.DEFAULT,
-            hover: colors_1.BLUE.T10,
-            disabledOpacity: 0.7,
-        },
-    } });
-exports.straitsXTheme = __assign(__assign({}, rootTheme), { brand: {
-        primary: {
-            default: colors_1.GREEN.DEFAULT,
-            emphasis: colors_1.GREEN.DEFAULT,
-            background: colors_1.GREEN.G100,
-            contrast: colors_1.WHITE.DEFAULT,
-            illustration: colors_1.GREEN.S500,
-        },
-        action: {
-            default: colors_1.GREEN.DEFAULT,
-            hover: colors_1.GREEN.HOVER,
-            disabledOpacity: 0.7,
-        },
-    } });
-//# sourceMappingURL=theme.js.map

package/dist/shared/theme.js.map

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

package/dist/shared/themeContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"themeContext.js","sourceRoot":"","sources":["../../src/shared/themeContext.tsx"],"names":[],"mappings":";;;AAAA,+BAAyB;AACzB,iCAAuC;AACvC,qDAA+C;AAE/C,IAAM,YAAY,GAAG,eAAK,CAAC,aAAa,CAAC,qBAAa,CAAC,CAAA;AAMvD,IAAM,aAAa,GAAG,UAAC,EAGF;QAFnB,aAAqB,EAArB,KAAK,mBAAG,qBAAa,KAAA,EACrB,QAAQ,cAAA;IAER,OAAO,CACL,8BAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QACjC,8BAAC,yBAAe,OAAG;QAClB,QAAQ,CACa,CACzB,CAAA;AACH,CAAC,CAAA;AAUQ,sCAAa;AARtB,IAAM,QAAQ,GAAG;IACf,IAAM,OAAO,GAAG,eAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAA;IAC9C,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAA;KAChE;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAEuB,4BAAQ"}

package/dist/types/constants/colors/black.d.ts

@@ -1,6 +0,0 @@
-export declare enum BLACK {
-    DEFAULT = "#1B2736",
-    T10 = "#2C4058",
-    T20 = "#3E597A",
-    T30 = "#4F719C"
-}

package/dist/types/constants/colors/blue.d.ts

@@ -1,9 +0,0 @@
-export declare enum BLUE {
-    DEFAULT = "#2F8DEE",
-    T10 = "#5FA8F2",
-    T20 = "#8EC2F6",
-    T40 = "#ECF5FD",
-    S400 = "#1863B0",
-    S300 = "#3585E6",
-    S100 = "#EBF5FF"
-}

package/dist/types/constants/colors/green.d.ts

@@ -1,9 +0,0 @@
-export declare enum GREEN {
-    S500 = "#00D37E",
-    S400 = "#189C08",
-    S300 = "#43CC32",
-    S100 = "#F0FFF3",
-    DEFAULT = "#00A965",
-    G100 = "#F0FFF9",
-    HOVER = "#008f56"
-}

package/dist/types/constants/colors/grey.d.ts

@@ -1,10 +0,0 @@
-export declare enum GREY {
-    S500 = "#777777",
-    S400 = "#959595",
-    T10 = "#ADADAD",
-    S300 = "#CACACA",
-    S200 = "#E8E8E8",
-    S100 = "#F6F7F9",
-    S50 = "#FFFFFF",
-    BLUISH = "#D3D7DE"
-}

package/dist/types/constants/colors/index.d.ts

@@ -1,7 +0,0 @@
-export { BLUE } from './blue';
-export { GREEN } from './green';
-export { RED } from './red';
-export { YELLOW } from './yellow';
-export { BLACK } from './black';
-export { GREY } from './grey';
-export { WHITE } from './white';

package/dist/types/constants/colors/red.d.ts

@@ -1,5 +0,0 @@
-export declare enum RED {
-    S400 = "#B71515",
-    S300 = "#E22726",
-    S100 = "#FFF0F0"
-}

package/dist/types/constants/colors/white.d.ts

@@ -1,3 +0,0 @@
-export declare enum WHITE {
-    DEFAULT = "#FFFFFF"
-}

package/dist/types/constants/colors/yellow.d.ts

@@ -1,5 +0,0 @@
-export declare enum YELLOW {
-    S400 = "#8D7700",
-    S300 = "#E5C412",
-    S100 = "#FFFBE9"
-}

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

@@ -1,163 +0,0 @@
-import { BLACK, BLUE, GREEN, GREY, RED, YELLOW, WHITE } from 'src/constants/colors';
-export declare const xfersTheme: {
-    brand: {
-        primary: {
-            default: string;
-            emphasis: string;
-            background: string;
-            contrast: string;
-            illustration: string;
-        };
-        action: {
-            default: string;
-            hover: string;
-            disabledOpacity: number;
-        };
-    };
-    spacing: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    layout: {
-        desktop: string;
-        mobile: string;
-    };
-    text: {
-        default: BLACK;
-        white: WHITE;
-    };
-    button: {
-        background: WHITE;
-        color: GREEN;
-        border: GREY;
-        hover: BLACK;
-    };
-    actionButton: {
-        color: GREY;
-        hover: GREY;
-    };
-    neutral: {
-        text: GREY;
-        emphasis: GREY;
-        border: GREY;
-        background: GREY;
-        white: WHITE;
-        bluish: GREY;
-    };
-    success: {
-        text: GREEN;
-        emphasis: GREEN;
-        border: GREEN;
-        background: GREEN;
-    };
-    warning: {
-        text: YELLOW;
-        emphasis: YELLOW;
-        border: YELLOW;
-        background: YELLOW;
-    };
-    error: {
-        text: RED;
-        emphasis: RED;
-        border: RED;
-        background: RED;
-    };
-    notification: {
-        text: BLUE;
-        emphasis: BLUE;
-        background: BLUE;
-    };
-    card: {
-        background: {
-            default: WHITE;
-            dark: BLACK;
-        };
-    };
-    divider: {
-        background: GREY;
-    };
-};
-export declare const straitsXTheme: {
-    brand: {
-        primary: {
-            default: string;
-            emphasis: string;
-            background: string;
-            contrast: string;
-            illustration: string;
-        };
-        action: {
-            default: string;
-            hover: string;
-            disabledOpacity: number;
-        };
-    };
-    spacing: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    layout: {
-        desktop: string;
-        mobile: string;
-    };
-    text: {
-        default: BLACK;
-        white: WHITE;
-    };
-    button: {
-        background: WHITE;
-        color: GREEN;
-        border: GREY;
-        hover: BLACK;
-    };
-    actionButton: {
-        color: GREY;
-        hover: GREY;
-    };
-    neutral: {
-        text: GREY;
-        emphasis: GREY;
-        border: GREY;
-        background: GREY;
-        white: WHITE;
-        bluish: GREY;
-    };
-    success: {
-        text: GREEN;
-        emphasis: GREEN;
-        border: GREEN;
-        background: GREEN;
-    };
-    warning: {
-        text: YELLOW;
-        emphasis: YELLOW;
-        border: YELLOW;
-        background: YELLOW;
-    };
-    error: {
-        text: RED;
-        emphasis: RED;
-        border: RED;
-        background: RED;
-    };
-    notification: {
-        text: BLUE;
-        emphasis: BLUE;
-        background: BLUE;
-    };
-    card: {
-        background: {
-            default: WHITE;
-            dark: BLACK;
-        };
-    };
-    divider: {
-        background: GREY;
-    };
-};

package/dist/types/shared/themeContext.d.ts

@@ -1,89 +0,0 @@
-import React from 'react';
-import { straitsXTheme } from './theme';
-declare type ThemeProviderProps = {
-    theme: typeof straitsXTheme;
-    children: React.ReactChild;
-};
-declare const ThemeProvider: ({ theme, children }: ThemeProviderProps) => JSX.Element;
-declare const useTheme: () => {
-    brand: {
-        primary: {
-            default: string;
-            emphasis: string;
-            background: string;
-            contrast: string;
-            illustration: string;
-        };
-        action: {
-            default: string;
-            hover: string;
-            disabledOpacity: number;
-        };
-    };
-    spacing: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    layout: {
-        desktop: string;
-        mobile: string;
-    };
-    text: {
-        default: import("../constants/colors").BLACK;
-        white: import("../constants/colors").WHITE;
-    };
-    button: {
-        background: import("../constants/colors").WHITE;
-        color: import("../constants/colors").GREEN;
-        border: import("../constants/colors").GREY;
-        hover: import("../constants/colors").BLACK;
-    };
-    actionButton: {
-        color: import("../constants/colors").GREY;
-        hover: import("../constants/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;
-    };
-    success: {
-        text: import("../constants/colors").GREEN;
-        emphasis: import("../constants/colors").GREEN;
-        border: import("../constants/colors").GREEN;
-        background: import("../constants/colors").GREEN;
-    };
-    warning: {
-        text: import("../constants/colors").YELLOW;
-        emphasis: import("../constants/colors").YELLOW;
-        border: import("../constants/colors").YELLOW;
-        background: import("../constants/colors").YELLOW;
-    };
-    error: {
-        text: import("../constants/colors").RED;
-        emphasis: import("../constants/colors").RED;
-        border: import("../constants/colors").RED;
-        background: import("../constants/colors").RED;
-    };
-    notification: {
-        text: import("../constants/colors").BLUE;
-        emphasis: import("../constants/colors").BLUE;
-        background: import("../constants/colors").BLUE;
-    };
-    card: {
-        background: {
-            default: import("../constants/colors").WHITE;
-            dark: import("../constants/colors").BLACK;
-        };
-    };
-    divider: {
-        background: import("../constants/colors").GREY;
-    };
-};
-export { ThemeProvider, useTheme };