@groupeactual/ui-kit 0.4.7 → 0.4.9

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

@@ -1,5 +1,8 @@
 /// <reference types="react" />
 import { ButtonProps } from '@mui/material/Button';
-type ActButtonType = (props: ButtonProps) => JSX.Element | null;
-declare const ActButton: ActButtonType;
-export default ActButton;
+interface Props extends Omit<ButtonProps, 'variant'> {
+    variant?: 'primary' | 'secondary';
+    component?: any;
+}
+declare const Button: (props: Props) => JSX.Element;
+export default Button;

package/dist/cjs/index.js

@@ -44301,7 +44301,7 @@ const ButtonEndIcon = styled$1('span', {
 }, ownerState.size === 'small' && {
   marginRight: -2
 }, commonIconStyles(ownerState)));
-const Button = /*#__PURE__*/React__namespace.forwardRef(function Button(inProps, ref) {
+const Button$1 = /*#__PURE__*/React__namespace.forwardRef(function Button(inProps, ref) {
   // props priority: `inProps` > `contextProps` > `themeDefaultProps`
   const contextProps = React__namespace.useContext(ButtonGroupContext$1);
   const resolvedProps = resolveProps(contextProps, inProps);
@@ -44362,7 +44362,7 @@ const Button = /*#__PURE__*/React__namespace.forwardRef(function Button(inProps,
     children: [startIcon, children, endIcon]
   }));
 });
-process.env.NODE_ENV !== "production" ? Button.propTypes /* remove-proptypes */ = {
+process.env.NODE_ENV !== "production" ? Button$1.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
@@ -44456,7 +44456,7 @@ process.env.NODE_ENV !== "production" ? Button.propTypes /* remove-proptypes */
    */
   variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['contained', 'outlined', 'text']), PropTypes.string])
 } : void 0;
-var Button$1 = Button;
+var ButtonMUI = Button$1;
 
 function getSwitchBaseUtilityClass(slot) {
   return generateUtilityClass('PrivateSwitchBase', slot);
@@ -50454,19 +50454,9 @@ var Text = function (props) { return jsxRuntime.jsx(Typography$1, __assign$1({},
 
 var Link = function (props) { return jsxRuntime.jsx(LinkMui, __assign$1({}, props)); };
 
-var ActButton = styled$1(Button$1)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        color: theme.palette.blueClickable,
-        border: "1px solid ".concat(theme.palette.greyLightDefaultborder),
-        borderRadius: 4,
-        padding: '7.5px 16px',
-        fontWeight: theme.typography.fontWeightBold,
-        lineHeight: '18px',
-        textTransform: 'unset',
-        fontSize: '14px'
-    });
-});
+var Button = function (props) {
+    return jsxRuntime.jsx(ButtonMUI, __assign$1({}, props));
+};
 
 var TextField = function (_a) {
     var name = _a.name, value = _a.value, error = _a.error, onBlur = _a.onBlur, onChange = _a.onChange, label = _a.label, disabled = _a.disabled, endAdornment = _a.endAdornment; _a.isValid; var _b = _a.placeholder, placeholder = _b === void 0 ? '' : _b, maxLength = _a.maxLength, props = __rest(_a, ["name", "value", "error", "onBlur", "onChange", "label", "disabled", "endAdornment", "isValid", "placeholder", "maxLength"]);
@@ -50978,7 +50968,7 @@ var TextFieldCss = function (muiTokens) {
                     fontSize: '14px',
                     lineHeight: '18px',
                     fontWeight: 400,
-                    padding: '12px 14px',
+                    padding: '12px 14px !important',
                     height: '18px',
                     color: muiTokens.palette.greyXDark,
                     '&::placeholder': {
@@ -50999,6 +50989,7 @@ var TextFieldCss = function (muiTokens) {
                     fontSize: '16px'
                 },
                 root: {
+                    padding: '0px !important',
                     '&.Mui-error.MuiOutlinedInput-notchedOutline': {
                         borderColor: muiTokens.palette.redError
                     },
@@ -51029,10 +51020,48 @@ var TextFieldCss = function (muiTokens) {
     };
 };
 
+var ButtonCss = function (muiTokens) {
+    return {
+        MuiButton: {
+            styleOverrides: {
+                root: {
+                    borderRadius: 4,
+                    padding: '7.5px 16px',
+                    fontWeight: muiTokens.typography.fontWeightBold,
+                    lineHeight: '18px',
+                    textTransform: 'unset',
+                    fontSize: '14px',
+                    border: '1px solid'
+                },
+                primary: {
+                    color: muiTokens.palette.white,
+                    backgroundColor: muiTokens.palette.blueClickable,
+                    borderColor: muiTokens.palette.blueClickable,
+                    '&.Mui-disabled': {
+                        backgroundColor: muiTokens.palette.greyMediumInactive,
+                        borderColor: muiTokens.palette.greyMediumInactive,
+                        color: muiTokens.palette.white
+                    }
+                },
+                secondary: {
+                    color: muiTokens.palette.blueClickable,
+                    backgroundColor: muiTokens.palette.white,
+                    borderColor: muiTokens.palette.greyLightDefaultborder,
+                    '&.Mui-disabled': {
+                        backgroundColor: muiTokens.palette.white,
+                        borderColor: muiTokens.palette.greyLightDefaultborder,
+                        color: muiTokens.palette.greyMediumInactive
+                    }
+                }
+            }
+        }
+    };
+};
+
 var useMaterialThemeCss = function (muiTokens) {
     var muiCss = React.useMemo(function () {
         return {
-            components: __assign(__assign({}, TextFieldCss(muiTokens)), { MuiSvgIcon: {
+            components: __assign(__assign(__assign({}, TextFieldCss(muiTokens)), ButtonCss(muiTokens)), { MuiSvgIcon: {
                     styleOverrides: {
                         colorSuccess: {
                             color: muiTokens.palette.success.main
@@ -51239,7 +51268,7 @@ var DesignSystemProvider = function (_a) {
 };
 
 exports.Accordion = ActAccordion;
-exports.Button = ActButton;
+exports.Button = Button;
 exports.Checkbox = Checkbox;
 exports.DesignSystemContext = DesignSystemContext;
 exports.DesignSystemProvider = DesignSystemProvider;