@bitrise/bitkit 9.4.1-alpha.2 → 9.5.0-alpha.4

package/lib/esn/chakra/components/StatusTag/StatusTag.theme.js

@@ -1,45 +0,0 @@
-const StatusTagTheme = {
-    baseStyle: {
-        borderRadius: '4px',
-        paddingX: '8px',
-    },
-    sizes: {
-        small: {
-            paddingY: '4px',
-        },
-        normal: {
-            paddingY: '8px',
-        },
-        big: {
-            paddingY: '20px',
-        },
-    },
-    variants: {
-        aborted: {
-            backgroundColor: '#FFF6D1',
-            color: '#875B00',
-        },
-        failed: {
-            backgroundColor: '#FFF0F3',
-            color: '#A91E2E',
-        },
-        onHold: {
-            backgroundColor: '#F6F4F6',
-            color: '#6B6071',
-        },
-        running: {
-            backgroundColor: '#F9F2FD',
-            color: '#492F5C',
-        },
-        starting: {
-            backgroundColor: '#ECF8FD',
-            color: '#1066AC',
-        },
-        success: {
-            backgroundColor: '#EEF9F1',
-            color: '#167231',
-        },
-    },
-};
-export default StatusTagTheme;
-//# sourceMappingURL=StatusTag.theme.js.map

package/lib/esn/chakra/components/StatusTag/StatusTag.theme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatusTag.theme.js","sourceRoot":"","sources":["../../../../../src/chakra/components/StatusTag/StatusTag.theme.ts"],"names":[],"mappings":"AAAA,MAAM,cAAc,GAAG;IACrB,SAAS,EAAE;QACT,YAAY,EAAE,KAAK;QACnB,QAAQ,EAAE,KAAK;KAChB;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,QAAQ,EAAE,KAAK;SAChB;QACD,MAAM,EAAE;YACN,QAAQ,EAAE,KAAK;SAChB;QACD,GAAG,EAAE;YACH,QAAQ,EAAE,MAAM;SACjB;KACF;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,eAAe,EAAE,SAAS;YAC1B,KAAK,EAAE,SAAS;SACjB;QACD,MAAM,EAAE;YACN,eAAe,EAAE,SAAS;YAC1B,KAAK,EAAE,SAAS;SACjB;QACD,MAAM,EAAE;YACN,eAAe,EAAE,SAAS;YAC1B,KAAK,EAAE,SAAS;SACjB;QACD,OAAO,EAAE;YACP,eAAe,EAAE,SAAS;YAC1B,KAAK,EAAE,SAAS;SACjB;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,SAAS;YAC1B,KAAK,EAAE,SAAS;SACjB;QACD,OAAO,EAAE;YACP,eAAe,EAAE,SAAS;YAC1B,KAAK,EAAE,SAAS;SACjB;KACF;CACF,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/esn/chakra/components/Text/Text.d.ts

@@ -1,32 +0,0 @@
-/// <reference types="react" />
-import { TextProps } from '@chakra-ui/react';
-declare type TextTags = 'a' | 'abbr' | 'bdi' | 'bdo' | 'blockquote' | 'cite' | 'data' | 'dd' | 'dfn' | 'dt' | 'em' | 'figcaption' | 'kbd' | 'li' | 'mark' | 'p' | 'pre' | 'q' | 'samp' | 'small' | 'span' | 'strong' | 'sub' | 'sup' | 'time' | 'var';
-export interface Props {
-    align?: 'center' | 'justify' | 'left' | 'right';
-    /**
-     * Any valid HTML text tag
-     */
-    as?: TextTags;
-    children?: TextProps['children'];
-    className?: string;
-    /**
-     * Font weight
-     */
-    fontWeight?: 'bold' | 'normal';
-    letterSpacing?: string;
-    /**
-     * Size config (https://www.figma.com/file/grik9mTaJ5DfhydhWhXdP5/Bitkit-Foundations?node-id=211%3A12)
-     */
-    size?: '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8';
-    sx?: TextProps['sx'];
-    textTransform?: 'capitalize' | 'lowercase' | 'none' | 'uppercase';
-}
-/**
- * Basic `Text` component
- */
-declare const Text: {
-    (props: Props): JSX.Element;
-    defaultProps: Props;
-};
-export default Text;
-//# sourceMappingURL=Text.d.ts.map

package/lib/esn/chakra/components/Text/Text.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/Text/Text.tsx"],"names":[],"mappings":";AACA,OAAO,EAAsB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEjE,aAAK,QAAQ,GACT,GAAG,GACH,MAAM,GACN,KAAK,GACL,KAAK,GACL,YAAY,GACZ,MAAM,GACN,MAAM,GACN,IAAI,GACJ,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,YAAY,GACZ,KAAK,GACL,IAAI,GACJ,MAAM,GACN,GAAG,GACH,KAAK,GACL,GAAG,GACH,MAAM,GACN,OAAO,GACP,MAAM,GACN,QAAQ,GACR,KAAK,GACL,KAAK,GACL,MAAM,GACN,KAAK,CAAC;AAEV,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;IAChD;;OAEG;IACH,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACrD,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IACrB,aAAa,CAAC,EAAE,YAAY,GAAG,WAAW,GAAG,MAAM,GAAG,WAAW,CAAC;CACnE;AAED;;GAEG;AACH,QAAA,MAAM,IAAI;YAAW,KAAK;;CAUzB,CAAC;AAOF,eAAe,IAAI,CAAC"}

package/lib/esn/chakra/components/Text/Text.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import { Text as ChakraText } from '@chakra-ui/react';
-/**
- * Basic `Text` component
- */
-const Text = (props) => {
-    const { size, textTransform } = props;
-    const properties = { ...props };
-    if (size === '1' && (!textTransform || textTransform === 'none')) {
-        properties.textTransform = 'uppercase';
-    }
-    if (size === '5' || size === '6' || size === '7' || size === '8') {
-        properties.fontWeight = 'bold';
-    }
-    return React.createElement(ChakraText, { ...properties });
-};
-Text.defaultProps = {
-    as: 'span',
-    size: '4',
-};
-export default Text;
-//# sourceMappingURL=Text.js.map

package/lib/esn/chakra/components/Text/Text.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../../src/chakra/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,UAAU,EAAa,MAAM,kBAAkB,CAAC;AAmDjE;;GAEG;AACH,MAAM,IAAI,GAAG,CAAC,KAAY,EAAE,EAAE;IAC5B,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IACtC,MAAM,UAAU,GAAc,EAAE,GAAG,KAAK,EAAE,CAAC;IAC3C,IAAI,IAAI,KAAK,GAAG,IAAI,CAAC,CAAC,aAAa,IAAI,aAAa,KAAK,MAAM,CAAC,EAAE;QAChE,UAAU,CAAC,aAAa,GAAG,WAAW,CAAC;KACxC;IACD,IAAI,IAAI,KAAK,GAAG,IAAI,IAAI,KAAK,GAAG,IAAI,IAAI,KAAK,GAAG,IAAI,IAAI,KAAK,GAAG,EAAE;QAChE,UAAU,CAAC,UAAU,GAAG,MAAM,CAAC;KAChC;IACD,OAAO,oBAAC,UAAU,OAAK,UAAU,GAAI,CAAC;AACxC,CAAC,CAAC;AAEF,IAAI,CAAC,YAAY,GAAG;IAClB,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,GAAG;CACD,CAAC;AAEX,eAAe,IAAI,CAAC"}

package/lib/esn/chakra/components/Text/Text.stories.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<{
-    (props: import("./Text").Props): JSX.Element;
-    defaultProps: import("./Text").Props;
-}>;
-export default _default;
-export declare const WithProps: ComponentStory<{
-    (props: import("./Text").Props): JSX.Element;
-    defaultProps: import("./Text").Props;
-}>;
-//# sourceMappingURL=Text.stories.d.ts.map

package/lib/esn/chakra/components/Text/Text.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.stories.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/Text/Text.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;;;;;AAIjE,wBAGgC;AAIhC,eAAO,MAAM,SAAS;;;EAAoB,CAAC"}

package/lib/esn/chakra/components/Text/Text.stories.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import { sortObjectByKey } from '../../shared';
-import Text from './Text';
-export default {
-    title: 'Components/Text',
-    component: Text,
-};
-const Template = ({ ...props }) => React.createElement(Text, { ...props });
-export const WithProps = Template.bind({});
-WithProps.args = sortObjectByKey({
-    align: 'left',
-    className: '',
-    children: 'The quick brown fox jumps over the lazy dog.',
-    fontWeight: 'normal',
-    letterSpacing: 'normal',
-    textTransform: 'none',
-    ...Text.defaultProps,
-});
-//# sourceMappingURL=Text.stories.js.map

package/lib/esn/chakra/components/Text/Text.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.stories.js","sourceRoot":"","sources":["../../../../../src/chakra/components/Text/Text.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,eAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;CACc,CAAC;AAEhC,MAAM,QAAQ,GAAgC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,oBAAC,IAAI,OAAK,KAAK,GAAI,CAAC;AAEpF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG,eAAe,CAAC;IAC/B,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,8CAA8C;IACxD,UAAU,EAAE,QAAQ;IACpB,aAAa,EAAE,QAAQ;IACvB,aAAa,EAAE,MAAM;IACrB,GAAG,IAAI,CAAC,YAAY;CACrB,CAAC,CAAC"}

package/lib/esn/chakra/shared.d.ts

@@ -1,2 +0,0 @@
-export declare const sortObjectByKey: (unordered: any) => {};
-//# sourceMappingURL=shared.d.ts.map

package/lib/esn/chakra/shared.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../src/chakra/shared.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,cAAe,GAAG,OAQ7C,CAAC"}

package/lib/esn/chakra/shared.js

@@ -1,11 +0,0 @@
-/* eslint-disable */
-export const sortObjectByKey = (unordered) => {
-    return Object.keys(unordered)
-        .sort()
-        .reduce((obj, key) => {
-        /* @ts-ignore */
-        obj[key] = unordered[key];
-        return obj;
-    }, {});
-};
-//# sourceMappingURL=shared.js.map

package/lib/esn/chakra/shared.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../src/chakra/shared.ts"],"names":[],"mappings":"AAAA,oBAAoB;AAEpB,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,SAAc,EAAE,EAAE;IAChD,OAAO,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC;SAC1B,IAAI,EAAE;SACN,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;QACnB,gBAAgB;QAChB,GAAG,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;QAC1B,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC,CAAC"}

package/lib/esn/chakra/theme/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/esn/chakra/theme/theme.d.ts.map

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

package/lib/esn/chakra/theme/theme.js

@@ -1,49 +0,0 @@
-import { extendTheme } from '@chakra-ui/react';
-import { variables } from '@bitrise/bitkit';
-import ButtonTheme from '../components/Button/Button.theme';
-import StatusTagTheme from '../components/StatusTag/StatusTag.theme';
-import MenuTheme from '../components/Menu/Menu.theme';
-import typographyConfig from './typographyConfig';
-const theme = extendTheme({
-    config: {
-        cssVarPrefix: 'bitkit',
-    },
-    colors: variables.colorMap,
-    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: ButtonTheme,
-        Heading: {
-            sizes: typographyConfig,
-        },
-        Menu: MenuTheme,
-        StatusTag: StatusTagTheme,
-        Text: {
-            sizes: typographyConfig,
-        },
-    },
-});
-export default theme;
-//# sourceMappingURL=theme.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../src/chakra/theme/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,WAAW,MAAM,mCAAmC,CAAC;AAC5D,OAAO,cAAc,MAAM,yCAAyC,CAAC;AACrE,OAAO,SAAS,MAAM,+BAA+B,CAAC;AACtD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,MAAM,KAAK,GAAG,WAAW,CAAC;IACxB,MAAM,EAAE;QACN,YAAY,EAAE,QAAQ;KACvB;IACD,MAAM,EAAE,SAAS,CAAC,QAAQ;IAC1B,KAAK,EAAE;QACL,IAAI,EAAE,4BAA4B;QAClC,OAAO,EAAE,4BAA4B;KACtC;IACD,SAAS,EAAE;QACT,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;KACV;IACD,WAAW,EAAE;QACX,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;KACV;IACD,UAAU,EAAE;QACV,MAAM,EAAE,WAAW;QACnB,OAAO,EAAE;YACP,KAAK,EAAE,gBAAgB;SACxB;QACD,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,cAAc;QACzB,IAAI,EAAE;YACJ,KAAK,EAAE,gBAAgB;SACxB;KACF;CACF,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/lib/esn/chakra/theme/typographyConfig.d.ts

@@ -1,4 +0,0 @@
-import { SystemStyleObject } from '@chakra-ui/react';
-declare const config: Record<string, SystemStyleObject>;
-export default config;
-//# sourceMappingURL=typographyConfig.d.ts.map

package/lib/esn/chakra/theme/typographyConfig.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"typographyConfig.d.ts","sourceRoot":"","sources":["../../../../src/chakra/theme/typographyConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,QAAA,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAiC7C,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/esn/chakra/theme/typographyConfig.js

@@ -1,36 +0,0 @@
-const config = {
-    1: {
-        fontSize: '11px',
-        lineHeight: '16px',
-    },
-    2: {
-        fontSize: '14px',
-        lineHeight: '20px',
-    },
-    3: {
-        fontSize: '16px',
-        lineHeight: '24px',
-    },
-    4: {
-        fontSize: '19px',
-        lineHeight: '28px',
-    },
-    5: {
-        fontSize: '24px',
-        lineHeight: '36px',
-    },
-    6: {
-        fontSize: '30px',
-        lineHeight: '40px',
-    },
-    7: {
-        fontSize: '36px',
-        lineHeight: '48px',
-    },
-    8: {
-        fontSize: '48px',
-        lineHeight: '60px',
-    },
-};
-export default config;
-//# sourceMappingURL=typographyConfig.js.map

package/lib/esn/chakra/theme/typographyConfig.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"typographyConfig.js","sourceRoot":"","sources":["../../../../src/chakra/theme/typographyConfig.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,GAAsC;IAChD,CAAC,EAAE;QACD,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;KACnB;IACD,CAAC,EAAE;QACD,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;KACnB;IACD,CAAC,EAAE;QACD,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;KACnB;IACD,CAAC,EAAE;QACD,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;KACnB;IACD,CAAC,EAAE;QACD,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;KACnB;IACD,CAAC,EAAE;QACD,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;KACnB;IACD,CAAC,EAAE;QACD,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;KACnB;IACD,CAAC,EAAE;QACD,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;KACnB;CACF,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/src/chakra/BitkitProvider.tsx

@@ -1,9 +0,0 @@
-import React from 'react';
-import { ChakraProvider, ChakraProviderProps } from '@chakra-ui/react';
-import theme from './theme/theme';
-
-const BitkitProvider = ({ children }: ChakraProviderProps) => {
-  return <ChakraProvider theme={theme}>{children}</ChakraProvider>;
-};
-
-export default BitkitProvider;

package/src/chakra/components/Button/Button.stories.tsx

@@ -1,32 +0,0 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-import { sortObjectByKey } from '../../shared';
-import { IconList } from '../../../Icon/tsx';
-import Button from './Button';
-
-export default {
-  title: 'Components/Button',
-  component: Button,
-  argTypes: {
-    leftIconName: {
-      options: IconList,
-    },
-    rightIconName: {
-      options: IconList,
-    },
-  },
-} as ComponentMeta<typeof Button>;
-
-const Template: ComponentStory<typeof Button> = (props) => <Button {...props} />;
-
-export const WithProps = Template.bind({});
-WithProps.args = sortObjectByKey({
-  ...Button.defaultProps,
-  as: 'button',
-  className: '',
-  isDisabled: false,
-  href: '',
-  target: '_self',
-  type: 'button',
-  children: 'Button',
-});

package/src/chakra/components/Button/Button.theme.ts

@@ -1,117 +0,0 @@
-const 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',
-    },
-  },
-};
-
-export default ButtonTheme;

package/src/chakra/components/Button/Button.tsx

@@ -1,52 +0,0 @@
-/* eslint-disable @typescript-eslint/ban-ts-comment */
-import React from 'react';
-import { Button as ChakraButton, ButtonProps } from '@chakra-ui/react';
-import { Icon, 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';
-}
-
-const Button = React.forwardRef<HTMLButtonElement, Props>((props: Props, ref) => {
-  const { as, leftIconName, rightIconName, size, ...rest } = props;
-  const properties: ButtonProps = { as, size, ...rest };
-  if (leftIconName) {
-    properties.leftIcon = <Icon name={leftIconName} />;
-  }
-  if (rightIconName) {
-    properties.rightIcon = <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 <ChakraButton ref={ref} {...properties} />;
-});
-
-Button.defaultProps = {
-  as: 'button',
-  size: 'medium',
-  variant: 'primary',
-};
-
-export default Button;

package/src/chakra/components/IconButton/IconButton.stories.tsx

@@ -1,24 +0,0 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-import { sortObjectByKey } from '../../shared';
-import { IconList } from '../../../Icon/tsx';
-import IconButton from './IconButton';
-
-export default {
-  title: 'Components/IconButton',
-  component: IconButton,
-  argTypes: {
-    iconName: {
-      options: IconList,
-    },
-  },
-} as ComponentMeta<typeof IconButton>;
-
-const Template: ComponentStory<typeof IconButton> = ({ ...props }) => <IconButton {...props} />;
-
-export const WithProps = Template.bind({});
-WithProps.args = sortObjectByKey({
-  ...IconButton.defaultProps,
-  iconName: 'AddOns',
-  label: 'This is the label',
-});

package/src/chakra/components/IconButton/IconButton.tsx

@@ -1,29 +0,0 @@
-import React from 'react';
-import { IconButton as ChakraIconButton, IconButtonProps } from '@chakra-ui/react';
-import { Icon, 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';
-}
-
-const IconButton = React.forwardRef<HTMLButtonElement, Props>((props: Props, ref) => {
-  const { iconName, label, ...rest } = props;
-  const properties: IconButtonProps = {
-    'aria-label': label,
-    icon: <Icon name={iconName} />,
-    ...rest,
-  };
-  return <ChakraIconButton ref={ref} {...properties} />;
-});
-
-IconButton.defaultProps = {
-  size: 'medium',
-  variant: 'primary',
-} as Props;
-
-export default IconButton;

package/src/chakra/components/Link/Link.stories.tsx

@@ -1,19 +0,0 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-import { sortObjectByKey } from '../../shared';
-import Link from './Link';
-
-export default {
-  title: 'Components/Link',
-  component: Link,
-} as ComponentMeta<typeof Link>;
-
-const Template: ComponentStory<typeof Link> = ({ ...props }) => <Link {...props} />;
-
-export const WithProps = Template.bind({});
-WithProps.args = sortObjectByKey({
-  ...Link.defaultProps,
-  children: 'The quick brown fox jumps over the lazy dog.',
-  href: '#',
-  target: '_self',
-});

package/src/chakra/components/Link/Link.tsx

@@ -1,30 +0,0 @@
-import React from 'react';
-import { Link as ChakraLink, LinkProps } from '@chakra-ui/react';
-
-export type TypeLinkColor = 'grape-3' | 'grape-5' | 'gray-1' | 'gray-5' | 'white' | 'inherit';
-
-export interface Props {
-  children: LinkProps['children'];
-  color?: TypeLinkColor;
-  href: string;
-  isUnderlined?: boolean;
-  target?: '_blank' | '_parent' | '_self' | '_top';
-}
-
-const Link = (props: Props) => {
-  const { isUnderlined, ...rest } = props;
-  const properties: LinkProps = { ...rest };
-  properties.as = 'a';
-  if (isUnderlined) {
-    properties.textDecoration = 'underline';
-  }
-
-  return <ChakraLink {...properties} />;
-};
-
-Link.defaultProps = {
-  color: 'grape-3',
-  isUnderlined: true,
-} as Props;
-
-export default Link;