@evergis/uilib-gl 1.0.49 → 1.0.50

package/dist/theme/ITheme.d.ts

@@ -78,6 +78,7 @@ export interface IColorOrMono {
 export interface IFlatButton {
     color: IVariants;
     disabledColor: string;
+    disabledBackgroundColor: string;
     backgroundColor: string;
     hoverBackgroundColor: string;
     hoverColor: IVariants;

package/dist/uilib-gl.esm.js

@@ -9717,7 +9717,8 @@ const createTheme = _ref => {
       hoverColor: createVariants(palette.textPrimary, palette.primary, palette.secondary, palette.error),
       activeBackgroundColor: palette.elementDeep,
       activeColor: createVariants(palette.textPrimary, palette.primary, palette.secondary, palette.error),
-      disabledColor: palette.textDisabled
+      disabledColor: palette.textDisabled,
+      disabledBackgroundColor: "none"
     },
 
     /**
@@ -10996,83 +10997,91 @@ const FlatButton = /*#__PURE__*/styled(BaseButton)`
     }
   } = _ref8;
   return flatButton.disabledColor;
+}};
+    background-color: ${_ref9 => {
+  let {
+    theme: {
+      flatButton
+    }
+  } = _ref9;
+  return flatButton.disabledBackgroundColor;
 }};
   }
 `;
 const RaisedButton = /*#__PURE__*/styled(BaseButton)`
-  color: ${_ref9 => {
+  color: ${_ref10 => {
   let {
     theme: {
       raisedButton
     },
     ...props
-  } = _ref9;
+  } = _ref10;
   return raisedButton.color[getVariant(props)];
 }};
-  background-color: ${_ref10 => {
+  background-color: ${_ref11 => {
   let {
     theme: {
       raisedButton
     },
     ...props
-  } = _ref10;
+  } = _ref11;
   return raisedButton.backgroundColor[getVariant(props)];
 }};
-  box-shadow: ${_ref11 => {
+  box-shadow: ${_ref12 => {
   let {
     theme: {
       shadows
     }
-  } = _ref11;
+  } = _ref12;
   return shadows.normal;
 }};
 
   &:hover {
-    color: ${_ref12 => {
+    color: ${_ref13 => {
   let {
     theme: {
       raisedButton
     },
     ...props
-  } = _ref12;
+  } = _ref13;
   return raisedButton.hoverColor[getVariant(props)];
 }};
-    background-color: ${_ref13 => {
+    background-color: ${_ref14 => {
   let {
     theme: {
       raisedButton
     },
     ...props
-  } = _ref13;
+  } = _ref14;
   return raisedButton.hoverBackgroundColor[getVariant(props)];
 }};
   }
 
   &:active {
-    color: ${_ref14 => {
+    color: ${_ref15 => {
   let {
     theme: {
       raisedButton
     },
     ...props
-  } = _ref14;
+  } = _ref15;
   return raisedButton.activeColor[getVariant(props)];
 }};
-    background-color: ${_ref15 => {
+    background-color: ${_ref16 => {
   let {
     theme: {
       raisedButton
     },
     ...props
-  } = _ref15;
+  } = _ref16;
   return raisedButton.activeBackgroundColor[getVariant(props)];
 }};
-    box-shadow: ${_ref16 => {
+    box-shadow: ${_ref17 => {
   let {
     theme: {
       shadows
     }
-  } = _ref16;
+  } = _ref17;
   return shadows.pressed;
 }};
   }
@@ -11080,20 +11089,20 @@ const RaisedButton = /*#__PURE__*/styled(BaseButton)`
   &[disabled] {
     pointer-events: none;
     box-shadow: none;
-    color: ${_ref17 => {
+    color: ${_ref18 => {
   let {
     theme: {
       raisedButton
     }
-  } = _ref17;
+  } = _ref18;
   return raisedButton.disabledColor;
 }};
-    background-color: ${_ref18 => {
+    background-color: ${_ref19 => {
   let {
     theme: {
       raisedButton
     }
-  } = _ref18;
+  } = _ref19;
   return raisedButton.disabledBackgroundColor;
 }};
   }