@groupeactual/ui-kit 0.4.7 → 0.4.9

package/dist/index.d.ts

@@ -7,20 +7,23 @@ import { TextFieldProps } from '@mui/material/TextField';
 import { SxProps, Theme as Theme$1 } from '@mui/system';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
 
-interface Props$6 extends Omit<TypographyProps, 'variant'> {
+interface Props$7 extends Omit<TypographyProps, 'variant'> {
     variant?: 'big_number' | 'body1_regular' | 'body1_medium' | 'body1_bold' | 'body2_regular' | 'body2_medium' | 'body2_bold' | 'caption' | 'button_notif' | 'h1' | 'h2' | 'h3' | 'h4';
     component?: any;
 }
-declare const Text: (props: Props$6) => JSX.Element;
+declare const Text: (props: Props$7) => JSX.Element;
 
-interface Props$5 extends Omit<LinkProps, 'variant'> {
+interface Props$6 extends Omit<LinkProps, 'variant'> {
     variant?: 'link1' | 'link2';
     component?: any;
 }
-declare const Link: (props: Props$5) => JSX.Element;
+declare const Link: (props: Props$6) => JSX.Element;
 
-type ActButtonType = (props: ButtonProps) => JSX.Element | null;
-declare const ActButton: ActButtonType;
+interface Props$5 extends Omit<ButtonProps, 'variant'> {
+    variant?: 'primary' | 'secondary';
+    component?: any;
+}
+declare const Button: (props: Props$5) => JSX.Element;
 
 interface Props$4 {
     error?: string;
@@ -75,4 +78,4 @@ interface Props {
 }
 declare const DesignSystemProvider: ({ children, name: themeName }: PropsWithChildren<Props>) => JSX.Element;
 
-export { ActAccordion as Accordion, ActButton as Button, Checkbox, DesignSystemContext, DesignSystemContextValues, DesignSystemProvider, IconProvider, Link, Text, TextField };
+export { ActAccordion as Accordion, Button, Checkbox, DesignSystemContext, DesignSystemContextValues, DesignSystemProvider, IconProvider, Link, Text, TextField };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@groupeactual/ui-kit",
-  "version": "0.4.7",
+  "version": "0.4.9",
   "description": "A simple template for a custom React component library",
   "devDependencies": {
     "@babel/core": "^7.20.5",

package/src/components/Button/Button.tsx

@@ -1,17 +1,13 @@
-import Button, { ButtonProps } from '@mui/material/Button';
-import { styled } from '@mui/material/styles';
+import { ButtonProps } from '@mui/material/Button';
+import { Button as ButtonMUI } from '@mui/material';
 
-type ActButtonType = (props: ButtonProps) => JSX.Element | null;
+interface Props extends Omit<ButtonProps, 'variant'> {
+  variant?: 'primary' | 'secondary';
+  component?: any;
+}
 
-const ActButton: ActButtonType = styled(Button)<ButtonProps>(({ theme }) => ({
-  color: theme.palette.blueClickable,
-  border: `1px solid ${theme.palette.greyLightDefaultborder}`,
-  borderRadius: 4,
-  padding: '7.5px 16px',
-  fontWeight: theme.typography.fontWeightBold,
-  lineHeight: '18px',
-  textTransform: 'unset',
-  fontSize: '14px'
-}));
+const Button = (props: Props) => {
+  return <ButtonMUI {...(props as ButtonProps)} />;
+};
 
-export default ActButton;
+export default Button;