@peculiar/react-components 0.3.14 → 0.3.15-alpha.1

package/dist/esnext/styles/default_theme.js

@@ -1,179 +1,78 @@
-import { grayscale, primary, secondary, wrong, attention, additional, success, } from './colors';
-import { base } from './sizes';
-export const defaultTheme = {
+import { size, text, shadow, colors, } from './foundations';
+export const defaultThemeLight = {
     color: {
         /**
          * primary
          */
-        ...primary,
-        'primary-contrast': grayscale.white,
+        ...colors.primary,
+        'primary-contrast': colors.grayscale.white,
         /**
          * secondary
          */
-        ...secondary,
-        'secondary-contrast': grayscale.white,
+        ...colors.secondary,
+        'secondary-contrast': colors.grayscale.white,
         /**
          * wrong
          */
-        ...wrong,
-        'wrong-contrast': grayscale.white,
+        ...colors.wrong,
+        'wrong-contrast': colors.grayscale.white,
         /**
          * attention
          */
-        ...attention,
+        ...colors.attention,
         /**
          * success
          */
-        ...success,
+        ...colors.success,
         /**
          * grayscale
          */
-        ...grayscale,
+        ...colors.grayscale,
         /**
          * additional
          */
-        ...additional,
+        ...colors.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',
-        },
+    shadow,
+    text,
+    size,
+};
+export const defaultThemeDark = {
+    color: {
         /**
-         * body2
+         * primary
          */
-        b2: {
-            weight: '400',
-            size: '14px',
-            height: '22px',
-            spacing: '0.4px',
-        },
+        ...colors.primaryDark,
+        'primary-contrast': colors.grayscaleDark.white,
         /**
-         * body3
+         * secondary
          */
-        b3: {
-            weight: '400',
-            size: '13px',
-            height: '20px',
-            spacing: '0.55px',
-        },
+        ...colors.secondaryDark,
+        'secondary-contrast': colors.grayscaleDark.white,
         /**
-         * button1
+         * wrong
          */
-        btn1: {
-            weight: '700',
-            size: '14px',
-            height: '20px',
-            spacing: '0.2px',
-        },
+        ...colors.wrongDark,
+        'wrong-contrast': colors.grayscaleDark.white,
         /**
-         * button2
+         * attention
          */
-        btn2: {
-            weight: '700',
-            size: '13px',
-            height: '17px',
-            spacing: '0.2px',
-        },
+        ...colors.attentionDark,
         /**
-         * caption1
+         * success
          */
-        c1: {
-            weight: '400',
-            size: '12px',
-            height: '17px',
-            spacing: '0.45px',
-        },
+        ...colors.successDark,
         /**
-         * caption2
+         * grayscale
          */
-        c2: {
-            weight: '400',
-            size: '11px',
-            height: '15px',
-            spacing: '0.5px',
-        },
-    },
-    size: {
+        ...colors.grayscaleDark,
         /**
-         * base
+         * additional
          */
-        ...base,
+        ...colors.additionalDark,
     },
+    shadow,
+    text,
+    size,
 };
 //# sourceMappingURL=default_theme.js.map

package/dist/esnext/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,MAAM,iBAAiB,GAAc;IAC1C,KAAK,EAAE;QACL;;WAEG;QACH,GAAG,MAAM,CAAC,OAAO;QACjB,kBAAkB,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK;QAC1C;;WAEG;QACH,GAAG,MAAM,CAAC,SAAS;QACnB,oBAAoB,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK;QAC5C;;WAEG;QACH,GAAG,MAAM,CAAC,KAAK;QACf,gBAAgB,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK;QACxC;;WAEG;QACH,GAAG,MAAM,CAAC,SAAS;QACnB;;WAEG;QACH,GAAG,MAAM,CAAC,OAAO;QACjB;;WAEG;QACH,GAAG,MAAM,CAAC,SAAS;QACnB;;WAEG;QACH,GAAG,MAAM,CAAC,UAAU;KACrB;IACD,MAAM;IACN,IAAI;IACJ,IAAI;CACL,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAc;IACzC,KAAK,EAAE;QACL;;WAEG;QACH,GAAG,MAAM,CAAC,WAAW;QACrB,kBAAkB,EAAE,MAAM,CAAC,aAAa,CAAC,KAAK;QAC9C;;WAEG;QACH,GAAG,MAAM,CAAC,aAAa;QACvB,oBAAoB,EAAE,MAAM,CAAC,aAAa,CAAC,KAAK;QAChD;;WAEG;QACH,GAAG,MAAM,CAAC,SAAS;QACnB,gBAAgB,EAAE,MAAM,CAAC,aAAa,CAAC,KAAK;QAC5C;;WAEG;QACH,GAAG,MAAM,CAAC,aAAa;QACvB;;WAEG;QACH,GAAG,MAAM,CAAC,WAAW;QACrB;;WAEG;QACH,GAAG,MAAM,CAAC,aAAa;QACvB;;WAEG;QACH,GAAG,MAAM,CAAC,cAAc;KACzB;IACD,MAAM;IACN,IAAI;IACJ,IAAI;CACL,CAAC"}

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

@@ -0,0 +1,64 @@
+import { Color } from '@peculiar/color';
+export const generateColorPalette = (name, hex) => {
+    const palette = new Color(hex).palette();
+    return {
+        [`${name}-tint-5`]: palette.tint5.toHexString(),
+        [`${name}-tint-4`]: palette.tint4.toHexString(),
+        [`${name}-tint-3`]: palette.tint3.toHexString(),
+        [`${name}-tint-2`]: palette.tint2.toHexString(),
+        [`${name}-tint-1`]: palette.tint1.toHexString(),
+        [name]: palette.base.toHexString(),
+        [`${name}-shade-1`]: palette.shade1.toHexString(),
+        [`${name}-shade-2`]: palette.shade2.toHexString(),
+        [`${name}-shade-3`]: palette.shade3.toHexString(),
+        [`${name}-shade-4`]: palette.shade4.toHexString(),
+        [`${name}-shade-5`]: palette.shade5.toHexString(),
+    };
+};
+export const additional = {
+    'extra-1': '#826FF6',
+    'extra-2': '#DC6CDF',
+};
+export const additionalDark = {
+    'extra-1': '#826FF6',
+    'extra-2': '#EC9CEE',
+};
+export const 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 const 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 const primary = generateColorPalette('primary', '#5EBC54');
+export const primaryDark = generateColorPalette('primary', '#499940');
+export const secondary = generateColorPalette('secondary', '#377FF4');
+export const secondaryDark = generateColorPalette('secondary', '#67A0FF');
+export const attention = generateColorPalette('attention', '#F7A831');
+export const attentionDark = generateColorPalette('attention', '#FFC369');
+export const success = generateColorPalette('success', '#33CC99');
+export const successDark = generateColorPalette('success', '#61EDBE');
+export const wrong = generateColorPalette('wrong', '#DE4641');
+export const wrongDark = generateColorPalette('wrong', '#F55D58');
+//# sourceMappingURL=colors.js.map

package/dist/esnext/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/esnext/styles/foundations/index.js

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

package/dist/esnext/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;AACvB,cAAc,UAAU,CAAC"}

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

@@ -0,0 +1,8 @@
+export const 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)',
+};
+//# sourceMappingURL=shadow.js.map

package/dist/esnext/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,MAAM,MAAM,GAAG;IACpB,WAAW,EACT,4GAA4G;IAC9G,cAAc,EACZ,6GAA6G;IAC/G,aAAa,EACX,+HAA+H;IACjI,aAAa,EACX,6GAA6G;IAC/G,YAAY,EACV,8HAA8H;CACjI,CAAC"}

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

@@ -1,4 +1,4 @@
-export const generateBaseSize = (grid = 5) => ({
+export const generateSize = (grid = 5) => ({
     'base-half': `${grid / 2}px`,
     base: `${grid}px`,
     'base-2': `${grid * 2}px`,
@@ -15,5 +15,5 @@ export const generateBaseSize = (grid = 5) => ({
     'base-14': `${grid * 14}px`,
     'base-16': `${grid * 16}px`,
 });
-export const base = generateBaseSize();
-//# sourceMappingURL=base.js.map
+export const size = generateSize();
+//# sourceMappingURL=sizes.js.map

package/dist/esnext/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,MAAM,YAAY,GAAG,CAAC,OAAe,CAAC,EAAE,EAAE,CAAC,CAAC;IACjD,WAAW,EAAE,GAAG,IAAI,GAAG,CAAC,IAAI;IAC5B,IAAI,EAAE,GAAG,IAAI,IAAI;IACjB,QAAQ,EAAE,GAAG,IAAI,GAAG,CAAC,IAAI;IACzB,QAAQ,EAAE,GAAG,IAAI,GAAG,CAAC,IAAI;IACzB,QAAQ,EAAE,GAAG,IAAI,GAAG,CAAC,IAAI;IACzB,QAAQ,EAAE,GAAG,IAAI,GAAG,CAAC,IAAI;IACzB,QAAQ,EAAE,GAAG,IAAI,GAAG,CAAC,IAAI;IACzB,QAAQ,EAAE,GAAG,IAAI,GAAG,CAAC,IAAI;IACzB,QAAQ,EAAE,GAAG,IAAI,GAAG,CAAC,IAAI;IACzB,QAAQ,EAAE,GAAG,IAAI,GAAG,CAAC,IAAI;IACzB,SAAS,EAAE,GAAG,IAAI,GAAG,EAAE,IAAI;IAC3B,SAAS,EAAE,GAAG,IAAI,GAAG,EAAE,IAAI;IAC3B,SAAS,EAAE,GAAG,IAAI,GAAG,EAAE,IAAI;IAC3B,SAAS,EAAE,GAAG,IAAI,GAAG,EAAE,IAAI;IAC3B,SAAS,EAAE,GAAG,IAAI,GAAG,EAAE,IAAI;CAC5B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,IAAI,GAAG,YAAY,EAAE,CAAC"}

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

@@ -0,0 +1,129 @@
+export const 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/esnext/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,MAAM,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/esnext/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/esnext/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/esnext/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 const ThemeProvider = (props) => {
-    const { children, theme: themeProp, } = props;
-    const theme = React.useMemo(() => {
-        const output = themeProp ? createTheme(themeProp) : defaultTheme;
-        return output;
-    }, [themeProp]);
+    const { children, mode, theme: themeProp, } = props;
+    const theme = React.useMemo(() => 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,
+            } }, children)));
 };
 ThemeProvider.displayName = 'ThemeProvider';
+ThemeProvider.defaultProps = {
+    mode: 'light',
+};
 //# sourceMappingURL=theme_provider.js.map

package/dist/esnext/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,MAAM,aAAa,GAAiC,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EACJ,QAAQ,EACR,KAAK,EAAE,SAAS,GACjB,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC/B,MAAM,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,MAAM,aAAa,GAAiC,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EACJ,QAAQ,EACR,IAAI,EACJ,KAAK,EAAE,SAAS,GACjB,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CACzB,GAAG,EAAE,CAAC,iCAAiC,CAAC,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,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;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/esnext/styles/utils.js

@@ -1,38 +1,59 @@
 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 const themeCSSVariablePrefix = 'pv';
 export const contrastThreshold = 2;
-export const createTheme = (options) => {
-    const primary = generatePrimaryColors(options?.color?.primary);
-    const secondary = generateSecondaryColors(options?.color?.secondary);
-    const wrong = generateWrongColors(options?.color?.wrong);
-    const attention = generateAttentionColors(options?.color?.attention);
-    const size = generateBaseSize(options?.size);
-    function getContrastText(background) {
+export const createTheme = (mode, options) => {
+    const defaultTheme = mode === 'dark' ? defaultThemeDark : defaultThemeLight;
+    const getContrastText = (background) => {
         const contrastRatio = new Color(background)
             .getContrastRatio(defaultTheme.color.white);
         return contrastRatio > contrastThreshold
             ? defaultTheme.color.white
             : defaultTheme.color.black;
-    }
-    const partialTheme = deepmerge(options, {
-        color: {
-            ...primary,
-            ...secondary,
-            ...wrong,
-            ...attention,
-            'primary-contrast': getContrastText(primary.primary),
-            'secondary-contrast': getContrastText(secondary.secondary),
-            'wrong-contrast': getContrastText(wrong.wrong),
-            ...options?.color,
-        },
-        size,
-    });
-    return deepmerge(defaultTheme, partialTheme);
+    };
+    const primary = options?.color?.primary
+        ? colors.generateColorPalette('primary', options.color.primary)
+        : undefined;
+    const secondary = options?.color?.secondary
+        ? colors.generateColorPalette('secondary', options.color.secondary)
+        : undefined;
+    const wrong = options?.color?.wrong
+        ? colors.generateColorPalette('wrong', options.color.wrong)
+        : undefined;
+    const attention = options?.color?.attention
+        ? colors.generateColorPalette('attention', options.color.attention)
+        : undefined;
+    const success = options?.color?.success
+        ? colors.generateColorPalette('success', options.color.success)
+        : undefined;
+    return {
+        color: deepmerge.all([
+            defaultTheme.color,
+            {
+                ...primary || {},
+                ...secondary || {},
+                ...wrong || {},
+                ...attention || {},
+                ...success || {},
+                ...(primary ? {
+                    'primary-contrast': getContrastText(primary.primary),
+                } : {}),
+                ...(secondary ? {
+                    'secondary-contrast': getContrastText(secondary.secondary),
+                } : {}),
+                ...(wrong ? {
+                    'wrong-contrast': getContrastText(wrong.wrong),
+                } : {}),
+            },
+            options?.color || {},
+        ]),
+        shadow: deepmerge(defaultTheme.shadow, options?.shadow || {}),
+        text: deepmerge(defaultTheme.text, options?.text || {}),
+        size: generateSize(options?.size),
+    };
 };
 export const createThemeCSSVariablesFromObject = (object) => {
     const flatted = flat({

package/dist/esnext/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,MAAM,sBAAsB,GAAG,IAAI,CAAC;AAC3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAEnC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,OAA0B,EAAE,EAAE;IACxD,MAAM,OAAO,GAAG,qBAAqB,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,uBAAuB,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;IACrE,MAAM,KAAK,GAAG,mBAAmB,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,uBAAuB,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;IACrE,MAAM,IAAI,GAAG,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAE7C,SAAS,eAAe,CAAC,UAAkB;QACzC,MAAM,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,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,EAAE;QACtC,KAAK,EAAE;YACL,GAAG,OAAO;YACV,GAAG,SAAS;YACZ,GAAG,KAAK;YACR,GAAG,SAAS;YACZ,kBAAkB,EAAE,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC;YACpD,oBAAoB,EAAE,eAAe,CAAC,SAAS,CAAC,SAAS,CAAC;YAC1D,gBAAgB,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC;YAC9C,GAAG,OAAO,EAAE,KAAK;SACoB;QACvC,IAAI;KACL,CAAC,CAAC;IAEH,OAAO,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;AAC/C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAAC,MAA2B,EAAE,EAAE;IAC/E,MAAM,OAAO,GAAG,IAAI,CAClB;QACE,CAAC,KAAK,sBAAsB,EAAE,CAAC,EAAE,MAAM;KACxC,EACD,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":"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"}