@krowdy-ui/core/styles/krowdyTheme.js

React components that implement Google's Material Design.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _colors = require("../colors");

var _shadows = _interopRequireDefault(require("./shadows"));

var _default = {
  overrides: {
    MuiButton: {
      root: {
        fontWeight: 400,
        textTransform: 'initial'
      }
    },
    MuiOutlinedInput: {
      inputMarginDense: {
        paddingLeft: 8
      },
      notchedOutline: {
        borderColor: _colors.blueSecondary[50]
      } // notchedOutline: {
      //   padding: '0 2.5px'
      // }

    },
    MuiPaper: {
      outlined: {
        borderColor: _colors.blueSecondary[50]
      },
      rounded: {
        borderRadius: 8
      }
    },
    MuiSvgIcon: {
      fontSizeSmall: {
        fontSize: '1.125rem'
      }
    },
    MuiSwitch: {
      switchBase: {
        color: _colors.grey[400]
      }
    },
    MuiTextField: {
      root: {
        '& .MuiInputLabel-marginDense + div > .MuiOutlinedInput-notchedOutline': {
          padding: '0 2.5px'
        },
        '& .MuiInputLabel-marginDense.MuiInputLabel-outlined.MuiInputLabel-shrink': {
          transform: 'translate(8px, -5px) scale(0.75)'
        },
        '& .MuiInputLabel-outlined.MuiInputLabel-marginDense': {
          transform: 'translate(8px, 12px) scale(1)'
        }
      }
    },
    MuiTypography: {
      body1: {
        fontSize: '0.75rem'
      },
      h1: {
        fontSize: '2.75rem',
        fontWeight: 'bold'
      },
      h2: {
        fontSize: '2.25rem',
        fontWeight: 'bold'
      },
      h3: {
        fontSize: '1.8125rem',
        fontWeight: 'bold'
      },
      h4: {
        fontSize: '1.4375rem',
        fontWeight: 'bold'
      },
      h5: {
        fontSize: '1.125rem',
        fontWeight: 'bold'
      },
      h6: {
        fontSize: '0.875rem',
        fontWeight: 'bold'
      }
    }
  },
  palette: {
    alt: _colors.alt,
    amber: _colors.amber,
    custom: _colors.custom,
    green: _colors.green,
    grey: _colors.grey,
    krowdy: _colors.krowdy,
    primary: _colors.bluePrimary,
    secondary: _colors.blueSecondary
  },
  shadow: {
    krowdy: "0 0 8px ".concat(_colors.krowdy[500]),
    primary: "0 0 8px ".concat(_colors.bluePrimary[500]),
    secondary: "0 0 8px ".concat(_colors.blueSecondary[500])
  },
  shadows: _shadows["default"]
};
exports["default"] = _default;