@bitrise/bitkit 9.1.6-alpha.3 → 9.2.0

package/lib/esn/variables.d.ts

@@ -111,8 +111,8 @@ export declare const rgbViolet3: number[];
 export declare const rgbViolet4: number[];
 export declare const rgbViolet5: number[];
 export declare const colorMap: {
-    white: string;
-    black: string;
+    'white': string;
+    'black': string;
     'gray-1': string;
     'gray-2': string;
     'gray-3': string;
@@ -131,7 +131,7 @@ export declare const colorMap: {
     'grape-3': string;
     'grape-4': string;
     'grape-5': string;
-    eggplant: string;
+    'eggplant': string;
     'red-1': string;
     'red-2': string;
     'red-3': string;
@@ -169,8 +169,8 @@ export declare const colorMap: {
     'violet-5': string;
 };
 export declare const rgbMap: {
-    white: number[];
-    black: number[];
+    'white': number[];
+    'black': number[];
     'gray-1': number[];
     'gray-2': number[];
     'gray-3': number[];
@@ -189,7 +189,7 @@ export declare const rgbMap: {
     'grape-3': number[];
     'grape-4': number[];
     'grape-5': number[];
-    eggplant: number[];
+    'eggplant': number[];
     'red-1': number[];
     'red-2': number[];
     'red-3': number[];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "9.1.6-alpha.3",
+  "version": "9.2.0",
   "repository": "git@github.com:bitrise-io/bitkit.git",
   "main": "lib/cjs/index.js",
   "esnext": "lib/esn/index.js",
@@ -30,64 +30,56 @@
     "test": "jest ./src"
   },
   "alias": {
-    "@bitrise/bitkit": "./src",
-    "framer-motion": "./node_modules/framer-motion/dist/cjs"
+    "@bitrise/bitkit": "./src"
   },
   "dependencies": {
-    "@chakra-ui/react": "^1.8.6",
-    "@emotion/react": "^11",
-    "@emotion/styled": "^11",
-    "@popperjs/core": "^2.11.2",
-    "classnames": "^2.3.1",
-    "clipboard": "^2.0.10",
-    "framer-motion": "^6",
-    "luxon": "^2.3.1",
+    "classnames": "^2.2.6",
+    "clipboard": "^2.0.4",
+    "luxon": "^1.12.1",
     "normalize.css": "^8.0.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^16.10.2",
+    "react-dom": "^16.10.2",
     "react-popper": "^1.3.3",
-    "react-transition-group": "^4.4.2",
-    "src": "^1.1.2"
+    "react-transition-group": "^2.6.1",
+    "resize-observer-polyfill": "^1.5.1"
   },
   "peerDependencies": {
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react": "^16.10.2",
+    "react-dom": "^16.10.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.17.5",
     "@commitlint/cli": "^8.1.0",
     "@commitlint/config-conventional": "^8.1.0",
-    "@semantic-release/changelog": "^6.0.1",
-    "@semantic-release/commit-analyzer": "^9.0.2",
-    "@semantic-release/git": "^10.0.1",
+    "@semantic-release/changelog": "^6.0.0",
+    "@semantic-release/commit-analyzer": "^9.0.1",
+    "@semantic-release/git": "^10.0.0",
     "@svgr/cli": "^6.2.1",
-    "@types/classnames": "^2.3.0",
+    "@types/classnames": "^2.2.7",
     "@types/clipboard": "^2.0.1",
-    "@types/enzyme": "^3.10.11",
-    "@types/jest": "^27.4.1",
+    "@types/enzyme": "^3.10.3",
+    "@types/jest": "^24.0.11",
     "@types/lodash.sample": "^4.2.6",
     "@types/lodash.shuffle": "^4.2.6",
-    "@types/luxon": "^2.0.9",
+    "@types/luxon": "^1.12.0",
     "@types/prismjs": "^1.26.0",
-    "@types/react": "17.0.39",
-    "@types/react-dom": "17.0.12",
-    "@types/react-router": "^5.1.18",
-    "@types/react-router-dom": "^5.3.3",
-    "@types/react-transition-group": "^4.4.4",
-    "@types/vfile": "^4.0.0",
+    "@types/react": "^16.9.5",
+    "@types/react-dom": "^16.9.1",
+    "@types/react-router": "^5.1.1",
+    "@types/react-router-dom": "^5.1.0",
+    "@types/react-transition-group": "^2.0.16",
     "@typescript-eslint/eslint-plugin": "^1.4.2",
     "@typescript-eslint/parser": "^1.4.2",
-    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.6",
     "autoprefixer": "^9.4.10",
     "babel-eslint": "^10.0.1",
     "chokidar-cli": "^3.0.0",
     "concurrently": "^4.1.0",
     "enzyme": "^3.9.0",
+    "enzyme-adapter-react-16": "^1.10.0",
     "enzyme-to-json": "^3.4.0",
     "eslint": "^5.15.1",
-    "eslint-plugin-react": "^7.29.2",
-    "eslint-plugin-react-hooks": "^4.3.0",
-    "fscreen": "^1.2.0",
+    "eslint-plugin-react": "^7.12.4",
+    "eslint-plugin-react-hooks": "^1.6.1",
+    "fscreen": "^1.0.2",
     "husky": "^3.0.2",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^24.4.0",
@@ -99,16 +91,16 @@
     "postcss-cli": "^6.1.2",
     "postcss-preset-env": "^6.6.0",
     "prismjs": "^1.27.0",
-    "react-docgen": "5.4.0",
-    "react-router": "^5.2.1",
-    "react-router-dom": "^5.2.1",
+    "react-docgen": "5.0.0-beta.1",
+    "react-router": "^5.1.2",
+    "react-router-dom": "^5.1.2",
     "semantic-release": "^18.0.0",
     "stylelint": "^9.2.1",
     "stylelint-order": "^0.8.1",
     "superstatic": "^6.0.4",
     "ts-jest": "^24.0.0",
     "ts-node": "^8.1.0",
-    "typescript": "^4.6.2"
+    "typescript": "^3.5.3"
   },
   "publishConfig": {
     "access": "public"
@@ -128,9 +120,5 @@
     "transform": {
       "\\.tsx?$": "ts-jest"
     }
-  },
-  "resolutions": {
-    "@types/react": "17.0.39",
-    "@types/react-router": "5.1.18"
   }
 }

package/scripts/build-docs.ts

@@ -15,10 +15,10 @@ const exclude = ['Portal'];
 
 const getExportedComponents = (node: ts.Node) => {
   if (node.kind === ts.SyntaxKind.ExportDeclaration) {
-    const decl = node as any;
+    const decl = node as ts.ExportDeclaration;
 
     if (decl.exportClause) {
-      const defaultExport = decl.exportClause.elements.find(({ propertyName }: { propertyName: any}) =>
+      const defaultExport = decl.exportClause.elements.find(({ propertyName }) =>
         !!propertyName && propertyName.getText() === 'default');
 
       if (decl.moduleSpecifier && defaultExport) {

package/site/components/Documentation/Components/SectionCards.tsx

@@ -19,7 +19,7 @@ const SectionCards = () => {
         <Tab
             active={ selectedTab === 2 }
             onClick={ () => setSelectedTab(2) }>
-          Divided Content
+         Divided Content
         </Tab>
 
         <Tab

package/site/components/Documentation/Documentation.tsx

@@ -59,10 +59,6 @@ const SectionMap = {
       documentation.ButtonWithDropdown,
     ],
   },
-  Button2: {
-    Showcase: require('./Components/SectionButton2').default,
-    components: [],
-  },
   Card: {
     Showcase: require('./Components/SectionCards').default,
     components: [

package/site/components/Documentation/Materials/SectionIcons.tsx

@@ -39,7 +39,7 @@ const SectionIcons = () => {
       <Text>
         All of the Icons below can be achieved with the
         React <Link Component={ RouterLink } color="grape-3" to="/documentation/components/icon">Icon component</Link> and
-        outputs inline SVG for super quality and easy alignment. The SVG
+         outputs inline SVG for super quality and easy alignment. The SVG
         elements uses <code>fill: currentColor;</code> and so inherits the font
         color from it's parent.
       </Text>

package/src/Icon/svg/icons-hide-password.svg

@@ -0,0 +1,4 @@
+<svg width="22" height="18" viewBox="0 0 22 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M18.2929 17.7071L2.29289 1.70712L3.70711 0.292908L6.08051 2.66631C7.00348 2.22999 8.01944 2.00018 9.0708 2.00018L12.9328 2.00118C14.8008 2.00118 16.5588 2.72818 17.8798 4.05118L21.4148 7.58618C22.1948 8.36518 22.1948 9.63518 21.4148 10.4142C20.1547 11.6742 18.9401 13.0089 17.6148 14.2006L19.7071 16.2929L18.2929 17.7071ZM16.1981 12.7839L13.7069 10.2927C13.8941 9.90123 13.999 9.46286 13.999 8.99998C13.999 7.34398 12.655 5.99998 10.999 5.99998C10.5361 5.99998 10.0978 6.10486 9.70632 6.29212L7.6252 4.211C8.08816 4.07205 8.57401 4.00018 9.0708 4.00018L12.9318 4.00118C14.2668 4.00118 15.5218 4.52018 16.4658 5.46518L20.0018 8.99918C18.7456 10.2554 17.5444 11.6239 16.1981 12.7839Z" fill="#351D48"/>
+    <path d="M2.96338 5.20761L0.584802 7.58618C-0.195198 8.36518 -0.195198 9.63518 0.584802 10.4142L4.1208 13.9502C5.4428 15.2722 7.2008 16.0002 9.0708 16.0002L12.9318 15.9992C13.1926 15.9992 13.4527 15.9842 13.7106 15.9548L11.7553 13.9995L9.0708 14.0002C7.7358 14.0002 6.4798 13.4802 5.5348 12.5362L1.9988 9.00018L4.37738 6.62161L2.96338 5.20761Z" fill="#351D48"/>
+</svg>

package/src/Icon/tsx/IconsHidePassword.tsx

@@ -0,0 +1,17 @@
+// THIS IS AN AUTOGERENATED FILE. DO NOT EDIT IT. CHECK README ON HOW TO MANAGE ICONS INSTEAD.
+import * as React from 'react';
+
+const SvgIconsHidePassword = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg { ...props } fill="none" viewBox="0 0 22 18">
+    <path
+        clipRule="evenodd"
+        d="m18.293 17.707-16-16L3.707.293l2.374 2.373A6.979 6.979 0 0 1 9.07 2l3.862.001c1.868 0 3.626.727 4.947 2.05l3.535 3.535c.78.78.78 2.05 0 2.828-1.26 1.26-2.475 2.595-3.8 3.787l2.092 2.092-1.414 1.414Zm-2.095-4.923-2.491-2.491a3.001 3.001 0 0 0-4-4L7.624 4.21c.463-.139.949-.21 1.446-.21h3.86c1.336 0 2.59.52 3.535 1.464L20.002 9c-1.256 1.256-2.458 2.625-3.804 3.785Z"
+        fill="currentColor"
+        fillRule="evenodd"/>
+    <path
+        d="M2.963 5.208.585 7.586a2.001 2.001 0 0 0 0 2.828L4.12 13.95A6.954 6.954 0 0 0 9.07 16h3.86c.262 0 .522-.016.78-.045l-1.956-1.956L9.071 14a4.971 4.971 0 0 1-3.536-1.464L1.999 9l2.378-2.378-1.414-1.414Z"
+        fill="currentColor"/>
+  </svg>
+);
+
+export default SvgIconsHidePassword;

package/src/Icon/tsx/index.ts

@@ -78,6 +78,7 @@ import Gitlab from './IconsGitlab';
 import Globe from './IconsGlobe';
 import Group from './IconsGroup';
 import Heart from './IconsHeart';
+import HidePassword from './IconsHidePassword';
 import History from './IconsHistory';
 import Image from './IconsImage';
 import Info from './IconsInfo';
@@ -250,6 +251,7 @@ export type TypeIconName =
   | 'Globe'
   | 'Group'
   | 'Heart'
+  | 'HidePassword'
   | 'History'
   | 'Image'
   | 'Info'
@@ -422,6 +424,7 @@ export const IconList: TypeIconName[] = [
   'Globe',
   'Group',
   'Heart',
+  'HidePassword',
   'History',
   'Image',
   'Info',
@@ -597,6 +600,7 @@ export const IconMap: {
   Globe,
   Group,
   Heart,
+  HidePassword,
   History,
   Image,
   Info,

package/src/Toggle/Toggle.css

@@ -39,7 +39,6 @@
   width: calc(var(--Toggle--size) - (var(--Toggle--border) * 2));
   height: calc(var(--Toggle--size) - (var(--Toggle--border) * 2));
   transform: translate(0, -50%);
-  border: 0.0625rem solid transparent;
   border-radius: 50%;
   background-image: linear-gradient(to top, var(--color-white), var(--color-gray--2));
   transition-property: transform, border-color, box-shadow;

package/src/hooks/useResizeObserver.ts

@@ -1,4 +1,5 @@
 import { useLayoutEffect, useState } from 'react';
+import ResizeObserver from 'resize-observer-polyfill';
 
 export interface DOMRectReadOnlyWithoutToJSON extends Omit<DOMRectReadOnly, 'toJSON'> {}
 
@@ -19,7 +20,7 @@ export default (): [
   });
 
   useLayoutEffect(() => {
-    const observer: ResizeObserver = new ResizeObserver(([entry]) => {
+    const observer = new ResizeObserver(([entry]) => {
       if (entry) {
         setSize(entry.contentRect);
       }

package/src/index.ts

@@ -22,7 +22,6 @@ export { default as Badge, Props as BadgeProps } from './Badge/Badge';
 export { default as Base, Props as BaseProps, TypeColors, TypeSizes } from './Base/Base';
 export { default as Bounds, Props as BoundsProps } from './Bounds/Bounds';
 export { default as Button, Props as ButtonProps } from './Button/Button';
-export { default as Button2 } from './Button2/Button2';
 export { default as Buttons, Props as ButtonsProps } from './Button/Buttons';
 export { default as ButtonWithDropdown, Props as ButtonWithDropdownProps } from './ButtonWithDropdown/ButtonWithDropdown';
 export { default as Card, Props as CardProps } from './Card/Card';
@@ -100,5 +99,3 @@ export { default as Toggle, Props as ToggleProps } from './Toggle/Toggle';
 export { default as Tooltip, Props as TooltipProps } from './Tooltip/Tooltip';
 export { default as Visibility, Props as VisibilityProps } from './Visibility/Visibility';
 export { default as VisibilityContainer, Props as VisibilityContainerProps } from './Visibility/VisibilityContainer';
-export { default as provider } from './chakra/provider';
-export { default as theme } from './chakra/theme';

package/.eslintignore

@@ -1,3 +0,0 @@
-site/components/Documentation/ComponentDocumentationPage.tsx
-site/components/Documentation/Materials/SectionColors.tsx
-src/Base/Base.tsx

package/lib/cjs/Button2/Button2.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import { ButtonProps } from '@chakra-ui/react';
-interface Props extends ButtonProps {
-    /**
-     * Allows the Button to fill the container space rather than shrinking
-     * down to the content
-     */
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'dangerPrimary' | 'dangerSecondary';
-    /**
-     * Sets the size of the Button. Small allows the Button to fit
-     * into smaller spaces, while large will help the button stand
-     * out on a page with lots of space.
-     */
-    size?: 'small' | 'medium';
-}
-declare const Button2: (props: Props) => JSX.Element;
-export default Button2;
-//# sourceMappingURL=Button2.d.ts.map

package/lib/cjs/Button2/Button2.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button2.d.ts","sourceRoot":"","sources":["../../../src/Button2/Button2.tsx"],"names":[],"mappings":";AAEA,OAAO,EAA0B,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEvE,UAAU,KAAM,SAAQ,WAAW;IAC/B;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,eAAe,GAAG,iBAAiB,CAAC;IACrF;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC7B;AAED,QAAA,MAAM,OAAO,UAAW,KAAK,gBAK5B,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/cjs/Button2/Button2.js

@@ -1,47 +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;
-    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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/* eslint-disable object-shorthand */
-var React = __importStar(require("react"));
-var react_1 = require("@chakra-ui/react");
-var Button2 = function (props) {
-    var defaults = {
-        variant: 'primary',
-    };
-    return React.createElement(react_1.Button, __assign({}, defaults, props));
-};
-exports.default = Button2;
-//# sourceMappingURL=Button2.js.map

package/lib/cjs/Button2/Button2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button2.js","sourceRoot":"","sources":["../../../src/Button2/Button2.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAqC;AACrC,2CAA+B;AAC/B,0CAAuE;AAgBvE,IAAM,OAAO,GAAG,UAAC,KAAY;IAC3B,IAAM,QAAQ,GAAG;QACf,OAAO,EAAE,SAAS;KACnB,CAAC;IACF,OAAO,oBAAC,cAAY,eAAM,QAAQ,EAAQ,KAAK,EAAK,CAAC;AACvD,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}

package/lib/cjs/chakra/provider.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { ChakraProviderProps } from '@chakra-ui/react';
-declare const BitchakraProvider: ({ children }: ChakraProviderProps) => JSX.Element;
-export default BitchakraProvider;
-//# sourceMappingURL=provider.d.ts.map

package/lib/cjs/chakra/provider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../src/chakra/provider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGvE,QAAA,MAAM,iBAAiB,iBAAkB,mBAAmB,gBAE3D,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/cjs/chakra/provider.js

@@ -1,37 +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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = __importStar(require("react"));
-var react_1 = require("@chakra-ui/react");
-var theme_1 = __importDefault(require("./theme"));
-var BitchakraProvider = function (_a) {
-    var children = _a.children;
-    return React.createElement(react_1.ChakraProvider, { theme: theme_1.default }, children);
-};
-exports.default = BitchakraProvider;
-//# sourceMappingURL=provider.js.map

package/lib/cjs/chakra/provider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"provider.js","sourceRoot":"","sources":["../../../src/chakra/provider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0CAAuE;AACvE,kDAA4B;AAE5B,IAAM,iBAAiB,GAAG,UAAC,EAAiC;QAA/B,QAAQ,cAAA;IACnC,OAAO,oBAAC,sBAAc,IAAC,KAAK,EAAG,eAAK,IAAK,QAAQ,CAAmB,CAAC;AACvE,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}

package/lib/cjs/chakra/theme.d.ts

@@ -1,3 +0,0 @@
-declare const theme: import("@chakra-ui/utils").Dict<any>;
-export default theme;
-//# sourceMappingURL=theme.d.ts.map

package/lib/cjs/chakra/theme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/chakra/theme.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,KAAK,sCAiJT,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/lib/cjs/chakra/theme.js

@@ -1,151 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("@chakra-ui/react");
-var theme = (0, react_1.extendTheme)({
-    config: {
-        cssVarPrefix: 'bitkit',
-    },
-    fonts: {
-        body: '"TT Norms Pro", sans-serif',
-        heading: '"TT Norms Pro", sans-serif',
-    },
-    fontSizes: {
-        1: '11px',
-        2: '14px',
-        3: '16px',
-        4: '19px',
-        5: '24px',
-        6: '30px',
-        7: '36px',
-        8: '48px',
-    },
-    lineHeights: {
-        1: '16px',
-        2: '20px',
-        3: '24px',
-        4: '28px',
-        5: '36px',
-        6: '40px',
-        7: '48px',
-        8: '60px',
-    },
-    components: {
-        Button: {
-            baseStyle: {
-                border: '1px solid',
-                borderRadius: 'base',
-                fontWeight: 'normal',
-                lineHeight: 3,
-            },
-            variants: {
-                primary: {
-                    bgGradient: 'linear(to-b, #6C0EB2, #450674)',
-                    borderColor: '#683D87',
-                    color: '#F8F8F8',
-                    fontWeight: 'bold',
-                    _hover: {
-                        bgGradient: 'linear(to-b, #50167B, #3D125D)',
-                        _disabled: {
-                            bgGradient: 'linear(to-b, #ccc, #ACACAC)',
-                            borderColor: '#ACACAC',
-                        },
-                    },
-                    _active: {
-                        bgGradient: 'linear(to-b, #351D48, #351D48)',
-                    },
-                    _disabled: {
-                        bgGradient: 'linear(to-b, #ccc, #ACACAC)',
-                        borderColor: '#ACACAC',
-                    },
-                },
-                secondary: {
-                    bgGradient: 'linear(to-b, #f8f8f8, #fff)',
-                    borderColor: '#ddd',
-                    color: '#351D48',
-                    _hover: {
-                        bgGradient: 'linear(to-b, #ECECEC, #ECECEC)',
-                    },
-                    _active: {
-                        bgGradient: 'linear(to-b, #351D48, #351D48)',
-                        color: '#F8F8F8',
-                    },
-                    _disabled: {
-                        color: '#ACACAC',
-                    },
-                },
-                tertiary: {
-                    background: 'transparent',
-                    borderColor: 'transparent',
-                    color: '#760FC3',
-                    _hover: {
-                        background: '#F8F0FF',
-                    },
-                    _active: {
-                        background: '#351D48',
-                        color: '#F8F8F8',
-                    },
-                    _disabled: {
-                        color: '#ACACAC',
-                    },
-                },
-                dangerPrimary: {
-                    bgGradient: 'linear(to-b, #E41447, #FF2158)',
-                    borderColor: '#D4093C',
-                    color: '#fff',
-                    fontWeight: 'bold',
-                    _hover: {
-                        bgGradient: 'linear(to-b, #C90032, #C90032)',
-                        _disabled: {
-                            bgGradient: 'linear(to-b, #ccc, #acacac)',
-                            borderColor: '#ACACAC',
-                        },
-                    },
-                    _active: {
-                        bgGradient: 'linear(to-b, #C02048, #C02048)',
-                    },
-                    _disabled: {
-                        bgGradient: 'linear(to-b, #ccc, #acacac)',
-                        borderColor: '#ACACAC',
-                    },
-                },
-                dangerSecondary: {
-                    bgGradient: 'linear(to-b, #f8f8f8, #fff)',
-                    borderColor: '#ddd',
-                    color: '#FF2158',
-                    _hover: {
-                        bgGradient: 'linear(to-b, #FFE8EE, #FFE8EE)',
-                        borderColor: '#FF8FAB',
-                        _disabled: {
-                            bgGradient: 'linear(to-b, #f8f8f8, #fff)',
-                            borderColor: '#ddd',
-                            color: '#ACACAC',
-                        },
-                    },
-                    _active: {
-                        bgGradient: 'linear(to-b, #C02048, #C02048)',
-                        color: '#fff',
-                    },
-                    _disabled: {
-                        color: '#ACACAC',
-                    },
-                },
-            },
-            sizes: {
-                small: {
-                    h: '32px',
-                    fontSize: 2,
-                    px: '12px',
-                    py: '3px',
-                },
-                medium: {
-                    h: '48px',
-                    fontSize: 3,
-                    px: '16px',
-                    py: '11px',
-                },
-            },
-        },
-    },
-});
-exports.default = theme;
-//# sourceMappingURL=theme.js.map

package/lib/cjs/chakra/theme.js.map

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

package/lib/esn/Button2/Button2.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import { ButtonProps } from '@chakra-ui/react';
-interface Props extends ButtonProps {
-    /**
-     * Allows the Button to fill the container space rather than shrinking
-     * down to the content
-     */
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'dangerPrimary' | 'dangerSecondary';
-    /**
-     * Sets the size of the Button. Small allows the Button to fit
-     * into smaller spaces, while large will help the button stand
-     * out on a page with lots of space.
-     */
-    size?: 'small' | 'medium';
-}
-declare const Button2: (props: Props) => JSX.Element;
-export default Button2;
-//# sourceMappingURL=Button2.d.ts.map

package/lib/esn/Button2/Button2.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button2.d.ts","sourceRoot":"","sources":["../../../src/Button2/Button2.tsx"],"names":[],"mappings":";AAEA,OAAO,EAA0B,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEvE,UAAU,KAAM,SAAQ,WAAW;IAC/B;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,eAAe,GAAG,iBAAiB,CAAC;IACrF;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC7B;AAED,QAAA,MAAM,OAAO,UAAW,KAAK,gBAK5B,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/esn/Button2/Button2.js

@@ -1,11 +0,0 @@
-/* eslint-disable object-shorthand */
-import * as React from 'react';
-import { Button as ChakraButton } from '@chakra-ui/react';
-const Button2 = (props) => {
-    const defaults = {
-        variant: 'primary',
-    };
-    return React.createElement(ChakraButton, { ...defaults, ...props });
-};
-export default Button2;
-//# sourceMappingURL=Button2.js.map