@bitrise/bitkit 9.13.0-alpha-button-release.4 → 9.13.1

package/src/Old/Card/Card.css

@@ -1,7 +0,0 @@
-.Card {
-  border: 0.0625rem solid var(--color-gray--2);
-  overflow: hidden;
-}
-
-.Card--direction-horizontal .Card__divider { border-right: 0.0625rem solid var(--color-gray--2); }
-.Card--direction-vertical .Card__divider { border-top: 0.0625rem solid var(--color-gray--2); }

package/src/Old/Card/Card.tsx

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import classnames from 'classnames';
-import Flex, { Props as FlexProps } from '../Flex/Flex';
-import './Card.css';
-
-export interface Props extends FlexProps {
-  /**
-   * Used when CardContent should be divided. Don't forget to add
-   * the CardDividers ;)
-   */
-  direction?: 'horizontal' | 'vertical';
-}
-
-/**
- * Presentation component for lifting and group content on a page. Also
- * great for chunky lists.
- */
-const Card: React.FunctionComponent<Props> = (props: Props) => {
-  const { direction, borderRadius = 'x2', backgroundColor = 'white', ...rest } = props;
-  const classes = classnames('Card', {
-    [`Card--direction-${direction}`]: direction,
-  });
-
-  return (
-    <Flex
-      {...rest}
-      backgroundColor={backgroundColor}
-      borderRadius={borderRadius}
-      className={classes}
-      direction={direction}
-    />
-  );
-};
-
-export default Card;

package/src/Old/Card/CardButton.tsx

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import Button, { Props as ButtonProps } from '../Button/Button';
-
-export type Props = ButtonProps;
-
-/**
- * The content that goes inside a Card. This is the component
- * that should be used to create padding, which can also be divided
- * with the CardDivider.
- */
-const CardButton: React.FunctionComponent<Props> = (props: Props) => {
-  return <Button {...props} borderless />;
-};
-
-export default CardButton;

package/src/Old/Card/CardContent.tsx

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import Flex, { Props as FlexProps } from '../Flex/Flex';
-
-export type Props = FlexProps;
-
-/**
- * The content that goes inside a Card. This is the component
- * that should be used to create padding, which can also be divided
- * with the CardDivider.
- */
-const CardContent: React.FunctionComponent<Props> = (props: Props) => {
-  return <Flex {...props} className="Card__content" />;
-};
-
-export default CardContent;

package/src/Old/Card/CardDivider.tsx

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import Flex, { Props as FlexProps } from '../Flex/Flex';
-
-export type Props = FlexProps;
-
-/**
- * Dividers that can be used to separate CardContents. Can be used
- * horizontally or vertically, just use the direction prop on the Card
- * component.
- */
-const CardDivider: React.FunctionComponent<Props> = (props: Props) => {
-  return <Flex {...props} className="Card__divider" />;
-};
-
-export default CardDivider;