fix: remove ButtonPill and ButtonCircle storybook of Link

momentum-design · Jul 29, 2024 · f3f96f2 · f3f96f2
1 parent 9e8233f
commit f3f96f2
Showing 1 changed file with 1 addition and 75 deletions.
diff --git a/src/components/Link/Link.stories.tsx b/src/components/Link/Link.stories.tsx
@@ -4,8 +4,6 @@ import StyleDocs from '../../storybook/docs.stories.style.mdx';
 import Link, { LinkProps } from './';
 import argTypes from './Link.stories.args';
 import Documentation from './Link.stories.docs.mdx';
-import Icon from '../Icon';
-import Text from '../Text';
 import React from 'react';
 import { omit } from 'lodash';
 
@@ -67,76 +65,4 @@ LinkHasIcon.args = {
 
 LinkHasIcon.argTypes = { ...argTypes };
 
-const ButtonCircleLink = Template<LinkProps>(Link).bind({});
-
-ButtonCircleLink.args = {
-  href: 'https://www.webex.com/',
-  tooltipContent: 'opens a new tab',
-  tooltipType: 'description',
-  style: { borderRadius: '100vh' },
-  children: (
-    <div
-      style={{
-        width: '2.5rem',
-        height: '2.5rem',
-        border: 'var(--md-globals-border-clear)',
-        borderWidth: '0.0625rem',
-        cursor: 'pointer',
-        fontFamily: 'var(--md-globals-font-default)',
-        outline: 'none !important',
-        transition: 'background-color 0.2s, color 0.2s, border-color 0.2s',
-        backgroundColor: 'var(--mds-color-theme-button-primary-normal)',
-        color: 'var(--mds-color-theme-text-inverted-normal)',
-        alignItems: 'center',
-        borderRadius: '100vh',
-        display: 'flex',
-        flexShrink: 0,
-        justifyContent: 'space-evenly',
-      }}
-    >
-      <Icon name="chat-group" autoScale={150} />
-    </div>
-  ),
-};
-
-ButtonCircleLink.argTypes = { ...argTypes };
-ButtonCircleLink.argTypes = omit(ButtonCircleLink.argTypes, ['children', 'disabled', 'inverted']);
-
-const ButtonPillLink = Template<LinkProps>(Link).bind({});
-
-ButtonPillLink.args = {
-  href: 'https://www.webex.com/',
-  tooltipContent: 'opens a new tab',
-  tooltipType: 'description',
-  style: { textDecoration: 'none', borderRadius: '100vh' },
-  children: (
-    <div
-      style={{
-        height: '2.5rem',
-        padding: '0 1rem',
-        lineHeight: '2.5rem',
-        border: 'var(--md-globals-border-clear)',
-        borderWidth: '0.0625rem',
-        cursor: 'pointer',
-        fontFamily: 'var(--md-globals-font-default)',
-        outline: 'none !important',
-        transition: 'background-color 0.2s, color 0.2s, border-color 0.2s',
-        backgroundColor: 'var(--mds-color-theme-button-primary-normal)',
-        color: 'var(--mds-color-theme-text-inverted-normal)',
-        alignItems: 'center',
-        borderRadius: '100vh',
-        display: 'flex',
-        flexShrink: 0,
-        justifyContent: 'space-evenly',
-      }}
-    >
-      <Text>Go to Download page</Text>
-      <Icon name="chat-group" autoScale={150} />
-    </div>
-  ),
-};
-
-ButtonPillLink.argTypes = { ...argTypes };
-ButtonPillLink.argTypes = omit(ButtonPillLink.argTypes, ['children', 'disabled', 'inverted']);
-
-export { Example, States, LinkHasIcon, ButtonCircleLink, ButtonPillLink };
+export { Example, States, LinkHasIcon };