@bitrise/bitkit 9.3.1 → 9.4.1-alpha.2

package/.eslintrc.js

@@ -6,13 +6,20 @@ module.exports = {
   settings: {
     'import/internal-regex': '^@/',
   },
-  extends: ['plugin:@bitrise/config'],
+  extends: ['plugin:@bitrise/config', 'plugin:storybook/recommended'],
   rules: {
     /** * Import related rules ** */
     'import/no-extraneous-dependencies': [
       'error',
       {
-        devDependencies: ['**/*.stories.tsx', '**/*.test.tsx', 'jest.setup.js', 'scripts/*.ts', 'site/**/*.*'],
+        devDependencies: [
+          '**/*.stories.tsx',
+          '**/*.test.tsx',
+          'jest.setup.js',
+          'scripts/*.ts',
+          'site/**/*.*',
+          'postcss.config.js',
+        ],
       },
     ],
     'react-hooks/exhaustive-deps': 'off',

package/.storybook/main.js

@@ -0,0 +1,35 @@
+const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
+
+module.exports = {
+  core: {
+    builder: 'webpack5',
+  },
+  stories: [
+    "../src/**/*.stories.mdx",
+    "../src/**/*.stories.@(js|jsx|ts|tsx)"
+  ],
+  addons: [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-interactions"
+  ],
+  framework: "@storybook/react",
+  features: { emotionAlias: false },
+  refs: {
+    '@chakra-ui/react': { disable: true }
+  },
+  webpackFinal: async (config) => {
+    config.module.rules.push({
+      test: /\.mjs$/,
+      include: /node_modules/,
+      type: 'javascript/auto',
+    });
+    config.resolve.plugins = [
+      ...(config.resolve.plugins || []),
+      new TsconfigPathsPlugin({
+        extensions: config.resolve.extensions,
+      }),
+    ];
+    return config;
+  },
+};

package/.storybook/preview.js

@@ -0,0 +1,20 @@
+import BitkitProvider from '../src/chakra/BitkitProvider';
+import '../site/index.css'
+
+export const decorators = [
+  (Story) => (
+    <BitkitProvider>
+      <Story />
+    </BitkitProvider>
+  ),
+];
+
+export const parameters = {
+  actions: { argTypesRegex: "^on[A-Z].*" },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+};

package/.stylelintignore

@@ -1,2 +1,3 @@
 **/*.tsx
 **/*.ts
+src/stories/**/*.*

package/.stylelintrc

@@ -46,7 +46,7 @@
     "function-linear-gradient-no-nonstandard-direction": true,
     "function-name-case": "lower",
     "function-parentheses-space-inside": "never-single-line",
-    "function-url-scheme-whitelist": ["data", "/^http/"],
+    "function-url-scheme-allowed-list": ["data", "/^http/"],
     "function-url-quotes": "always",
     "function-whitespace-after": "always",
     "indentation": 2,
@@ -276,10 +276,9 @@
     "shorthand-property-no-redundant-values": true,
     "string-no-newline": true,
     "string-quotes": "single",
-    "unit-blacklist": ["em", "px"],
+    "unit-disallowed-list": ["em", "px"],
     "unit-case": "lower",
     "unit-no-unknown": true,
-    "value-keyword-case": "lower",
     "value-list-comma-space-after": "always-single-line",
     "value-list-comma-space-before": "never",
     "value-list-max-empty-lines": 0,

package/CHANGELOG.md

@@ -1,3 +1,14 @@
+## [9.4.1-alpha.2](https://github.com/bitrise-io/bitkit/compare/v9.4.1-alpha.1...v9.4.1-alpha.2) (2022-03-22)
+
+## [9.4.1-alpha.1](https://github.com/bitrise-io/bitkit/compare/v9.4.0...v9.4.1-alpha.1) (2022-03-21)
+
+# [9.4.0](https://github.com/bitrise-io/bitkit/compare/v9.3.1...v9.4.0) (2022-03-18)
+
+
+### Features
+
+* **toggle:** implement disabled state for Toggle ([#144](https://github.com/bitrise-io/bitkit/issues/144)) ([86a58c3](https://github.com/bitrise-io/bitkit/commit/86a58c3d89e99647b5b3886626a86cbb6b657152))
+
 ## [9.3.1](https://github.com/bitrise-io/bitkit/compare/v9.3.0...v9.3.1) (2022-03-17)
 
 # [9.3.0](https://github.com/bitrise-io/bitkit/compare/v9.2.2...v9.3.0) (2022-03-16)

package/jest.setup.js

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 const Enzyme = require('enzyme');
-const Adapter = require('enzyme-adapter-react-16');
+const Adapter = require('@wojtekmaj/enzyme-adapter-react-17');
 const { JSDOM } = require('jsdom');
 
 const jsdom = new JSDOM('<!doctype html><html><body></body></html>', {

package/lib/cjs/Dropdown/DropdownMenu.css

@@ -16,7 +16,7 @@
 .DropdownMenu__group-text::after {
   content: '';
   flex: 1;
-  /* stylelint-disable-next-line unit-blacklist */
+  /* stylelint-disable-next-line unit-disallowed-list */
   height: 1px;
   background-color: var(--color-gray--3);
 }

package/lib/cjs/Toggle/Toggle.css

@@ -3,11 +3,18 @@
   --Toggle--border: 0.125rem;
 }
 
+.Toggle__container--disabled {
+  cursor: not-allowed;
+}
+
 .Toggle {
   display: block;
   position: relative;
   width: calc(var(--Toggle--size) * 2);
   height: var(--Toggle--size);
+}
+
+.Toggle__container:not(.Toggle__container--disabled) .Toggle {
   cursor: pointer;
 }
 
@@ -56,6 +63,10 @@
 .Toggle__icon-left { left: var(--Toggle--border); }
 .Toggle__icon-right { right: var(--Toggle--border); }
 
+.Toggle__container--disabled .Toggle__control {
+  background-color: var(--color-gray--2);
+}
+
 .Toggle__input:checked + .Toggle__control {
   background-color: var(--color-aqua--3)
 }
@@ -63,3 +74,11 @@
 .Toggle__input:checked + .Toggle__control .Toggle__knob {
     transform: translate(calc(100% + (var(--Toggle--border) * 2)), -50%);
   }
+
+.Toggle__container--disabled .Toggle__input:checked + .Toggle__control {
+  background-color: var(--color-aqua--2);
+}
+
+.Toggle__container--disabled .Toggle__label {
+  opacity: 0.8;
+}

package/lib/cjs/Toggle/Toggle.d.ts

@@ -8,6 +8,8 @@ export interface Props extends FlexProps {
     defaultChecked?: boolean;
     /** Handler for when the toggle state changes */
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /** Applies styling to indicate the input is disabled */
+    disabled?: boolean;
 }
 /**
  * A slick styled toggle component.

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

@@ -1 +1 @@
-{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAExD,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0FAA0F;IAC1F,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACjE;AAED;;GAEG;AACH,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAiC1C,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAExD,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0FAA0F;IAC1F,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CA6C1C,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/cjs/Toggle/Toggle.js

@@ -49,6 +49,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var React = __importStar(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
 var Flex_1 = __importDefault(require("../Flex/Flex"));
 var Icon_1 = __importDefault(require("../Icon/Icon"));
 require("./Toggle.css");
@@ -56,17 +57,20 @@ require("./Toggle.css");
  * A slick styled toggle component.
  */
 var Toggle = function (props) {
-    var checked = props.checked, children = props.children, defaultChecked = props.defaultChecked, onChange = props.onChange, rest = __rest(props, ["checked", "children", "defaultChecked", "onChange"]);
-    return (React.createElement(Flex_1.default, __assign({}, rest, { Component: "label", alignChildrenVertical: "middle", direction: "horizontal", gap: "x2" }),
+    var className = props.className, checked = props.checked, children = props.children, defaultChecked = props.defaultChecked, onChange = props.onChange, disabled = props.disabled, rest = __rest(props, ["className", "checked", "children", "defaultChecked", "onChange", "disabled"]);
+    var classes = (0, classnames_1.default)(className, 'Toggle__container', {
+        'Toggle__container--disabled': disabled,
+    });
+    return (React.createElement(Flex_1.default, __assign({}, rest, { Component: "label", alignChildrenVertical: "middle", direction: "horizontal", gap: "x2", className: classes }),
         React.createElement(Flex_1.default, { className: "Toggle" },
-            React.createElement("input", { checked: checked, className: "Toggle__input", defaultChecked: defaultChecked, onChange: onChange, type: "checkbox" }),
+            React.createElement("input", { checked: checked, className: "Toggle__input", defaultChecked: defaultChecked, onChange: onChange, type: "checkbox", disabled: disabled }),
             React.createElement(Flex_1.default, { className: "Toggle__control" },
                 React.createElement("span", { className: "Toggle__icon-left" },
                     React.createElement(Icon_1.default, { name: "Tick" })),
                 React.createElement("span", { className: "Toggle__icon-right" },
                     React.createElement(Icon_1.default, { name: "CloseSmall" })),
                 React.createElement("span", { className: "Toggle__knob" }))),
-        children && (React.createElement(Flex_1.default, { minWidth: "0px", shrink: true }, children))));
+        children && (React.createElement(Flex_1.default, { minWidth: "0px", shrink: true, className: "Toggle__label" }, children))));
 };
 exports.default = Toggle;
 //# sourceMappingURL=Toggle.js.map

package/lib/cjs/Toggle/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/Toggle/Toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,sDAAwD;AACxD,sDAAgC;AAChC,wBAAsB;AAWtB;;GAEG;AACH,IAAM,MAAM,GAAmC,UAAC,KAAY;IAClD,IAAA,OAAO,GAAkD,KAAK,QAAvD,EAAE,QAAQ,GAAwC,KAAK,SAA7C,EAAE,cAAc,GAAwB,KAAK,eAA7B,EAAE,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,UAAK,KAAK,EAAhE,qDAAwD,CAAF,CAAW;IAEvE,OAAO,CACL,oBAAC,cAAI,eAAK,IAAI,IAAE,SAAS,EAAC,OAAO,EAAC,qBAAqB,EAAC,QAAQ,EAAC,SAAS,EAAC,YAAY,EAAC,GAAG,EAAC,IAAI;QAC9F,oBAAC,cAAI,IAAC,SAAS,EAAC,QAAQ;YACtB,+BACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,eAAe,EACzB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,UAAU,GACf;YACF,oBAAC,cAAI,IAAC,SAAS,EAAC,iBAAiB;gBAC/B,8BAAM,SAAS,EAAC,mBAAmB;oBACjC,oBAAC,cAAI,IAAC,IAAI,EAAC,MAAM,GAAG,CACf;gBAEP,8BAAM,SAAS,EAAC,oBAAoB;oBAClC,oBAAC,cAAI,IAAC,IAAI,EAAC,YAAY,GAAG,CACrB;gBAEP,8BAAM,SAAS,EAAC,cAAc,GAAG,CAC5B,CACF;QAEN,QAAQ,IAAI,CACX,oBAAC,cAAI,IAAC,QAAQ,EAAC,KAAK,EAAC,MAAM,UACxB,QAAQ,CACJ,CACR,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}
+{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/Toggle/Toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAoC;AACpC,sDAAwD;AACxD,sDAAgC;AAChC,wBAAsB;AAatB;;GAEG;AACH,IAAM,MAAM,GAAmC,UAAC,KAAY;IAClD,IAAA,SAAS,GAAqE,KAAK,UAA1E,EAAE,OAAO,GAA4D,KAAK,QAAjE,EAAE,QAAQ,GAAkD,KAAK,SAAvD,EAAE,cAAc,GAAkC,KAAK,eAAvC,EAAE,QAAQ,GAAwB,KAAK,SAA7B,EAAE,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,UAAK,KAAK,EAArF,8EAA6E,CAAF,CAAW;IAE5F,IAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,mBAAmB,EAAE;QACzD,6BAA6B,EAAE,QAAQ;KACxC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,cAAI,eACC,IAAI,IACR,SAAS,EAAC,OAAO,EACjB,qBAAqB,EAAC,QAAQ,EAC9B,SAAS,EAAC,YAAY,EACtB,GAAG,EAAC,IAAI,EACR,SAAS,EAAE,OAAO;QAElB,oBAAC,cAAI,IAAC,SAAS,EAAC,QAAQ;YACtB,+BACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,eAAe,EACzB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,GAClB;YACF,oBAAC,cAAI,IAAC,SAAS,EAAC,iBAAiB;gBAC/B,8BAAM,SAAS,EAAC,mBAAmB;oBACjC,oBAAC,cAAI,IAAC,IAAI,EAAC,MAAM,GAAG,CACf;gBAEP,8BAAM,SAAS,EAAC,oBAAoB;oBAClC,oBAAC,cAAI,IAAC,IAAI,EAAC,YAAY,GAAG,CACrB;gBAEP,8BAAM,SAAS,EAAC,cAAc,GAAG,CAC5B,CACF;QAEN,QAAQ,IAAI,CACX,oBAAC,cAAI,IAAC,QAAQ,EAAC,KAAK,EAAC,MAAM,QAAC,SAAS,EAAC,eAAe,IAClD,QAAQ,CACJ,CACR,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}

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

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

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

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

package/lib/cjs/chakra/BitkitProvider.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_2 = require("@chakra-ui/react");
+var theme_1 = __importDefault(require("./theme/theme"));
+var BitkitProvider = function (_a) {
+    var children = _a.children;
+    return react_1.default.createElement(react_2.ChakraProvider, { theme: theme_1.default }, children);
+};
+exports.default = BitkitProvider;
+//# sourceMappingURL=BitkitProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitProvider.js","sourceRoot":"","sources":["../../../src/chakra/BitkitProvider.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,0CAAuE;AACvE,wDAAkC;AAElC,IAAM,cAAc,GAAG,UAAC,EAAiC;QAA/B,QAAQ,cAAA;IAChC,OAAO,8BAAC,sBAAc,IAAC,KAAK,EAAE,eAAK,IAAG,QAAQ,CAAkB,CAAC;AACnE,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}

package/lib/cjs/chakra/components/Button/Button.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { ButtonProps } from '@chakra-ui/react';
+import { TypeIconName } from '@bitrise/bitkit';
+export interface Props {
+    as?: 'a' | 'button';
+    children: string;
+    className?: string;
+    href?: string;
+    isDisabled?: boolean;
+    leftIconName?: TypeIconName;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    ref?: ButtonProps['itemRef'];
+    rightIconName?: TypeIconName;
+    size?: 'small' | 'medium';
+    sx?: ButtonProps['sx'];
+    target?: '_blank' | '_parent' | '_self' | '_top';
+    type?: ButtonProps['type'];
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'dangerPrimary' | 'dangerSecondary';
+}
+declare const Button: React.ForwardRefExoticComponent<Pick<Props, "size" | "className" | "children" | "onClick" | "href" | "variant" | "target" | "type" | "as" | "sx" | "isDisabled" | "leftIconName" | "rightIconName"> & React.RefAttributes<HTMLButtonElement>>;
+export default Button;
+//# sourceMappingURL=Button.d.ts.map

package/lib/cjs/chakra/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA0B,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAQ,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,KAAK;IACpB,EAAE,CAAC,EAAE,GAAG,GAAG,QAAQ,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACvE,GAAG,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC7B,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,EAAE,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IACvB,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IACjD,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,eAAe,GAAG,iBAAiB,CAAC;CACtF;AAED,QAAA,MAAM,MAAM,+OAqBV,CAAC;AAQH,eAAe,MAAM,CAAC"}

package/lib/cjs/chakra/components/Button/Button.js

@@ -0,0 +1,61 @@
+"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 __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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+var react_1 = __importDefault(require("react"));
+var react_2 = require("@chakra-ui/react");
+var bitkit_1 = require("@bitrise/bitkit");
+var Button = react_1.default.forwardRef(function (props, ref) {
+    var as = props.as, leftIconName = props.leftIconName, rightIconName = props.rightIconName, size = props.size, rest = __rest(props, ["as", "leftIconName", "rightIconName", "size"]);
+    var properties = __assign({ as: as, size: size }, rest);
+    if (leftIconName) {
+        properties.leftIcon = react_1.default.createElement(bitkit_1.Icon, { name: leftIconName });
+    }
+    if (rightIconName) {
+        properties.rightIcon = react_1.default.createElement(bitkit_1.Icon, { name: rightIconName });
+    }
+    if (leftIconName || rightIconName) {
+        properties.iconSpacing = size === 'medium' ? '10px' : '6px';
+    }
+    if (as === 'a') {
+        delete properties.type;
+    }
+    else {
+        /* @ts-ignore */
+        delete properties.href;
+        /* @ts-ignore */
+        delete properties.target;
+    }
+    return react_1.default.createElement(react_2.Button, __assign({ ref: ref }, properties));
+});
+Button.defaultProps = {
+    as: 'button',
+    size: 'medium',
+    variant: 'primary',
+};
+exports.default = Button;
+//# sourceMappingURL=Button.js.map

package/lib/cjs/chakra/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/chakra/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sDAAsD;AACtD,gDAA0B;AAC1B,0CAAuE;AACvE,0CAAqD;AAmBrD,IAAM,MAAM,GAAG,eAAK,CAAC,UAAU,CAA2B,UAAC,KAAY,EAAE,GAAG;IAClE,IAAA,EAAE,GAAiD,KAAK,GAAtD,EAAE,YAAY,GAAmC,KAAK,aAAxC,EAAE,aAAa,GAAoB,KAAK,cAAzB,EAAE,IAAI,GAAc,KAAK,KAAnB,EAAK,IAAI,UAAK,KAAK,EAA1D,+CAAkD,CAAF,CAAW;IACjE,IAAM,UAAU,cAAkB,EAAE,IAAA,EAAE,IAAI,MAAA,IAAK,IAAI,CAAE,CAAC;IACtD,IAAI,YAAY,EAAE;QAChB,UAAU,CAAC,QAAQ,GAAG,8BAAC,aAAI,IAAC,IAAI,EAAE,YAAY,GAAI,CAAC;KACpD;IACD,IAAI,aAAa,EAAE;QACjB,UAAU,CAAC,SAAS,GAAG,8BAAC,aAAI,IAAC,IAAI,EAAE,aAAa,GAAI,CAAC;KACtD;IACD,IAAI,YAAY,IAAI,aAAa,EAAE;QACjC,UAAU,CAAC,WAAW,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;KAC7D;IACD,IAAI,EAAE,KAAK,GAAG,EAAE;QACd,OAAO,UAAU,CAAC,IAAI,CAAC;KACxB;SAAM;QACL,gBAAgB;QAChB,OAAO,UAAU,CAAC,IAAI,CAAC;QACvB,gBAAgB;QAChB,OAAO,UAAU,CAAC,MAAM,CAAC;KAC1B;IACD,OAAO,8BAAC,cAAY,aAAC,GAAG,EAAE,GAAG,IAAM,UAAU,EAAI,CAAC;AACpD,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,YAAY,GAAG;IACpB,EAAE,EAAE,QAAQ;IACZ,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,kBAAe,MAAM,CAAC"}

package/lib/cjs/chakra/components/Button/Button.stories.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Pick<import("./Button").Props, "size" | "className" | "children" | "onClick" | "href" | "variant" | "target" | "type" | "as" | "sx" | "isDisabled" | "leftIconName" | "rightIconName"> & React.RefAttributes<HTMLButtonElement>>>;
+export default _default;
+export declare const WithProps: ComponentStory<React.ForwardRefExoticComponent<Pick<import("./Button").Props, "size" | "className" | "children" | "onClick" | "href" | "variant" | "target" | "type" | "as" | "sx" | "isDisabled" | "leftIconName" | "rightIconName"> & React.RefAttributes<HTMLButtonElement>>>;
+//# sourceMappingURL=Button.stories.d.ts.map

package/lib/cjs/chakra/components/Button/Button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;;AAKjE,wBAWkC;AAIlC,eAAO,MAAM,SAAS,kRAAoB,CAAC"}

package/lib/cjs/chakra/components/Button/Button.stories.js

@@ -0,0 +1,37 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithProps = void 0;
+var react_1 = __importDefault(require("react"));
+var shared_1 = require("../../shared");
+var tsx_1 = require("../../../Icon/tsx");
+var Button_1 = __importDefault(require("./Button"));
+exports.default = {
+    title: 'Components/Button',
+    component: Button_1.default,
+    argTypes: {
+        leftIconName: {
+            options: tsx_1.IconList,
+        },
+        rightIconName: {
+            options: tsx_1.IconList,
+        },
+    },
+};
+var Template = function (props) { return react_1.default.createElement(Button_1.default, __assign({}, props)); };
+exports.WithProps = Template.bind({});
+exports.WithProps.args = (0, shared_1.sortObjectByKey)(__assign(__assign({}, Button_1.default.defaultProps), { as: 'button', className: '', isDisabled: false, href: '', target: '_self', type: 'button', children: 'Button' }));
+//# sourceMappingURL=Button.stories.js.map

package/lib/cjs/chakra/components/Button/Button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../../src/chakra/components/Button/Button.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,uCAA+C;AAC/C,yCAA6C;AAC7C,oDAA8B;AAE9B,kBAAe;IACb,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,gBAAM;IACjB,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,OAAO,EAAE,cAAQ;SAClB;QACD,aAAa,EAAE;YACb,OAAO,EAAE,cAAQ;SAClB;KACF;CAC8B,CAAC;AAElC,IAAM,QAAQ,GAAkC,UAAC,KAAK,IAAK,OAAA,8BAAC,gBAAM,eAAK,KAAK,EAAI,EAArB,CAAqB,CAAC;AAEpE,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,iBAAS,CAAC,IAAI,GAAG,IAAA,wBAAe,wBAC3B,gBAAM,CAAC,YAAY,KACtB,EAAE,EAAE,QAAQ,EACZ,SAAS,EAAE,EAAE,EACb,UAAU,EAAE,KAAK,EACjB,IAAI,EAAE,EAAE,EACR,MAAM,EAAE,OAAO,EACf,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,QAAQ,IAClB,CAAC"}

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

@@ -0,0 +1,117 @@
+declare const ButtonTheme: {
+    baseStyle: {
+        border: string;
+        borderRadius: string;
+        fontWeight: string;
+        lineHeight: number;
+    };
+    variants: {
+        primary: {
+            bgGradient: string;
+            borderColor: string;
+            color: string;
+            fontWeight: string;
+            _hover: {
+                bgGradient: string;
+                _disabled: {
+                    bgGradient: string;
+                    borderColor: string;
+                };
+            };
+            _active: {
+                bgGradient: string;
+            };
+            _disabled: {
+                bgGradient: string;
+                borderColor: string;
+            };
+        };
+        secondary: {
+            bgGradient: string;
+            borderColor: string;
+            color: string;
+            _hover: {
+                bgGradient: string;
+            };
+            _active: {
+                bgGradient: string;
+                color: string;
+            };
+            _disabled: {
+                color: string;
+            };
+        };
+        tertiary: {
+            background: string;
+            borderColor: string;
+            color: string;
+            _hover: {
+                background: string;
+            };
+            _active: {
+                background: string;
+                color: string;
+            };
+            _disabled: {
+                color: string;
+            };
+        };
+        dangerPrimary: {
+            bgGradient: string;
+            borderColor: string;
+            color: string;
+            fontWeight: string;
+            _hover: {
+                bgGradient: string;
+                _disabled: {
+                    bgGradient: string;
+                    borderColor: string;
+                };
+            };
+            _active: {
+                bgGradient: string;
+            };
+            _disabled: {
+                bgGradient: string;
+                borderColor: string;
+            };
+        };
+        dangerSecondary: {
+            bgGradient: string;
+            borderColor: string;
+            color: string;
+            _hover: {
+                bgGradient: string;
+                borderColor: string;
+                _disabled: {
+                    bgGradient: string;
+                    borderColor: string;
+                    color: string;
+                };
+            };
+            _active: {
+                bgGradient: string;
+                color: string;
+            };
+            _disabled: {
+                color: string;
+            };
+        };
+    };
+    sizes: {
+        small: {
+            minWidth: string;
+            height: string;
+            fontSize: number;
+            paddingX: string;
+        };
+        medium: {
+            minWidth: string;
+            height: string;
+            fontSize: number;
+            paddingX: string;
+        };
+    };
+};
+export default ButtonTheme;
+//# sourceMappingURL=Button.theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.theme.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/Button/Button.theme.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkHhB,CAAC;AAEF,eAAe,WAAW,CAAC"}