@peculiar/react-components 0.0.2-alpha.26 → 0.0.2-alpha.260

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

@@ -1,112 +1,2 @@
-export declare const defaultTheme: {
-    '--pv-color-primary-tint-5': string;
-    '--pv-color-primary-tint-4': string;
-    '--pv-color-primary-tint-3': string;
-    '--pv-color-primary-tint-2': string;
-    '--pv-color-primary-tint-1': string;
-    '--pv-color-primary': string;
-    '--pv-color-primary-shade-1': string;
-    '--pv-color-primary-shade-2': string;
-    '--pv-color-primary-shade-3': string;
-    '--pv-color-primary-shade-4': string;
-    '--pv-color-primary-shade-5': string;
-    '--pv-color-secondary-tint-5': string;
-    '--pv-color-secondary-tint-4': string;
-    '--pv-color-secondary-tint-3': string;
-    '--pv-color-secondary-tint-2': string;
-    '--pv-color-secondary-tint-1': string;
-    '--pv-color-secondary': string;
-    '--pv-color-secondary-shade-1': string;
-    '--pv-color-secondary-shade-2': string;
-    '--pv-color-secondary-shade-3': string;
-    '--pv-color-secondary-shade-4': string;
-    '--pv-color-secondary-shade-5': string;
-    '--pv-color-danger-tint-5': string;
-    '--pv-color-danger-tint-4': string;
-    '--pv-color-danger-tint-3': string;
-    '--pv-color-danger-tint-2': string;
-    '--pv-color-danger-tint-1': string;
-    '--pv-color-danger': string;
-    '--pv-color-danger-shade-1': string;
-    '--pv-color-danger-shade-2': string;
-    '--pv-color-danger-shade-3': string;
-    '--pv-color-danger-shade-4': string;
-    '--pv-color-danger-shade-5': string;
-    '--pv-color-success': string;
-    '--pv-color-attention': string;
-    '--pv-color-extra-1': string;
-    '--pv-color-extra-2': string;
-    '--pv-color-black': string;
-    '--pv-color-gray-10': string;
-    '--pv-color-gray-9': string;
-    '--pv-color-gray-8': string;
-    '--pv-color-gray-7': string;
-    '--pv-color-gray-6': string;
-    '--pv-color-gray-5': string;
-    '--pv-color-gray-4': string;
-    '--pv-color-gray-3': string;
-    '--pv-color-gray-2': string;
-    '--pv-color-gray-1': string;
-    '--pv-color-white': string;
-    '--pv-shadow-light-low': string;
-    '--pv-shadow-light-medium': string;
-    '--pv-shadow-light-hight': string;
-    '--pv-shadow-dark-medium': string;
-    '--pv-shadow-dark-hight': string;
-    '--pv-text-h1-weight': string;
-    '--pv-text-h1-size': string;
-    '--pv-text-h1-height': string;
-    '--pv-text-h1-spacing': string;
-    '--pv-text-h2-weight': string;
-    '--pv-text-h2-size': string;
-    '--pv-text-h2-height': string;
-    '--pv-text-h2-spacing': string;
-    '--pv-text-h3-weight': string;
-    '--pv-text-h3-size': string;
-    '--pv-text-h3-height': string;
-    '--pv-text-h3-spacing': string;
-    '--pv-text-h4-weight': string;
-    '--pv-text-h4-size': string;
-    '--pv-text-h4-height': string;
-    '--pv-text-h4-spacing': string;
-    '--pv-text-h5-weight': string;
-    '--pv-text-h5-size': string;
-    '--pv-text-h5-height': string;
-    '--pv-text-h5-spacing': string;
-    '--pv-text-s1-weight': string;
-    '--pv-text-s1-size': string;
-    '--pv-text-s1-height': string;
-    '--pv-text-s1-spacing': string;
-    '--pv-text-s2-weight': string;
-    '--pv-text-s2-size': string;
-    '--pv-text-s2-height': string;
-    '--pv-text-s2-spacing': string;
-    '--pv-text-b1-weight': string;
-    '--pv-text-b1-size': string;
-    '--pv-text-b1-height': string;
-    '--pv-text-b1-spacing': string;
-    '--pv-text-b2-weight': string;
-    '--pv-text-b2-size': string;
-    '--pv-text-b2-height': string;
-    '--pv-text-b2-spacing': string;
-    '--pv-text-b3-weight': string;
-    '--pv-text-b3-size': string;
-    '--pv-text-b3-height': string;
-    '--pv-text-b3-spacing': string;
-    '--pv-text-btn1-weight': string;
-    '--pv-text-btn1-size': string;
-    '--pv-text-btn1-height': string;
-    '--pv-text-btn1-spacing': string;
-    '--pv-text-btn2-weight': string;
-    '--pv-text-btn2-size': string;
-    '--pv-text-btn2-height': string;
-    '--pv-text-btn2-spacing': string;
-    '--pv-text-c1-weight': string;
-    '--pv-text-c1-size': string;
-    '--pv-text-c1-height': string;
-    '--pv-text-c1-spacing': string;
-    '--pv-text-c2-weight': string;
-    '--pv-text-c2-size': string;
-    '--pv-text-c2-height': string;
-    '--pv-text-c2-spacing': string;
-};
+import { ThemeType } from './types';
+export declare const defaultTheme: ThemeType;

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

@@ -1,3 +1,4 @@
 export { ThemeProvider } from './theme_provider';
-export { css, cx } from './css';
+export { css, cx, keyframes, cache, } from './css';
 export * from './types';
+export { defaultTheme } from './default_theme';

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

@@ -0,0 +1,34 @@
+export declare const generateBaseSize: (grid?: 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 base: {
+    '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;
+};

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,6 +1,8 @@
 import * as React from 'react';
+import type { ThemeOptionsType } from './types';
 declare type ThemeProviderProps = {
     children: React.ReactElement;
+    theme?: ThemeOptionsType;
 };
 export declare const ThemeProvider: React.FC<ThemeProviderProps>;
 export {};

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

@@ -1 +1,22 @@
-export declare type ColorType = ('primary-tint-5' | 'primary-tint-4' | 'primary-tint-3' | 'primary-tint-2' | 'primary-tint-1' | 'primary' | 'primary-shade-1' | 'primary-shade-2' | 'primary-shade-3' | 'primary-shade-4' | 'primary-shade-5' | 'secondary-tint-5' | 'secondary-tint-4' | 'secondary-tint-3' | 'secondary-tint-2' | 'secondary-tint-1' | 'secondary' | 'secondary-shade-1' | 'secondary-shade-2' | 'secondary-shade-3' | 'secondary-shade-4' | 'secondary-shade-5' | 'danger-tint-5' | 'danger-tint-4' | 'danger-tint-3' | 'danger-tint-2' | 'danger-tint-1' | 'danger' | 'danger-shade-1' | 'danger-shade-2' | 'danger-shade-3' | 'danger-shade-4' | 'danger-shade-5' | 'success' | 'attention' | 'extra-1' | 'extra-2' | 'black' | 'gray-10' | 'gray-9' | 'gray-8' | 'gray-7' | 'gray-6' | 'gray-5' | 'gray-4' | 'gray-3' | 'gray-2' | 'gray-1' | 'white');
+export declare type ColorType = ('primary-tint-5' | 'primary-tint-4' | 'primary-tint-3' | 'primary-tint-2' | 'primary-tint-1' | 'primary' | 'primary-shade-1' | 'primary-shade-2' | 'primary-shade-3' | 'primary-shade-4' | 'primary-shade-5' | 'secondary-tint-5' | 'secondary-tint-4' | 'secondary-tint-3' | 'secondary-tint-2' | 'secondary-tint-1' | 'secondary' | 'secondary-shade-1' | 'secondary-shade-2' | 'secondary-shade-3' | 'secondary-shade-4' | 'secondary-shade-5' | 'wrong-tint-5' | 'wrong-tint-4' | 'wrong-tint-3' | 'wrong-tint-2' | 'wrong-tint-1' | 'wrong' | 'wrong-shade-1' | 'wrong-shade-2' | 'wrong-shade-3' | 'wrong-shade-4' | 'wrong-shade-5' | 'success' | 'attention' | 'extra-1' | 'extra-2' | 'black' | 'gray-10' | 'gray-9' | 'gray-8' | 'gray-7' | 'gray-6' | 'gray-5' | 'gray-4' | 'gray-3' | 'gray-2' | 'gray-1' | 'white' | 'primary-contrast' | 'secondary-contrast' | 'wrong-contrast');
+export declare type ShadowType = ('light-low' | 'light-medium' | 'light-hight' | 'dark-medium' | 'dark-hight');
+export declare type TypographyPropertiesType = {
+    weight: string;
+    size: string;
+    height: string;
+    spacing: string;
+};
+export declare type TypographyType = ('h1' | 'h2' | 'h3' | 'h4' | 'h5' | 's1' | 's2' | 'b1' | 'b2' | 'b3' | 'btn1' | 'btn2' | 'c1' | 'c2');
+export declare type SizeType = ('base-half' | 'base' | 'base-2' | 'base-3' | 'base-4' | 'base-5' | 'base-6' | 'base-7' | 'base-8' | 'base-9' | 'base-10' | 'base-11' | 'base-12' | 'base-14' | 'base-16');
+export declare type ThemeType = {
+    color: Record<ColorType, string>;
+    shadow: Record<ShadowType, string>;
+    text: Record<TypographyType, TypographyPropertiesType>;
+    size: Record<SizeType, string>;
+};
+export declare type ThemeOptionsType = {
+    color?: Partial<Record<ColorType, string>>;
+    shadow?: Partial<ThemeType['shadow']>;
+    text?: Partial<ThemeType['text']>;
+    size?: number;
+};

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

@@ -0,0 +1,31 @@
+import type { ThemeOptionsType, ColorType } from './types';
+export declare const themeCSSVariablePrefix = "pv";
+export declare const contrastThreshold = 2;
+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/dist/types/test-utils.d.ts

@@ -0,0 +1,3 @@
+import '@testing-library/jest-dom/extend-expect';
+export * from '@testing-library/react';
+export { default as userEvent } from '@testing-library/user-event';

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

@@ -0,0 +1 @@
+export { useEnhancedEffect } from './use_enhanced_effect';

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

@@ -0,0 +1 @@
+export declare function ownerDocument(node: Node | null | undefined): Document;

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

@@ -0,0 +1,2 @@
+import { useLayoutEffect } from 'react';
+export declare const useEnhancedEffect: typeof useLayoutEffect;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@peculiar/react-components",
   "private": false,
-  "version": "0.0.2-alpha.26+6a7bbdb",
+  "version": "0.0.2-alpha.260+5207a48",
   "author": "PeculiarVentures Team",
   "description": "A simple and customizable component library to build faster, beautiful, and more accessible React applications.",
   "keywords": [
@@ -21,37 +21,60 @@
     "directory": "packages/react-components"
   },
   "scripts": {
-    "dev": "start-storybook -p 3000",
+    "dev": "start-storybook -p 3000 -s ./.storybook/static",
     "prebuild": "yarn clean",
     "build": "yarn build:esm && yarn build:cjs && yarn build:esnext",
     "build:esm": "tsc -p tsconfig.build.json",
     "build:cjs": "tsc -p tsconfig.build.json -m commonjs --outDir dist/cjs",
     "build:esnext": "tsc -p tsconfig.build.json -t esnext --outDir dist/esnext",
-    "build:storybook": "build-storybook -o public",
-    "clean": "rimraf public dist themes"
+    "build:storybook": "build-storybook -o public -s ./.storybook/static",
+    "clean": "rimraf public dist themes",
+    "test:unit": "jest --passWithNoTests --watchAll",
+    "test:unit:coverage": "yarn test:unit --coverage --watchAll=false",
+    "check:types": "tsc --noEmit"
   },
   "peerDependencies": {
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   },
   "dependencies": {
-    "@emotion/css": "^11.1.3"
+    "@emotion/core": "^10.1.1",
+    "@emotion/css": "^11.1.3",
+    "@peculiar/color": "^0.0.2-alpha.260+5207a48",
+    "@popperjs/core": "^2.9.3",
+    "@types/flat": "^5.0.2",
+    "@types/react-transition-group": "^4.4.2",
+    "copy-to-clipboard": "^3.3.1",
+    "deepmerge": "^4.2.2",
+    "flat": "^5.0.2",
+    "focus-trap": "^6.6.0",
+    "nanoid": "^3.1.23",
+    "react-popper": "^2.2.5",
+    "react-transition-group": "^4.4.2"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "^6.1.21",
-    "@storybook/addon-actions": "^6.1.21",
-    "@storybook/addon-controls": "^6.1.21",
-    "@storybook/addon-docs": "^6.1.21",
-    "@storybook/addon-viewport": "^6.1.21",
-    "@storybook/react": "^6.1.21",
-    "@storybook/theming": "^6.1.21",
+    "@storybook/addon-a11y": "^6.3.6",
+    "@storybook/addon-actions": "^6.3.6",
+    "@storybook/addon-controls": "^6.3.6",
+    "@storybook/addon-docs": "^6.3.6",
+    "@storybook/addon-viewport": "^6.3.6",
+    "@storybook/react": "^6.3.6",
+    "@storybook/theming": "^6.3.6",
+    "@testing-library/jest-dom": "^5.14.1",
+    "@testing-library/react": "^11.2.7",
+    "@testing-library/user-event": "^13.1.9",
+    "@types/jest": "^27.0.2",
+    "@types/react": "^17.0.14",
+    "@types/react-dom": "^17.0.9",
     "awesome-typescript-loader": "^5.2.1",
+    "jest": "^27.3.1",
+    "jest-watch-typeahead": "^1.0.0",
     "react": "^17.0.1",
-    "react-docgen-typescript": "^1.21.0",
     "react-dom": "^17.0.1",
     "rimraf": "^3.0.2",
-    "storybook-addon-performance": "^0.14.0",
-    "typescript": "^4.1.3"
+    "storybook-addon-performance": "^0.16.0",
+    "ts-jest": "^27.0.7",
+    "typescript": "^4.2.4"
   },
   "publishConfig": {
     "access": "public"
@@ -60,5 +83,5 @@
     "node": ">=12.x"
   },
   "license": "MIT",
-  "gitHead": "6a7bbdbf2c2420589bd8f7658b5b7ef6e05f6715"
+  "gitHead": "5207a48e042c4a8f2cbcc08e9bbe3605f45265f7"
 }

package/dist/cjs/box/box.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"box.js","sourceRoot":"","sources":["../../../src/box/box.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,oCAA+C;AAW/C,IAAM,UAAU,GAAG,YAAG,CAAC;IACrB,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAEU,QAAA,GAAG,GAAG,KAAK,CAAC,UAAU,CAAwB,UAAC,KAAK,EAAE,GAAS;IAExE,IAAA,SAAS,GAIP,KAAK,UAJE,EACT,EAAE,GAGA,KAAK,GAHL,EACF,UAAU,GAER,KAAK,WAFG,EACP,KAAK,UACN,KAAK,EALH,iCAKL,CADS,CACA;IAEV,OAAO,KAAK,CAAC,aAAa,CAAC,EAAE,IAAI,KAAK,aACpC,GAAG,KAAA,EACH,SAAS,EAAE,WAAE,CACX,UAAU,EACV,CAAC,UAAU,IAAI,YAAG,CAAC;YACjB,KAAK,EAAE,UAAU;YACjB,UAAU,EAAE,oBAAkB,UAAU,MAAG;SAC5C,CAAC,CAAC,EACH,SAAS,CACV,IACE,KAAK,EACR,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,WAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AAExB,WAAG,CAAC,YAAY,GAAG;IACjB,EAAE,EAAE,KAAK;CACV,CAAC"}

package/dist/cjs/box/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/box/index.ts"],"names":[],"mappings":";;;AAAA,6BAA4B;AAAnB,0FAAA,GAAG,OAAA"}

package/dist/cjs/button/button.js

@@ -1,184 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = void 0;
-var React = __importStar(require("react"));
-var styles_1 = require("../styles");
-var typography_1 = require("../typography");
-var stylesBase = styles_1.css({
-    label: 'Button',
-    fontFamily: 'inherit',
-    outline: 'none',
-    cursor: 'pointer',
-    boxSizing: 'border-box',
-    borderRadius: '4px',
-    border: '1px solid transparent',
-    transition: 'background-color 200ms, color 200ms, box-shadow 200ms, border-color 200ms',
-    '&:disabled': {
-        cursor: 'not-allowed',
-        boxShadow: 'none',
-    },
-});
-var stylesSizeSmall = styles_1.css({
-    label: 'small',
-    height: 32,
-    minWidth: 32,
-    padding: '0 10px',
-});
-var stylesSizeMedium = styles_1.css({
-    label: 'medium',
-    height: 35,
-    minWidth: 35,
-    padding: '0 15px',
-});
-var stylesSizeLarge = styles_1.css({
-    label: 'large',
-    height: 40,
-    minWidth: 40,
-    padding: '0 20px',
-});
-var stylesVariantPrimary = styles_1.css({
-    label: 'primary',
-    color: 'var(--pv-color-white)',
-    backgroundColor: 'var(--pv-color-primary)',
-    boxShadow: 'var(--pv-shadow-light-low)',
-    '&:not(:disabled)': {
-        '&:hover': {
-            backgroundColor: 'var(--pv-color-primary-tint-1)',
-        },
-        '&:focus': {
-            backgroundColor: 'var(--pv-color-primary-tint-2)',
-        },
-        '&:active': {
-            backgroundColor: 'var(--pv-color-primary-tint-2)',
-            boxShadow: 'var(--pv-shadow-light-medium)',
-        },
-    },
-    '&:disabled': {
-        color: 'var(--pv-color-gray-8)',
-        backgroundColor: 'var(--pv-color-gray-4)',
-    },
-});
-var stylesVariantSecondary = styles_1.css({
-    label: 'secondary',
-    color: 'var(--pv-color-black)',
-    backgroundColor: 'transparent',
-    borderColor: 'var(--pv-color-gray-8)',
-    '&:not(:disabled)': {
-        '&:hover': {
-            backgroundColor: 'var(--pv-color-gray-3)',
-        },
-        '&:focus': {
-            backgroundColor: 'var(--pv-color-gray-4)',
-        },
-        '&:active': {
-            backgroundColor: 'var(--pv-color-gray-5)',
-        },
-    },
-    '&:disabled': {
-        color: 'var(--pv-color-gray-7)',
-    },
-});
-var stylesVariantDanger = styles_1.css({
-    label: 'danger',
-    color: 'var(--pv-color-white)',
-    backgroundColor: 'var(--pv-color-danger)',
-    boxShadow: 'var(--pv-shadow-light-low)',
-    '&:not(:disabled)': {
-        '&:hover': {
-            backgroundColor: 'var(--pv-color-danger-tint-1)',
-        },
-        '&:focus': {
-            backgroundColor: 'var(--pv-color-danger-tint-2)',
-        },
-        '&:active': {
-            backgroundColor: 'var(--pv-color-danger-tint-2)',
-            boxShadow: 'var(--pv-shadow-light-medium)',
-        },
-    },
-    '&:disabled': {
-        color: 'var(--pv-color-gray-8)',
-        backgroundColor: 'var(--pv-color-gray-4)',
-    },
-});
-var stylesVariantTertiary = styles_1.css({
-    label: 'tertiary',
-    color: 'var(--pv-color-secondary)',
-    backgroundColor: 'transparent',
-    '&:not(:disabled)': {
-        '&:hover': {
-            backgroundColor: 'var(--pv-color-secondary-tint-5)',
-        },
-        '&:focus': {
-            backgroundColor: 'var(--pv-color-secondary-tint-4)',
-        },
-        '&:active': {
-            backgroundColor: 'var(--pv-color-secondary-tint-3)',
-        },
-    },
-    '&:disabled': {
-        color: 'var(--pv-color-gray-7)',
-    },
-});
-exports.Button = React.forwardRef(function (props, ref) {
-    var _a;
-    var variant = props.variant, size = props.size, className = props.className, children = props.children, other = __rest(props, ["variant", "size", "className", "children"]);
-    return (React.createElement("button", __assign({ ref: ref, type: "button", className: styles_1.cx((_a = {},
-            _a[stylesBase] = true,
-            _a[stylesSizeSmall] = size === 'small',
-            _a[stylesSizeMedium] = size === 'medium',
-            _a[stylesSizeLarge] = size === 'large',
-            _a[stylesVariantPrimary] = variant === 'primary',
-            _a[stylesVariantSecondary] = variant === 'secondary',
-            _a[stylesVariantDanger] = variant === 'danger',
-            _a[stylesVariantTertiary] = variant === 'tertiary',
-            _a), className) }, other),
-        React.createElement(typography_1.Typography, { variant: size === 'small' ? 'btn2' : 'btn1' }, children)));
-});
-exports.Button.displayName = 'Button';
-exports.Button.defaultProps = {
-    disabled: false,
-    variant: 'primary',
-    size: 'medium',
-};
-//# sourceMappingURL=button.js.map

package/dist/cjs/button/button.js.map

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

package/dist/cjs/button/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/button/index.ts"],"names":[],"mappings":";;;AAAA,mCAAkC;AAAzB,gGAAA,MAAM,OAAA"}

package/dist/cjs/typography/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/typography/index.ts"],"names":[],"mappings":";;;AAAA,2CAA0C;AAAjC,wGAAA,UAAU,OAAA"}

package/dist/cjs/typography/typography.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../src/typography/typography.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,oCAA+C;AA2B/C,IAAM,UAAU,GAAG,YAAG,CAAC;IACrB,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;CACX,CAAC,CAAC;AAEU,QAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAA+B,UAAC,KAAK,EAAE,GAAS;IAEtF,IAAA,OAAO,GAKL,KAAK,QALA,EACP,SAAS,GAIP,KAAK,UAJE,EACT,EAAE,GAGA,KAAK,GAHL,EACF,KAAK,GAEH,KAAK,MAFF,EACF,KAAK,UACN,KAAK,EANH,uCAML,CADS,CACA;IACV,IAAI,WAAW,GAAG,GAAG,CAAC;IAEtB,IAAI,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;QACrB,WAAW,GAAG,OAAO,CAAC;KACvB;SAAM,IAAI,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;QAC5B,WAAW,GAAG,IAAI,CAAC;KACpB;SAAM,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;QAC9B,WAAW,GAAG,MAAM,CAAC;KACtB;IAED,OAAO,KAAK,CAAC,aAAa,CAAC,EAAE,IAAI,WAAW,aAC1C,GAAG,KAAA,EACH,SAAS,EAAE,WAAE,CACX,UAAU,EACV,YAAG,CAAC;YACF,KAAK,EAAE,OAAO;YACd,UAAU,EAAE,mBAAiB,OAAO,aAAU;YAC9C,QAAQ,EAAE,mBAAiB,OAAO,WAAQ;YAC1C,UAAU,EAAE,mBAAiB,OAAO,aAAU;YAC9C,aAAa,EAAE,mBAAiB,OAAO,cAAW;SAC5C,CAAC,EACT,CAAC,KAAK,IAAI,YAAG,CAAC;YACZ,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE,oBAAkB,KAAK,MAAG;SAClC,CAAC,CAAC,EACH,SAAS,CACV,IACE,KAAK,EACR,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,kBAAU,CAAC,YAAY,GAAG;IACxB,OAAO,EAAE,IAAI;CACd,CAAC"}

package/dist/esm/box/box.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"box.js","sourceRoot":"","sources":["../../../src/box/box.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAa,MAAM,WAAW,CAAC;AAW/C,IAAM,UAAU,GAAG,GAAG,CAAC;IACrB,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAwB,UAAC,KAAK,EAAE,GAAS;IAExE,IAAA,SAAS,GAIP,KAAK,UAJE,EACT,EAAE,GAGA,KAAK,GAHL,EACF,UAAU,GAER,KAAK,WAFG,EACP,KAAK,UACN,KAAK,EALH,iCAKL,CADS,CACA;IAEV,OAAO,KAAK,CAAC,aAAa,CAAC,EAAE,IAAI,KAAK,aACpC,GAAG,KAAA,EACH,SAAS,EAAE,EAAE,CACX,UAAU,EACV,CAAC,UAAU,IAAI,GAAG,CAAC;YACjB,KAAK,EAAE,UAAU;YACjB,UAAU,EAAE,oBAAkB,UAAU,MAAG;SAC5C,CAAC,CAAC,EACH,SAAS,CACV,IACE,KAAK,EACR,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AAExB,GAAG,CAAC,YAAY,GAAG;IACjB,EAAE,EAAE,KAAK;CACV,CAAC"}

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

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