norma-library 0.5.62 → 0.5.63

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "norma-library",
-  "version": "0.5.62",
+  "version": "0.5.63",
   "private": false,
   "description": "Olos/Norma-DS. Design System based on Material UI, developed with TypeScript and Styled Components to create reusable and consistent components in web applications.",
   "scripts": {
@@ -36,8 +36,21 @@
     "@emotion/styled-base": "^11.0.0",
     "@mdx-js/loader": "^2.3.0",
     "@mui/lab": "^5.0.0-alpha.145",
+    "@storybook/addon-essentials": "^7.5.0",
+    "@storybook/addon-interactions": "^7.5.0",
+    "@storybook/addon-links": "^7.5.0",
+    "@storybook/addon-onboarding": "^1.0.8",
     "@storybook/addon-styling": "^1.3.7",
+    "@storybook/blocks": "^7.5.0",
+    "@storybook/react": "^7.5.0",
+    "@storybook/react-vite": "^7.5.0",
     "@storybook/react-webpack5": "^7.5.0-alpha.1",
+    "@storybook/testing-library": "^0.2.2",
+    "@types/react": "^18.2.15",
+    "@types/react-dom": "^18.2.7",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "@vitejs/plugin-react": "^4.0.3",
     "autoprefixer": "^10.4.15",
     "camelcase": "^8.0.0",
     "chalk": "^5.3.0",
@@ -45,6 +58,10 @@
     "copy-to-clipboard": "^3.3.3",
     "cz-conventional-changelog": "^3.3.0",
     "dotenv": "^16.3.1",
+    "eslint": "^8.45.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.3",
+    "eslint-plugin-storybook": "^0.6.15",
     "git-cz": "^4.9.0",
     "husky": "^8.0.3",
     "lint-staged": "^14.0.1",
@@ -54,28 +71,11 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rimraf": "^5.0.5",
+    "storybook": "^7.5.0",
     "storybook-addon-dark-mode-toggle": "^0.0.6",
     "storybook-dark-mode": "^3.0.1",
     "style-loader": "^3.3.3",
     "tsconfig-paths-webpack-plugin": "^4.1.0",
-    "@storybook/addon-essentials": "^7.5.0",
-    "@storybook/addon-interactions": "^7.5.0",
-    "@storybook/addon-links": "^7.5.0",
-    "@storybook/addon-onboarding": "^1.0.8",
-    "@storybook/blocks": "^7.5.0",
-    "@storybook/react": "^7.5.0",
-    "@storybook/react-vite": "^7.5.0",
-    "@storybook/testing-library": "^0.2.2",
-    "@types/react": "^18.2.15",
-    "@types/react-dom": "^18.2.7",
-    "@typescript-eslint/eslint-plugin": "^6.0.0",
-    "@typescript-eslint/parser": "^6.0.0",
-    "@vitejs/plugin-react": "^4.0.3",
-    "eslint": "^8.45.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.3",
-    "eslint-plugin-storybook": "^0.6.15",
-    "storybook": "^7.5.0",
     "typescript": "^5.0.2",
     "vite": "^4.4.5"
   },

package/src/components/ProgressBar.tsx

@@ -41,7 +41,7 @@ export const ProgressBar = ({ value = 0, label, variant = 'determinate', total,
           </span>
         </ProgressBarLabelStyled>
       )}
-      <ProgressBarStyled value={value} variant={variant} {...props} />
+      <ProgressBarStyled value={percentage} variant={variant} {...props} />
     </div>
   );
 };

package/src/stories/ProgressBar.stories.tsx

@@ -60,10 +60,10 @@ export const ProgressBarColors: Story = () => (
     <div style={{ display: 'flex', gap: '1rem', width: '480px', marginBottom: 30 }}>
       <>
         <div style={{ position: 'relative', flex: 1, width: '230px' }}>
-          <ProgressBar value={18} total={100} color="inherit" label="Progress Inherit" />
+          <ProgressBar value={100} total={300} color="inherit" label="Progress Inherit" />
         </div>
         <div style={{ position: 'relative', flex: 1, width: '230px' }}>
-          <ProgressBar value={77} total={100} color="secondary" label="Progress secondary" />
+          <ProgressBar value={125} total={1000} color="secondary" label="Progress secondary" />
         </div>
       </>
     </div>

package/dist/Button/index.d.ts

@@ -1,9 +0,0 @@
-import { ButtonBaseProps } from './types';
-export declare const Button: {
-    ({ label, ...rest }: ButtonBaseProps): import("react/jsx-runtime").JSX.Element;
-    defaultProps: {
-        variant: string;
-        size: string;
-        color: string;
-    };
-};

package/dist/Button/types.d.ts

@@ -1,18 +0,0 @@
-import { ReactNode } from 'react';
-import { Theme } from '@emotion/react';
-import { Button } from './index';
-import { ButtonPropsColorOverrides, ButtonPropsSizeOverrides, ButtonPropsVariantOverrides, ButtonProps as MuiButtonProps, SxProps } from '@mui/material';
-import { OverridableStringUnion } from '@mui/types';
-type MuiButtonBaseProps = Pick<MuiButtonProps, 'sx' | 'color' | 'size' | 'variant'>;
-export interface ButtonBaseProps extends MuiButtonBaseProps {
-    label: string;
-    sx?: SxProps<Theme>;
-    children?: ReactNode;
-    onClick?: (event: React.MouseEvent | React.KeyboardEvent | React.TouchEvent) => void;
-    color?: OverridableStringUnion<'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning', ButtonPropsColorOverrides>;
-    size?: OverridableStringUnion<'small' | 'medium' | 'large', ButtonPropsSizeOverrides>;
-    variant?: OverridableStringUnion<'text' | 'outlined' | 'contained', ButtonPropsVariantOverrides>;
-    style?: React.CSSProperties;
-}
-export type ButtonType = keyof typeof Button;
-export {};

package/dist/Card/Card.d.ts

@@ -1,3 +0,0 @@
-import { CardBaseProps } from './types';
-declare const Card: ({ children, title }: CardBaseProps) => import("react/jsx-runtime").JSX.Element;
-export default Card;

package/dist/Card/CardHeader.d.ts

@@ -1,3 +0,0 @@
-import { CardHeaderBaseProps } from './types';
-declare const CardHeader: ({ title }: CardHeaderBaseProps) => import("react/jsx-runtime").JSX.Element;
-export default CardHeader;

package/dist/Card/index.d.ts

@@ -1,4 +0,0 @@
-export * from './Card';
-export * from './CardHeader';
-export { default as Card } from './Card';
-export { default as CardHeader } from './CardHeader';