@rabex-kit/rabex-ui 0.2.79 → 0.2.83

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

@@ -5,6 +5,11 @@ declare const _default: {
                 ownerState: any;
                 theme: any;
             }) => {
+                marginLeft: number;
+                marginRight: number;
+                label: {
+                    paddingRight: string;
+                };
                 '&.error > .MuiCheckbox-root': {
                     color: any;
                 };

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

@@ -1362,6 +1362,10 @@ var AlertTimer = function AlertTimer(_ref) {
       onComplete();
     }
   }, [isComplete, onComplete]);
+  var pad = function pad(value) {
+    return value.toString().padStart(2, '0');
+  };
+  var formattedTime = time.hours > 0 ? time.hours + ":" + pad(time.minutes) + ":" + pad(time.seconds) : pad(time.minutes) + ":" + pad(time.seconds);
   return React__default.createElement(Stack$1, {
     flexDirection: "row",
     alignItems: "center",
@@ -1371,15 +1375,15 @@ var AlertTimer = function AlertTimer(_ref) {
     gap: 7,
     sx: sx
   }, children && React__default.createElement(Typography, {
-    variant: 'body3',
-    weight: 'semiBold',
+    variant: "body3",
+    weight: "semiBold",
     color: "textColor.A80"
   }, children), React__default.createElement(Stack$1, {
     flexDirection: "row",
     alignItems: "center",
     py: 1,
     height: 24,
-    width: 76,
+    width: time.hours > 0 ? 106 : 76,
     borderRadius: 2,
     bgcolor: palette.warning[200],
     pr: 3,
@@ -1387,11 +1391,11 @@ var AlertTimer = function AlertTimer(_ref) {
     justifyContent: "end",
     boxSizing: "border-box"
   }, React__default.createElement(Typography, {
-    variant: 'body3',
-    weight: 'semiBold',
+    variant: "body3",
+    weight: "semiBold",
     color: "textColor.A80",
     mt: 0.5
-  }, time.minutes, ":", time.seconds), React__default.createElement(Stack$1, {
+  }, formattedTime), React__default.createElement(Stack$1, {
     width: 16
   }, React__default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5445,19 +5449,19 @@ var RabexCheckbox = {
           color: theme.palette.base[400],
           '& .MuiSvgIcon-root': {
             fontSize: '16px',
-            borderRadius: '4px' // Optional: slight rounding for modern look
+            borderRadius: '4px'
           },
           '&.Mui-checked': _extends({}, ownerState.color === 'secondary' && {
-            color: theme.palette.grayBackground.A100
+            color: theme.palette.secondary[500]
           }),
           '&.Mui-disabled': {
-            color: theme.palette.grayBackground.A40
+            color: theme.palette.base[300]
           },
           '&.error': {
-            color: theme.palette.error.main
+            color: theme.palette.error[400]
           },
           '&.error + .MuiFormControlLabel-label': {
-            color: theme.palette.error.main
+            color: theme.palette.error[400]
           }
         };
       }
@@ -5593,6 +5597,11 @@ var RabexFormControlLabel = {
       root: function root(_ref) {
         var theme = _ref.theme;
         return {
+          marginLeft: 0,
+          marginRight: 0,
+          label: {
+            paddingRight: '8px'
+          },
           '&.error > .MuiCheckbox-root': {
             color: theme.palette.error.main
           },