@beydesign/storybook 0.0.4 → 0.0.6

package/dist/index.d.ts

@@ -1,2 +1,10 @@
 export { MainButton } from './stories/Button';
+export { Avatar } from './stories/Avatar';
+export { Typography } from './stories/Typography';
+export { Badge } from './stories/Bagde';
+export { Checkbox } from './stories/Checkbox';
 export { ButtonSize, ButtonHierarchy, ButtonState, ButtonShape, ButtonDisplayMode, ButtonType, type MainButtonProps, } from './stories/types/button';
+export { BadgeColor, BadgeSize, type BadgeProps } from './stories/types/badge';
+export { AvatarStyle, AvatarSize, type AvatarProps, } from './stories/types/avatar';
+export { TypographySize, TypographyWeight, type TypographyProps, } from './stories/types/typography';
+export { CheckboxType, type CheckboxProps } from './stories/types/checkbox';

package/dist/index.js

@@ -1,4 +1,12 @@
 // Components
 export { MainButton } from './stories/Button';
+export { Avatar } from './stories/Avatar';
+export { Typography } from './stories/Typography';
+export { Badge } from './stories/Bagde';
+export { Checkbox } from './stories/Checkbox';
 // Types
 export { ButtonSize, ButtonHierarchy, ButtonState, ButtonShape, ButtonDisplayMode, ButtonType, } from './stories/types/button';
+export { BadgeColor, BadgeSize } from './stories/types/badge';
+export { AvatarStyle, AvatarSize, } from './stories/types/avatar';
+export { TypographySize, TypographyWeight, } from './stories/types/typography';
+export { CheckboxType } from './stories/types/checkbox';

package/dist/stories/Button.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, CircularProgress } from '@mui/material';
+import { CircularProgress } from '@mui/material';
 import * as PhosphorIcons from '@phosphor-icons/react';
 import { ButtonSize, ButtonHierarchy, ButtonState, ButtonShape, ButtonDisplayMode, ButtonType, } from './types/button';
 import { Typography } from './Typography';
@@ -258,7 +258,7 @@ export const MainButton = ({ onClick, text, disabled = false, loading = false, t
                     trailingIcon &&
                     getIconComponent(trailingIcon, iconProps)] }));
     };
-    return (_jsx(Button, { onClick: onClick ? onClick : () => { }, type: type, disabled: state === ButtonState.Disabled || disabled, sx: {
+    return (_jsx("button", { onClick: onClick ? onClick : () => { }, type: type, disabled: state === ButtonState.Disabled || disabled, style: {
             textTransform: 'none',
             ...sizeStyles,
             borderRadius: getButtonShape(),

package/dist/stories/Colors.stories.js

@@ -1,6 +1,7 @@
 import { Colors } from './Colors';
 const meta = {
     title: 'Design System/Foundations/Colors',
+    tags: ['autodocs'],
     component: Colors,
     parameters: {
         layout: 'fullscreen',

package/dist/stories/types/button.d.ts

@@ -1,4 +1,4 @@
-import type { SxProps, Theme } from '@mui/material';
+import type { CSSProperties } from 'react';
 import * as PhosphorIcons from '@phosphor-icons/react';
 /**
  * Button size variants
@@ -77,7 +77,7 @@ export interface MainButtonProps {
     /** HTML button type */
     type?: ButtonType;
     /** Custom styles for the button */
-    style?: SxProps<Theme>;
+    style?: CSSProperties;
     /** Size variant of the button */
     size?: ButtonSize;
     /** Visual hierarchy of the button */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@beydesign/storybook",
   "private": false,
-  "version": "0.0.4",
+  "version": "0.0.6",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",