Skip to content
Snippets Groups Projects
Commit bd5150b7 authored by Andy Summers's avatar Andy Summers
Browse files

Continue adding IT Design System styles to buttons

parent 537ea156
No related branches found
No related tags found
1 merge request!3Continue adding IT Design System styles to buttons
{
"name": "@uw-ui-development/uw-material-ui-react",
"version": "0.0.10",
"version": "0.0.11",
"description": "Preconfigured UW-Madison styles for Material-UI projects",
"main": "dist/index.js",
"scripts": {
......
export const colorRed = "#c50505";
export const colorBlue = "#0479a8";
export const colorBlueHover = "#2a8db5";
export const colorBlackFont = "#282728";
export const colorGrayHover = "#e5e5e5";
export const colorGrayLight = "#adadad";
import { colorGrayHover, colorGrayLight } from "../colors";
import { colorBlueHover, colorGrayHover, colorGrayLight } from "../colors";
export default {
outlined: {
const containedOverrides = {
"&:hover": {
backgroundColor: colorBlueHover,
},
"&:disabled": {
borderColor: colorGrayLight,
"&:hover": {
borderColor: colorGrayLight,
backgroundColor: colorGrayHover,
},
"&:disabled": {
borderColor: colorGrayLight,
color: colorGrayLight,
},
color: colorGrayLight,
},
outlinedSecondary: {
};
const outlinedOverrides = {
borderColor: colorGrayLight,
"&:hover": {
borderColor: colorGrayLight,
"&:hover": {
borderColor: colorGrayLight,
backgroundColor: colorGrayHover,
},
"&:disabled": {
borderColor: colorGrayLight,
color: colorGrayLight,
},
backgroundColor: colorGrayHover,
},
"&:disabled": {
borderColor: colorGrayLight,
color: colorGrayLight,
},
};
const textOverrides = {
"&:hover": {
backgroundColor: colorGrayHover,
},
"&:disabled": {
color: colorGrayLight,
},
};
export default {
/** Styles applied when `variant="contained"` */
contained: containedOverrides,
/** Styles applied when `variant="contained"` and `color="secondary"` */
containedSecondary: containedOverrides,
/** Styles applied when `variant="outlined"` */
outlined: outlinedOverrides,
/** Styles applied when `variant="outlined"` and `color="secondary"` */
outlinedSecondary: outlinedOverrides,
/** Styles applied when `variant="text"` */
text: textOverrides,
/** Styles applied when `variant="text"` and `color="secondary"` */
textSecondary: textOverrides,
};
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment