@fluentui/react-theme - npm Package Compare versions

Comparing version 0.0.0-nightlye0b8e1fa6920220128.1 to 0.0.0-nightlye1926bfeca20220204.1

CHANGELOG.json

@@ -5,5 +5,5 @@ {
     {
-      "date": "Fri, 28 Jan 2022 04:13:23 GMT",
-      "tag": "@fluentui/react-theme_v0.0.0-nightlye0b8e1fa6920220128.1",
-      "version": "0.0.0-nightlye0b8e1fa6920220128.1",
+      "date": "Fri, 04 Feb 2022 04:13:21 GMT",
+      "tag": "@fluentui/react-theme_v0.0.0-nightlye1926bfeca20220204.1",
+      "version": "0.0.0-nightlye1926bfeca20220204.1",
       "comments": {
@@ -14,3 +14,3 @@ "prerelease": [
             "package": "@fluentui/react-theme",
-            "commit": "90d10ec8c2d159575962c4d3d913317633b44a7a",
+            "commit": "448766390ca759acf60ffccef08e4c3ffe41f4f6",
             "comment": "Release nightly v9"
@@ -49,2 +49,8 @@ },
           {
+            "author": "[e-mail]",
+            "package": "@fluentui/react-theme",
+            "commit": "1c2a4410205d3c86bc885fb74d6aede75d9bd99d",
+            "comment": "Theme: Adding function to programmatically generate tokens object based on a theme."
+          },
+          {
             "author": "[e-mail]",
@@ -51,0 +57,0 @@ "package": "@fluentui/react-theme",

CHANGELOG.md

 # Change Log - @fluentui/react-theme
 
-This log was last generated on Fri, 28 Jan 2022 04:13:23 GMT and should not be manually modified.
+This log was last generated on Fri, 04 Feb 2022 04:13:21 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightlye0b8e1fa6920220128.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.0.0-nightlye0b8e1fa6920220128.1)
+## [0.0.0-nightlye1926bfeca20220204.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.0.0-nightlye1926bfeca20220204.1)
 
-Fri, 28 Jan 2022 04:13:23 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-beta.4..@fluentui/react-theme_v0.0.0-nightlye0b8e1fa6920220128.1)
+Fri, 04 Feb 2022 04:13:21 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-beta.4..@fluentui/react-theme_v0.0.0-nightlye1926bfeca20220204.1)
 
 ### Changes
 
-- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/90d10ec8c2d159575962c4d3d913317633b44a7a) by email not defined)
+- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/448766390ca759acf60ffccef08e4c3ffe41f4f6) by email not defined)
 - feat(react-theme): Add colorNeutralForeground1Static token ([PR #21385](https://github.com/microsoft/fluentui/pull/21385) by [e-mail])
@@ -20,2 +20,3 @@ - updating brand colors ([PR #20140](https://github.com/microsoft/fluentui/pull/20140) by [e-mail])
 - remove mergeThemes API ([PR #21278](https://github.com/microsoft/fluentui/pull/21278) by [e-mail])
+- Theme: Adding function to programmatically generate tokens object based on a theme. ([PR #21548](https://github.com/microsoft/fluentui/pull/21548) by [e-mail])
 - Remove `themeToCSSVariables` function ([PR #20828](https://github.com/microsoft/fluentui/pull/20828) by [e-mail])
@@ -22,0 +23,0 @@ - feat(react-theme) Add border1 color token for shared colors ([PR #20963](https://github.com/microsoft/fluentui/pull/20963) by [e-mail])

dist/react-theme.d.ts

@@ -340,2 +340,12 @@ export declare type BorderRadiusTokens = {
 
+/**
+ * Programmatically generates a tokens to css variables mapping object from the keys in a theme.
+ * This helps with ease of use as a user of a custom theme does not have to manually construct this object, but it could
+ * affect tree-shaking since bundlers do not know the shape of the output.
+ *
+ * @param theme - Theme from which to get the keys to generate the tokens to css variables mapping object
+ * @returns Tokens to css variables mapping object corresponding to the passed theme
+ */
+export declare function themeToTokensObject<TTheme extends Theme>(theme: TTheme): Record<keyof TTheme, string>;
+
 export declare const tokens: Record<keyof Theme, string>;
@@ -342,0 +352,0 @@

lib-commonjs/index.d.ts

 export * from './themes/index';
 export * from './utils/index';
+export { themeToTokensObject } from './themeToTokensObject';
 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';

lib-commonjs/index.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports.tokens = void 0;
+exports.tokens = exports.themeToTokensObject = void 0;
 
@@ -15,2 +15,11 @@ const tslib_1 = /*#__PURE__*/require("tslib");
 
+var themeToTokensObject_1 = /*#__PURE__*/require("./themeToTokensObject");
+
+Object.defineProperty(exports, "themeToTokensObject", {
+  enumerable: true,
+  get: function () {
+    return themeToTokensObject_1.themeToTokensObject;
+  }
+});
+
 var tokens_1 = /*#__PURE__*/require("./tokens");
@@ -17,0 +26,0 @@

lib/index.d.ts

 export * from './themes/index';
 export * from './utils/index';
+export { themeToTokensObject } from './themeToTokensObject';
 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';

lib/index.js

 export * from './themes/index';
 export * from './utils/index';
+export { themeToTokensObject } from './themeToTokensObject';
 export { tokens } from './tokens';
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@fluentui/react-theme",
-  "version": "0.0.0-nightlye0b8e1fa6920220128.1",
+  "version": "0.0.0-nightlye1926bfeca20220204.1",
   "description": "Fluent UI themes",
@@ -5,0 +5,0 @@ "main": "lib-commonjs/index.js",

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

517428

increased by1.06%

Number of package files

181

increased by3.43%

Lines of code

7234

increased by1.16%

No dependency changes