@bitrise/bitkit 9.4.0 → 9.4.1-alpha.1

package/lib/esn/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/esn/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/esn/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/esn/chakra/BitkitProvider.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ChakraProvider } from '@chakra-ui/react';
+import theme from './theme/theme';
+const BitkitProvider = ({ children }) => {
+    return React.createElement(ChakraProvider, { theme: theme }, children);
+};
+export default BitkitProvider;
+//# sourceMappingURL=BitkitProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitProvider.js","sourceRoot":"","sources":["../../../src/chakra/BitkitProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAuB,MAAM,kBAAkB,CAAC;AACvE,OAAO,KAAK,MAAM,eAAe,CAAC;AAElC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAuB,EAAE,EAAE;IAC3D,OAAO,oBAAC,cAAc,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAkB,CAAC;AACnE,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/esn/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/esn/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/esn/chakra/components/Button/Button.js

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

package/lib/esn/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,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,IAAI,YAAY,EAAe,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAE,IAAI,EAAgB,MAAM,iBAAiB,CAAC;AAmBrD,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAA2B,CAAC,KAAY,EAAE,GAAG,EAAE,EAAE;IAC9E,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACjE,MAAM,UAAU,GAAgB,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,CAAC;IACtD,IAAI,YAAY,EAAE;QAChB,UAAU,CAAC,QAAQ,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAE,YAAY,GAAI,CAAC;KACpD;IACD,IAAI,aAAa,EAAE;QACjB,UAAU,CAAC,SAAS,GAAG,oBAAC,IAAI,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,oBAAC,YAAY,IAAC,GAAG,EAAE,GAAG,KAAM,UAAU,GAAI,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,eAAe,MAAM,CAAC"}

package/lib/esn/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/esn/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/esn/chakra/components/Button/Button.stories.js

@@ -0,0 +1,29 @@
+import React from '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,
+        },
+    },
+};
+const Template = (props) => React.createElement(Button, { ...props });
+export const WithProps = Template.bind({});
+WithProps.args = sortObjectByKey({
+    ...Button.defaultProps,
+    as: 'button',
+    className: '',
+    isDisabled: false,
+    href: '',
+    target: '_self',
+    type: 'button',
+    children: 'Button',
+});
+//# sourceMappingURL=Button.stories.js.map

package/lib/esn/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,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,eAAe;IACb,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,OAAO,EAAE,QAAQ;SAClB;QACD,aAAa,EAAE;YACb,OAAO,EAAE,QAAQ;SAClB;KACF;CAC8B,CAAC;AAElC,MAAM,QAAQ,GAAkC,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,MAAM,OAAK,KAAK,GAAI,CAAC;AAEjF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG,eAAe,CAAC;IAC/B,GAAG,MAAM,CAAC,YAAY;IACtB,EAAE,EAAE,QAAQ;IACZ,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,KAAK;IACjB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,OAAO;IACf,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,QAAQ;CACnB,CAAC,CAAC"}

package/lib/esn/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/esn/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"}

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

@@ -0,0 +1,117 @@
+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;
+//# sourceMappingURL=Button.theme.js.map

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

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

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

@@ -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/esn/chakra/components/IconButton/IconButton.d.ts.map

@@ -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/esn/chakra/components/IconButton/IconButton.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { IconButton as ChakraIconButton } from '@chakra-ui/react';
+import { Icon } from '@bitrise/bitkit';
+const IconButton = React.forwardRef((props, ref) => {
+    const { iconName, label, ...rest } = props;
+    const properties = {
+        'aria-label': label,
+        icon: React.createElement(Icon, { name: iconName }),
+        ...rest,
+    };
+    return React.createElement(ChakraIconButton, { ref: ref, ...properties });
+});
+IconButton.defaultProps = {
+    size: 'medium',
+    variant: 'primary',
+};
+export default IconButton;
+//# sourceMappingURL=IconButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../../src/chakra/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAmB,MAAM,kBAAkB,CAAC;AACnF,OAAO,EAAE,IAAI,EAAgB,MAAM,iBAAiB,CAAC;AAWrD,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAA2B,CAAC,KAAY,EAAE,GAAG,EAAE,EAAE;IAClF,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC3C,MAAM,UAAU,GAAoB;QAClC,YAAY,EAAE,KAAK;QACnB,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,GAAI;QAC9B,GAAG,IAAI;KACR,CAAC;IACF,OAAO,oBAAC,gBAAgB,IAAC,GAAG,EAAE,GAAG,KAAM,UAAU,GAAI,CAAC;AACxD,CAAC,CAAC,CAAC;AAEH,UAAU,CAAC,YAAY,GAAG;IACxB,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,SAAS;CACV,CAAC;AAEX,eAAe,UAAU,CAAC"}

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

@@ -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/esn/chakra/components/IconButton/IconButton.stories.d.ts.map

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

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

@@ -0,0 +1,21 @@
+import React from '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,
+        },
+    },
+};
+const Template = ({ ...props }) => React.createElement(IconButton, { ...props });
+export const WithProps = Template.bind({});
+WithProps.args = sortObjectByKey({
+    ...IconButton.defaultProps,
+    iconName: 'AddOns',
+    label: 'This is the label',
+});
+//# sourceMappingURL=IconButton.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.stories.js","sourceRoot":"","sources":["../../../../../src/chakra/components/IconButton/IconButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,eAAe;IACb,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE,QAAQ;SAClB;KACF;CACkC,CAAC;AAEtC,MAAM,QAAQ,GAAsC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,oBAAC,UAAU,OAAK,KAAK,GAAI,CAAC;AAEhG,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG,eAAe,CAAC;IAC/B,GAAG,UAAU,CAAC,YAAY;IAC1B,QAAQ,EAAE,QAAQ;IAClB,KAAK,EAAE,mBAAmB;CAC3B,CAAC,CAAC"}

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { LinkProps } from '@chakra-ui/react';
+export declare 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';
+}
+declare const Link: {
+    (props: Props): JSX.Element;
+    defaultProps: Props;
+};
+export default Link;
+//# sourceMappingURL=Link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/Link/Link.tsx"],"names":[],"mappings":";AACA,OAAO,EAAsB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEjE,oBAAY,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAE9F,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAChC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;CAClD;AAED,QAAA,MAAM,IAAI;YAAW,KAAK;;CASzB,CAAC;AAOF,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Link as ChakraLink } from '@chakra-ui/react';
+const Link = (props) => {
+    const { isUnderlined, ...rest } = props;
+    const properties = { ...rest };
+    properties.as = 'a';
+    if (isUnderlined) {
+        properties.textDecoration = 'underline';
+    }
+    return React.createElement(ChakraLink, { ...properties });
+};
+Link.defaultProps = {
+    color: 'grape-3',
+    isUnderlined: true,
+};
+export default Link;
+//# sourceMappingURL=Link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../../src/chakra/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,UAAU,EAAa,MAAM,kBAAkB,CAAC;AAYjE,MAAM,IAAI,GAAG,CAAC,KAAY,EAAE,EAAE;IAC5B,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACxC,MAAM,UAAU,GAAc,EAAE,GAAG,IAAI,EAAE,CAAC;IAC1C,UAAU,CAAC,EAAE,GAAG,GAAG,CAAC;IACpB,IAAI,YAAY,EAAE;QAChB,UAAU,CAAC,cAAc,GAAG,WAAW,CAAC;KACzC;IAED,OAAO,oBAAC,UAAU,OAAK,UAAU,GAAI,CAAC;AACxC,CAAC,CAAC;AAEF,IAAI,CAAC,YAAY,GAAG;IAClB,KAAK,EAAE,SAAS;IAChB,YAAY,EAAE,IAAI;CACV,CAAC;AAEX,eAAe,IAAI,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.stories.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/Link/Link.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/Link/Link.stories.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { sortObjectByKey } from '../../shared';
+import Link from './Link';
+export default {
+    title: 'Components/Link',
+    component: Link,
+};
+const Template = ({ ...props }) => React.createElement(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',
+});
+//# sourceMappingURL=Link.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.stories.js","sourceRoot":"","sources":["../../../../../src/chakra/components/Link/Link.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,GAAG,IAAI,CAAC,YAAY;IACpB,QAAQ,EAAE,8CAA8C;IACxD,IAAI,EAAE,GAAG;IACT,MAAM,EAAE,OAAO;CAChB,CAAC,CAAC"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { MenuProps } from '@chakra-ui/react';
+export declare type Props = MenuProps;
+declare const Menu: (props: Props) => JSX.Element;
+export default Menu;
+//# sourceMappingURL=Menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/Menu/Menu.tsx"],"names":[],"mappings":";AACA,OAAO,EAAsB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEjE,oBAAY,KAAK,GAAG,SAAS,CAAC;AAE9B,QAAA,MAAM,IAAI,UAAW,KAAK,gBAA8B,CAAC;AAEzD,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Menu as ChakraMenu } from '@chakra-ui/react';
+const Menu = (props) => React.createElement(ChakraMenu, { ...props });
+export default Menu;
+//# sourceMappingURL=Menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../../src/chakra/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,UAAU,EAAa,MAAM,kBAAkB,CAAC;AAIjE,MAAM,IAAI,GAAG,CAAC,KAAY,EAAE,EAAE,CAAC,oBAAC,UAAU,OAAK,KAAK,GAAI,CAAC;AAEzD,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import Menu from './Menu';
+declare const _default: ComponentMeta<(props: import("@chakra-ui/react").MenuProps) => JSX.Element>;
+export default _default;
+export declare const WithButton: ComponentStory<typeof Menu>;
+export declare const WithIconButton: ComponentStory<typeof Menu>;
+export declare const WithButtonGroup: ComponentStory<typeof Menu>;
+//# sourceMappingURL=Menu.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/Menu/Menu.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIjE,OAAO,IAAI,MAAM,QAAQ,CAAC;;AAG1B,wBAIgC;AAEhC,eAAO,MAAM,UAAU,EAAE,cAAc,CAAC,OAAO,IAAI,CAWlD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,OAAO,IAAI,CAWtD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,cAAc,CAAC,OAAO,IAAI,CAgBvD,CAAC"}

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

@@ -0,0 +1,39 @@
+import React from 'react';
+import { ButtonGroup, HStack, MenuButton, MenuList } from '@chakra-ui/react';
+import Button from '../Button/Button';
+import IconButton from '../IconButton/IconButton';
+import Menu from './Menu';
+import MenuItem from './MenuItem';
+export default {
+    title: 'Components/Menu',
+    component: Menu,
+    subcomponents: { MenuButton, MenuList, MenuItem },
+};
+export const WithButton = () => (React.createElement(Menu, null,
+    React.createElement(MenuButton, { as: Button }, "Actions"),
+    React.createElement(MenuList, null,
+        React.createElement(MenuItem, { iconName: "AddOnsColorTuorqouise" }, "Download"),
+        React.createElement(MenuItem, { iconName: "AddOnsColorTuorqouise" }, "Create a Copy"),
+        React.createElement(MenuItem, { iconName: "AddOnsColorTuorqouise" }, "Mark as Draft"),
+        React.createElement(MenuItem, { iconName: "AddOnsColorTuorqouise" }, "Delete"),
+        React.createElement(MenuItem, { iconName: "AddOnsColorTuorqouise" }, "Attend a Workshop"))));
+export const WithIconButton = () => (React.createElement(Menu, null,
+    React.createElement(MenuButton, { as: IconButton, iconName: "AddOnsColorTuorqouise", label: "Open menu" }),
+    React.createElement(MenuList, null,
+        React.createElement(MenuItem, { iconName: "AddOnsColorTuorqouise" }, "Download"),
+        React.createElement(MenuItem, { iconName: "AddOnsColorTuorqouise" }, "Create a Copy"),
+        React.createElement(MenuItem, { iconName: "AddOnsColorTuorqouise" }, "Mark as Draft"),
+        React.createElement(MenuItem, { iconName: "AddOnsColorTuorqouise" }, "Delete"),
+        React.createElement(MenuItem, { iconName: "AddOnsColorTuorqouise" }, "Attend a Workshop"))));
+export const WithButtonGroup = () => (React.createElement(HStack, { justifyContent: "end" },
+    React.createElement(ButtonGroup, { isAttached: true },
+        React.createElement(Button, null, "Button"),
+        React.createElement(Menu, null,
+            React.createElement(MenuButton, { as: IconButton, iconName: "AddOnsColorTuorqouise", label: "Open menu" }),
+            React.createElement(MenuList, null,
+                React.createElement(MenuItem, { iconName: "AddOnsColorTuorqouise" }, "Download"),
+                React.createElement(MenuItem, { iconName: "AddOnsColorTuorqouise" }, "Create a Copy"),
+                React.createElement(MenuItem, { iconName: "AddOnsColorTuorqouise" }, "Mark as Draft"),
+                React.createElement(MenuItem, { iconName: "AddOnsColorTuorqouise" }, "Delete"),
+                React.createElement(MenuItem, { iconName: "AddOnsColorTuorqouise" }, "Attend a Workshop"))))));
+//# sourceMappingURL=Menu.stories.js.map