chore: remove Alert component

Doist · Dec 26, 2024 · 78a342b · 78a342b
1 parent 6aa1a7d
commit 78a342b
Show file tree

Hide file tree

Showing 9 changed files with 30 additions and 278 deletions.
diff --git a/src/alert/alert.module.css b/src/alert/alert.module.css
diff --git a/src/alert/alert.stories.mdx b/src/alert/alert.stories.mdx
diff --git a/src/alert/alert.test.tsx b/src/alert/alert.test.tsx
diff --git a/src/alert/alert.tsx b/src/alert/alert.tsx
diff --git a/src/alert/index.ts b/src/alert/index.ts
diff --git a/src/index.ts b/src/index.ts
@@ -10,7 +10,6 @@ export * from './hidden'
 export * from './hidden-visually'
 
 // alerts, notifications, etc.
-export * from './alert'
 export * from './banner'
 export * from './loading'
 export * from './notice'

diff --git a/stories/components/Dropdown.stories.tsx b/stories/components/Dropdown.stories.tsx
@@ -2,7 +2,7 @@ import * as React from 'react'
 
 import Button from '../../src/components/deprecated-button'
 import Dropdown from '../../src/components/deprecated-dropdown'
-import { Alert } from '../../src/alert'
+import { Banner } from '../../src/banner'
 import { Stack } from '../../src/stack'
 import LinkTo from '@storybook/addon-links/react'
 
@@ -18,10 +18,15 @@ export default {
 export const DropdownStory = () => (
     <section className="story">
         <Stack as="section" exceptionallySetClassName="story" space="large">
-            <Alert tone="critical">
-                <strong>Deprecated:</strong> While not a 1:1 replacement, consider using{' '}
-                <LinkTo kind="design-system-menu">Menu</LinkTo> as an alternative
-            </Alert>
+            <Banner
+                tone="error"
+                description={
+                    <>
+                        <strong>Deprecated:</strong> While not a 1:1 replacement, consider using{' '}
+                        <LinkTo kind="design-system-menu">Menu</LinkTo> as an alternative
+                    </>
+                }
+            />
 
             <Dropdown.Box>
                 <Dropdown.Trigger>

diff --git a/stories/components/Input.stories.tsx b/stories/components/Input.stories.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 
 import Input from '../../src/components/deprecated-input'
-import { Alert } from '../../src/alert'
+import { Banner } from '../../src/banner'
 import './styles/input_story.less'
 import LinkTo from '@storybook/addon-links/react'
 
@@ -20,10 +20,15 @@ export default {
 export const InputStory = () => (
     <section className="story">
         <div className="story-info">
-            <Alert tone="critical">
-                <strong>Deprecated:</strong> Please use{' '}
-                <LinkTo kind="design-system-textfield">TextField</LinkTo> instead
-            </Alert>
+            <Banner
+                tone="error"
+                description={
+                    <>
+                        <strong>Deprecated:</strong> Please use{' '}
+                        <LinkTo kind="design-system-textfield">TextField</LinkTo> instead
+                    </>
+                }
+            />
             <p>
                 This component is a dumb wrapper around the
                 <code> &lt;input /&gt;</code> element which justs add a class name to give it is

diff --git a/stories/components/Select.stories.tsx b/stories/components/Select.stories.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 
 import Select from '../../src/components/deprecated-select'
-import { Alert } from '../../src/alert'
+import { Banner } from '../../src/banner'
 import { Stack } from '../../src/stack'
 import LinkTo from '@storybook/addon-links/react'
 
@@ -31,10 +31,15 @@ export function SelectStory() {
 
     return (
         <Stack as="section" exceptionallySetClassName="story" space="large">
-            <Alert tone="critical">
-                <strong>Deprecated:</strong> Please use{' '}
-                <LinkTo kind="design-system-selectfield">SelectField</LinkTo> instead
-            </Alert>
+            <Banner
+                tone="error"
+                description={
+                    <>
+                        <strong>Deprecated:</strong> Please use{' '}
+                        <LinkTo kind="design-system-selectfield">SelectField</LinkTo> instead
+                    </>
+                }
+            />
 
             <Select value={value} options={options} onChange={setValue} />
         </Stack>