@evergis/uilib-gl 1.0.48 → 1.0.50

package/dist/theme/ITheme.d.ts

@@ -78,15 +78,20 @@ export interface IColorOrMono {
 export interface IFlatButton {
     color: IVariants;
     disabledColor: string;
+    disabledBackgroundColor: string;
     backgroundColor: string;
     hoverBackgroundColor: string;
+    hoverColor: IVariants;
+    activeColor: IVariants;
     activeBackgroundColor: string;
 }
 export interface IRaisedButton {
     color: IVariants;
     backgroundColor: IVariants;
     hoverBackgroundColor: IVariants;
+    hoverColor: IVariants;
     activeBackgroundColor: IVariants;
+    activeColor: IVariants;
     disabledColor: string;
     disabledBackgroundColor: string;
     boxShadow: string;

package/dist/uilib-gl.esm.js

@@ -9714,8 +9714,11 @@ const createTheme = _ref => {
       color: createVariants(palette.textPrimary, palette.primary, palette.secondary, palette.error),
       backgroundColor: palette.background,
       hoverBackgroundColor: palette.elementDark,
+      hoverColor: createVariants(palette.textPrimary, palette.primary, palette.secondary, palette.error),
       activeBackgroundColor: palette.elementDeep,
-      disabledColor: palette.textDisabled
+      activeColor: createVariants(palette.textPrimary, palette.primary, palette.secondary, palette.error),
+      disabledColor: palette.textDisabled,
+      disabledBackgroundColor: "none"
     },
 
     /**
@@ -9725,7 +9728,9 @@ const createTheme = _ref => {
       color: createVariants(palette.textPrimary, palette.textContrast),
       backgroundColor: createVariants(palette.element, palette.primary, palette.secondary, palette.error),
       hoverBackgroundColor: createVariants(palette.elementDark, palette.primaryDark, palette.secondaryDark, palette.errorDark),
+      hoverColor: createVariants(palette.textPrimary, palette.textContrast),
       activeBackgroundColor: createVariants(palette.elementDeep, palette.primaryDeep, palette.secondaryDeep, palette.errorDeep),
+      activeColor: createVariants(palette.textPrimary, palette.textContrast),
       boxShadow: shadows.normal,
       activeBoxShadow: shadows.pressed,
       disabledColor: palette.textDisabled,
@@ -10945,94 +10950,138 @@ const FlatButton = /*#__PURE__*/styled(BaseButton)`
 }};
 
   &:hover {
-    background-color: ${_ref4 => {
+    color: ${_ref4 => {
   let {
     theme: {
       flatButton
-    }
+    },
+    ...props
   } = _ref4;
+  return flatButton.hoverColor[getVariant(props)];
+}};
+    background-color: ${_ref5 => {
+  let {
+    theme: {
+      flatButton
+    }
+  } = _ref5;
   return flatButton.hoverBackgroundColor;
 }};
   }
 
   &:active {
-    background-color: ${_ref5 => {
+    color: ${_ref6 => {
+  let {
+    theme: {
+      flatButton
+    },
+    ...props
+  } = _ref6;
+  return flatButton.activeColor[getVariant(props)];
+}};
+    background-color: ${_ref7 => {
   let {
     theme: {
       flatButton
     }
-  } = _ref5;
+  } = _ref7;
   return flatButton.activeBackgroundColor;
 }};
   }
 
   &[disabled] {
-    color: ${_ref6 => {
+    color: ${_ref8 => {
   let {
     theme: {
       flatButton
     }
-  } = _ref6;
+  } = _ref8;
   return flatButton.disabledColor;
+}};
+    background-color: ${_ref9 => {
+  let {
+    theme: {
+      flatButton
+    }
+  } = _ref9;
+  return flatButton.disabledBackgroundColor;
 }};
   }
 `;
 const RaisedButton = /*#__PURE__*/styled(BaseButton)`
-  color: ${_ref7 => {
+  color: ${_ref10 => {
   let {
     theme: {
       raisedButton
     },
     ...props
-  } = _ref7;
+  } = _ref10;
   return raisedButton.color[getVariant(props)];
 }};
-  background-color: ${_ref8 => {
+  background-color: ${_ref11 => {
   let {
     theme: {
       raisedButton
     },
     ...props
-  } = _ref8;
+  } = _ref11;
   return raisedButton.backgroundColor[getVariant(props)];
 }};
-  box-shadow: ${_ref9 => {
+  box-shadow: ${_ref12 => {
   let {
     theme: {
       shadows
     }
-  } = _ref9;
+  } = _ref12;
   return shadows.normal;
 }};
 
   &:hover {
-    background-color: ${_ref10 => {
+    color: ${_ref13 => {
   let {
     theme: {
       raisedButton
     },
     ...props
-  } = _ref10;
+  } = _ref13;
+  return raisedButton.hoverColor[getVariant(props)];
+}};
+    background-color: ${_ref14 => {
+  let {
+    theme: {
+      raisedButton
+    },
+    ...props
+  } = _ref14;
   return raisedButton.hoverBackgroundColor[getVariant(props)];
 }};
   }
 
   &:active {
-    background-color: ${_ref11 => {
+    color: ${_ref15 => {
   let {
     theme: {
       raisedButton
     },
     ...props
-  } = _ref11;
+  } = _ref15;
+  return raisedButton.activeColor[getVariant(props)];
+}};
+    background-color: ${_ref16 => {
+  let {
+    theme: {
+      raisedButton
+    },
+    ...props
+  } = _ref16;
   return raisedButton.activeBackgroundColor[getVariant(props)];
 }};
-    box-shadow: ${_ref12 => {
+    box-shadow: ${_ref17 => {
   let {
     theme: {
       shadows
     }
-  } = _ref12;
+  } = _ref17;
   return shadows.pressed;
 }};
   }
@@ -11040,20 +11089,20 @@ const RaisedButton = /*#__PURE__*/styled(BaseButton)`
   &[disabled] {
     pointer-events: none;
     box-shadow: none;
-    color: ${_ref13 => {
+    color: ${_ref18 => {
   let {
     theme: {
       raisedButton
     }
-  } = _ref13;
+  } = _ref18;
   return raisedButton.disabledColor;
 }};
-    background-color: ${_ref14 => {
+    background-color: ${_ref19 => {
   let {
     theme: {
       raisedButton
     }
-  } = _ref14;
+  } = _ref19;
   return raisedButton.disabledBackgroundColor;
 }};
   }