@groupeactual/ui-kit 0.4.4 → 0.4.6

package/dist/cjs/components/Text/Text.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { TypographyProps } from '@mui/material';
 interface Props extends Omit<TypographyProps, 'variant'> {
-    variant?: 'big_number' | 'body1_regular' | 'body1_medium' | 'body1_bold' | 'body2_regular' | 'body2_medium' | 'body2_bold' | 'caption' | 'button_notif';
+    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) => JSX.Element;

package/dist/cjs/components/index.d.ts

@@ -1,6 +1,5 @@
 export { default as Text } from './Text';
 export { default as Link } from './Link';
-export { default as Heading } from './Heading';
 export { default as Button } from './Button';
 export { default as TextField } from './Form/TextField';
 export { default as Checkbox } from './Form/Checkbox';

package/dist/cjs/index.js

@@ -50450,24 +50450,21 @@ process.env.NODE_ENV !== "production" ? TextField$1.propTypes /* remove-proptype
 } : void 0;
 var MuiTextField = TextField$1;
 
-// @ts-ignore
 var Text = function (props) { return jsxRuntime.jsx(Typography$1, __assign$1({}, props)); };
 
 var Link = function (props) { return jsxRuntime.jsx(LinkMui, __assign$1({}, props)); };
 
-var Heading = function (props) { return jsxRuntime.jsx(Typography$1, __assign$1({}, props)); };
-
 var ActButton = styled$1(Button$1)(function (_a) {
     var theme = _a.theme;
     return ({
         color: theme.palette.blueClickable,
-        // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
-        border: "1px solid ".concat(theme.palette.greyLightBorder),
+        border: "1px solid ".concat(theme.palette.greyLightDefaultborder),
         borderRadius: 4,
+        padding: '7.5px 16px',
         fontWeight: theme.typography.fontWeightBold,
         lineHeight: '18px',
         textTransform: 'unset',
-        fontSize: 14
+        fontSize: '14px'
     });
 });
 
@@ -50954,88 +50951,91 @@ var getFontFamilies = function (themeName) {
     return fontFamilies;
 };
 
-var useMaterialThemeCss = function (muiTokens) {
-    var muiCss = React.useMemo(function () {
-        return {
-            components: {
-                MuiFormHelperText: {
-                    styleOverrides: {
-                        root: {
-                            fontWeight: 400,
-                            fontSize: '11px',
-                            marginLeft: '8px',
-                            marginRight: '8px',
-                            marginTop: '5px',
-                            lineHeight: '12px',
-                            color: muiTokens.palette.greyDark,
-                            '&.Mui-error': {
-                                color: muiTokens.palette.redError
-                            }
-                        }
+var TextFieldCss = function (muiTokens) {
+    return {
+        MuiFormHelperText: {
+            styleOverrides: {
+                root: {
+                    fontWeight: 400,
+                    fontSize: '11px',
+                    marginLeft: '8px',
+                    marginRight: '8px',
+                    marginTop: '5px',
+                    lineHeight: '12px',
+                    color: muiTokens.palette.greyDark,
+                    '&.Mui-error': {
+                        color: muiTokens.palette.redError
                     }
-                },
-                MuiOutlinedInput: {
-                    defaultProps: {
-                        notched: true
+                }
+            }
+        },
+        MuiOutlinedInput: {
+            defaultProps: {
+                notched: true
+            },
+            styleOverrides: {
+                input: {
+                    fontSize: '14px',
+                    lineHeight: '18px',
+                    fontWeight: 400,
+                    padding: '12px 14px',
+                    height: '18px',
+                    color: muiTokens.palette.greyXDark,
+                    '&::placeholder': {
+                        color: "".concat(muiTokens.palette.greyDark, " !important"),
+                        opacity: 1 + ' !important',
+                        fontWeight: 400,
+                        lineHeight: '18px',
+                        fontSize: '14px'
                     },
-                    styleOverrides: {
-                        input: {
-                            fontSize: '14px',
-                            lineHeight: '18px',
-                            fontWeight: 400,
-                            padding: '12px 14px',
-                            height: '18px',
-                            color: muiTokens.palette.greyXDark,
-                            '&::placeholder': {
-                                color: "".concat(muiTokens.palette.greyDark, " !important"),
-                                opacity: 1 + ' !important',
-                                fontWeight: 400,
-                                lineHeight: '18px',
-                                fontSize: '14px'
-                            },
-                            '&.Mui-disabled': {
-                                backgroundColor: muiTokens.palette.greyXLight,
-                                color: muiTokens.palette.greyDark,
-                                borderColor: muiTokens.palette.greyLightDefaultborder,
-                                WebkitTextFillColor: muiTokens.palette.greyDark
-                            }
-                        },
-                        root: {
-                            '&.Mui-error.MuiOutlinedInput-notchedOutline': {
-                                borderColor: muiTokens.palette.redError
-                            },
-                            '&.Mui-focused.MuiOutlinedInput-notchedOutline': {
-                                borderColor: muiTokens.palette.blueClickable
-                            },
-                            '&.Mui-hover.MuiOutlinedInput-notchedOutline': {
-                                borderColor: muiTokens.palette.greyDark
-                            }
-                        }
+                    '&.Mui-disabled': {
+                        backgroundColor: muiTokens.palette.greyXLight,
+                        color: muiTokens.palette.greyDark,
+                        borderColor: muiTokens.palette.greyLightDefaultborder,
+                        WebkitTextFillColor: muiTokens.palette.greyDark
                     }
                 },
-                MuiSvgIcon: {
+                root: {
+                    '&.Mui-error.MuiOutlinedInput-notchedOutline': {
+                        borderColor: muiTokens.palette.redError
+                    },
+                    '&.Mui-focused.MuiOutlinedInput-notchedOutline': {
+                        borderColor: muiTokens.palette.blueClickable
+                    },
+                    '&.Mui-hover.MuiOutlinedInput-notchedOutline': {
+                        borderColor: muiTokens.palette.greyDark
+                    }
+                }
+            }
+        },
+        MuiInputLabel: {
+            styleOverrides: {
+                root: {
+                    fontSize: '16px',
+                    lineHeight: '16px',
+                    height: '16px',
+                    fontWeight: 500,
+                    transform: 'translate(14px, -7px) scale(0.75)',
+                    color: muiTokens.palette.greyXDark,
+                    '&.Mui-disabled': {
+                        color: muiTokens.palette.greyDark
+                    }
+                }
+            }
+        }
+    };
+};
+
+var useMaterialThemeCss = function (muiTokens) {
+    var muiCss = React.useMemo(function () {
+        return {
+            components: __assign(__assign({}, TextFieldCss(muiTokens)), { MuiSvgIcon: {
                     styleOverrides: {
                         colorSuccess: {
                             color: muiTokens.palette.success.main
                         }
                     }
-                },
-                MuiInputLabel: {
-                    styleOverrides: {
-                        root: {
-                            fontSize: '16px',
-                            lineHeight: '16px',
-                            height: '16px',
-                            fontWeight: 500,
-                            transform: 'translate(14px, -7px) scale(0.75)',
-                            color: muiTokens.palette.greyXDark,
-                            '&.Mui-disabled': {
-                                color: muiTokens.palette.greyXDark
-                            }
-                        }
-                    }
-                }
-            }
+                } })
         };
     }, [muiTokens]);
     return { muiCss: muiCss };
@@ -51240,7 +51240,6 @@ exports.Button = ActButton;
 exports.Checkbox = Checkbox;
 exports.DesignSystemContext = DesignSystemContext;
 exports.DesignSystemProvider = DesignSystemProvider;
-exports.Heading = Heading;
 exports.IconProvider = IconProvider;
 exports.Link = Link;
 exports.Text = Text;