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

package/dist/esnext/styles/colors/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/colors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

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

@@ -0,0 +1,19 @@
+import { Color } from '@peculiar/color';
+export const generatePrimaryColors = (hex = '#5EBC54') => {
+    const palette = new Color(hex).palette();
+    return {
+        'primary-tint-5': palette.tint5.toHexString(),
+        'primary-tint-4': palette.tint4.toHexString(),
+        'primary-tint-3': palette.tint3.toHexString(),
+        'primary-tint-2': palette.tint2.toHexString(),
+        'primary-tint-1': palette.tint1.toHexString(),
+        primary: palette.base.toHexString(),
+        'primary-shade-1': palette.shade1.toHexString(),
+        'primary-shade-2': palette.shade2.toHexString(),
+        'primary-shade-3': palette.shade3.toHexString(),
+        'primary-shade-4': palette.shade4.toHexString(),
+        'primary-shade-5': palette.shade5.toHexString(),
+    };
+};
+export const primary = generatePrimaryColors();
+//# sourceMappingURL=primary.js.map

package/dist/esnext/styles/colors/primary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"primary.js","sourceRoot":"","sources":["../../../../src/styles/colors/primary.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,MAAc,SAAS,EAAE,EAAE;IAC/D,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IAEzC,OAAO;QACL,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;QACnC,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;KAChD,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC"}

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

@@ -0,0 +1,19 @@
+import { Color } from '@peculiar/color';
+export const generateSecondaryColors = (hex = '#377FF4') => {
+    const palette = new Color(hex).palette();
+    return {
+        'secondary-tint-5': palette.tint5.toHexString(),
+        'secondary-tint-4': palette.tint4.toHexString(),
+        'secondary-tint-3': palette.tint3.toHexString(),
+        'secondary-tint-2': palette.tint2.toHexString(),
+        'secondary-tint-1': palette.tint1.toHexString(),
+        secondary: palette.base.toHexString(),
+        'secondary-shade-1': palette.shade1.toHexString(),
+        'secondary-shade-2': palette.shade2.toHexString(),
+        'secondary-shade-3': palette.shade3.toHexString(),
+        'secondary-shade-4': palette.shade4.toHexString(),
+        'secondary-shade-5': palette.shade5.toHexString(),
+    };
+};
+export const secondary = generateSecondaryColors();
+//# sourceMappingURL=secondary.js.map

package/dist/esnext/styles/colors/secondary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"secondary.js","sourceRoot":"","sources":["../../../../src/styles/colors/secondary.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,MAAc,SAAS,EAAE,EAAE;IACjE,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IAEzC,OAAO;QACL,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;QACrC,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;KAClD,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,uBAAuB,EAAE,CAAC"}

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

@@ -0,0 +1,19 @@
+import { Color } from '@peculiar/color';
+export const generateSuccessColors = (hex = '#33CC99') => {
+    const palette = new Color(hex).palette();
+    return {
+        'success-tint-5': palette.tint5.toHexString(),
+        'success-tint-4': palette.tint4.toHexString(),
+        'success-tint-3': palette.tint3.toHexString(),
+        'success-tint-2': palette.tint2.toHexString(),
+        'success-tint-1': palette.tint1.toHexString(),
+        success: palette.base.toHexString(),
+        'success-shade-1': palette.shade1.toHexString(),
+        'success-shade-2': palette.shade2.toHexString(),
+        'success-shade-3': palette.shade3.toHexString(),
+        'success-shade-4': palette.shade4.toHexString(),
+        'success-shade-5': palette.shade5.toHexString(),
+    };
+};
+export const success = generateSuccessColors();
+//# sourceMappingURL=success.js.map

package/dist/esnext/styles/colors/success.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"success.js","sourceRoot":"","sources":["../../../../src/styles/colors/success.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,MAAc,SAAS,EAAE,EAAE;IAC/D,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IAEzC,OAAO;QACL,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;QACnC,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;KAChD,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC"}

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

@@ -0,0 +1,19 @@
+import { Color } from '@peculiar/color';
+export const generateWrongColors = (hex = '#DE4641') => {
+    const palette = new Color(hex).palette();
+    return {
+        'wrong-tint-5': palette.tint5.toHexString(),
+        'wrong-tint-4': palette.tint4.toHexString(),
+        'wrong-tint-3': palette.tint3.toHexString(),
+        'wrong-tint-2': palette.tint2.toHexString(),
+        'wrong-tint-1': palette.tint1.toHexString(),
+        wrong: palette.base.toHexString(),
+        'wrong-shade-1': palette.shade1.toHexString(),
+        'wrong-shade-2': palette.shade2.toHexString(),
+        'wrong-shade-3': palette.shade3.toHexString(),
+        'wrong-shade-4': palette.shade4.toHexString(),
+        'wrong-shade-5': palette.shade5.toHexString(),
+    };
+};
+export const wrong = generateWrongColors();
+//# sourceMappingURL=wrong.js.map

package/dist/esnext/styles/colors/wrong.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrong.js","sourceRoot":"","sources":["../../../../src/styles/colors/wrong.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,MAAc,SAAS,EAAE,EAAE;IAC7D,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IAEzC,OAAO;QACL,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC3C,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC3C,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC3C,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC3C,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC3C,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;QACjC,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC7C,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC7C,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC7C,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC7C,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;KAC9C,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,mBAAmB,EAAE,CAAC"}

package/dist/esnext/styles/css.js

@@ -0,0 +1,6 @@
+import createEmotion from '@emotion/css/create-instance';
+export const { flush, hydrate, cx, merge, getRegisteredStyles, injectGlobal, keyframes, css, sheet, cache, } = createEmotion({
+    key: 'pv',
+    prepend: true,
+});
+//# sourceMappingURL=css.js.map

package/dist/esnext/styles/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../src/styles/css.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,8BAA8B,CAAC;AAEzD,MAAM,CAAC,MAAM,EACX,KAAK,EACL,OAAO,EACP,EAAE,EACF,KAAK,EACL,mBAAmB,EACnB,YAAY,EACZ,SAAS,EACT,GAAG,EACH,KAAK,EACL,KAAK,GACN,GAAG,aAAa,CAAC;IAChB,GAAG,EAAE,IAAI;IACT,OAAO,EAAE,IAAI;CACd,CAAC,CAAC"}

package/dist/esnext/styles/default_theme.js

@@ -1,78 +1,179 @@
-import { size, text, shadow, colors, } from './foundations';
-export const defaultThemeLight = {
+import { grayscale, primary, secondary, wrong, attention, additional, success, } from './colors';
+import { base } from './sizes';
+export const defaultTheme = {
     color: {
         /**
          * primary
          */
-        ...colors.primary,
-        'primary-contrast': colors.grayscale.white,
+        ...primary,
+        'primary-contrast': grayscale.white,
         /**
          * secondary
          */
-        ...colors.secondary,
-        'secondary-contrast': colors.grayscale.white,
+        ...secondary,
+        'secondary-contrast': grayscale.white,
         /**
          * wrong
          */
-        ...colors.wrong,
-        'wrong-contrast': colors.grayscale.white,
+        ...wrong,
+        'wrong-contrast': grayscale.white,
         /**
          * attention
          */
-        ...colors.attention,
+        ...attention,
         /**
          * success
          */
-        ...colors.success,
+        ...success,
         /**
          * grayscale
          */
-        ...colors.grayscale,
+        ...grayscale,
         /**
          * additional
          */
-        ...colors.additional,
+        ...additional,
     },
-    shadow,
-    text,
-    size,
-};
-export const defaultThemeDark = {
-    color: {
+    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: {
         /**
-         * primary
+         * h1
          */
-        ...colors.primaryDark,
-        'primary-contrast': colors.grayscaleDark.white,
+        h1: {
+            weight: '800',
+            size: '30px',
+            height: '40px',
+            spacing: '0.1px',
+        },
         /**
-         * secondary
+         * h2
          */
-        ...colors.secondaryDark,
-        'secondary-contrast': colors.grayscaleDark.white,
+        h2: {
+            weight: '800',
+            size: '24px',
+            height: '35px',
+            spacing: '0.1px',
+        },
         /**
-         * wrong
+         * h3
          */
-        ...colors.wrongDark,
-        'wrong-contrast': colors.grayscaleDark.white,
+        h3: {
+            weight: '700',
+            size: '20px',
+            height: '30px',
+            spacing: '0.2px',
+        },
         /**
-         * attention
+         * h4
          */
-        ...colors.attentionDark,
+        h4: {
+            weight: '700',
+            size: '18px',
+            height: '28px',
+            spacing: '0.2px',
+        },
         /**
-         * success
+         * h5
          */
-        ...colors.successDark,
+        h5: {
+            weight: '700',
+            size: '16px',
+            height: '25px',
+            spacing: '0.15px',
+        },
         /**
-         * grayscale
+         * subtitle1
          */
-        ...colors.grayscaleDark,
+        s1: {
+            weight: '600',
+            size: '15px',
+            height: '25px',
+            spacing: '0.25px',
+        },
         /**
-         * additional
+         * 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: {
+        /**
+         * base
          */
-        ...colors.additionalDark,
+        ...base,
     },
-    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":"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"}
+{"version":3,"file":"default_theme.js","sourceRoot":"","sources":["../../../src/styles/default_theme.ts"],"names":[],"mappings":"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"}

package/dist/esnext/styles/index.js

@@ -1,4 +1,5 @@
 export { ThemeProvider } from './theme_provider';
+export { css, cx, keyframes, cache, } from './css';
 export * from './types';
-export { defaultThemeLight, defaultThemeDark } from './default_theme';
+export { defaultTheme } 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,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,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,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"}

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

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

package/dist/esnext/styles/sizes/base.js.map

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

package/dist/esnext/styles/sizes/index.js

@@ -0,0 +1,2 @@
+export { base, generateBaseSize } from './base';
+//# sourceMappingURL=index.js.map

package/dist/esnext/styles/sizes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/sizes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC"}

package/dist/esnext/styles/theme_provider.js

@@ -1,22 +1,18 @@
 import * as React from 'react';
-import { Global, ThemeProvider as ThemeProviderEmotion } from '@emotion/react';
+import { Global } from '@emotion/react';
 import { createTheme, createThemeCSSVariablesFromObject } from './utils';
-/**
- *
- */
+import { defaultTheme } from './default_theme';
 export const ThemeProvider = (props) => {
-    const { children, mode, theme: themeProp, } = props;
-    const theme = React.useMemo(() => createThemeCSSVariablesFromObject(createTheme(mode, themeProp)), [themeProp, mode]);
+    const { children, theme: themeProp, cssVarsRoot = 'html, ::backdrop', } = props;
+    const theme = React.useMemo(() => {
+        const output = themeProp ? createTheme(themeProp) : defaultTheme;
+        return output;
+    }, [themeProp]);
     return (React.createElement(React.Fragment, null,
         React.createElement(Global, { styles: {
-                'html, ::backdrop': theme,
+                [cssVarsRoot]: createThemeCSSVariablesFromObject(theme),
             } }),
-        React.createElement(ThemeProviderEmotion, { theme: {
-                mode,
-            } }, children)));
+        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,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"}
+{"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;AAS/C,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EACJ,QAAQ,EACR,KAAK,EAAE,SAAS,EAChB,WAAW,GAAG,kBAAkB,GACjC,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,CAAC,WAAW,CAAC,EAAE,iCAAiC,CAAC,KAAK,CAAC;aACxD,GACD;QACD,QAAQ,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/esnext/styles/utils.js

@@ -1,59 +1,38 @@
 import flat from 'flat';
 import deepmerge from 'deepmerge';
 import { Color } from '@peculiar/color';
-import { defaultThemeLight, defaultThemeDark } from './default_theme';
-import { colors, generateSize, } from './foundations';
+import { defaultTheme } from './default_theme';
+import { generateWrongColors, generateSecondaryColors, generatePrimaryColors, generateAttentionColors, } from './colors';
+import { generateBaseSize, } from './sizes';
 export const themeCSSVariablePrefix = 'pv';
 export const contrastThreshold = 2;
-export const createTheme = (mode, options) => {
-    const defaultTheme = mode === 'dark' ? defaultThemeDark : defaultThemeLight;
-    const getContrastText = (background) => {
+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) {
         const contrastRatio = new Color(background)
             .getContrastRatio(defaultTheme.color.white);
         return contrastRatio > contrastThreshold
             ? defaultTheme.color.white
             : defaultTheme.color.black;
-    };
-    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),
-    };
+    }
+    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);
 };
 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":"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"}
+{"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"}

package/dist/types/Alert/alert.d.ts

@@ -1,8 +1,5 @@
 import * as React from 'react';
-/**
- * Types.
- */
-declare type AlertOwnProps = {
+declare type BaseProps = {
     /**
      * The content of the component.
      */
@@ -23,10 +20,8 @@ declare type AlertOwnProps = {
      * Callback fired when the component requests to be closed.
      */
     onClose?: () => void;
+    'data-testid'?: string;
 };
-export declare type AlertProps = AlertOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
-/**
- *
- */
-export declare const Alert: React.ForwardRefExoticComponent<AlertOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
+export declare type AlertProps = BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
+export declare const Alert: React.ForwardRefExoticComponent<BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/Autocomplete/autocomplete.d.ts

@@ -8,7 +8,7 @@ export declare type AutocompleteRenderGroupParams = {
     group: string;
     children?: React.ReactNode;
 };
-export declare type AutocompleteOwnProps<T, Multiple extends boolean | undefined = undefined> = UseAutocompleteProps<T, Multiple> & {
+export declare type AutocompleteProps<T, Multiple extends boolean | undefined = undefined> = UseAutocompleteProps<T, Multiple> & {
     /**
      * The className of the component.
      */
@@ -89,7 +89,7 @@ export declare type AutocompleteOwnProps<T, Multiple extends boolean | undefined
  *
  */
 export declare const Autocomplete: {
-    <T, Multiple extends boolean = undefined>(props: AutocompleteOwnProps<T, Multiple>): JSX.Element;
+    <T, Multiple extends boolean = undefined>(props: AutocompleteProps<T, Multiple>): JSX.Element;
     defaultProps: {
         disableSearch: boolean;
         noOptionsText: string;

package/dist/types/Avatar/avatar.d.ts

@@ -1,10 +1,7 @@
 import * as React from 'react';
 import { ColorType } from '../styles';
-import { Typography } from '../Typography';
-/**
- * Types.
- */
-declare type AvatarOwnProps = {
+import { TypographyProps } from '../Typography';
+declare type BaseProps = {
     /**
      * Used to render badge inside the avatar.
      */
@@ -31,7 +28,7 @@ declare type AvatarOwnProps = {
     /**
      * Props applied to the `Typography` element.
      */
-    typographyProps?: Partial<React.ComponentProps<typeof Typography>>;
+    typographyProps?: Partial<TypographyProps>;
     /**
      * The size of the avatar.
      */
@@ -44,6 +41,7 @@ declare type AvatarOwnProps = {
      * The color of initials text.
      */
     color?: ColorType;
+    'data-testid'?: string;
 };
-export declare const Avatar: React.ForwardRefExoticComponent<AvatarOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Avatar: React.ForwardRefExoticComponent<BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/Backdrop/backdrop.d.ts

@@ -1,9 +1,6 @@
 import * as React from 'react';
 import { BaseTransitionProps } from '../Fade';
-/**
- * Types.
- */
-declare type BackdropOwnProps = {
+declare type BaseProps = {
     /**
      * If `true`, the backdrop is open.
      */
@@ -22,6 +19,6 @@ declare type BackdropOwnProps = {
     transitionDuration?: number;
     variant?: ('light' | 'medium' | 'heavy');
 };
-export declare type BackdropProps = BackdropOwnProps & BaseTransitionProps & React.HTMLAttributes<HTMLDivElement>;
-export declare const Backdrop: React.ForwardRefExoticComponent<BackdropOwnProps & BaseTransitionProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare type BackdropProps = BaseProps & BaseTransitionProps & React.HTMLAttributes<HTMLDivElement>;
+export declare const Backdrop: React.ForwardRefExoticComponent<BaseProps & BaseTransitionProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export {};