npm - @bitrise/bitkit - Versions diffs - 9.4.0 → 9.4.1-alpha.1 - Mend

@bitrise/bitkit 9.4.0 → 9.4.1-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (203) hide show

package/.eslintrc.js CHANGED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 CHANGED Viewed

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

package/.stylelintrc CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,3 +1,5 @@
+## [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)

package/jest.setup.js CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/chakra/BitkitProvider.d.ts ADDED Viewed

@@ -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 ADDED Viewed

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

@@ -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 ADDED Viewed

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

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

package/lib/cjs/chakra/components/Button/Button.theme.js ADDED Viewed

@@ -0,0 +1,119 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var ButtonTheme = {
+    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: {
+            minWidth: '32px',
+            height: '32px',
+            fontSize: 2,
+            paddingX: '12px',
+        },
+        medium: {
+            minWidth: '48px',
+            height: '48px',
+            fontSize: 3,
+            paddingX: '16px',
+        },
+    },
+};
+exports.default = ButtonTheme;
+//# sourceMappingURL=Button.theme.js.map

package/lib/cjs/chakra/components/Button/Button.theme.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Button.theme.js","sourceRoot":"","sources":["../../../../../src/chakra/components/Button/Button.theme.ts"],"names":[],"mappings":";;AAAA,IAAM,WAAW,GAAG;IAClB,SAAS,EAAE;QACT,MAAM,EAAE,WAAW;QACnB,YAAY,EAAE,MAAM;QACpB,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE,CAAC;KACd;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,UAAU,EAAE,gCAAgC;YAC5C,WAAW,EAAE,SAAS;YACtB,KAAK,EAAE,SAAS;YAChB,UAAU,EAAE,MAAM;YAClB,MAAM,EAAE;gBACN,UAAU,EAAE,gCAAgC;gBAC5C,SAAS,EAAE;oBACT,UAAU,EAAE,6BAA6B;oBACzC,WAAW,EAAE,SAAS;iBACvB;aACF;YACD,OAAO,EAAE;gBACP,UAAU,EAAE,gCAAgC;aAC7C;YACD,SAAS,EAAE;gBACT,UAAU,EAAE,6BAA6B;gBACzC,WAAW,EAAE,SAAS;aACvB;SACF;QACD,SAAS,EAAE;YACT,UAAU,EAAE,6BAA6B;YACzC,WAAW,EAAE,MAAM;YACnB,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE;gBACN,UAAU,EAAE,gCAAgC;aAC7C;YACD,OAAO,EAAE;gBACP,UAAU,EAAE,gCAAgC;gBAC5C,KAAK,EAAE,SAAS;aACjB;YACD,SAAS,EAAE;gBACT,KAAK,EAAE,SAAS;aACjB;SACF;QACD,QAAQ,EAAE;YACR,UAAU,EAAE,aAAa;YACzB,WAAW,EAAE,aAAa;YAC1B,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE;gBACN,UAAU,EAAE,SAAS;aACtB;YACD,OAAO,EAAE;gBACP,UAAU,EAAE,SAAS;gBACrB,KAAK,EAAE,SAAS;aACjB;YACD,SAAS,EAAE;gBACT,KAAK,EAAE,SAAS;aACjB;SACF;QACD,aAAa,EAAE;YACb,UAAU,EAAE,gCAAgC;YAC5C,WAAW,EAAE,SAAS;YACtB,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,MAAM;YAClB,MAAM,EAAE;gBACN,UAAU,EAAE,gCAAgC;gBAC5C,SAAS,EAAE;oBACT,UAAU,EAAE,6BAA6B;oBACzC,WAAW,EAAE,SAAS;iBACvB;aACF;YACD,OAAO,EAAE;gBACP,UAAU,EAAE,gCAAgC;aAC7C;YACD,SAAS,EAAE;gBACT,UAAU,EAAE,6BAA6B;gBACzC,WAAW,EAAE,SAAS;aACvB;SACF;QACD,eAAe,EAAE;YACf,UAAU,EAAE,6BAA6B;YACzC,WAAW,EAAE,MAAM;YACnB,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE;gBACN,UAAU,EAAE,gCAAgC;gBAC5C,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE;oBACT,UAAU,EAAE,6BAA6B;oBACzC,WAAW,EAAE,MAAM;oBACnB,KAAK,EAAE,SAAS;iBACjB;aACF;YACD,OAAO,EAAE;gBACP,UAAU,EAAE,gCAAgC;gBAC5C,KAAK,EAAE,MAAM;aACd;YACD,SAAS,EAAE;gBACT,KAAK,EAAE,SAAS;aACjB;SACF;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,QAAQ,EAAE,MAAM;YAChB,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,MAAM;SACjB;QACD,MAAM,EAAE;YACN,QAAQ,EAAE,MAAM;YAChB,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,MAAM;SACjB;KACF;CACF,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/lib/cjs/chakra/components/IconButton/IconButton.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import React from 'react';
+import { IconButtonProps } from '@chakra-ui/react';
+import { TypeIconName } from '@bitrise/bitkit';
+export interface Props {
+    iconName: TypeIconName;
+    label: IconButtonProps['aria-label'];
+    onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    size?: 'small' | 'medium';
+    sx?: IconButtonProps['sx'];
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'dangerPrimary' | 'dangerSecondary';
+}
+declare const IconButton: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;
+export default IconButton;
+//# sourceMappingURL=IconButton.d.ts.map

package/lib/cjs/chakra/components/IconButton/IconButton.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAkC,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnF,OAAO,EAAQ,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,YAAY,CAAC;IACvB,KAAK,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACvE,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,EAAE,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,eAAe,GAAG,iBAAiB,CAAC;CACtF;AAED,QAAA,MAAM,UAAU,iFAQd,CAAC;AAOH,eAAe,UAAU,CAAC"}

package/lib/cjs/chakra/components/IconButton/IconButton.js ADDED Viewed

@@ -0,0 +1,41 @@
+"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 });
+var react_1 = __importDefault(require("react"));
+var react_2 = require("@chakra-ui/react");
+var bitkit_1 = require("@bitrise/bitkit");
+var IconButton = react_1.default.forwardRef(function (props, ref) {
+    var iconName = props.iconName, label = props.label, rest = __rest(props, ["iconName", "label"]);
+    var properties = __assign({ 'aria-label': label, icon: react_1.default.createElement(bitkit_1.Icon, { name: iconName }) }, rest);
+    return react_1.default.createElement(react_2.IconButton, __assign({ ref: ref }, properties));
+});
+IconButton.defaultProps = {
+    size: 'medium',
+    variant: 'primary',
+};
+exports.default = IconButton;
+//# sourceMappingURL=IconButton.js.map

package/lib/cjs/chakra/components/IconButton/IconButton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../../src/chakra/components/IconButton/IconButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0CAAmF;AACnF,0CAAqD;AAWrD,IAAM,UAAU,GAAG,eAAK,CAAC,UAAU,CAA2B,UAAC,KAAY,EAAE,GAAG;IACtE,IAAA,QAAQ,GAAqB,KAAK,SAA1B,EAAE,KAAK,GAAc,KAAK,MAAnB,EAAK,IAAI,UAAK,KAAK,EAApC,qBAA4B,CAAF,CAAW;IAC3C,IAAM,UAAU,cACd,YAAY,EAAE,KAAK,EACnB,IAAI,EAAE,8BAAC,aAAI,IAAC,IAAI,EAAE,QAAQ,GAAI,IAC3B,IAAI,CACR,CAAC;IACF,OAAO,8BAAC,kBAAgB,aAAC,GAAG,EAAE,GAAG,IAAM,UAAU,EAAI,CAAC;AACxD,CAAC,CAAC,CAAC;AAEH,UAAU,CAAC,YAAY,GAAG;IACxB,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,SAAS;CACV,CAAC;AAEX,kBAAe,UAAU,CAAC"}

package/lib/cjs/chakra/components/IconButton/IconButton.stories.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./IconButton").Props & React.RefAttributes<HTMLButtonElement>>>;
+export default _default;
+export declare const WithProps: ComponentStory<React.ForwardRefExoticComponent<import("./IconButton").Props & React.RefAttributes<HTMLButtonElement>>>;
+//# sourceMappingURL=IconButton.stories.d.ts.map

package/lib/cjs/chakra/components/IconButton/IconButton.stories.d.ts.map ADDED Viewed

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