refactor: use storybook and atomic design (#16)

BREAKING CHANGE: rewrite most of the Typescript types, so the content format (the meta in particular) needs to be updated.

2 files changed, 0 insertions, 49 deletions

diff --git a/src/components/Notice/Notice.module.scss b/src/components/Notice/Notice.module.scss
deleted file mode 100644
index aa7175c..0000000
--- a/src/components/Notice/Notice.module.scss
+++ /dev/null
@@ -1,28 +0,0 @@
-@use "@styles/abstracts/functions" as fun;
-
-.message {
-  border: fun.convert-px(2) solid;
-  font-weight: bold;
-  margin: var(--spacing-sm) auto;
-  padding: var(--spacing-2xs) var(--spacing-xs);
-
-  &--error {
-    border-color: var(--color-token-red);
-    color: var(--color-token-red);
-  }
-
-  &--info {
-    border-color: var(--color-token-blue);
-    color: var(--color-token-blue);
-  }
-
-  &--success {
-    border-color: var(--color-token-green);
-    color: var(--color-token-green);
-  }
-
-  &--warning {
-    border-color: var(--color-token-orange);
-    color: var(--color-token-orange);
-  }
-}
diff --git a/src/components/Notice/Notice.tsx b/src/components/Notice/Notice.tsx
deleted file mode 100644
index 02b1f12..0000000
--- a/src/components/Notice/Notice.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { NoticeType } from '@ts/types/app';
-import { ReactNode } from 'react';
-import styles from './Notice.module.scss';
-
-const Notice = ({
-  children,
-  type,
-}: {
-  children: ReactNode;
-  type: NoticeType;
-}) => {
-  const withModifier = `message--${type}`;
-
-  return (
-    <div className={`${styles.message} ${styles[withModifier]}`}>
-      {children}
-    </div>
-  );
-};
-
-export default Notice;