@peculiar/react-components 0.3.14 → 0.4.0

package/dist/esm/styles/default_theme.js

@@ -9,145 +9,17 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { grayscale, primary, secondary, wrong, attention, additional, success, } from './colors';
-import { base } from './sizes';
-export var defaultTheme = {
-    color: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, primary), { 'primary-contrast': grayscale.white }), secondary), { 'secondary-contrast': grayscale.white }), wrong), { 'wrong-contrast': grayscale.white }), attention), success), grayscale), additional),
-    shadow: {
-        '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)',
-        '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)',
-    },
-    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',
-        },
-    },
-    size: __assign({}, base),
+import { size, text, shadow, colors, } from './foundations';
+export var defaultThemeLight = {
+    color: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, colors.primary), { 'primary-contrast': colors.grayscale.white }), colors.secondary), { 'secondary-contrast': colors.grayscale.white }), colors.wrong), { 'wrong-contrast': colors.grayscale.white }), colors.attention), colors.success), colors.grayscale), colors.additional),
+    shadow: shadow.light,
+    text: text,
+    size: size,
+};
+export var defaultThemeDark = {
+    color: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, colors.primaryDark), { 'primary-contrast': colors.grayscaleDark.white }), colors.secondaryDark), { 'secondary-contrast': colors.grayscaleDark.white }), colors.wrongDark), { 'wrong-contrast': colors.grayscaleDark.white }), colors.attentionDark), colors.successDark), colors.grayscaleDark), colors.additionalDark),
+    shadow: shadow.dark,
+    text: text,
+    size: size,
 };
 //# sourceMappingURL=default_theme.js.map

package/dist/esm/styles/default_theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"default_theme.js","sourceRoot":"","sources":["../../../src/styles/default_theme.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"default_theme.js","sourceRoot":"","sources":["../../../src/styles/default_theme.ts"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,MAAM,GACP,MAAM,eAAe,CAAC;AAEvB,MAAM,CAAC,IAAM,iBAAiB,GAAc;IAC1C,KAAK,gGAIA,MAAM,CAAC,OAAO,KACjB,kBAAkB,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,KAIvC,MAAM,CAAC,SAAS,KACnB,oBAAoB,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,KAIzC,MAAM,CAAC,KAAK,KACf,gBAAgB,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,KAIrC,MAAM,CAAC,SAAS,GAIhB,MAAM,CAAC,OAAO,GAId,MAAM,CAAC,SAAS,GAIhB,MAAM,CAAC,UAAU,CACrB;IACD,MAAM,EAAE,MAAM,CAAC,KAAK;IACpB,IAAI,MAAA;IACJ,IAAI,MAAA;CACL,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAc;IACzC,KAAK,gGAIA,MAAM,CAAC,WAAW,KACrB,kBAAkB,EAAE,MAAM,CAAC,aAAa,CAAC,KAAK,KAI3C,MAAM,CAAC,aAAa,KACvB,oBAAoB,EAAE,MAAM,CAAC,aAAa,CAAC,KAAK,KAI7C,MAAM,CAAC,SAAS,KACnB,gBAAgB,EAAE,MAAM,CAAC,aAAa,CAAC,KAAK,KAIzC,MAAM,CAAC,aAAa,GAIpB,MAAM,CAAC,WAAW,GAIlB,MAAM,CAAC,aAAa,GAIpB,MAAM,CAAC,cAAc,CACzB;IACD,MAAM,EAAE,MAAM,CAAC,IAAI;IACnB,IAAI,MAAA;IACJ,IAAI,MAAA;CACL,CAAC"}

package/dist/esm/styles/foundations/colors.js

@@ -0,0 +1,65 @@
+import { Color } from '@peculiar/color';
+export var generateColorPalette = function (name, hex) {
+    var _a;
+    var palette = new Color(hex).palette();
+    return _a = {},
+        _a["".concat(name, "-tint-5")] = palette.tint5.toHexString(),
+        _a["".concat(name, "-tint-4")] = palette.tint4.toHexString(),
+        _a["".concat(name, "-tint-3")] = palette.tint3.toHexString(),
+        _a["".concat(name, "-tint-2")] = palette.tint2.toHexString(),
+        _a["".concat(name, "-tint-1")] = palette.tint1.toHexString(),
+        _a[name] = palette.base.toHexString(),
+        _a["".concat(name, "-shade-1")] = palette.shade1.toHexString(),
+        _a["".concat(name, "-shade-2")] = palette.shade2.toHexString(),
+        _a["".concat(name, "-shade-3")] = palette.shade3.toHexString(),
+        _a["".concat(name, "-shade-4")] = palette.shade4.toHexString(),
+        _a["".concat(name, "-shade-5")] = palette.shade5.toHexString(),
+        _a;
+};
+export var additional = {
+    'extra-1': '#826FF6',
+    'extra-2': '#DC6CDF',
+};
+export var additionalDark = {
+    'extra-1': '#826FF6',
+    'extra-2': '#EC9CEE',
+};
+export var grayscale = {
+    white: '#FFFFFF',
+    'gray-1': '#FBFCFD',
+    'gray-2': '#F4F7FC',
+    'gray-3': '#EFF1F6',
+    'gray-4': '#EAEDF2',
+    'gray-5': '#E3E5E8',
+    'gray-6': '#D8DBDE',
+    'gray-7': '#CDD1D5',
+    'gray-8': '#C4C8CC',
+    'gray-9': '#8F999E',
+    'gray-10': '#5C666A',
+    black: '#293033',
+};
+export var grayscaleDark = {
+    white: '#FAFAFA',
+    'gray-1': '#2D3338',
+    'gray-2': '#32383D',
+    'gray-3': '#40474D',
+    'gray-4': '#4F565C',
+    'gray-5': '#5B6266',
+    'gray-6': '#7E8388',
+    'gray-7': '#A9ADAF',
+    'gray-8': '#D4D6D7',
+    'gray-9': '#E9EAEB',
+    'gray-10': '#ECEDED',
+    black: '#23292B',
+};
+export var primary = generateColorPalette('primary', '#5EBC54');
+export var primaryDark = generateColorPalette('primary', '#499940');
+export var secondary = generateColorPalette('secondary', '#377FF4');
+export var secondaryDark = generateColorPalette('secondary', '#67A0FF');
+export var attention = generateColorPalette('attention', '#F7A831');
+export var attentionDark = generateColorPalette('attention', '#FFC369');
+export var success = generateColorPalette('success', '#33CC99');
+export var successDark = generateColorPalette('success', '#61EDBE');
+export var wrong = generateColorPalette('wrong', '#DE4641');
+export var wrongDark = generateColorPalette('wrong', '#F55D58');
+//# sourceMappingURL=colors.js.map

package/dist/esm/styles/foundations/colors.js.map

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

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

@@ -0,0 +1,7 @@
+import * as colors_1 from './colors';
+export { colors_1 as colors };
+export * from './sizes';
+export * from './text';
+import * as shadow_1 from './shadow';
+export { shadow_1 as shadow };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/foundations/index.ts"],"names":[],"mappings":"0BAAwB,UAAU;qBAAtB,MAAM;AAClB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;0BACC,UAAU;qBAAtB,MAAM"}

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

@@ -0,0 +1,17 @@
+export var 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)',
+};
+export var 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/esm/styles/foundations/shadow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadow.js","sourceRoot":"","sources":["../../../../src/styles/foundations/shadow.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,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;AAEF,MAAM,CAAC,IAAM,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/esm/styles/{sizes/base.js → foundations/sizes.js}

@@ -1,4 +1,4 @@
-export var generateBaseSize = function (grid) {
+export var generateSize = function (grid) {
     if (grid === void 0) { grid = 5; }
     return ({
         'base-half': "".concat(grid / 2, "px"),
@@ -18,5 +18,5 @@ export var generateBaseSize = function (grid) {
         'base-16': "".concat(grid * 16, "px"),
     });
 };
-export var base = generateBaseSize();
-//# sourceMappingURL=base.js.map
+export var size = generateSize();
+//# sourceMappingURL=sizes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.js","sourceRoot":"","sources":["../../../../src/styles/foundations/sizes.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,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;AAEH,MAAM,CAAC,IAAM,IAAI,GAAG,YAAY,EAAE,CAAC"}

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

@@ -0,0 +1,129 @@
+export var 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/esm/styles/foundations/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/styles/foundations/text.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,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/esm/styles/index.js

@@ -1,5 +1,4 @@
 export { ThemeProvider } from './theme_provider';
-export { css, cx, keyframes, cache, } from './css';
 export * from './types';
-export { defaultTheme } from './default_theme';
+export { defaultThemeLight, defaultThemeDark } from './default_theme';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EACL,GAAG,EACH,EAAE,EACF,SAAS,EACT,KAAK,GACN,MAAM,OAAO,CAAC;AACf,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/esm/styles/theme_provider.js

@@ -1,18 +1,22 @@
 import * as React from 'react';
-import { Global } from '@emotion/react';
+import { Global, ThemeProvider as ThemeProviderEmotion } from '@emotion/react';
 import { createTheme, createThemeCSSVariablesFromObject } from './utils';
-import { defaultTheme } from './default_theme';
+/**
+ *
+ */
 export var ThemeProvider = function (props) {
-    var children = props.children, themeProp = props.theme;
-    var theme = React.useMemo(function () {
-        var output = themeProp ? createTheme(themeProp) : defaultTheme;
-        return output;
-    }, [themeProp]);
+    var children = props.children, mode = props.mode, themeProp = props.theme;
+    var theme = React.useMemo(function () { return createThemeCSSVariablesFromObject(createTheme(mode, themeProp)); }, [themeProp, mode]);
     return (React.createElement(React.Fragment, null,
         React.createElement(Global, { styles: {
-                'html, ::backdrop': createThemeCSSVariablesFromObject(theme),
+                'html, ::backdrop': theme,
             } }),
-        children));
+        React.createElement(ThemeProviderEmotion, { theme: {
+                mode: mode,
+            } }, children)));
 };
 ThemeProvider.displayName = 'ThemeProvider';
+ThemeProvider.defaultProps = {
+    mode: 'light',
+};
 //# sourceMappingURL=theme_provider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,iCAAiC,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAQ/C,MAAM,CAAC,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,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;QAEjE,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL;QACE,oBAAC,MAAM,IACL,MAAM,EAAE;gBACN,kBAAkB,EAAE,iCAAiC,CAAC,KAAK,CAAC;aAC7D,GACD;QACD,QAAQ,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
+{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,aAAa,IAAI,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,iCAAiC,EAAE,MAAM,SAAS,CAAC;AAWzE;;GAEG;AAEH,MAAM,CAAC,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,iCAAiC,CAAC,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EAA/D,CAA+D,EACrE,CAAC,SAAS,EAAE,IAAI,CAAC,CAClB,CAAC;IAEF,OAAO,CACL;QACE,oBAAC,MAAM,IACL,MAAM,EAAE;gBACN,kBAAkB,EAAE,KAAK;aAC1B,GACD;QACF,oBAAC,oBAAoB,IACnB,KAAK,EAAE;gBACL,IAAI,MAAA;aACL,IAEA,QAAQ,CACY,CACtB,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,aAAa,CAAC,YAAY,GAAG;IAC3B,IAAI,EAAE,OAAO;CACd,CAAC"}

package/dist/esm/styles/utils.js

@@ -12,30 +12,51 @@ var __assign = (this && this.__assign) || function () {
 import flat from 'flat';
 import deepmerge from 'deepmerge';
 import { Color } from '@peculiar/color';
-import { defaultTheme } from './default_theme';
-import { generateWrongColors, generateSecondaryColors, generatePrimaryColors, generateAttentionColors, } from './colors';
-import { generateBaseSize, } from './sizes';
+import { defaultThemeLight, defaultThemeDark } from './default_theme';
+import { colors, generateSize, } from './foundations';
 export var themeCSSVariablePrefix = 'pv';
 export var contrastThreshold = 2;
-export var createTheme = function (options) {
-    var _a, _b, _c, _d;
-    var primary = generatePrimaryColors((_a = options === null || options === void 0 ? void 0 : options.color) === null || _a === void 0 ? void 0 : _a.primary);
-    var secondary = generateSecondaryColors((_b = options === null || options === void 0 ? void 0 : options.color) === null || _b === void 0 ? void 0 : _b.secondary);
-    var wrong = generateWrongColors((_c = options === null || options === void 0 ? void 0 : options.color) === null || _c === void 0 ? void 0 : _c.wrong);
-    var attention = generateAttentionColors((_d = options === null || options === void 0 ? void 0 : options.color) === null || _d === void 0 ? void 0 : _d.attention);
-    var size = generateBaseSize(options === null || options === void 0 ? void 0 : options.size);
-    function getContrastText(background) {
+export var createTheme = function (mode, options) {
+    var _a, _b, _c, _d, _e;
+    var defaultTheme = mode === 'dark' ? defaultThemeDark : defaultThemeLight;
+    var getContrastText = function (background) {
         var contrastRatio = new Color(background)
             .getContrastRatio(defaultTheme.color.white);
         return contrastRatio > contrastThreshold
             ? defaultTheme.color.white
             : defaultTheme.color.black;
-    }
-    var partialTheme = deepmerge(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 deepmerge(defaultTheme, partialTheme);
+    };
+    var primary = ((_a = options === null || options === void 0 ? void 0 : options.color) === null || _a === void 0 ? void 0 : _a.primary)
+        ? 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)
+        ? 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)
+        ? 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)
+        ? 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)
+        ? colors.generateColorPalette('success', options.color.success)
+        : undefined;
+    return {
+        color: deepmerge.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: deepmerge(defaultTheme.shadow, (options === null || options === void 0 ? void 0 : options.shadow) || {}),
+        text: deepmerge(defaultTheme.text, (options === null || options === void 0 ? void 0 : options.text) || {}),
+        size: generateSize(options === null || options === void 0 ? void 0 : options.size),
+    };
 };
 export var createThemeCSSVariablesFromObject = function (object) {
     var _a;

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/styles/utils.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,gBAAgB,GACjB,MAAM,SAAS,CAAC;AAEjB,MAAM,CAAC,IAAM,sBAAsB,GAAG,IAAI,CAAC;AAC3C,MAAM,CAAC,IAAM,iBAAiB,GAAG,CAAC,CAAC;AAEnC,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,OAA0B;;IACpD,IAAM,OAAO,GAAG,qBAAqB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,OAAO,CAAC,CAAC;IAC/D,IAAM,SAAS,GAAG,uBAAuB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,SAAS,CAAC,CAAC;IACrE,IAAM,KAAK,GAAG,mBAAmB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,KAAK,CAAC,CAAC;IACzD,IAAM,SAAS,GAAG,uBAAuB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,SAAS,CAAC,CAAC;IACrE,IAAM,IAAI,GAAG,gBAAgB,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,CAAC;IAE7C,SAAS,eAAe,CAAC,UAAkB;QACzC,IAAM,aAAa,GAAG,IAAI,KAAK,CAAC,UAAU,CAAC;aACxC,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAE9C,OAAO,aAAa,GAAG,iBAAiB;YACtC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK;YAC1B,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;IAC/B,CAAC;IAED,IAAM,YAAY,GAAG,SAAS,CAAC,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,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;AAC/C,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iCAAiC,GAAG,UAAC,MAA2B;;IAC3E,IAAM,OAAO,GAAG,IAAI;QAEhB,GAAC,YAAK,sBAAsB,CAAE,IAAG,MAAM;aAEzC,EAAE,SAAS,EAAE,GAAG,EAAE,CACnB,CAAC;IAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/styles/utils.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEtE,OAAO,EACL,MAAM,EACN,YAAY,GACb,MAAM,eAAe,CAAC;AAEvB,MAAM,CAAC,IAAM,sBAAsB,GAAG,IAAI,CAAC;AAC3C,MAAM,CAAC,IAAM,iBAAiB,GAAG,CAAC,CAAC;AAEnC,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,IAAsB,EAAE,OAA0B;;IAC5E,IAAM,YAAY,GAAG,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,CAAC;IAE5E,IAAM,eAAe,GAAG,UAAC,UAAkB;QACzC,IAAM,aAAa,GAAG,IAAI,KAAK,CAAC,UAAU,CAAC;aACxC,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAE9C,OAAO,aAAa,GAAG,iBAAiB;YACtC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK;YAC1B,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAM,OAAO,GAAG,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,OAAO;QACrC,CAAC,CAAC,MAAM,CAAC,oBAAoB,CAAC,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC;QAC/D,CAAC,CAAC,SAAS,CAAC;IACd,IAAM,SAAS,GAAG,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,SAAS;QACzC,CAAC,CAAC,MAAM,CAAC,oBAAoB,CAAC,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC;QACnE,CAAC,CAAC,SAAS,CAAC;IACd,IAAM,KAAK,GAAG,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,KAAK;QACjC,CAAC,CAAC,MAAM,CAAC,oBAAoB,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC;QAC3D,CAAC,CAAC,SAAS,CAAC;IACd,IAAM,SAAS,GAAG,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,SAAS;QACzC,CAAC,CAAC,MAAM,CAAC,oBAAoB,CAAC,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC;QACnE,CAAC,CAAC,SAAS,CAAC;IACd,IAAM,OAAO,GAAG,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,OAAO;QACrC,CAAC,CAAC,MAAM,CAAC,oBAAoB,CAAC,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC;QAC/D,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO;QACL,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC;YACnB,YAAY,CAAC,KAAK;wFAEb,OAAO,IAAI,EAAE,GACb,SAAS,IAAI,EAAE,GACf,KAAK,IAAI,EAAE,GACX,SAAS,IAAI,EAAE,GACf,OAAO,IAAI,EAAE,GACb,CAAC,OAAO,CAAC,CAAC,CAAC;gBACZ,kBAAkB,EAAE,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC;aACrD,CAAC,CAAC,CAAC,EAAE,CAAC,GACJ,CAAC,SAAS,CAAC,CAAC,CAAC;gBACd,oBAAoB,EAAE,eAAe,CAAC,SAAS,CAAC,SAAS,CAAC;aAC3D,CAAC,CAAC,CAAC,EAAE,CAAC,GACJ,CAAC,KAAK,CAAC,CAAC,CAAC;gBACV,gBAAgB,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC;aAC/C,CAAC,CAAC,CAAC,EAAE,CAAC;YAET,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,KAAI,EAAE;SACrB,CAAuB;QACxB,MAAM,EAAE,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,KAAI,EAAE,CAAC;QAC7D,IAAI,EAAE,SAAS,CAAC,YAAY,CAAC,IAAI,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,KAAI,EAAE,CAAC;QACvD,IAAI,EAAE,YAAY,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC;KAClC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iCAAiC,GAAG,UAAC,MAA2B;;IAC3E,IAAM,OAAO,GAAG,IAAI;QAEhB,GAAC,YAAK,sBAAsB,CAAE,IAAG,MAAM;aAEzC,EAAE,SAAS,EAAE,GAAG,EAAE,CACnB,CAAC;IAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}