@rabex-kit/rabex-ui 0.2.39 → 0.2.41

package/dist/rabex-ui.esm.js

@@ -1960,7 +1960,9 @@ var Skeleton = function Skeleton(_ref) {
   var _useTheme = useTheme$1(),
     palette = _useTheme.palette;
   return React.createElement(MuiSkeleton, Object.assign({
-    color: palette.secondary[500]
+    sx: {
+      bgcolor: palette.secondary[500]
+    }
   }, props));
 };
 
@@ -5173,6 +5175,30 @@ var RabexAutocomplete = {
   components: components$9
 };
 
+var components$a = {
+  styleOverrides: {
+    root: function root(_ref) {
+      var theme = _ref.theme,
+        ownerState = _ref.ownerState;
+      return _extends({
+        backgroundColor: theme.palette.secondary[500]
+      }, ownerState.variant === 'rectangular' && {
+        borderRadius: '8px'
+      }, {
+        '&::after': {
+          background: "linear-gradient(90deg, transparent, " + theme.palette.secondary[500] + ", transparent)",
+          animationDuration: '1.5s',
+          animationTimingFunction: 'ease-in-out',
+          animationIterationCount: 'infinite'
+        }
+      });
+    }
+  }
+};
+var RabexSkeleton = {
+  components: components$a
+};
+
 var getDesignTokens = function getDesignTokens(_ref) {
   var deviceType = _ref.deviceType,
     _ref$mode = _ref.mode,
@@ -5235,7 +5261,8 @@ var getDesignTokens = function getDesignTokens(_ref) {
       MuiPaginationItem: RabexPaginationItem.components,
       MuiGrid: RabexGrid.components,
       MuiLoadingButton: RabexLoadingButton.components,
-      MuiAutocomplete: RabexAutocomplete.components
+      MuiAutocomplete: RabexAutocomplete.components,
+      MuiSkeleton: RabexSkeleton.components
     }),
     palette: _extends({}, mode === 'light' ? createPalette(RabexLightPalette) : createPalette(RabexDarkPalette)),
     typography: RabexTypography.typography,