@fluentui/react-theme - npm Package Compare versions

Comparing version 0.0.0-nightly-20220425-0418.1 to 0.0.0-nightly-20220426-0421.1

CHANGELOG.json

@@ -5,5 +5,5 @@ {
     {
-      "date": "Mon, 25 Apr 2022 04:27:17 GMT",
-      "tag": "@fluentui/react-theme_v0.0.0-nightly-20220425-0418.1",
-      "version": "0.0.0-nightly-20220425-0418.1",
+      "date": "Tue, 26 Apr 2022 04:32:32 GMT",
+      "tag": "@fluentui/react-theme_v0.0.0-nightly-20220426-0421.1",
+      "version": "0.0.0-nightly-20220426-0421.1",
       "comments": {
@@ -16,2 +16,8 @@ "prerelease": [
             "comment": "Release nightly v9"
+          },
+          {
+            "author": "[e-mail]",
+            "package": "@fluentui/react-theme",
+            "commit": "78da3be7484d156379a105048c535767f7e1b85f",
+            "comment": "Added typeography styles"
           }
@@ -18,0 +24,0 @@ ]

CHANGELOG.md

 # Change Log - @fluentui/react-theme
 
-This log was last generated on Mon, 25 Apr 2022 04:27:17 GMT and should not be manually modified.
+This log was last generated on Tue, 26 Apr 2022 04:32:32 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20220425-0418.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.0.0-nightly-20220425-0418.1)
+## [0.0.0-nightly-20220426-0421.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.0.0-nightly-20220426-0421.1)
 
-Mon, 25 Apr 2022 04:27:17 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-rc.5..@fluentui/react-theme_v0.0.0-nightly-20220425-0418.1)
+Tue, 26 Apr 2022 04:32:32 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-rc.5..@fluentui/react-theme_v0.0.0-nightly-20220426-0421.1)
 
@@ -15,2 +15,3 @@ ### Changes
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by email not defined)
+- Added typeography styles ([PR #22610](https://github.com/microsoft/fluentui/pull/22610) by [e-mail])
 
@@ -17,0 +18,0 @@ ## [9.0.0-rc.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-rc.5)

dist/react-theme.d.ts

@@ -354,2 +354,32 @@ export declare type BorderRadiusTokens = {
 
+declare type TypeographyStyle = {
+    fontSize: string;
+    fontWeight: string;
+    lineHeight: string;
+};
+
+export declare type TypeographyStyles = {
+    body1: TypeographyStyle;
+    body1Strong: TypeographyStyle;
+    body1Stronger: TypeographyStyle;
+    caption1: TypeographyStyle;
+    caption1Strong: TypeographyStyle;
+    caption1Stronger: TypeographyStyle;
+    caption2: TypeographyStyle;
+    caption2Strong: TypeographyStyle;
+    subtitle1: TypeographyStyle;
+    subtitle2: TypeographyStyle;
+    subtitle2Stronger: TypeographyStyle;
+    title1: TypeographyStyle;
+    title2: TypeographyStyle;
+    title3: TypeographyStyle;
+    largeTitle: TypeographyStyle;
+    display: TypeographyStyle;
+};
+
+/**
+ * Global typeography styles (fontSize, fontWeight, and lineHeight)
+ */
+export declare const typeographyStyles: TypeographyStyles;
+
 export declare const webDarkTheme: Theme;
@@ -356,0 +386,0 @@

lib-commonjs/global/index.d.ts

@@ -5,1 +5,2 @@ export * from './colors';
 export * from './borderRadius';
+export * from './typeographyStyles';

lib-commonjs/global/index.js

@@ -16,2 +16,4 @@ "use strict";
 tslib_1.__exportStar(require("./borderRadius"), exports);
+
+tslib_1.__exportStar(require("./typeographyStyles"), exports);
 //# sourceMappingURL=index.js.map

lib-commonjs/index.d.ts

@@ -5,2 +5,3 @@ export * from './themes/index';
 export { tokens } from './tokens';
-export type { Brands, BrandVariants, FontSizeTokens, FontWeightTokens, LineHeightTokens, BorderRadiusTokens, StrokeWidthTokens, ShadowTokens, ShadowBrandTokens, FontFamilyTokens, ColorPaletteTokens, ColorPaletteDarkRed, ColorPaletteBurgundy, ColorPaletteCranberry, ColorPaletteRed, ColorPaletteDarkOrange, ColorPaletteBronze, ColorPalettePumpkin, ColorPaletteOrange, ColorPalettePeach, ColorPaletteMarigold, ColorPaletteYellow, ColorPaletteGold, ColorPaletteBrass, ColorPaletteBrown, ColorPaletteDarkBrown, ColorPaletteLime, ColorPaletteForest, ColorPaletteSeafoam, ColorPaletteLightGreen, ColorPaletteGreen, ColorPaletteDarkGreen, ColorPaletteLightTeal, ColorPaletteTeal, ColorPaletteDarkTeal, ColorPaletteCyan, ColorPaletteSteel, ColorPaletteLightBlue, ColorPaletteBlue, ColorPaletteRoyalBlue, ColorPaletteDarkBlue, ColorPaletteCornflower, ColorPaletteNavy, ColorPaletteLavender, ColorPalettePurple, ColorPaletteDarkPurple, ColorPaletteOrchid, ColorPaletteGrape, ColorPaletteBerry, ColorPaletteLilac, ColorPalettePink, ColorPaletteHotPink, ColorPaletteMagenta, ColorPalettePlum, ColorPaletteBeige, ColorPaletteMink, ColorPaletteSilver, ColorPalettePlatinum, ColorPaletteAnchor, ColorPaletteCharcoal, ColorTokens, PartialTheme, Theme, } from './types';
+export { typeographyStyles } from './global/index';
+export type { Brands, BrandVariants, FontSizeTokens, FontWeightTokens, LineHeightTokens, BorderRadiusTokens, StrokeWidthTokens, ShadowTokens, ShadowBrandTokens, FontFamilyTokens, ColorPaletteTokens, ColorPaletteDarkRed, ColorPaletteBurgundy, ColorPaletteCranberry, ColorPaletteRed, ColorPaletteDarkOrange, ColorPaletteBronze, ColorPalettePumpkin, ColorPaletteOrange, ColorPalettePeach, ColorPaletteMarigold, ColorPaletteYellow, ColorPaletteGold, ColorPaletteBrass, ColorPaletteBrown, ColorPaletteDarkBrown, ColorPaletteLime, ColorPaletteForest, ColorPaletteSeafoam, ColorPaletteLightGreen, ColorPaletteGreen, ColorPaletteDarkGreen, ColorPaletteLightTeal, ColorPaletteTeal, ColorPaletteDarkTeal, ColorPaletteCyan, ColorPaletteSteel, ColorPaletteLightBlue, ColorPaletteBlue, ColorPaletteRoyalBlue, ColorPaletteDarkBlue, ColorPaletteCornflower, ColorPaletteNavy, ColorPaletteLavender, ColorPalettePurple, ColorPaletteDarkPurple, ColorPaletteOrchid, ColorPaletteGrape, ColorPaletteBerry, ColorPaletteLilac, ColorPalettePink, ColorPaletteHotPink, ColorPaletteMagenta, ColorPalettePlum, ColorPaletteBeige, ColorPaletteMink, ColorPaletteSilver, ColorPalettePlatinum, ColorPaletteAnchor, ColorPaletteCharcoal, ColorTokens, PartialTheme, Theme, TypeographyStyles, } from './types';

lib-commonjs/index.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports.tokens = exports.themeToTokensObject = void 0;
+exports.typeographyStyles = exports.tokens = exports.themeToTokensObject = void 0;
 
@@ -32,2 +32,11 @@ const tslib_1 = /*#__PURE__*/require("tslib");
 });
+
+var index_1 = /*#__PURE__*/require("./global/index");
+
+Object.defineProperty(exports, "typeographyStyles", {
+  enumerable: true,
+  get: function () {
+    return index_1.typeographyStyles;
+  }
+});
 //# sourceMappingURL=index.js.map

lib-commonjs/types.d.ts

@@ -308,2 +308,25 @@ /**
 };
+declare type TypeographyStyle = {
+    fontSize: string;
+    fontWeight: string;
+    lineHeight: string;
+};
+export declare type TypeographyStyles = {
+    body1: TypeographyStyle;
+    body1Strong: TypeographyStyle;
+    body1Stronger: TypeographyStyle;
+    caption1: TypeographyStyle;
+    caption1Strong: TypeographyStyle;
+    caption1Stronger: TypeographyStyle;
+    caption2: TypeographyStyle;
+    caption2Strong: TypeographyStyle;
+    subtitle1: TypeographyStyle;
+    subtitle2: TypeographyStyle;
+    subtitle2Stronger: TypeographyStyle;
+    title1: TypeographyStyle;
+    title2: TypeographyStyle;
+    title3: TypeographyStyle;
+    largeTitle: TypeographyStyle;
+    display: TypeographyStyle;
+};
 export declare type BorderRadiusTokens = {
@@ -346,1 +369,2 @@ borderRadiusNone: string;
 export declare type PartialTheme = Partial<Theme>;
+export {};

lib/global/index.d.ts

@@ -5,1 +5,2 @@ export * from './colors';
 export * from './borderRadius';
+export * from './typeographyStyles';

lib/global/index.js

@@ -5,2 +5,3 @@ export * from './colors';
 export * from './borderRadius';
+export * from './typeographyStyles';
 //# sourceMappingURL=index.js.map

lib/index.d.ts

@@ -5,2 +5,3 @@ export * from './themes/index';
 export { tokens } from './tokens';
-export type { Brands, BrandVariants, FontSizeTokens, FontWeightTokens, LineHeightTokens, BorderRadiusTokens, StrokeWidthTokens, ShadowTokens, ShadowBrandTokens, FontFamilyTokens, ColorPaletteTokens, ColorPaletteDarkRed, ColorPaletteBurgundy, ColorPaletteCranberry, ColorPaletteRed, ColorPaletteDarkOrange, ColorPaletteBronze, ColorPalettePumpkin, ColorPaletteOrange, ColorPalettePeach, ColorPaletteMarigold, ColorPaletteYellow, ColorPaletteGold, ColorPaletteBrass, ColorPaletteBrown, ColorPaletteDarkBrown, ColorPaletteLime, ColorPaletteForest, ColorPaletteSeafoam, ColorPaletteLightGreen, ColorPaletteGreen, ColorPaletteDarkGreen, ColorPaletteLightTeal, ColorPaletteTeal, ColorPaletteDarkTeal, ColorPaletteCyan, ColorPaletteSteel, ColorPaletteLightBlue, ColorPaletteBlue, ColorPaletteRoyalBlue, ColorPaletteDarkBlue, ColorPaletteCornflower, ColorPaletteNavy, ColorPaletteLavender, ColorPalettePurple, ColorPaletteDarkPurple, ColorPaletteOrchid, ColorPaletteGrape, ColorPaletteBerry, ColorPaletteLilac, ColorPalettePink, ColorPaletteHotPink, ColorPaletteMagenta, ColorPalettePlum, ColorPaletteBeige, ColorPaletteMink, ColorPaletteSilver, ColorPalettePlatinum, ColorPaletteAnchor, ColorPaletteCharcoal, ColorTokens, PartialTheme, Theme, } from './types';
+export { typeographyStyles } from './global/index';
+export type { Brands, BrandVariants, FontSizeTokens, FontWeightTokens, LineHeightTokens, BorderRadiusTokens, StrokeWidthTokens, ShadowTokens, ShadowBrandTokens, FontFamilyTokens, ColorPaletteTokens, ColorPaletteDarkRed, ColorPaletteBurgundy, ColorPaletteCranberry, ColorPaletteRed, ColorPaletteDarkOrange, ColorPaletteBronze, ColorPalettePumpkin, ColorPaletteOrange, ColorPalettePeach, ColorPaletteMarigold, ColorPaletteYellow, ColorPaletteGold, ColorPaletteBrass, ColorPaletteBrown, ColorPaletteDarkBrown, ColorPaletteLime, ColorPaletteForest, ColorPaletteSeafoam, ColorPaletteLightGreen, ColorPaletteGreen, ColorPaletteDarkGreen, ColorPaletteLightTeal, ColorPaletteTeal, ColorPaletteDarkTeal, ColorPaletteCyan, ColorPaletteSteel, ColorPaletteLightBlue, ColorPaletteBlue, ColorPaletteRoyalBlue, ColorPaletteDarkBlue, ColorPaletteCornflower, ColorPaletteNavy, ColorPaletteLavender, ColorPalettePurple, ColorPaletteDarkPurple, ColorPaletteOrchid, ColorPaletteGrape, ColorPaletteBerry, ColorPaletteLilac, ColorPalettePink, ColorPaletteHotPink, ColorPaletteMagenta, ColorPalettePlum, ColorPaletteBeige, ColorPaletteMink, ColorPaletteSilver, ColorPalettePlatinum, ColorPaletteAnchor, ColorPaletteCharcoal, ColorTokens, PartialTheme, Theme, TypeographyStyles, } from './types';

lib/index.js

@@ -5,2 +5,3 @@ export * from './themes/index';
 export { tokens } from './tokens';
+export { typeographyStyles } from './global/index';
 //# sourceMappingURL=index.js.map

lib/types.d.ts

@@ -308,2 +308,25 @@ /**
 };
+declare type TypeographyStyle = {
+    fontSize: string;
+    fontWeight: string;
+    lineHeight: string;
+};
+export declare type TypeographyStyles = {
+    body1: TypeographyStyle;
+    body1Strong: TypeographyStyle;
+    body1Stronger: TypeographyStyle;
+    caption1: TypeographyStyle;
+    caption1Strong: TypeographyStyle;
+    caption1Stronger: TypeographyStyle;
+    caption2: TypeographyStyle;
+    caption2Strong: TypeographyStyle;
+    subtitle1: TypeographyStyle;
+    subtitle2: TypeographyStyle;
+    subtitle2Stronger: TypeographyStyle;
+    title1: TypeographyStyle;
+    title2: TypeographyStyle;
+    title3: TypeographyStyle;
+    largeTitle: TypeographyStyle;
+    display: TypeographyStyle;
+};
 export declare type BorderRadiusTokens = {
@@ -346,1 +369,2 @@ borderRadiusNone: string;
 export declare type PartialTheme = Partial<Theme>;
+export {};

package.json

 {
   "name": "@fluentui/react-theme",
-  "version": "0.0.0-nightly-20220425-0418.1",
+  "version": "0.0.0-nightly-20220426-0421.1",
   "description": "Fluent UI themes",
@@ -5,0 +5,0 @@ "main": "lib-commonjs/index.js",

No alert changes

Improved metrics

Total package byte prevSize

834691

increased by2.54%

Number of package files

211

increased by2.93%

Lines of code

7692

increased by3.81%

No dependency changes