diff --git a/packages/components/src/index.tsx b/packages/components/src/index.tsx index 60dd0f31..af5cbe8c 100644 --- a/packages/components/src/index.tsx +++ b/packages/components/src/index.tsx @@ -6,7 +6,6 @@ export * from './icon-button' export * from './image' export * from './input' export * from './messages' -export * from './shape' export * from './sidebar' export * from './sidebar-members' export * from './typography' diff --git a/packages/components/src/shape/index.tsx b/packages/components/src/shape/index.tsx deleted file mode 100644 index 16fad832..00000000 --- a/packages/components/src/shape/index.tsx +++ /dev/null @@ -1 +0,0 @@ -export * from './shape' diff --git a/packages/components/src/shape/shape.stories.tsx b/packages/components/src/shape/shape.stories.tsx deleted file mode 100644 index 254491aa..00000000 --- a/packages/components/src/shape/shape.stories.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import { Shape } from './shape' - -// More on how to set up stories at: https://storybook.js.org/docs/7.0/react/writing-stories/introduction -export default { - title: 'Example/Shape', - component: Shape, - tags: ['autodocs'], - argTypes: { - backgroundColor: { control: 'color' } - } -} - -// More on writing stories with args: https://storybook.js.org/docs/7.0/react/writing-stories/args -export const Primary = { - args: { - primary: true, - label: 'Shape' - } -} - -export const Secondary = { - args: { - label: 'Shape' - } -} - -export const Large = { - args: { - size: 'large', - label: 'Shape' - } -} - -export const Small = { - args: { - size: 'small', - label: 'Shape' - } -} diff --git a/packages/components/src/shape/shape.tsx b/packages/components/src/shape/shape.tsx deleted file mode 100644 index 82bff05b..00000000 --- a/packages/components/src/shape/shape.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import { Stack, styled } from '@tamagui/core' - -export const Shape = styled(Stack, { - backgroundColor: '$primary', - width: 100, - height: 100, - cursor: 'pointer', - animation: 'fast', - borderRadius: '$4', - hoverStyle: { - backgroundColor: '$primaryHover', - }, - pressStyle: { - backgroundColor: '$primaryHover', - }, -})