@rabex-kit/rabex-ui 0.2.76 → 0.2.79

package/dist/Checkbox/index.d.ts

@@ -11,7 +11,7 @@ export declare type CheckboxProps = MuiCheckboxProps & {
  *
  *
  * ```typescript
- *  import { Checkbox } from '@rabex-kit/core';
+ *  import { Checkbox } from '@rabex-kit/rabex-ui';
  *  ```
  *
  * @param props

package/dist/FormControl/index.d.ts

@@ -9,7 +9,7 @@ export declare type FormControlProps = MuiFormControlProps;
  * You can read Material-UI FormControl Documentation [here](https://mui.com/material-ui/api/form-control/).
  *
  * ```typescript
- *  import { FormControl } from '@rabex-kit/core';
+ *  import { FormControl } from '@rabex-kit/rabex-ui';
  *  ```
  *
  *

package/dist/Switch/index.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { SwitchProps as MuiSwitchProps } from '@mui/material';
-export declare type SwitchProps = MuiSwitchProps;
 declare module '@mui/material/Switch' {
     interface SwitchPropsSizeOverrides {
         small: true;
@@ -10,6 +9,9 @@ declare module '@mui/material/Switch' {
         '2xs': true;
     }
 }
+export declare type SwitchProps = Omit<MuiSwitchProps, 'size'> & {
+    size: 'sm' | 'xs' | '2xs' | 'small' | 'medium';
+};
 /**
  * Rabex Switch
  *

package/dist/Theme/Checkbox/index.d.ts

@@ -5,6 +5,12 @@ declare const _default: {
                 ownerState: any;
                 theme: any;
             }) => {
+                padding: string;
+                color: any;
+                '& .MuiSvgIcon-root': {
+                    fontSize: string;
+                    borderRadius: string;
+                };
                 '&.Mui-checked': {
                     color?: any;
                 };

package/dist/rabex-ui.cjs.development.js

@@ -1649,7 +1649,7 @@ var _excluded$3 = ["error"];
  *
  *
  * ```typescript
- *  import { Checkbox } from '@rabex-kit/core';
+ *  import { Checkbox } from '@rabex-kit/rabex-ui';
  *  ```
  *
  * @param props
@@ -1666,6 +1666,11 @@ var Checkbox = function Checkbox(_ref) {
     }
   }));
 };
+Checkbox.displayName = 'Checkbox';
+Checkbox.defaultProps = {
+  size: 'small',
+  disableRipple: true
+};
 
 var _excluded$4 = ["label", "size", "mode"];
 var getTypography = function getTypography(size, mode) {
@@ -1896,7 +1901,7 @@ var DynamicBackgroundContainer = function DynamicBackgroundContainer(_ref) {
  * You can read Material-UI FormControl Documentation [here](https://mui.com/material-ui/api/form-control/).
  *
  * ```typescript
- *  import { FormControl } from '@rabex-kit/core';
+ *  import { FormControl } from '@rabex-kit/rabex-ui';
  *  ```
  *
  *
@@ -5435,6 +5440,13 @@ var RabexCheckbox = {
         var ownerState = _ref.ownerState,
           theme = _ref.theme;
         return {
+          padding: '4px',
+          // Default unchecked state
+          color: theme.palette.base[400],
+          '& .MuiSvgIcon-root': {
+            fontSize: '16px',
+            borderRadius: '4px' // Optional: slight rounding for modern look
+          },
           '&.Mui-checked': _extends({}, ownerState.color === 'secondary' && {
             color: theme.palette.grayBackground.A100
           }),
@@ -7325,6 +7337,9 @@ SegmentedControlTab.defaultProps = {};
 var Switch = function Switch(props) {
   return React__default.createElement(MuiSwitch, Object.assign({}, props));
 };
+Switch.defaultProps = {
+  size: '2xs'
+};
 
 exports.useMediaQuery = useMediaQuery;
 exports.useScrollTrigger = useScrollTrigger_js;