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

package/dist/types/styles/colors/secondary.d.ts

@@ -0,0 +1,26 @@
+export declare const generateSecondaryColors: (hex?: string) => {
+    'secondary-tint-5': string;
+    'secondary-tint-4': string;
+    'secondary-tint-3': string;
+    'secondary-tint-2': string;
+    'secondary-tint-1': string;
+    secondary: string;
+    'secondary-shade-1': string;
+    'secondary-shade-2': string;
+    'secondary-shade-3': string;
+    'secondary-shade-4': string;
+    'secondary-shade-5': string;
+};
+export declare const secondary: {
+    'secondary-tint-5': string;
+    'secondary-tint-4': string;
+    'secondary-tint-3': string;
+    'secondary-tint-2': string;
+    'secondary-tint-1': string;
+    secondary: string;
+    'secondary-shade-1': string;
+    'secondary-shade-2': string;
+    'secondary-shade-3': string;
+    'secondary-shade-4': string;
+    'secondary-shade-5': string;
+};

package/dist/types/styles/colors/success.d.ts

@@ -0,0 +1,26 @@
+export declare const generateSuccessColors: (hex?: string) => {
+    'success-tint-5': string;
+    'success-tint-4': string;
+    'success-tint-3': string;
+    'success-tint-2': string;
+    'success-tint-1': string;
+    success: string;
+    'success-shade-1': string;
+    'success-shade-2': string;
+    'success-shade-3': string;
+    'success-shade-4': string;
+    'success-shade-5': string;
+};
+export declare const success: {
+    'success-tint-5': string;
+    'success-tint-4': string;
+    'success-tint-3': string;
+    'success-tint-2': string;
+    'success-tint-1': string;
+    success: string;
+    'success-shade-1': string;
+    'success-shade-2': string;
+    'success-shade-3': string;
+    'success-shade-4': string;
+    'success-shade-5': string;
+};

package/dist/types/styles/colors/wrong.d.ts

@@ -0,0 +1,26 @@
+export declare const generateWrongColors: (hex?: string) => {
+    'wrong-tint-5': string;
+    'wrong-tint-4': string;
+    'wrong-tint-3': string;
+    'wrong-tint-2': string;
+    'wrong-tint-1': string;
+    wrong: string;
+    'wrong-shade-1': string;
+    'wrong-shade-2': string;
+    'wrong-shade-3': string;
+    'wrong-shade-4': string;
+    'wrong-shade-5': string;
+};
+export declare const wrong: {
+    'wrong-tint-5': string;
+    'wrong-tint-4': string;
+    'wrong-tint-3': string;
+    'wrong-tint-2': string;
+    'wrong-tint-1': string;
+    wrong: string;
+    'wrong-shade-1': string;
+    'wrong-shade-2': string;
+    'wrong-shade-3': string;
+    'wrong-shade-4': string;
+    'wrong-shade-5': string;
+};

package/dist/types/styles/css.d.ts

@@ -0,0 +1,10 @@
+export declare const flush: () => void, hydrate: (ids: string[]) => void, cx: (...classNames: import("@emotion/css/create-instance").ClassNamesArg[]) => string, merge: (className: string) => string, getRegisteredStyles: (registeredStyles: string[], className: string) => string, injectGlobal: {
+    (template: TemplateStringsArray, ...args: import("@emotion/serialize").CSSInterpolation[]): void;
+    (...args: import("@emotion/serialize").CSSInterpolation[]): void;
+}, keyframes: {
+    (template: TemplateStringsArray, ...args: import("@emotion/serialize").CSSInterpolation[]): string;
+    (...args: import("@emotion/serialize").CSSInterpolation[]): string;
+}, css: {
+    (template: TemplateStringsArray, ...args: import("@emotion/serialize").CSSInterpolation[]): string;
+    (...args: import("@emotion/serialize").CSSInterpolation[]): string;
+}, sheet: import("@emotion/css/create-instance").CSSStyleSheet, cache: import("@emotion/utils").EmotionCache;

package/dist/types/styles/default_theme.d.ts

@@ -1,3 +1,2 @@
 import { ThemeType } from './types';
-export declare const defaultThemeLight: ThemeType;
-export declare const defaultThemeDark: ThemeType;
+export declare const defaultTheme: ThemeType;

package/dist/types/styles/index.d.ts

@@ -1,3 +1,4 @@
 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';

package/dist/types/styles/{foundations/sizes.d.ts → sizes/base.d.ts}

@@ -1,4 +1,4 @@
-export declare const generateSize: (grid?: number) => {
+export declare const generateBaseSize: (grid?: number) => {
     'base-half': string;
     base: string;
     'base-2': string;
@@ -15,7 +15,7 @@ export declare const generateSize: (grid?: number) => {
     'base-14': string;
     'base-16': string;
 };
-export declare const size: {
+export declare const base: {
     'base-half': string;
     base: string;
     'base-2': string;

package/dist/types/styles/sizes/index.d.ts

@@ -0,0 +1 @@
+export { base, generateBaseSize } from './base';

package/dist/types/styles/theme_provider.d.ts

@@ -1,15 +1,9 @@
 import * as React from 'react';
 import type { ThemeOptionsType } from './types';
-/**
- * Types.
- */
 declare type ThemeProviderProps = {
     children: React.ReactElement;
     theme?: ThemeOptionsType;
-    mode?: 'light' | 'dark';
+    cssVarsRoot?: string;
 };
-/**
- *
- */
 export declare const ThemeProvider: React.FC<ThemeProviderProps>;
 export {};

package/dist/types/styles/types.d.ts

@@ -15,7 +15,7 @@ export declare type ThemeType = {
     size: Record<SizeType, string>;
 };
 export declare type ThemeOptionsType = {
-    color?: Partial<ThemeType['color']>;
+    color?: Partial<Record<ColorType, string>>;
     shadow?: Partial<ThemeType['shadow']>;
     text?: Partial<ThemeType['text']>;
     size?: number;

package/dist/types/styles/utils.d.ts

@@ -1,5 +1,31 @@
-import type { ThemeOptionsType, ThemeType } from './types';
+import type { ThemeOptionsType, ColorType } from './types';
 export declare const themeCSSVariablePrefix = "pv";
 export declare const contrastThreshold = 2;
-export declare const createTheme: (mode: 'light' | 'dark', options?: ThemeOptionsType) => ThemeType;
+export declare const createTheme: (options?: ThemeOptionsType) => {
+    color: Record<ColorType, string>;
+    shadow: Record<import("./types").ShadowType, string>;
+    text: Record<import("./types").TypographyType, import("./types").TypographyPropertiesType>;
+    size: Record<import("./types").SizeType, string>;
+} & {
+    color: Partial<Record<ColorType, string>>;
+    shadow: Partial<Record<import("./types").ShadowType, string>>;
+    text: Partial<Record<import("./types").TypographyType, import("./types").TypographyPropertiesType>>;
+    size: number & {
+        'base-half': string;
+        base: string;
+        'base-2': string;
+        'base-3': string;
+        'base-4': string;
+        'base-5': string;
+        'base-6': string;
+        'base-7': string;
+        'base-8': string;
+        'base-9': string;
+        'base-10': string;
+        'base-11': string;
+        'base-12': string;
+        'base-14': string;
+        'base-16': string;
+    };
+};
 export declare const createThemeCSSVariablesFromObject: (object: Record<string, any>) => Record<string, string>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@peculiar/react-components",
   "private": false,
-  "version": "0.3.15-alpha.1+a25de22",
+  "version": "0.3.15",
   "author": "PeculiarVentures Team",
   "description": "A simple and customizable component library to build faster, beautiful, and more accessible React applications.",
   "keywords": [
@@ -32,7 +32,6 @@
     "clean": "rimraf public dist themes",
     "test:unit": "jest --passWithNoTests --watchAll",
     "test:unit:coverage": "yarn test:unit --coverage --watchAll=false",
-    "test:unit:updateSnapshot": "jest --updateSnapshot",
     "check:types": "tsc --noEmit"
   },
   "peerDependencies": {
@@ -46,8 +45,8 @@
     }
   },
   "dependencies": {
-    "@emotion/react": "^11.11.1",
-    "@emotion/styled": "^11.11.0",
+    "@emotion/css": "^11.11.0",
+    "@emotion/react": "^11.11.0",
     "@peculiar/color": "^0.1.1",
     "@popperjs/core": "^2.11.7",
     "@types/flat": "^5.0.2",
@@ -61,22 +60,30 @@
     "react-transition-group": "^4.4.5"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "^6.5.16",
-    "@storybook/addon-actions": "^6.5.16",
-    "@storybook/addon-controls": "^6.5.16",
-    "@storybook/addon-docs": "^6.5.16",
-    "@storybook/addon-viewport": "^6.5.16",
-    "@storybook/builder-webpack5": "^6.5.16",
-    "@storybook/manager-webpack5": "^6.5.16",
-    "@storybook/react": "^6.5.16",
-    "@storybook/theming": "^6.5.16",
+    "@storybook/addon-a11y": "^6.5.15",
+    "@storybook/addon-actions": "^6.5.15",
+    "@storybook/addon-controls": "^6.5.15",
+    "@storybook/addon-docs": "^6.5.15",
+    "@storybook/addon-viewport": "^6.5.15",
+    "@storybook/builder-webpack5": "^6.5.15",
+    "@storybook/manager-webpack5": "^6.5.15",
+    "@storybook/react": "^6.5.15",
+    "@storybook/theming": "^6.5.15",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^14.0.0",
+    "@testing-library/user-event": "^14.4.3 ",
+    "@types/jest": "^29.5.0",
     "@types/react": "^18.0.34",
     "@types/react-dom": "^18.0.11",
     "awesome-typescript-loader": "^5.2.1",
+    "babel-jest": "29.5.0",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
+    "jest-watch-typeahead": "^2.2.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rimraf": "^3.0.2",
-    "storybook-dark-mode": "^2.1.1",
+    "ts-jest": "^29.1.0",
     "typescript": "^4.6.3"
   },
   "publishConfig": {
@@ -86,5 +93,5 @@
     "node": ">=12.x"
   },
   "license": "MIT",
-  "gitHead": "a25de220c32af5dd75bd0676863828c8d07a8f51"
+  "gitHead": "c89bbaa093e94c6e2ff8b9ddf733a9aba86ac8ab"
 }

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

@@ -1,69 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.wrongDark = exports.wrong = exports.successDark = exports.success = exports.attentionDark = exports.attention = exports.secondaryDark = exports.secondary = exports.primaryDark = exports.primary = exports.grayscaleDark = exports.grayscale = exports.additionalDark = exports.additional = exports.generateColorPalette = void 0;
-var color_1 = require("@peculiar/color");
-var generateColorPalette = function (name, hex) {
-    var _a;
-    var palette = new color_1.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;
-};
-exports.generateColorPalette = generateColorPalette;
-exports.additional = {
-    'extra-1': '#826FF6',
-    'extra-2': '#DC6CDF',
-};
-exports.additionalDark = {
-    'extra-1': '#826FF6',
-    'extra-2': '#EC9CEE',
-};
-exports.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',
-};
-exports.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',
-};
-exports.primary = (0, exports.generateColorPalette)('primary', '#5EBC54');
-exports.primaryDark = (0, exports.generateColorPalette)('primary', '#499940');
-exports.secondary = (0, exports.generateColorPalette)('secondary', '#377FF4');
-exports.secondaryDark = (0, exports.generateColorPalette)('secondary', '#67A0FF');
-exports.attention = (0, exports.generateColorPalette)('attention', '#F7A831');
-exports.attentionDark = (0, exports.generateColorPalette)('attention', '#FFC369');
-exports.success = (0, exports.generateColorPalette)('success', '#33CC99');
-exports.successDark = (0, exports.generateColorPalette)('success', '#61EDBE');
-exports.wrong = (0, exports.generateColorPalette)('wrong', '#DE4641');
-exports.wrongDark = (0, exports.generateColorPalette)('wrong', '#F55D58');
-//# sourceMappingURL=colors.js.map

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

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

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

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

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

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

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

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.shadow = void 0;
-exports.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/cjs/styles/foundations/shadow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"shadow.js","sourceRoot":"","sources":["../../../../src/styles/foundations/shadow.ts"],"names":[],"mappings":";;;AAAa,QAAA,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/cjs/styles/foundations/sizes.js.map

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

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

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

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

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

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

@@ -1,65 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,6 +0,0 @@
-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/esm/styles/foundations/index.js.map

@@ -1 +0,0 @@
-{"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/esm/styles/foundations/shadow.js

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

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

@@ -1 +0,0 @@
-{"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"}