[9/n][Storybook] InlineNotification update argTypes and use theme variants (#46)

packages/frontend/src/components/shared/InlineNotification/index.ts

@@ -1 +1,2 @@
 export * from './InlineNotification';
+export * from './InlineNotification.theme';

packages/frontend/src/stories/Components/InlineNotification.stories.tsx

@@ -1,16 +1,19 @@
 import { StoryObj, Meta } from '@storybook/react';
+
+import {
+  InlineNotification,
+  InlineNotificationTheme,
+} from 'components/shared/InlineNotification';
 import { PlusIcon } from 'components/shared/CustomIcon';
 
-import { InlineNotification } from 'components/shared/InlineNotification';
+const inlineNotificationVariants: InlineNotificationTheme['variant'][] = [
-
-const inlineNotificationVariants = [
   'info',
   'danger',
   'warning',
   'success',
   'generic',
 ];
-const inlineNotificationSizes = ['md', 'sm'];
+const inlineNotificationSizes: InlineNotificationTheme['size'][] = ['sm', 'md'];
 
 const meta: Meta<typeof InlineNotification> = {
   title: 'Components/InlineNotification',
@@ -34,6 +37,9 @@ const meta: Meta<typeof InlineNotification> = {
       control: 'select',
       options: inlineNotificationSizes,
     },
+    hasDescription: {
+      control: 'boolean',
+    },
   },
 };