@peculiar/react-components 0.3.14 → 0.4.0

package/dist/cjs/styles/foundations/index.js

@@ -0,0 +1,34 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shadow = exports.colors = void 0;
+exports.colors = __importStar(require("./colors"));
+__exportStar(require("./sizes"), exports);
+__exportStar(require("./text"), exports);
+exports.shadow = __importStar(require("./shadow"));
+//# sourceMappingURL=index.js.map

package/dist/cjs/styles/foundations/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/foundations/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAAmC;AACnC,0CAAwB;AACxB,yCAAuB;AACvB,mDAAmC"}

package/dist/cjs/styles/foundations/shadow.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dark = exports.light = void 0;
+exports.light = {
+    'light-low': '0px 1px 3px rgba(85, 94, 98, 0.12), 0px 3px 3px rgba(85, 94, 98, 0.08), 0px 1px 7px rgba(85, 94, 98, 0.06)',
+    'light-medium': '0px 1px 4px rgba(85, 94, 98, 0.18), 0px 3px 5px rgba(85, 94, 98, 0.14), 0px 1px 10px rgba(85, 94, 98, 0.12)',
+    'light-hight': '0px 1px 8px -2px rgba(85, 94, 98, 0.2), 0px 5px 10px 0.2px rgba(85, 94, 98, 0.25), 0px 15px 20px 0.2px rgba(85, 94, 98, 0.21)',
+    'light-soft': '0px 15px 20px 0.2px rgba(92, 102, 106, 0.05), 0px 5px 10px 0.2px rgba(92, 102, 106, 0.03), 0px 1px 8px -2px rgba(92, 102, 106, 0.03)',
+    'dark-medium': '0px 1px 4px rgba(41, 48, 51, 0.18), 0px 3px 5px rgba(41, 48, 51, 0.16), 0px 1px 10px rgba(41, 48, 51, 0.14)',
+    'dark-hight': '0px 1px 8px -2px rgba(85, 94, 98, 0.2), 0px 5px 10px 0.2px rgba(85, 94, 98, 0.3), 0px 15px 20px 0.2px rgba(85, 94, 98, 0.25)',
+};
+exports.dark = {
+    'light-low': '0px 1px 7px 0px rgba(50, 56, 61, 0.06), 0px 3px 3px 0px rgba(50, 56, 61, 0.08), 0px 1px 3px 0px rgba(50, 56, 61, 0.12)',
+    'light-medium': '0px 1px 10px 0px rgba(50, 56, 61, 0.12), 0px 3px 5px 0px rgba(50, 56, 61, 0.14), 0px 1px 4px 0px rgba(50, 56, 61, 0.18)',
+    'light-hight': '0px 15px 20px 0.2px rgba(50, 56, 61, 0.21), 0px 5px 10px 0.2px rgba(50, 56, 61, 0.25), 0px 1px 8px -2px rgba(50, 56, 61, 0.20)',
+    'light-soft': '0px 15px 20px 0.2px rgba(50, 56, 61, 0.05), 0px 5px 10px 0.2px rgba(50, 56, 61, 0.03), 0px 1px 8px -2px rgba(50, 56, 61, 0.03)',
+    'dark-medium': '0px 1px 10px 0px rgba(25, 26, 28, 0.14), 0px 3px 5px 0px rgba(25, 26, 28, 0.16), 0px 1px 4px 0px rgba(25, 26, 28, 0.18)',
+    'dark-hight': '0px 15px 20px 0.2px rgba(25, 26, 28, 0.25), 0px 5px 10px 0.2px rgba(25, 26, 28, 0.30), 0px 1px 8px -2px rgba(25, 26, 28, 0.20)',
+};
+//# sourceMappingURL=shadow.js.map

package/dist/cjs/styles/foundations/shadow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadow.js","sourceRoot":"","sources":["../../../../src/styles/foundations/shadow.ts"],"names":[],"mappings":";;;AAAa,QAAA,KAAK,GAAG;IACnB,WAAW,EACT,4GAA4G;IAC9G,cAAc,EACZ,6GAA6G;IAC/G,aAAa,EACX,+HAA+H;IACjI,YAAY,EACV,sIAAsI;IACxI,aAAa,EACX,6GAA6G;IAC/G,YAAY,EACV,8HAA8H;CACjI,CAAC;AAEW,QAAA,IAAI,GAAG;IAClB,WAAW,EACT,wHAAwH;IAC1H,cAAc,EACZ,yHAAyH;IAC3H,aAAa,EACX,gIAAgI;IAClI,YAAY,EACV,gIAAgI;IAClI,aAAa,EACX,yHAAyH;IAC3H,YAAY,EACV,gIAAgI;CACnI,CAAC"}

package/dist/cjs/styles/{sizes/base.js → foundations/sizes.js}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.base = exports.generateBaseSize = void 0;
-var generateBaseSize = function (grid) {
+exports.size = exports.generateSize = void 0;
+var generateSize = function (grid) {
     if (grid === void 0) { grid = 5; }
     return ({
         'base-half': "".concat(grid / 2, "px"),
@@ -21,6 +21,6 @@ var generateBaseSize = function (grid) {
         'base-16': "".concat(grid * 16, "px"),
     });
 };
-exports.generateBaseSize = generateBaseSize;
-exports.base = (0, exports.generateBaseSize)();
-//# sourceMappingURL=base.js.map
+exports.generateSize = generateSize;
+exports.size = (0, exports.generateSize)();
+//# sourceMappingURL=sizes.js.map

package/dist/cjs/styles/foundations/sizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.js","sourceRoot":"","sources":["../../../../src/styles/foundations/sizes.ts"],"names":[],"mappings":";;;AAAO,IAAM,YAAY,GAAG,UAAC,IAAgB;IAAhB,qBAAA,EAAA,QAAgB;IAAK,OAAA,CAAC;QACjD,WAAW,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QAC5B,IAAI,EAAE,UAAG,IAAI,OAAI;QACjB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,SAAS,EAAE,UAAG,IAAI,GAAG,EAAE,OAAI;QAC3B,SAAS,EAAE,UAAG,IAAI,GAAG,EAAE,OAAI;QAC3B,SAAS,EAAE,UAAG,IAAI,GAAG,EAAE,OAAI;QAC3B,SAAS,EAAE,UAAG,IAAI,GAAG,EAAE,OAAI;QAC3B,SAAS,EAAE,UAAG,IAAI,GAAG,EAAE,OAAI;KAC5B,CAAC;AAhBgD,CAgBhD,CAAC;AAhBU,QAAA,YAAY,gBAgBtB;AAEU,QAAA,IAAI,GAAG,IAAA,oBAAY,GAAE,CAAC"}

package/dist/cjs/styles/foundations/text.js

@@ -0,0 +1,132 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.text = void 0;
+exports.text = {
+    /**
+     * h1
+     */
+    h1: {
+        weight: '800',
+        size: '30px',
+        height: '40px',
+        spacing: '0.1px',
+    },
+    /**
+     * h2
+     */
+    h2: {
+        weight: '800',
+        size: '24px',
+        height: '35px',
+        spacing: '0.1px',
+    },
+    /**
+     * h3
+     */
+    h3: {
+        weight: '700',
+        size: '20px',
+        height: '30px',
+        spacing: '0.2px',
+    },
+    /**
+     * h4
+     */
+    h4: {
+        weight: '700',
+        size: '18px',
+        height: '28px',
+        spacing: '0.2px',
+    },
+    /**
+     * h5
+     */
+    h5: {
+        weight: '700',
+        size: '16px',
+        height: '25px',
+        spacing: '0.15px',
+    },
+    /**
+     * subtitle1
+     */
+    s1: {
+        weight: '600',
+        size: '15px',
+        height: '25px',
+        spacing: '0.25px',
+    },
+    /**
+     * subtitle2
+     */
+    s2: {
+        weight: '600',
+        size: '14px',
+        height: '22px',
+        spacing: '0.25px',
+    },
+    /**
+     * body1
+     */
+    b1: {
+        weight: '400',
+        size: '15px',
+        height: '25px',
+        spacing: '0.4px',
+    },
+    /**
+     * body2
+     */
+    b2: {
+        weight: '400',
+        size: '14px',
+        height: '22px',
+        spacing: '0.4px',
+    },
+    /**
+     * body3
+     */
+    b3: {
+        weight: '400',
+        size: '13px',
+        height: '20px',
+        spacing: '0.55px',
+    },
+    /**
+     * button1
+     */
+    btn1: {
+        weight: '700',
+        size: '14px',
+        height: '20px',
+        spacing: '0.2px',
+    },
+    /**
+     * button2
+     */
+    btn2: {
+        weight: '700',
+        size: '13px',
+        height: '17px',
+        spacing: '0.2px',
+    },
+    /**
+     * caption1
+     */
+    c1: {
+        weight: '400',
+        size: '12px',
+        height: '17px',
+        spacing: '0.45px',
+    },
+    /**
+     * caption2
+     */
+    c2: {
+        weight: '400',
+        size: '11px',
+        height: '15px',
+        spacing: '0.5px',
+    },
+};
+//# sourceMappingURL=text.js.map

package/dist/cjs/styles/foundations/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/styles/foundations/text.ts"],"names":[],"mappings":";;;AAAa,QAAA,IAAI,GAAG;IAClB;;OAEG;IACH,EAAE,EAAE;QACF,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,OAAO;KACjB;IACD;;OAEG;IACH,EAAE,EAAE;QACF,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,OAAO;KACjB;IACD;;OAEG;IACH,EAAE,EAAE;QACF,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,OAAO;KACjB;IACD;;OAEG;IACH,EAAE,EAAE;QACF,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,OAAO;KACjB;IACD;;OAEG;IACH,EAAE,EAAE;QACF,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,QAAQ;KAClB;IACD;;OAEG;IACH,EAAE,EAAE;QACF,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,QAAQ;KAClB;IACD;;OAEG;IACH,EAAE,EAAE;QACF,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,QAAQ;KAClB;IACD;;OAEG;IACH,EAAE,EAAE;QACF,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,OAAO;KACjB;IACD;;OAEG;IACH,EAAE,EAAE;QACF,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,OAAO;KACjB;IACD;;OAEG;IACH,EAAE,EAAE;QACF,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,QAAQ;KAClB;IACD;;OAEG;IACH,IAAI,EAAE;QACJ,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,OAAO;KACjB;IACD;;OAEG;IACH,IAAI,EAAE;QACJ,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,OAAO;KACjB;IACD;;OAEG;IACH,EAAE,EAAE;QACF,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,QAAQ;KAClB;IACD;;OAEG;IACH,EAAE,EAAE;QACF,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,OAAO;KACjB;CACF,CAAC"}

package/dist/cjs/styles/index.js

@@ -14,15 +14,11 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultTheme = exports.cache = exports.keyframes = exports.cx = exports.css = exports.ThemeProvider = void 0;
+exports.defaultThemeDark = exports.defaultThemeLight = exports.ThemeProvider = void 0;
 var theme_provider_1 = require("./theme_provider");
 Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return theme_provider_1.ThemeProvider; } });
-var css_1 = require("./css");
-Object.defineProperty(exports, "css", { enumerable: true, get: function () { return css_1.css; } });
-Object.defineProperty(exports, "cx", { enumerable: true, get: function () { return css_1.cx; } });
-Object.defineProperty(exports, "keyframes", { enumerable: true, get: function () { return css_1.keyframes; } });
-Object.defineProperty(exports, "cache", { enumerable: true, get: function () { return css_1.cache; } });
 __exportStar(require("./types"), exports);
 var default_theme_1 = require("./default_theme");
-Object.defineProperty(exports, "defaultTheme", { enumerable: true, get: function () { return default_theme_1.defaultTheme; } });
+Object.defineProperty(exports, "defaultThemeLight", { enumerable: true, get: function () { return default_theme_1.defaultThemeLight; } });
+Object.defineProperty(exports, "defaultThemeDark", { enumerable: true, get: function () { return default_theme_1.defaultThemeDark; } });
 //# sourceMappingURL=index.js.map

package/dist/cjs/styles/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,mDAAiD;AAAxC,+GAAA,aAAa,OAAA;AACtB,6BAKe;AAJb,0FAAA,GAAG,OAAA;AACH,yFAAA,EAAE,OAAA;AACF,gGAAA,SAAS,OAAA;AACT,4FAAA,KAAK,OAAA;AAEP,0CAAwB;AACxB,iDAA+C;AAAtC,6GAAA,YAAY,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,mDAAiD;AAAxC,+GAAA,aAAa,OAAA;AACtB,0CAAwB;AACxB,iDAAsE;AAA7D,kHAAA,iBAAiB,OAAA;AAAE,iHAAA,gBAAgB,OAAA"}

package/dist/cjs/styles/theme_provider.js

@@ -27,19 +27,23 @@ exports.ThemeProvider = void 0;
 var React = __importStar(require("react"));
 var react_1 = require("@emotion/react");
 var utils_1 = require("./utils");
-var default_theme_1 = require("./default_theme");
+/**
+ *
+ */
 var ThemeProvider = function (props) {
-    var children = props.children, themeProp = props.theme;
-    var theme = React.useMemo(function () {
-        var output = themeProp ? (0, utils_1.createTheme)(themeProp) : default_theme_1.defaultTheme;
-        return output;
-    }, [themeProp]);
+    var children = props.children, mode = props.mode, themeProp = props.theme;
+    var theme = React.useMemo(function () { return (0, utils_1.createThemeCSSVariablesFromObject)((0, utils_1.createTheme)(mode, themeProp)); }, [themeProp, mode]);
     return (React.createElement(React.Fragment, null,
         React.createElement(react_1.Global, { styles: {
-                'html, ::backdrop': (0, utils_1.createThemeCSSVariablesFromObject)(theme),
+                'html, ::backdrop': theme,
             } }),
-        children));
+        React.createElement(react_1.ThemeProvider, { theme: {
+                mode: mode,
+            } }, children)));
 };
 exports.ThemeProvider = ThemeProvider;
 exports.ThemeProvider.displayName = 'ThemeProvider';
+exports.ThemeProvider.defaultProps = {
+    mode: 'light',
+};
 //# sourceMappingURL=theme_provider.js.map

package/dist/cjs/styles/theme_provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,wCAAwC;AACxC,iCAAyE;AACzE,iDAA+C;AAQxC,IAAM,aAAa,GAAiC,UAAC,KAAK;IAE7D,IAAA,QAAQ,GAEN,KAAK,SAFC,EACD,SAAS,GACd,KAAK,MADS,CACR;IAEV,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;QAC1B,IAAM,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,IAAA,mBAAW,EAAC,SAAS,CAAC,CAAC,CAAC,CAAC,4BAAY,CAAC;QAEjE,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL;QACE,oBAAC,cAAM,IACL,MAAM,EAAE;gBACN,kBAAkB,EAAE,IAAA,yCAAiC,EAAC,KAAK,CAAC;aAC7D,GACD;QACD,QAAQ,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,aAAa,iBAsBxB;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
+{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,wCAA+E;AAC/E,iCAAyE;AAWzE;;GAEG;AAEI,IAAM,aAAa,GAAiC,UAAC,KAAK;IAE7D,IAAA,QAAQ,GAGN,KAAK,SAHC,EACR,IAAI,GAEF,KAAK,KAFH,EACG,SAAS,GACd,KAAK,MADS,CACR;IAEV,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CACzB,cAAM,OAAA,IAAA,yCAAiC,EAAC,IAAA,mBAAW,EAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EAA/D,CAA+D,EACrE,CAAC,SAAS,EAAE,IAAI,CAAC,CAClB,CAAC;IAEF,OAAO,CACL;QACE,oBAAC,cAAM,IACL,MAAM,EAAE;gBACN,kBAAkB,EAAE,KAAK;aAC1B,GACD;QACF,oBAAC,qBAAoB,IACnB,KAAK,EAAE;gBACL,IAAI,MAAA;aACL,IAEA,QAAQ,CACY,CACtB,CACJ,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,aAAa,iBA4BxB;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,qBAAa,CAAC,YAAY,GAAG;IAC3B,IAAI,EAAE,OAAO;CACd,CAAC"}

package/dist/cjs/styles/utils.js

@@ -19,29 +19,50 @@ var flat_1 = __importDefault(require("flat"));
 var deepmerge_1 = __importDefault(require("deepmerge"));
 var color_1 = require("@peculiar/color");
 var default_theme_1 = require("./default_theme");
-var colors_1 = require("./colors");
-var sizes_1 = require("./sizes");
+var foundations_1 = require("./foundations");
 exports.themeCSSVariablePrefix = 'pv';
 exports.contrastThreshold = 2;
-var createTheme = function (options) {
-    var _a, _b, _c, _d;
-    var primary = (0, colors_1.generatePrimaryColors)((_a = options === null || options === void 0 ? void 0 : options.color) === null || _a === void 0 ? void 0 : _a.primary);
-    var secondary = (0, colors_1.generateSecondaryColors)((_b = options === null || options === void 0 ? void 0 : options.color) === null || _b === void 0 ? void 0 : _b.secondary);
-    var wrong = (0, colors_1.generateWrongColors)((_c = options === null || options === void 0 ? void 0 : options.color) === null || _c === void 0 ? void 0 : _c.wrong);
-    var attention = (0, colors_1.generateAttentionColors)((_d = options === null || options === void 0 ? void 0 : options.color) === null || _d === void 0 ? void 0 : _d.attention);
-    var size = (0, sizes_1.generateBaseSize)(options === null || options === void 0 ? void 0 : options.size);
-    function getContrastText(background) {
+var createTheme = function (mode, options) {
+    var _a, _b, _c, _d, _e;
+    var defaultTheme = mode === 'dark' ? default_theme_1.defaultThemeDark : default_theme_1.defaultThemeLight;
+    var getContrastText = function (background) {
         var contrastRatio = new color_1.Color(background)
-            .getContrastRatio(default_theme_1.defaultTheme.color.white);
+            .getContrastRatio(defaultTheme.color.white);
         return contrastRatio > exports.contrastThreshold
-            ? default_theme_1.defaultTheme.color.white
-            : default_theme_1.defaultTheme.color.black;
-    }
-    var partialTheme = (0, deepmerge_1.default)(options, {
-        color: __assign(__assign(__assign(__assign(__assign(__assign({}, primary), secondary), wrong), attention), { 'primary-contrast': getContrastText(primary.primary), 'secondary-contrast': getContrastText(secondary.secondary), 'wrong-contrast': getContrastText(wrong.wrong) }), options === null || options === void 0 ? void 0 : options.color),
-        size: size,
-    });
-    return (0, deepmerge_1.default)(default_theme_1.defaultTheme, partialTheme);
+            ? defaultTheme.color.white
+            : defaultTheme.color.black;
+    };
+    var primary = ((_a = options === null || options === void 0 ? void 0 : options.color) === null || _a === void 0 ? void 0 : _a.primary)
+        ? foundations_1.colors.generateColorPalette('primary', options.color.primary)
+        : undefined;
+    var secondary = ((_b = options === null || options === void 0 ? void 0 : options.color) === null || _b === void 0 ? void 0 : _b.secondary)
+        ? foundations_1.colors.generateColorPalette('secondary', options.color.secondary)
+        : undefined;
+    var wrong = ((_c = options === null || options === void 0 ? void 0 : options.color) === null || _c === void 0 ? void 0 : _c.wrong)
+        ? foundations_1.colors.generateColorPalette('wrong', options.color.wrong)
+        : undefined;
+    var attention = ((_d = options === null || options === void 0 ? void 0 : options.color) === null || _d === void 0 ? void 0 : _d.attention)
+        ? foundations_1.colors.generateColorPalette('attention', options.color.attention)
+        : undefined;
+    var success = ((_e = options === null || options === void 0 ? void 0 : options.color) === null || _e === void 0 ? void 0 : _e.success)
+        ? foundations_1.colors.generateColorPalette('success', options.color.success)
+        : undefined;
+    return {
+        color: deepmerge_1.default.all([
+            defaultTheme.color,
+            __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, primary || {}), secondary || {}), wrong || {}), attention || {}), success || {}), (primary ? {
+                'primary-contrast': getContrastText(primary.primary),
+            } : {})), (secondary ? {
+                'secondary-contrast': getContrastText(secondary.secondary),
+            } : {})), (wrong ? {
+                'wrong-contrast': getContrastText(wrong.wrong),
+            } : {})),
+            (options === null || options === void 0 ? void 0 : options.color) || {},
+        ]),
+        shadow: (0, deepmerge_1.default)(defaultTheme.shadow, (options === null || options === void 0 ? void 0 : options.shadow) || {}),
+        text: (0, deepmerge_1.default)(defaultTheme.text, (options === null || options === void 0 ? void 0 : options.text) || {}),
+        size: (0, foundations_1.generateSize)(options === null || options === void 0 ? void 0 : options.size),
+    };
 };
 exports.createTheme = createTheme;
 var createThemeCSSVariablesFromObject = function (object) {

package/dist/cjs/styles/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/styles/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,8CAAwB;AACxB,wDAAkC;AAClC,yCAAwC;AACxC,iDAA+C;AAE/C,mCAKkB;AAClB,iCAEiB;AAEJ,QAAA,sBAAsB,GAAG,IAAI,CAAC;AAC9B,QAAA,iBAAiB,GAAG,CAAC,CAAC;AAE5B,IAAM,WAAW,GAAG,UAAC,OAA0B;;IACpD,IAAM,OAAO,GAAG,IAAA,8BAAqB,EAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,OAAO,CAAC,CAAC;IAC/D,IAAM,SAAS,GAAG,IAAA,gCAAuB,EAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,SAAS,CAAC,CAAC;IACrE,IAAM,KAAK,GAAG,IAAA,4BAAmB,EAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,KAAK,CAAC,CAAC;IACzD,IAAM,SAAS,GAAG,IAAA,gCAAuB,EAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,SAAS,CAAC,CAAC;IACrE,IAAM,IAAI,GAAG,IAAA,wBAAgB,EAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,CAAC;IAE7C,SAAS,eAAe,CAAC,UAAkB;QACzC,IAAM,aAAa,GAAG,IAAI,aAAK,CAAC,UAAU,CAAC;aACxC,gBAAgB,CAAC,4BAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAE9C,OAAO,aAAa,GAAG,yBAAiB;YACtC,CAAC,CAAC,4BAAY,CAAC,KAAK,CAAC,KAAK;YAC1B,CAAC,CAAC,4BAAY,CAAC,KAAK,CAAC,KAAK,CAAC;IAC/B,CAAC;IAED,IAAM,YAAY,GAAG,IAAA,mBAAS,EAAC,OAAO,EAAE;QACtC,KAAK,EAAE,0DACF,OAAO,GACP,SAAS,GACT,KAAK,GACL,SAAS,KACZ,kBAAkB,EAAE,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,EACpD,oBAAoB,EAAE,eAAe,CAAC,SAAS,CAAC,SAAS,CAAC,EAC1D,gBAAgB,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,KAC3C,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CACoB;QACvC,IAAI,MAAA;KACL,CAAC,CAAC;IAEH,OAAO,IAAA,mBAAS,EAAC,4BAAY,EAAE,YAAY,CAAC,CAAC;AAC/C,CAAC,CAAC;AA/BW,QAAA,WAAW,eA+BtB;AAEK,IAAM,iCAAiC,GAAG,UAAC,MAA2B;;IAC3E,IAAM,OAAO,GAAG,IAAA,cAAI;QAEhB,GAAC,YAAK,8BAAsB,CAAE,IAAG,MAAM;aAEzC,EAAE,SAAS,EAAE,GAAG,EAAE,CACnB,CAAC;IAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AATW,QAAA,iCAAiC,qCAS5C"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/styles/utils.ts"],"names":[],"mappings":"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"}

package/dist/esm/Alert/alert.js

@@ -21,35 +21,64 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import * as React from 'react';
-import { Box } from '../Box';
+import styled from '@emotion/styled';
 import { Typography } from '../Typography';
 import { IconButton } from '../IconButton';
 import { CircularProgress } from '../CircularProgress';
 import { CloseCircleIcon, WarningIcon, CheckCircleIcon, CloseIcon, } from '../icons';
-import { css, cx } from '../styles';
-var stylesBase = function () { return css({
-    label: 'Alert',
+/**
+ *
+ */
+/**
+ * Styles.
+ */
+var AlertRoot = styled('div')({
     width: '100%',
     display: 'flex',
     padding: 'var(--pv-size-base-2) var(--pv-size-base-4)',
     boxSizing: 'border-box',
-}); };
-var stylesIcon = function (variant) { return css(__assign(__assign(__assign({ label: 'Alert-icon', marginRight: 'var(--pv-size-base-2)', width: '24px', display: 'flex', padding: 'var(--pv-size-base-half) 0px', justifyContent: 'center', alignItems: 'center' }, (variant === 'wrong' && {
+    borderRadius: '4px',
+}, function (props) {
+    var isDark = props.theme.mode === 'dark';
+    var backgroundColor;
+    if (props.variant === 'wrong') {
+        if (isDark) {
+            backgroundColor = 'var(--pv-color-wrong-shade-4)';
+        }
+        else {
+            backgroundColor = 'var(--pv-color-wrong-tint-5)';
+        }
+        return {
+            backgroundColor: backgroundColor,
+        };
+    }
+    if (isDark) {
+        backgroundColor = 'var(--pv-color-gray-2)';
+    }
+    else {
+        backgroundColor = 'var(--pv-color-black)';
+    }
+    return {
+        backgroundColor: backgroundColor,
+    };
+});
+var AlertIcon = styled('div')(function (props) { return (__assign(__assign(__assign({ marginRight: 'var(--pv-size-base-2)', width: '24px', display: 'flex', padding: 'var(--pv-size-base-half) 0px', justifyContent: 'center', alignItems: 'center' }, (props.variant === 'wrong' && {
     color: 'var(--pv-color-wrong)',
-})), (variant === 'attention' && {
+})), (props.variant === 'attention' && {
     color: 'var(--pv-color-attention)',
-})), (variant === 'success' && {
+})), (props.variant === 'success' && {
     color: 'var(--pv-color-success)',
-}))); };
-var stylesText = function () { return css({
-    label: 'Alert-text',
+}))); });
+var AlertMessage = styled(Typography)({
     padding: 'var(--pv-size-base) 0px',
     flex: '1',
     minHeight: 'var(--pv-text-b3-height)',
-}); };
+});
+/**
+ *
+ */
 export var Alert = React.forwardRef(function (props, ref) {
-    var _a, _b;
-    var children = props.children, variant = props.variant, className = props.className, disableIcon = props.disableIcon, onClose = props.onClose, other = __rest(props, ["children", "variant", "className", "disableIcon", "onClose"]);
+    var children = props.children, variant = props.variant, disableIcon = props.disableIcon, onClose = props.onClose, other = __rest(props, ["children", "variant", "disableIcon", "onClose"]);
     var renderIcon = function () {
         if (variant === 'wrong') {
             return (React.createElement(CloseCircleIcon, null));
@@ -65,14 +94,9 @@ export var Alert = React.forwardRef(function (props, ref) {
         }
         return null;
     };
-    return (React.createElement(Box, __assign({}, other, { ref: ref, role: "alert", borderRadius: 4, background: variant === 'wrong' ? 'wrong-tint-5' : 'black', className: cx((_a = {},
-            _a[stylesBase()] = true,
-            _a[className] = !!className,
-            _a)) }),
-        !disableIcon && (React.createElement("div", { className: cx(stylesIcon(variant)) }, renderIcon())),
-        React.createElement(Typography, { variant: "b3", color: variant === 'wrong' ? 'wrong' : 'white', className: cx((_b = {},
-                _b[stylesText()] = true,
-                _b)) }, children),
+    return (React.createElement(AlertRoot, __assign({ ref: ref, role: "alert", variant: variant }, other),
+        !disableIcon && (React.createElement(AlertIcon, { variant: variant }, renderIcon())),
+        React.createElement(AlertMessage, { variant: "b3", color: variant === 'wrong' ? 'wrong' : 'white' }, children),
         onClose && (React.createElement(IconButton, { size: "small", color: variant === 'wrong' ? 'wrong' : 'white', circled: true, onClick: onClose },
             React.createElement(CloseIcon, null)))));
 });

package/dist/esm/Alert/alert.js.map

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