@material-ui/system - npm Package Compare versions

Comparing version 4.0.2 to 4.1.0

es/typography.js

@@ -11,2 +11,6 @@ import style from './style';
 });
+export const fontStyle = style({
+  prop: 'fontStyle',
+  themeKey: 'typography'
+});
 export const fontWeight = style({
@@ -16,6 +20,12 @@ prop: 'fontWeight',
 });
+export const letterSpacing = style({
+  prop: 'letterSpacing'
+});
+export const lineHeight = style({
+  prop: 'lineHeight'
+});
 export const textAlign = style({
   prop: 'textAlign'
 });
-const typography = compose(fontFamily, fontSize, fontWeight, textAlign);
+const typography = compose(fontFamily, fontSize, fontStyle, fontWeight, letterSpacing, lineHeight, textAlign);
 export default typography;

esm/index.js

@@ -1,2 +0,2 @@
-/** @license Material-UI v4.0.2
+/** @license Material-UI v4.1.0
  *
@@ -3,0 +3,0 @@ * This source code is licensed under the MIT license found in the

esm/typography.js

@@ -11,2 +11,6 @@ import style from './style';
 });
+export var fontStyle = style({
+  prop: 'fontStyle',
+  themeKey: 'typography'
+});
 export var fontWeight = style({
@@ -16,6 +20,12 @@ prop: 'fontWeight',
 });
+export var letterSpacing = style({
+  prop: 'letterSpacing'
+});
+export var lineHeight = style({
+  prop: 'lineHeight'
+});
 export var textAlign = style({
   prop: 'textAlign'
 });
-var typography = compose(fontFamily, fontSize, fontWeight, textAlign);
+var typography = compose(fontFamily, fontSize, fontStyle, fontWeight, letterSpacing, lineHeight, textAlign);
 export default typography;

index.d.ts

@@ -32,2 +32,3 @@ import * as CSS from 'csstype';
 // breakpoints.js
+type DefaultBreakPoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 /**
@@ -37,5 +38,5 @@ *
  */
-export function breakpoints<Props extends { theme: { breakpoints?: unknown } }>(
+export function breakpoints<Props, Breakpoints extends string = DefaultBreakPoints>(
   styleFunction: StyleFunction<Props>,
-): StyleFunction<Props>;
+): StyleFunction<Partial<Record<Breakpoints, Props>>>;
 
@@ -72,2 +73,3 @@ // compose.js
   | 'order'
+  | 'flex'
   | 'flexGrow'
@@ -160,6 +162,15 @@ | 'flexShrink'
 export const fontSize: SimpleStyleFunction<'fontSize'>;
+export const fontStyle: SimpleStyleFunction<'fontStyle'>;
 export const fontWeight: SimpleStyleFunction<'fontWeight'>;
+export const letterSpacing: SimpleStyleFunction<'letterSpacing'>;
+export const lineHeight: SimpleStyleFunction<'lineHeight'>;
 export const textAlign: SimpleStyleFunction<'textAlign'>;
 export const typography: SimpleStyleFunction<
-  'fontFamily' | 'fontSize' | 'fontWeight' | 'textAlign'
+  | 'fontFamily'
+  | 'fontSize'
+  | 'fontStyle'
+  | 'fontWeight'
+  | 'letterSpacing'
+  | 'lineHeight'
+  | 'textAlign'
 >;
@@ -166,0 +177,0 @@ export type TypographyProps = PropsFor<typeof typography>;

index.js

@@ -1,2 +0,2 @@
-/** @license Material-UI v4.0.2
+/** @license Material-UI v4.1.0
  *
@@ -3,0 +3,0 @@ * This source code is licensed under the MIT license found in the

package.json

 {
   "name": "@material-ui/system",
-  "version": "4.0.2",
+  "version": "4.1.0",
   "private": false,
@@ -5,0 +5,0 @@ "author": "Material-UI Team",

typography.js

@@ -8,3 +8,3 @@ "use strict";
 });
-exports.default = exports.textAlign = exports.fontWeight = exports.fontSize = exports.fontFamily = void 0;
+exports.default = exports.textAlign = exports.lineHeight = exports.letterSpacing = exports.fontWeight = exports.fontStyle = exports.fontSize = exports.fontFamily = void 0;
 
@@ -25,2 +25,7 @@ var _style = _interopRequireDefault(require("./style"));
 exports.fontSize = fontSize;
+var fontStyle = (0, _style.default)({
+  prop: 'fontStyle',
+  themeKey: 'typography'
+});
+exports.fontStyle = fontStyle;
 var fontWeight = (0, _style.default)({
@@ -31,2 +36,10 @@ prop: 'fontWeight',
 exports.fontWeight = fontWeight;
+var letterSpacing = (0, _style.default)({
+  prop: 'letterSpacing'
+});
+exports.letterSpacing = letterSpacing;
+var lineHeight = (0, _style.default)({
+  prop: 'lineHeight'
+});
+exports.lineHeight = lineHeight;
 var textAlign = (0, _style.default)({
@@ -36,4 +49,4 @@ prop: 'textAlign'
 exports.textAlign = textAlign;
-var typography = (0, _compose.default)(fontFamily, fontSize, fontWeight, textAlign);
+var typography = (0, _compose.default)(fontFamily, fontSize, fontStyle, fontWeight, letterSpacing, lineHeight, textAlign);
 var _default = typography;
 exports.default = _default;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

504695

increased by1.05%

Lines of code

1998

increased by2.25%

No dependency changes