@peculiar/react-components 0.3.14 → 0.4.0

package/dist/esnext/Typography/typography.js

@@ -1,32 +1,27 @@
 import * as React from 'react';
-import { css, cx, } from '../styles';
+import styled from '@emotion/styled';
+import isPropValid from '@emotion/is-prop-valid';
 /**
  *
  */
 /**
  * Styles.
  */
-const stylesBase = () => css({
-    label: 'Typography',
+const TypographyRoot = styled('p', {
+    shouldForwardProp: (prop) => isPropValid(prop) && prop !== 'color',
+})((props) => ({
     margin: 0,
-});
-const stylesVariant = (variant) => css({
-    label: variant,
-    fontWeight: `var(--pv-text-${variant}-weight)`,
-    fontSize: `var(--pv-text-${variant}-size)`,
-    lineHeight: `var(--pv-text-${variant}-height)`,
-    letterSpacing: `var(--pv-text-${variant}-spacing)`,
-});
-const stylesColor = (color) => css({
-    label: color,
-    color: color === 'inherit' ? 'inherit' : `var(--pv-color-${color})`,
-});
-const stylesNoWrap = () => css({
-    label: 'noWrap',
-    overflow: 'hidden',
-    whiteSpace: 'nowrap',
-    textOverflow: 'ellipsis',
-});
+    color: props.color === 'inherit' ? 'inherit' : `var(--pv-color-${props.color})`,
+    fontWeight: `var(--pv-text-${props.variant}-weight)`,
+    fontSize: `var(--pv-text-${props.variant}-size)`,
+    lineHeight: `var(--pv-text-${props.variant}-height)`,
+    letterSpacing: `var(--pv-text-${props.variant}-spacing)`,
+    ...(props.noWrap && {
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+        textOverflow: 'ellipsis',
+    }),
+}));
 /**
  *
  */
@@ -47,15 +42,9 @@ const variantMapping = {
     c2: 'p',
 };
 export const Typography = React.forwardRef((props, ref) => {
-    const { variant, className, color, noWrap, component, ...other } = props;
+    const { variant, component, ...other } = props;
     const Component = component || variantMapping[variant] || 'p';
-    return (React.createElement(Component, { ...other, ref: ref, className: cx({
-            [stylesBase()]: true,
-            [stylesVariant(variant)]: !!variant,
-            [stylesColor(color)]: !!color,
-            [stylesNoWrap()]: noWrap,
-            [className]: !!className,
-        }) }));
+    return (React.createElement(TypographyRoot, { as: Component, ref: ref, variant: variant, ...other }));
 });
 Typography.displayName = 'Typography';
 Typography.defaultProps = {

package/dist/esnext/Typography/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../src/Typography/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,GAAG,EACH,EAAE,GAGH,MAAM,WAAW,CAAC;AAoCnB;;GAEG;AAEH;;GAEG;AACH,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,CAAC;CACV,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,CAAC,OAAmC,EAAE,EAAE,CAAC,GAAG,CAAC;IACjE,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,iBAAiB,OAAO,UAAU;IAC9C,QAAQ,EAAE,iBAAiB,OAAO,QAAQ;IAC1C,UAAU,EAAE,iBAAiB,OAAO,UAAU;IAC9C,aAAa,EAAE,iBAAiB,OAAO,WAAW;CAC5C,CAAC,CAAC;AAEV,MAAM,WAAW,GAAG,CAAC,KAA+B,EAAE,EAAE,CAAC,GAAG,CAAC;IAC3D,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAkB,KAAK,GAAG;CACpE,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC7B,KAAK,EAAE,QAAQ;IACf,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,QAAQ;IACpB,YAAY,EAAE,UAAU;CACzB,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,cAAc,GAAmF;IACrG,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;CACR,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAuB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9E,MAAM,EACJ,OAAO,EACP,SAAS,EACT,KAAK,EACL,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,SAAS,IAAI,cAAc,CAAC,OAAO,CAAC,IAAI,GAAG,CAAC;IAE9D,OAAO,CACL,oBAAC,SAAS,OACJ,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO;YACnC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK;YAC7B,CAAC,YAAY,EAAE,CAAC,EAAE,MAAM;YACxB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,GACF,CACH,CAAC;AACJ,CAAC,CAA4C,CAAC;AAE9C,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,UAAU,CAAC,YAAY,GAAG;IACxB,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,OAAO;CACf,CAAC"}
+{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../src/Typography/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,WAAW,MAAM,wBAAwB,CAAC;AAyCjD;;GAEG;AAEH;;GAEG;AACH,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,EAAE;IACjC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,OAAO;CACnE,CAAC,CAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACjC,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAkB,KAAK,CAAC,KAAK,GAAG;IAC/E,UAAU,EAAE,iBAAiB,KAAK,CAAC,OAAO,UAAsB;IAChE,QAAQ,EAAE,iBAAiB,KAAK,CAAC,OAAO,QAAQ;IAChD,UAAU,EAAE,iBAAiB,KAAK,CAAC,OAAO,UAAU;IACpD,aAAa,EAAE,iBAAiB,KAAK,CAAC,OAAO,WAAW;IACxD,GAAG,CAAC,KAAK,CAAC,MAAM,IAAI;QAClB,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,UAAU;KACzB,CAAC;CACH,CAAC,CAAC,CAAC;AACJ;;GAEG;AAEH,MAAM,cAAc,GAAmF;IACrG,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;CACR,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAuB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9E,MAAM,EACJ,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,SAAS,IAAI,cAAc,CAAC,OAAO,CAAC,IAAI,GAAG,CAAC;IAE9D,OAAO,CACL,oBAAC,cAAc,IACb,EAAE,EAAE,SAAS,EACb,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,KACZ,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAA4C,CAAC;AAE9C,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,UAAU,CAAC,YAAY,GAAG;IACxB,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,OAAO;CACf,CAAC"}

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: shadow.light,
+    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: shadow.dark,
+    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":"AACA,OAAO,EACL,SAAS,EACT,OAAO,EACP,SAAS,EACT,KAAK,EACL,SAAS,EACT,UAAU,EACV,OAAO,GACR,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,CAAC,MAAM,YAAY,GAAc;IACrC,KAAK,EAAE;QACL;;WAEG;QACH,GAAG,OAAO;QACV,kBAAkB,EAAE,SAAS,CAAC,KAAK;QACnC;;WAEG;QACH,GAAG,SAAS;QACZ,oBAAoB,EAAE,SAAS,CAAC,KAAK;QACrC;;WAEG;QACH,GAAG,KAAK;QACR,gBAAgB,EAAE,SAAS,CAAC,KAAK;QACjC;;WAEG;QACH,GAAG,SAAS;QACZ;;WAEG;QACH,GAAG,OAAO;QACV;;WAEG;QACH,GAAG,SAAS;QACZ;;WAEG;QACH,GAAG,UAAU;KACd;IACD,MAAM,EAAE;QACN,WAAW,EACT,4GAA4G;QAC9G,cAAc,EACZ,6GAA6G;QAC/G,aAAa,EACX,+HAA+H;QACjI,aAAa,EACX,6GAA6G;QAC/G,YAAY,EACV,8HAA8H;KACjI;IACD,IAAI,EAAE;QACJ;;WAEG;QACH,EAAE,EAAE;YACF,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,OAAO;SACjB;QACD;;WAEG;QACH,EAAE,EAAE;YACF,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,OAAO;SACjB;QACD;;WAEG;QACH,EAAE,EAAE;YACF,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,OAAO;SACjB;QACD;;WAEG;QACH,EAAE,EAAE;YACF,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,OAAO;SACjB;QACD;;WAEG;QACH,EAAE,EAAE;YACF,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,QAAQ;SAClB;QACD;;WAEG;QACH,EAAE,EAAE;YACF,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,QAAQ;SAClB;QACD;;WAEG;QACH,EAAE,EAAE;YACF,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,QAAQ;SAClB;QACD;;WAEG;QACH,EAAE,EAAE;YACF,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,OAAO;SACjB;QACD;;WAEG;QACH,EAAE,EAAE;YACF,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,OAAO;SACjB;QACD;;WAEG;QACH,EAAE,EAAE;YACF,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,QAAQ;SAClB;QACD;;WAEG;QACH,IAAI,EAAE;YACJ,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,OAAO;SACjB;QACD;;WAEG;QACH,IAAI,EAAE;YACJ,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,OAAO;SACjB;QACD;;WAEG;QACH,EAAE,EAAE;YACF,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,QAAQ;SAClB;QACD;;WAEG;QACH,EAAE,EAAE;YACF,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,OAAO;SACjB;KACF;IACD,IAAI,EAAE;QACJ;;WAEG;QACH,GAAG,IAAI;KACR;CACF,CAAC"}
+{"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,EAAE,MAAM,CAAC,KAAK;IACpB,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,EAAE,MAAM,CAAC,IAAI;IACnB,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,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/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;0BACC,UAAU;qBAAtB,MAAM"}

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

@@ -0,0 +1,17 @@
+export const 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 const 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/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,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,MAAM,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/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"}