@bitrise/bitkit 9.18.1 → 9.20.0-alpha-chakra.1

package/src/Components/IconButton/IconButton.stories.tsx

@@ -1,19 +0,0 @@
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-import { sortObjectByKey } from '../../utils/storyUtils';
-import IconButton from './IconButton';
-
-export default {
-  title: 'Components/IconButton (WIP)',
-  component: IconButton,
-} as ComponentMeta<typeof IconButton>;
-
-const Template: ComponentStory<typeof IconButton> = (props) => <IconButton {...props} />;
-
-export const WithProps = Template.bind({});
-WithProps.args = sortObjectByKey({
-  ...IconButton.defaultProps,
-  'aria-label': 'This is the label',
-  iconName: 'AddOns',
-  isDanger: false,
-  isDisabled: false,
-});

package/src/Components/IconButton/IconButton.tsx

@@ -1,37 +0,0 @@
-import React from 'react';
-import { IconButton as ChakraIconButton, IconButtonProps, forwardRef } from '@chakra-ui/react';
-import Icon from '../../Old/Icon/Icon';
-import { TypeIconName } from '../../Old/Icon/tsx';
-
-export interface Props extends IconButtonProps {
-  className?: string;
-  iconName: TypeIconName;
-  isDanger?: boolean;
-  isDisabled?: boolean;
-  onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-  size?: 'small' | 'medium';
-  variant?: 'primary' | 'secondary' | 'tertiary';
-}
-
-/**
- * IconButton composes the `Button` component except that it renders only an icon.
- *
- * TODO:
- * - Change to Chakra powered Icon component
- */
-const IconButton = forwardRef<Props, 'button'>((props, ref) => {
-  const { iconName, isDanger, variant, ...rest } = props;
-  const properties: IconButtonProps = {
-    icon: <Icon name={iconName} />,
-    variant: isDanger ? `${variant}--danger` : variant,
-    ...rest,
-  };
-  return <ChakraIconButton {...properties} ref={ref} />;
-});
-
-IconButton.defaultProps = {
-  size: 'medium',
-  variant: 'primary',
-} as Props;
-
-export default IconButton;

package/src/Old/Badge/Badge.css

@@ -1,6 +0,0 @@
-.Badge {
-  display: inline-block;
-  padding: 0.1875rem var(--size--x2);
-  border-radius: var(--size--x1);
-  line-height: 1.125rem;
-}

package/src/Old/Badge/Badge.tsx

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import classnames from 'classnames';
-import Text, { Props as TextProps } from '../Text/Text';
-import './Badge.css';
-
-export interface Props extends TextProps {
-  uppercase?: boolean;
-}
-
-/**
- * A badge component, useful to provide context and highlight something
- * important to a user.
- */
-const Badge: React.FunctionComponent<Props> = ({ uppercase = true, className, ...rest }: Props) => {
-  return <Text {...rest} className={classnames('Badge', className)} size="1" uppercase={uppercase} />;
-};
-
-export default Badge;