@sinco/react 1.2.3-rc.15 → 1.2.3-rc.18

package/index.esm.js

@@ -7369,9 +7369,6 @@ var components = {
       outlined: {
         paddingBlock: "13px"
       },
-      standard: {
-        // padding: "2px 0 5px"
-      },
       iconStandard: {
         "&.MuiSelect-iconStandard.MuiSvgIcon-root": {
           top: "calc(50% - .4em)"
@@ -8141,15 +8138,66 @@ var components = {
       }
     }],
     styleOverrides: {
-      message: {
-        padding: "0px 0px",
-        minWidth: 0
+      message: function message(_ref8) {
+        var theme = _ref8.theme;
+        return {
+          padding: "0px 4px",
+          minWidth: 0,
+          variants: [{
+            props: {
+              variant: "standard"
+            },
+            style: {
+              color: theme.palette.text.primary
+            }
+          }]
+        };
       },
-      icon: {
-        padding: "4px",
-        marginRight: 0,
-        display: "flex",
-        alignItems: "center"
+      icon: function icon(_ref9) {
+        var theme = _ref9.theme;
+        return {
+          padding: "4px",
+          marginRight: 0,
+          display: "flex",
+          alignItems: "center",
+          variants: [{
+            props: {
+              variant: "standard",
+              color: "success"
+            },
+            style: {
+              backgroundColor: theme.palette.success[100],
+              borderRadius: 100
+            }
+          }, {
+            props: {
+              variant: "standard",
+              color: "error"
+            },
+            style: {
+              backgroundColor: theme.palette.error[100],
+              borderRadius: 100
+            }
+          }, {
+            props: {
+              variant: "standard",
+              color: "info"
+            },
+            style: {
+              backgroundColor: theme.palette.info[100],
+              borderRadius: 100
+            }
+          }, {
+            props: {
+              variant: "standard",
+              color: "warning"
+            },
+            style: {
+              backgroundColor: theme.palette.warning[100],
+              borderRadius: 100
+            }
+          }]
+        };
       },
       action: {
         display: "flex",
@@ -8418,8 +8466,8 @@ var components = {
   },
   MuiInputLabel: {
     styleOverrides: {
-      asterisk: function asterisk(_ref8) {
-        var theme = _ref8.theme;
+      asterisk: function asterisk(_ref10) {
+        var theme = _ref10.theme;
         return {
           color: theme.palette.error.main
         };
@@ -8875,7 +8923,7 @@ var paletteADPRO = _objectSpread2({
     contrastText: "#545E73"
   }
 }, BasicPalette);
-_objectSpread2({
+var paletteADC = _objectSpread2({
   primary: {
     50: "#F8FAFB",
     100: "#E6EFF0",
@@ -12241,10 +12289,14 @@ var ERPTheme = _objectSpread2({
 var ADPROTheme = _objectSpread2({
   palette: paletteADPRO
 }, BasicTheme);
+var ADCTheme = _objectSpread2({
+  palette: paletteADC
+}, BasicTheme);
 // END Opcion 2
 
 var SincoTheme = createTheme(_objectSpread2({}, ERPTheme));
 var AdproSincoTheme = createTheme(_objectSpread2({}, ADPROTheme));
+var ADCSincoTheme = createTheme(_objectSpread2({}, ADCTheme));
 
 const reflow = node => node.scrollTop;
 function getTransitionProps(props, options) {
@@ -17146,7 +17198,8 @@ var CardRadio = function CardRadio(_ref) {
     value = _ref.value,
     onChange = _ref.onChange,
     checked = _ref.checked,
-    sx = _ref.sx;
+    sx = _ref.sx,
+    sxContent = _ref.sxContent;
   var _useState = useState((_ref2 = checked || state === 'active') !== null && _ref2 !== void 0 ? _ref2 : false),
     _useState2 = _slicedToArray(_useState, 2),
     isChecked = _useState2[0],
@@ -17188,7 +17241,8 @@ var CardRadio = function CardRadio(_ref) {
   }, React__default.createElement(Stack, {
     justifyContent: 'space-between',
     flexDirection: RadioPosition === 'right' ? 'row' : 'row-reverse',
-    gap: RadioPosition === 'left' ? 1 : 0
+    gap: RadioPosition === 'left' ? 1 : 0,
+    sx: _objectSpread2({}, sxContent)
   }, React__default.createElement(Stack, {
     flexDirection: 'row',
     padding: '0px 16px 0 0',
@@ -21901,4 +21955,4 @@ var useDynamicColor = function useDynamicColor(url) {
   };
 };
 
-export { AdjuntarArchivo, AdproSincoTheme, CardRadio, DrawerComponent as Drawer, DrawerComponent, DynamicColor, EmptyStateComponent as EmptyState, EmptyStateComponent, FooterAction, Incognit, IncognitIcon, IncognitIconOutlined, IncognitOutlined, PageHeaderComponent as PageHeader, PageHeaderComponent, ProgressSinco, SincoTheme, ToastNotification, useDynamicColor };
+export { ADCSincoTheme, AdjuntarArchivo, AdproSincoTheme, CardRadio, DrawerComponent as Drawer, DrawerComponent, DynamicColor, EmptyStateComponent as EmptyState, EmptyStateComponent, FooterAction, Incognit, IncognitIcon, IncognitIconOutlined, IncognitOutlined, PageHeaderComponent as PageHeader, PageHeaderComponent, ProgressSinco, SincoTheme, ToastNotification, useDynamicColor };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sinco/react",
-  "version": "1.2.3-rc.15",
+  "version": "1.2.3-rc.18",
   "description": "package for the configuration of mui react sinco",
   "private": false,
   "license": "MIT",

package/src/lib/Components/CardRadio.d.ts

@@ -14,7 +14,8 @@ export interface CardRadioProps {
     onChange: (value: string | number) => void;
     value: string | number;
     checked?: boolean;
-    sx: SxProps;
+    sx?: SxProps;
+    sxContent?: SxProps;
 }
 export declare const CardRadio: FC<CardRadioProps>;
 export {};

package/src/lib/Theme/index.d.ts

@@ -1,2 +1,3 @@
 export declare const SincoTheme: import("@mui/material/styles").Theme;
 export declare let AdproSincoTheme: import("@mui/material/styles").Theme;
+export declare let ADCSincoTheme: import("@mui/material/styles").Theme;

package/src/lib/Theme/theme.d.ts

@@ -1,3 +1,4 @@
 import { ThemeOptions } from "@mui/material/styles";
 export declare const ERPTheme: ThemeOptions;
 export declare const ADPROTheme: ThemeOptions;
+export declare const ADCTheme: ThemeOptions;