@sinco/react 1.2.3-rc.17 → 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
         };
@@ -17150,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],
@@ -17192,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',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sinco/react",
-  "version": "1.2.3-rc.17",
+  "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

@@ -15,6 +15,7 @@ export interface CardRadioProps {
     value: string | number;
     checked?: boolean;
     sx?: SxProps;
+    sxContent?: SxProps;
 }
 export declare const CardRadio: FC<CardRadioProps>;
 export {};