@rabex-kit/rabex-ui 0.0.9 → 0.1.1

package/dist/rabex-ui.esm.js

@@ -145,7 +145,7 @@ Accordion.defaultProps = {
  * you can see AccordionActions Documentation api that I mentioned below [here](https://mui.com/material-ui/api/accordion-actions/)
  *
  * ```typescript
- *  import { AccordionActions } from '@rabex-kit/core';
+ *  import { AccordionActions } from '@rabex-kit/rabex-ui';
  *  ```
  *
  *
@@ -162,7 +162,7 @@ var AccordionActions = function AccordionActions(props) {
  * you can see AccordionDetails Documentation api that I mentioned below [here](https://mui.com/material-ui/api/accordion-details/)
  *
  * ```typescript
- *  import { AccordionDetails } from '@rabex-kit/core';
+ *  import { AccordionDetails } from '@rabex-kit/rabex-ui';
  *  ```
  *
  *
@@ -179,7 +179,7 @@ var AccordionDetails = function AccordionDetails(props) {
  * you can see AccordionSummary Documentation api that I mentioned below [here](https://mui.com/material-ui/api/accordion-summary/)
  *
  * ```typescript
- *  import { AccordionSummary } from '@rabex-kit/core';
+ *  import { AccordionSummary } from '@rabex-kit/rabex-ui';
  *  ```
  *
  *
@@ -1284,7 +1284,7 @@ function _handleHelperColor(props, key) {
 var MuiInputStyled = /*#__PURE__*/styled(MuiInput, {
   name: 'MuiInput',
   shouldForwardProp: function shouldForwardProp(prop) {
-    return !['hasBg', 'titleProps', 'helperText', 'helperTextIcon', 'helperTextProps', 'helperTextEndAdornment', 'helperTextEndAdornmentProps', 'success', 'valueFormat', 'valueFormatOption'].includes(prop);
+    return !['hasBg', 'fill', 'titleProps', 'helperText', 'helperTextIcon', 'helperTextProps', 'helperTextEndAdornment', 'helperTextEndAdornmentProps', 'success', 'valueFormat', 'valueFormatOption'].includes(prop);
   }
 })(function () {
   return {};
@@ -1357,6 +1357,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 Input.defaultProps = {
   success: false,
   hasBg: false,
+  fill: false,
   size: 'md',
   disableUnderline: true,
   titleProps: {
@@ -2710,6 +2711,97 @@ var components = {
         borderRadius: theme.spacing(2)
       };
     }
+  },
+  /// old classes
+  {
+    props: {
+      size: 'medium'
+    },
+    style: function style(_ref16) {
+      var theme = _ref16.theme;
+      return {
+        padding: theme.spacing(2.5, 4),
+        fontSize: '14px',
+        lineHeight: '28px',
+        fontWeight: 600
+      };
+    }
+  }, {
+    props: {
+      size: 'small'
+    },
+    style: function style(_ref17) {
+      var theme = _ref17.theme;
+      return {
+        padding: theme.spacing(1.5, 4),
+        fontSize: '14px',
+        lineHeight: '28px',
+        fontWeight: 600
+      };
+    }
+  }, {
+    props: {
+      size: 'xsmall'
+    },
+    style: function style(_ref18) {
+      var theme = _ref18.theme;
+      return {
+        padding: theme.spacing(1, 4),
+        fontSize: '14px',
+        lineHeight: '24px',
+        fontWeight: 100
+      };
+    }
+  }, {
+    props: {
+      size: 'medium',
+      isIcon: true
+    },
+    style: function style(_ref19) {
+      var theme = _ref19.theme;
+      return {
+        minWidth: 'unset',
+        padding: theme.spacing(3.5, 3.5)
+      };
+    }
+  }, {
+    props: {
+      size: 'small',
+      isIcon: true
+    },
+    style: function style(_ref20) {
+      var theme = _ref20.theme;
+      return {
+        minWidth: 'unset',
+        padding: theme.spacing(2.5, 2.5)
+      };
+    }
+  }, {
+    props: {
+      size: 'xsmall',
+      isIcon: true
+    },
+    style: function style(_ref21) {
+      var theme = _ref21.theme;
+      return {
+        minWidth: 'unset',
+        padding: theme.spacing(2)
+      };
+    }
+  }, {
+    props: {
+      radius: 'medium'
+    },
+    style: {
+      borderRadius: 8
+    }
+  }, {
+    props: {
+      radius: 'small'
+    },
+    style: {
+      borderRadius: 6
+    }
   }]
 };
 var RabexButton = {
@@ -3805,7 +3897,7 @@ var components$3 = {
     }
   }, {
     props: {
-      hasBg: true
+      fill: true
     },
     style: function style(_ref7) {
       var theme = _ref7.theme;
@@ -3848,6 +3940,100 @@ var components$3 = {
         backgroundColor: palette.mode === 'light' ? palette.base.A0 : alpha(palette.success.A100, 0.1)
       };
     }
+  }, {
+    props: {
+      size: 'small'
+    },
+    style: function style(_ref9) {
+      var theme = _ref9.theme;
+      return {
+        fontSize: '14px',
+        padding: theme.spacing(1, 3)
+      };
+    }
+  }, {
+    props: {
+      size: 'large'
+    },
+    style: function style(_ref10) {
+      var theme = _ref10.theme;
+      return {
+        fontSize: '16px',
+        padding: theme.spacing(3)
+      };
+    }
+  }, {
+    props: {
+      hasBg: true
+    },
+    style: function style(_ref11) {
+      var theme = _ref11.theme;
+      if (theme.palette.mode === 'light') {
+        return {
+          border: '1px solid transparent',
+          background: theme.palette.secondary.A80
+        };
+      } else return {};
+    }
+  }, {
+    props: {
+      success: true
+    },
+    style: function style(_ref12) {
+      var palette = _ref12.theme.palette;
+      return {
+        border: palette.mode === 'light' ? "1px solid " + palette.success.A100 : "1px solid " + palette.success.A40,
+        backgroundColor: palette.mode === 'light' ? palette.base.A0 : alpha(palette.success.A100, 0.1)
+      };
+    }
+  },
+  /// old styles
+  {
+    props: {
+      size: 'small'
+    },
+    style: function style(_ref13) {
+      var theme = _ref13.theme;
+      return {
+        fontSize: '14px',
+        padding: theme.spacing(1, 3)
+      };
+    }
+  }, {
+    props: {
+      size: 'large'
+    },
+    style: function style(_ref14) {
+      var theme = _ref14.theme;
+      return {
+        fontSize: '16px',
+        padding: theme.spacing(3)
+      };
+    }
+  }, {
+    props: {
+      hasBg: true
+    },
+    style: function style(_ref15) {
+      var theme = _ref15.theme;
+      if (theme.palette.mode === 'light') {
+        return {
+          border: '1px solid transparent',
+          background: theme.palette.secondary.A80
+        };
+      } else return {};
+    }
+  }, {
+    props: {
+      success: true
+    },
+    style: function style(_ref16) {
+      var palette = _ref16.theme.palette;
+      return {
+        border: palette.mode === 'light' ? "1px solid " + palette.success.A100 : "1px solid " + palette.success.A40,
+        backgroundColor: palette.mode === 'light' ? palette.base.A0 : alpha(palette.success.A100, 0.1)
+      };
+    }
   }]
 };
 var RabexInput = {