mcarman
/
React_Client_App_Access
1
0
Forka 0
Codice Problemi 0 Pull Requests 0 Rilasci 0 Wiki Attività
Non puoi selezionare più di 25 argomenti Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.
3 Commit
1 Ramo (Branch)
84 MiB
 
 
 
 
Albero (Tree): 93fc9f155b
Rami (Branch) Tag
${ item.name }
Crea branch ${ searchTerm }
da '93fc9f155b'
${ noResults }
React_Client_App_Access/node_modules/material-ui/styles/getMuiTheme.js

382 righe
13 KiB
Originale Blame Cronologia 

  1. 'use strict';

  2. 

  3. Object.defineProperty(exports, "__esModule", {

  4.   value: true

  5. });

  6. 

  7. var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');

  8. 

  9. var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);

  10. 

  11. exports.default = getMuiTheme;

  12. 

  13. var _lodash = require('lodash.merge');

  14. 

  15. var _lodash2 = _interopRequireDefault(_lodash);

  16. 

  17. var _colorManipulator = require('../utils/colorManipulator');

  18. 

  19. var _lightBaseTheme = require('./baseThemes/lightBaseTheme');

  20. 

  21. var _lightBaseTheme2 = _interopRequireDefault(_lightBaseTheme);

  22. 

  23. var _zIndex = require('./zIndex');

  24. 

  25. var _zIndex2 = _interopRequireDefault(_zIndex);

  26. 

  27. var _autoprefixer = require('../utils/autoprefixer');

  28. 

  29. var _autoprefixer2 = _interopRequireDefault(_autoprefixer);

  30. 

  31. var _callOnce = require('../utils/callOnce');

  32. 

  33. var _callOnce2 = _interopRequireDefault(_callOnce);

  34. 

  35. var _rtl = require('../utils/rtl');

  36. 

  37. var _rtl2 = _interopRequireDefault(_rtl);

  38. 

  39. var _compose = require('recompose/compose');

  40. 

  41. var _compose2 = _interopRequireDefault(_compose);

  42. 

  43. var _typography = require('./typography');

  44. 

  45. var _typography2 = _interopRequireDefault(_typography);

  46. 

  47. var _colors = require('./colors');

  48. 

  49. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

  50. 

  51. /**

  52.  * Get the MUI theme corresponding to a base theme.

  53.  * It's possible to override the computed theme values

  54.  * by providing a second argument. The calculated

  55.  * theme will be deeply merged with the second argument.

  56.  */

  57. function getMuiTheme(muiTheme) {

  58.   for (var _len = arguments.length, more = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {

  59.     more[_key - 1] = arguments[_key];

  60.   }

  61. 

  62.   muiTheme = _lodash2.default.apply(undefined, [{

  63.     zIndex: _zIndex2.default,

  64.     isRtl: false,

  65.     userAgent: undefined

  66.   }, _lightBaseTheme2.default, muiTheme].concat(more));

  67. 

  68.   var _muiTheme = muiTheme,

  69.       spacing = _muiTheme.spacing,

  70.       fontFamily = _muiTheme.fontFamily,

  71.       palette = _muiTheme.palette;

  72. 

  73.   var baseTheme = { spacing: spacing, fontFamily: fontFamily, palette: palette };

  74. 

  75.   muiTheme = (0, _lodash2.default)({

  76.     appBar: {

  77.       color: palette.primary1Color,

  78.       textColor: palette.alternateTextColor,

  79.       height: spacing.desktopKeylineIncrement,

  80.       titleFontWeight: _typography2.default.fontWeightNormal,

  81.       padding: spacing.desktopGutter

  82.     },

  83.     avatar: {

  84.       color: palette.canvasColor,

  85.       backgroundColor: (0, _colorManipulator.emphasize)(palette.canvasColor, 0.26)

  86.     },

  87.     badge: {

  88.       color: palette.alternateTextColor,

  89.       textColor: palette.textColor,

  90.       primaryColor: palette.primary1Color,

  91.       primaryTextColor: palette.alternateTextColor,

  92.       secondaryColor: palette.accent1Color,

  93.       secondaryTextColor: palette.alternateTextColor,

  94.       fontWeight: _typography2.default.fontWeightMedium

  95.     },

  96.     bottomNavigation: {

  97.       backgroundColor: palette.canvasColor,

  98.       unselectedColor: (0, _colorManipulator.fade)(palette.textColor, 0.54),

  99.       selectedColor: palette.primary1Color,

  100.       height: 56,

  101.       unselectedFontSize: 12,

  102.       selectedFontSize: 14

  103.     },

  104.     button: {

  105.       height: 36,

  106.       minWidth: 88,

  107.       iconButtonSize: spacing.iconSize * 2

  108.     },

  109.     card: {

  110.       titleColor: (0, _colorManipulator.fade)(palette.textColor, 0.87),

  111.       subtitleColor: (0, _colorManipulator.fade)(palette.textColor, 0.54),

  112.       fontWeight: _typography2.default.fontWeightMedium

  113.     },

  114.     cardMedia: {

  115.       color: _colors.darkWhite,

  116.       overlayContentBackground: _colors.lightBlack,

  117.       titleColor: _colors.darkWhite,

  118.       subtitleColor: _colors.lightWhite

  119.     },

  120.     cardText: {

  121.       textColor: palette.textColor

  122.     },

  123.     checkbox: {

  124.       boxColor: palette.textColor,

  125.       checkedColor: palette.primary1Color,

  126.       requiredColor: palette.primary1Color,

  127.       disabledColor: palette.disabledColor,

  128.       labelColor: palette.textColor,

  129.       labelDisabledColor: palette.disabledColor

  130.     },

  131.     chip: {

  132.       backgroundColor: (0, _colorManipulator.emphasize)(palette.canvasColor, 0.12),

  133.       deleteIconColor: (0, _colorManipulator.fade)(palette.textColor, 0.26),

  134.       textColor: (0, _colorManipulator.fade)(palette.textColor, 0.87),

  135.       fontSize: 14,

  136.       fontWeight: _typography2.default.fontWeightNormal,

  137.       shadow: '0 1px 6px ' + (0, _colorManipulator.fade)(palette.shadowColor, 0.12) + ',\n        0 1px 4px ' + (0, _colorManipulator.fade)(palette.shadowColor, 0.12)

  138.     },

  139.     datePicker: {

  140.       color: palette.primary1Color,

  141.       textColor: palette.alternateTextColor,

  142.       calendarTextColor: palette.textColor,

  143.       selectColor: palette.primary2Color,

  144.       selectTextColor: palette.alternateTextColor,

  145.       calendarYearBackgroundColor: palette.canvasColor,

  146.       headerColor: palette.pickerHeaderColor || palette.primary1Color

  147.     },

  148.     dialog: {

  149.       titleFontSize: 22,

  150.       bodyFontSize: 16,

  151.       bodyColor: (0, _colorManipulator.fade)(palette.textColor, 0.6)

  152.     },

  153.     dropDownMenu: {

  154.       accentColor: palette.borderColor

  155.     },

  156.     enhancedButton: {

  157.       tapHighlightColor: _colors.transparent

  158.     },

  159.     flatButton: {

  160.       color: _colors.transparent,

  161.       buttonFilterColor: '#999999',

  162.       disabledTextColor: (0, _colorManipulator.fade)(palette.textColor, 0.3),

  163.       textColor: palette.textColor,

  164.       primaryTextColor: palette.primary1Color,

  165.       secondaryTextColor: palette.accent1Color,

  166.       fontSize: _typography2.default.fontStyleButtonFontSize,

  167.       fontWeight: _typography2.default.fontWeightMedium

  168.     },

  169.     floatingActionButton: {

  170.       buttonSize: 56,

  171.       miniSize: 40,

  172.       color: palette.primary1Color,

  173.       iconColor: palette.alternateTextColor,

  174.       secondaryColor: palette.accent1Color,

  175.       secondaryIconColor: palette.alternateTextColor,

  176.       disabledTextColor: palette.disabledColor,

  177.       disabledColor: (0, _colorManipulator.emphasize)(palette.canvasColor, 0.12)

  178.     },

  179.     gridTile: {

  180.       textColor: _colors.white

  181.     },

  182.     icon: {

  183.       color: palette.canvasColor,

  184.       backgroundColor: palette.primary1Color

  185.     },

  186.     inkBar: {

  187.       backgroundColor: palette.accent1Color

  188.     },

  189.     drawer: {

  190.       width: spacing.desktopKeylineIncrement * 4,

  191.       color: palette.canvasColor

  192.     },

  193.     listItem: {

  194.       nestedLevelDepth: 18,

  195.       secondaryTextColor: palette.secondaryTextColor,

  196.       leftIconColor: _colors.grey600,

  197.       rightIconColor: _colors.grey600

  198.     },

  199.     menu: {

  200.       backgroundColor: palette.canvasColor,

  201.       containerBackgroundColor: palette.canvasColor

  202.     },

  203.     menuItem: {

  204.       dataHeight: 32,

  205.       height: 48,

  206.       hoverColor: (0, _colorManipulator.fade)(palette.textColor, 0.1),

  207.       padding: spacing.desktopGutter,

  208.       selectedTextColor: palette.accent1Color,

  209.       rightIconDesktopFill: _colors.grey600

  210.     },

  211.     menuSubheader: {

  212.       padding: spacing.desktopGutter,

  213.       borderColor: palette.borderColor,

  214.       textColor: palette.primary1Color

  215.     },

  216.     overlay: {

  217.       backgroundColor: _colors.lightBlack

  218.     },

  219.     paper: {

  220.       color: palette.textColor,

  221.       backgroundColor: palette.canvasColor,

  222.       zDepthShadows: [[1, 6, 0.12, 1, 4, 0.12], [3, 10, 0.16, 3, 10, 0.23], [10, 30, 0.19, 6, 10, 0.23], [14, 45, 0.25, 10, 18, 0.22], [19, 60, 0.30, 15, 20, 0.22]].map(function (d) {

  223.         return '0 ' + d[0] + 'px ' + d[1] + 'px ' + (0, _colorManipulator.fade)(palette.shadowColor, d[2]) + ',\n         0 ' + d[3] + 'px ' + d[4] + 'px ' + (0, _colorManipulator.fade)(palette.shadowColor, d[5]);

  224.       })

  225.     },

  226.     radioButton: {

  227.       borderColor: palette.textColor,

  228.       backgroundColor: palette.alternateTextColor,

  229.       checkedColor: palette.primary1Color,

  230.       requiredColor: palette.primary1Color,

  231.       disabledColor: palette.disabledColor,

  232.       size: 24,

  233.       labelColor: palette.textColor,

  234.       labelDisabledColor: palette.disabledColor

  235.     },

  236.     raisedButton: {

  237.       color: palette.alternateTextColor,

  238.       textColor: palette.textColor,

  239.       primaryColor: palette.primary1Color,

  240.       primaryTextColor: palette.alternateTextColor,

  241.       secondaryColor: palette.accent1Color,

  242.       secondaryTextColor: palette.alternateTextColor,

  243.       disabledColor: (0, _colorManipulator.darken)(palette.alternateTextColor, 0.1),

  244.       disabledTextColor: (0, _colorManipulator.fade)(palette.textColor, 0.3),

  245.       fontSize: _typography2.default.fontStyleButtonFontSize,

  246.       fontWeight: _typography2.default.fontWeightMedium

  247.     },

  248.     refreshIndicator: {

  249.       strokeColor: palette.borderColor,

  250.       loadingStrokeColor: palette.primary1Color

  251.     },

  252.     ripple: {

  253.       color: (0, _colorManipulator.fade)(palette.textColor, 0.87)

  254.     },

  255.     slider: {

  256.       trackSize: 2,

  257.       trackColor: palette.primary3Color,

  258.       trackColorSelected: palette.accent3Color,

  259.       handleSize: 12,

  260.       handleSizeDisabled: 8,

  261.       handleSizeActive: 18,

  262.       handleColorZero: palette.primary3Color,

  263.       handleFillColor: palette.alternateTextColor,

  264.       selectionColor: palette.primary1Color,

  265.       rippleColor: palette.primary1Color

  266.     },

  267.     snackbar: {

  268.       textColor: palette.alternateTextColor,

  269.       backgroundColor: palette.textColor,

  270.       actionColor: palette.accent1Color

  271.     },

  272.     subheader: {

  273.       color: (0, _colorManipulator.fade)(palette.textColor, 0.54),

  274.       fontWeight: _typography2.default.fontWeightMedium

  275.     },

  276.     stepper: {

  277.       backgroundColor: 'transparent',

  278.       hoverBackgroundColor: (0, _colorManipulator.fade)(_colors.black, 0.06),

  279.       iconColor: palette.primary1Color,

  280.       hoveredIconColor: _colors.grey700,

  281.       inactiveIconColor: _colors.grey500,

  282.       textColor: (0, _colorManipulator.fade)(_colors.black, 0.87),

  283.       disabledTextColor: (0, _colorManipulator.fade)(_colors.black, 0.26),

  284.       connectorLineColor: _colors.grey400

  285.     },

  286.     svgIcon: {

  287.       color: palette.textColor

  288.     },

  289.     table: {

  290.       backgroundColor: palette.canvasColor

  291.     },

  292.     tableFooter: {

  293.       borderColor: palette.borderColor,

  294.       textColor: palette.accent3Color

  295.     },

  296.     tableHeader: {

  297.       borderColor: palette.borderColor

  298.     },

  299.     tableHeaderColumn: {

  300.       textColor: palette.accent3Color,

  301.       height: 56,

  302.       spacing: 24

  303.     },

  304.     tableRow: {

  305.       hoverColor: palette.accent2Color,

  306.       stripeColor: (0, _colorManipulator.fade)((0, _colorManipulator.lighten)(palette.primary1Color, 0.5), 0.4),

  307.       selectedColor: palette.borderColor,

  308.       textColor: palette.textColor,

  309.       borderColor: palette.borderColor,

  310.       height: 48

  311.     },

  312.     tableRowColumn: {

  313.       height: 48,

  314.       spacing: 24

  315.     },

  316.     tabs: {

  317.       backgroundColor: palette.primary1Color,

  318.       textColor: (0, _colorManipulator.fade)(palette.alternateTextColor, 0.7),

  319.       selectedTextColor: palette.alternateTextColor

  320.     },

  321.     textField: {

  322.       textColor: palette.textColor,

  323.       hintColor: palette.disabledColor,

  324.       floatingLabelColor: palette.disabledColor,

  325.       disabledTextColor: palette.disabledColor,

  326.       errorColor: _colors.red500,

  327.       focusColor: palette.primary1Color,

  328.       backgroundColor: 'transparent',

  329.       borderColor: palette.borderColor

  330.     },

  331.     timePicker: {

  332.       color: palette.alternateTextColor,

  333.       textColor: palette.alternateTextColor,

  334.       accentColor: palette.primary1Color,

  335.       clockColor: palette.textColor,

  336.       clockCircleColor: palette.clockCircleColor,

  337.       headerColor: palette.pickerHeaderColor || palette.primary1Color,

  338.       selectColor: palette.primary2Color,

  339.       selectTextColor: palette.alternateTextColor

  340.     },

  341.     toggle: {

  342.       thumbOnColor: palette.primary1Color,

  343.       thumbOffColor: palette.accent2Color,

  344.       thumbDisabledColor: palette.borderColor,

  345.       thumbRequiredColor: palette.primary1Color,

  346.       trackOnColor: (0, _colorManipulator.fade)(palette.primary1Color, 0.5),

  347.       trackOffColor: palette.primary3Color,

  348.       trackDisabledColor: palette.primary3Color,

  349.       labelColor: palette.textColor,

  350.       labelDisabledColor: palette.disabledColor,

  351.       trackRequiredColor: (0, _colorManipulator.fade)(palette.primary1Color, 0.5)

  352.     },

  353.     toolbar: {

  354.       color: (0, _colorManipulator.fade)(palette.textColor, 0.54),

  355.       hoverColor: (0, _colorManipulator.fade)(palette.textColor, 0.87),

  356.       backgroundColor: (0, _colorManipulator.darken)(palette.accent2Color, 0.05),

  357.       height: 56,

  358.       titleFontSize: 20,

  359.       iconColor: (0, _colorManipulator.fade)(palette.textColor, 0.4),

  360.       separatorColor: (0, _colorManipulator.fade)(palette.textColor, 0.175),

  361.       menuHoverColor: (0, _colorManipulator.fade)(palette.textColor, 0.1)

  362.     },

  363.     tooltip: {

  364.       color: _colors.white,

  365.       rippleBackgroundColor: _colors.grey700,

  366.       opacity: 0.9

  367.     }

  368.   }, muiTheme, {

  369.     baseTheme: baseTheme, // To provide backward compatibility.

  370.     rawTheme: baseTheme // To provide backward compatibility.

  371.   });

  372. 

  373.   var transformers = [_autoprefixer2.default, _rtl2.default, _callOnce2.default].map(function (t) {

  374.     return t(muiTheme);

  375.   }).filter(function (t) {

  376.     return t;

  377.   });

  378. 

  379.   muiTheme.prepareStyles = _compose2.default.apply(undefined, (0, _toConsumableArray3.default)(transformers));

  380. 

  381.   return muiTheme;

  382. }