@verifiedinc-public/shared-ui-elements 0.13.2-beta.1 → 0.13.2-beta.3

package/dist/shared-ui-elements.mjs

@@ -19735,6 +19735,7 @@ const aM = Pi(
       ] }),
       sx: {
         alignItems: "center",
+        width: "320px",
         ...l
       },
       children: n

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@verifiedinc-public/shared-ui-elements",
-  "version": "0.13.2-beta.1",
+  "version": "0.13.2-beta.3",
   "description": "A set of UI components, utilities that is shareable with the core apps.",
   "private": false,
   "keywords": [],

package/src/components/Snackbar/index.tsx

@@ -134,6 +134,7 @@ export const CustomAlertComponent = forwardRef<
           }
           sx={{
             alignItems: 'center',
+            width: '320px',
             ...sx,
           }}
         >

package/src/stories/components/Snackbar.stories.tsx

@@ -1,65 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-
-import { Portal, Stack } from '@mui/material';
-import { fn } from '@storybook/test';
-import { Button } from '../../components';
-import { SnackbarProvider, useSnackbar } from '../../components/Snackbar';
-
-const Snackbar = (): React.JSX.Element => {
-  const { updateSnackbar, closeSnackbar } = useSnackbar();
-
-  const renderButton = (
-    message: string,
-    severity: string,
-  ): React.JSX.Element => (
-    <Button
-      onClick={() => {
-        updateSnackbar(message, severity as any);
-      }}
-    >
-      {message}
-    </Button>
-  );
-
-  return (
-    <Stack>
-      <Portal>
-        <SnackbarProvider />
-      </Portal>
-      {renderButton('Success', 'success')}
-      {renderButton('Error', 'error')}
-      {renderButton('Warning', 'warning')}
-      {renderButton('Info', 'info')}
-      <Button
-        onClick={() => {
-          closeSnackbar();
-        }}
-      >
-        Clear all
-      </Button>
-    </Stack>
-  );
-};
-
-const meta = {
-  title: 'Components/Snackbar',
-
-  component: Snackbar,
-  parameters: {
-    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
-    layout: 'centered',
-  },
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
-  tags: ['autodocs'],
-  args: {
-    name: 'otp',
-    onChange: fn(),
-    disabled: false,
-  },
-} satisfies Meta<typeof Snackbar>;
-
-export default meta;
-type Story = StoryObj<typeof Snackbar>;
-
-// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
-export const Default: Story = {};