@fluentui/tokens - npm Package Compare versions

Comparing version 0.0.0-nightly-20240717-1138.1 to 0.0.0-nightly-20240718-0406.1

CHANGELOG.md

 # Change Log - @fluentui/tokens
 
-This log was last generated on Wed, 17 Jul 2024 11:48:28 GMT and should not be manually modified.
+This log was last generated on Thu, 18 Jul 2024 04:16:47 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20240717-1138.1](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v0.0.0-nightly-20240717-1138.1)
+## [0.0.0-nightly-20240718-0406.1](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v0.0.0-nightly-20240718-0406.1)
 
-Wed, 17 Jul 2024 11:48:28 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.16..@fluentui/tokens_v0.0.0-nightly-20240717-1138.1)
+Thu, 18 Jul 2024 04:16:47 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.16..@fluentui/tokens_v0.0.0-nightly-20240718-0406.1)
 
@@ -12,0 +12,0 @@ ### Changes

dist/index.d.ts

@@ -1,5 +0,1 @@
-export declare type BlurTokens = {
-    blurMaterialTertiary: string;
-};
-
 export declare type BorderRadiusTokens = {
@@ -268,15 +264,10 @@ borderRadiusNone: string;
     colorBrandShadowKey: string;
-    colorMaterialTertiaryBackground: string;
 };
 
-export declare const createDarkTheme: (brand: BrandVariants, glass?: boolean) => Theme;
+export declare const createDarkTheme: (brand: BrandVariants) => Theme;
 
 export declare const createHighContrastTheme: () => Theme;
 
-export declare const createLightGlassTheme: (brand: BrandVariants) => Theme;
-
 export declare const createLightTheme: (brand: BrandVariants) => Theme;
 
-export declare const createTeamsDarkGlassTheme: (brand: BrandVariants) => Theme;
-
 export declare const createTeamsDarkTheme: (brand: BrandVariants) => Theme;
@@ -408,4 +399,2 @@
 
-export declare const teamsDarkGlassTheme: Theme;
-
 export declare const teamsDarkTheme: Theme;
@@ -415,7 +404,5 @@
 
-export declare const teamsLightGlassTheme: Theme;
-
 export declare const teamsLightTheme: Theme;
 
-export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & HorizontalSpacingTokens & VerticalSpacingTokens & DurationTokens & CurveTokens & ShadowTokens & ShadowBrandTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorStatusTokens & ColorTokens & BlurTokens;
+export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & HorizontalSpacingTokens & VerticalSpacingTokens & DurationTokens & CurveTokens & ShadowTokens & ShadowBrandTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorStatusTokens & ColorTokens;
 
@@ -422,0 +409,0 @@ /**

lib-commonjs/alias/darkColor.js

@@ -178,4 +178,3 @@ /* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ "use strict";
         colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
-        colorBrandShadowKey: 'rgba(0,0,0,0.25)',
-        colorMaterialTertiaryBackground: _colors.grey[16]
+        colorBrandShadowKey: 'rgba(0,0,0,0.25)'
     });

lib-commonjs/alias/highContrastColor.js

@@ -178,4 +178,3 @@ /* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ "use strict";
         colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
-        colorBrandShadowKey: 'rgba(0,0,0,0.25)',
-        colorMaterialTertiaryBackground: _colors.hcCanvas
+        colorBrandShadowKey: 'rgba(0,0,0,0.25)'
     });

lib-commonjs/alias/lightColor.js

@@ -178,4 +178,3 @@ /* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ "use strict";
         colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
-        colorBrandShadowKey: 'rgba(0,0,0,0.25)',
-        colorMaterialTertiaryBackground: _colors.white
+        colorBrandShadowKey: 'rgba(0,0,0,0.25)'
     });

lib-commonjs/alias/teamsDarkColor.js

@@ -178,4 +178,3 @@ /* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ "use strict";
         colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
-        colorBrandShadowKey: 'rgba(0,0,0,0.25)',
-        colorMaterialTertiaryBackground: _colors.grey[16]
+        colorBrandShadowKey: 'rgba(0,0,0,0.25)'
     });

lib-commonjs/global/index.js

@@ -14,2 +14,1 @@ "use strict";
 _export_star._(require("./typographyStyles"), exports);
-_export_star._(require("./blur"), exports);

lib-commonjs/index.js

@@ -18,17 +18,8 @@ "use strict";
     },
-    createLightGlassTheme: function() {
-        return _index1.createLightGlassTheme;
-    },
     createLightTheme: function() {
         return _index1.createLightTheme;
     },
-    createTeamsDarkGlassTheme: function() {
-        return _index1.createTeamsDarkGlassTheme;
-    },
     createTeamsDarkTheme: function() {
         return _index1.createTeamsDarkTheme;
     },
-    teamsDarkGlassTheme: function() {
-        return _index.teamsDarkGlassTheme;
-    },
     teamsDarkTheme: function() {
@@ -40,5 +31,2 @@ return _index.teamsDarkTheme;
     },
-    teamsLightGlassTheme: function() {
-        return _index.teamsLightGlassTheme;
-    },
     teamsLightTheme: function() {
@@ -45,0 +33,0 @@ return _index.teamsLightTheme;

lib-commonjs/themes/teams/index.js

@@ -9,3 +9,1 @@ "use strict";
 _export_star._(require("./highContrastTheme"), exports);
-_export_star._(require("./darkGlassTheme"), exports);
-_export_star._(require("./lightGlassTheme"), exports);

lib-commonjs/tokens.js

@@ -179,3 +179,2 @@ "use strict";
     colorBrandShadowKey: 'var(--colorBrandShadowKey)',
-    colorMaterialTertiaryBackground: 'var(--colorMaterialTertiaryBackground)',
     // Color palette tokens
@@ -500,5 +499,3 @@ // Color palette red tokens
     curveEasyEase: 'var(--curveEasyEase)',
-    curveLinear: 'var(--curveLinear)',
-    // Blur
-    blurMaterialTertiary: 'var(--blurMaterialTertiary)'
+    curveLinear: 'var(--curveLinear)'
 };

lib-commonjs/utils/createDarkTheme.js

@@ -18,3 +18,3 @@ "use strict";
 const _spacings = require("../global/spacings");
-const createDarkTheme = (brand, glass = false)=>{
+const createDarkTheme = (brand)=>{
     const colorTokens = (0, _darkColor.generateColorTokens)(brand);
@@ -32,3 +32,2 @@ return {
         ..._curves.curves,
-        ..._index.noBlur,
         ...colorTokens,
@@ -35,0 +34,0 @@ ..._darkColorPalette.colorPaletteTokens,

lib-commonjs/utils/createHighContrastTheme.js

@@ -31,3 +31,2 @@ "use strict";
         ..._curves.curves,
-        ..._index.noBlur,
         ...colorTokens,
@@ -34,0 +33,0 @@ ..._highContrastColorPalette.colorPaletteTokens,

lib-commonjs/utils/createLightTheme.js

@@ -31,3 +31,2 @@ "use strict";
         ..._curves.curves,
-        ..._index.noBlur,
         ...colorTokens,
@@ -34,0 +33,0 @@ ..._lightColorPalette.colorPaletteTokens,

lib-commonjs/utils/createTeamsDarkTheme.js

@@ -31,3 +31,2 @@ "use strict";
         ..._curves.curves,
-        ..._index.noBlur,
         ...colorTokens,
@@ -34,0 +33,0 @@ ..._darkColorPalette.colorPaletteTokens,

lib-commonjs/utils/index.js

@@ -10,3 +10,1 @@ "use strict";
 _export_star._(require("./createHighContrastTheme"), exports);
-_export_star._(require("./createLightGlassTheme"), exports);
-_export_star._(require("./createTeamsDarkGlassTheme"), exports);

lib/alias/darkColor.js

@@ -168,4 +168,3 @@ /* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { black, blackAlpha, grey, grey10Alpha, grey12Alpha, grey14Alpha, white, whiteAlpha } from '../global/colors';
         colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
-        colorBrandShadowKey: 'rgba(0,0,0,0.25)',
-        colorMaterialTertiaryBackground: grey[16]
+        colorBrandShadowKey: 'rgba(0,0,0,0.25)'
     });

lib/alias/highContrastColor.js

@@ -168,4 +168,3 @@ /* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { blackAlpha, hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink } from '../global/colors';
         colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
-        colorBrandShadowKey: 'rgba(0,0,0,0.25)',
-        colorMaterialTertiaryBackground: hcCanvas
+        colorBrandShadowKey: 'rgba(0,0,0,0.25)'
     });

lib/alias/lightColor.js

@@ -168,4 +168,3 @@ /* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { black, blackAlpha, grey, white, whiteAlpha } from '../global/colors';
         colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
-        colorBrandShadowKey: 'rgba(0,0,0,0.25)',
-        colorMaterialTertiaryBackground: white
+        colorBrandShadowKey: 'rgba(0,0,0,0.25)'
     });

lib/alias/teamsDarkColor.js

@@ -168,4 +168,3 @@ /* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { black, blackAlpha, grey, grey10Alpha, grey12Alpha, grey14Alpha, white, whiteAlpha } from '../global/colors';
         colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
-        colorBrandShadowKey: 'rgba(0,0,0,0.25)',
-        colorMaterialTertiaryBackground: grey[16]
+        colorBrandShadowKey: 'rgba(0,0,0,0.25)'
     });

lib/global/index.js

@@ -10,2 +10,1 @@ export * from './borderRadius';
 export * from './typographyStyles';
-export * from './blur';

lib/index.js

@@ -1,5 +0,5 @@
-export { webDarkTheme, webLightTheme, teamsDarkTheme, teamsLightTheme, teamsDarkGlassTheme, teamsLightGlassTheme, teamsHighContrastTheme } from './themes/index';
-export { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme, createLightGlassTheme, createTeamsDarkGlassTheme } from './utils/index';
+export { teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, webDarkTheme, webLightTheme } from './themes/index';
+export { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme } from './utils/index';
 export { themeToTokensObject } from './themeToTokensObject';
 export { tokens } from './tokens';
 export { typographyStyles } from './global/index';

lib/themes/teams/index.js

 export * from './lightTheme';
 export * from './darkTheme';
 export * from './highContrastTheme';
-export * from './darkGlassTheme';
-export * from './lightGlassTheme';

lib/tokens.js

@@ -169,3 +169,2 @@ export const tokens = {
     colorBrandShadowKey: 'var(--colorBrandShadowKey)',
-    colorMaterialTertiaryBackground: 'var(--colorMaterialTertiaryBackground)',
     // Color palette tokens
@@ -490,5 +489,3 @@ // Color palette red tokens
     curveEasyEase: 'var(--curveEasyEase)',
-    curveLinear: 'var(--curveLinear)',
-    // Blur
-    blurMaterialTertiary: 'var(--blurMaterialTertiary)'
+    curveLinear: 'var(--curveLinear)'
 };

lib/utils/createDarkTheme.js

 import { colorPaletteTokens, colorStatusTokens } from '../alias/darkColorPalette';
 import { generateColorTokens } from '../alias/darkColor';
-import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights, noBlur } from '../global/index';
+import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
 import { createShadowTokens } from './shadows';
@@ -8,3 +8,3 @@ import { durations } from '../global/durations';
 import { horizontalSpacings, verticalSpacings } from '../global/spacings';
-export const createDarkTheme = (brand, glass = false)=>{
+export const createDarkTheme = (brand)=>{
     const colorTokens = generateColorTokens(brand);
@@ -22,3 +22,2 @@ return {
         ...curves,
-        ...noBlur,
         ...colorTokens,
@@ -25,0 +24,0 @@ ...colorPaletteTokens,

lib/utils/createHighContrastTheme.js

 import { colorPaletteTokens, colorStatusTokens } from '../alias/highContrastColorPalette';
 import { generateColorTokens } from '../alias/highContrastColor';
-import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights, noBlur } from '../global/index';
+import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
 import { createShadowTokens } from './shadows';
@@ -21,3 +21,2 @@ import { durations } from '../global/durations';
         ...curves,
-        ...noBlur,
         ...colorTokens,
@@ -24,0 +23,0 @@ ...colorPaletteTokens,

lib/utils/createLightTheme.js

 import { colorPaletteTokens, colorStatusTokens } from '../alias/lightColorPalette';
 import { generateColorTokens } from '../alias/lightColor';
-import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights, noBlur } from '../global/index';
+import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
 import { createShadowTokens } from './shadows';
@@ -21,3 +21,2 @@ import { durations } from '../global/durations';
         ...curves,
-        ...noBlur,
         ...colorTokens,
@@ -24,0 +23,0 @@ ...colorPaletteTokens,

lib/utils/createTeamsDarkTheme.js

 import { colorPaletteTokens, colorStatusTokens } from '../alias/darkColorPalette';
 import { generateColorTokens } from '../alias/teamsDarkColor';
-import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights, noBlur } from '../global/index';
+import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
 import { createShadowTokens } from './shadows';
@@ -21,3 +21,2 @@ import { durations } from '../global/durations';
         ...curves,
-        ...noBlur,
         ...colorTokens,
@@ -24,0 +23,0 @@ ...colorPaletteTokens,

lib/utils/index.js

@@ -5,3 +5,1 @@ export * from './createLightTheme';
 export * from './createHighContrastTheme';
-export * from './createLightGlassTheme';
-export * from './createTeamsDarkGlassTheme';

package.json

 {
   "name": "@fluentui/tokens",
-  "version": "0.0.0-nightly-20240717-1138.1",
+  "version": "0.0.0-nightly-20240718-0406.1",
   "description": "Fluent UI Theme Tokens",
@@ -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

Worsened metrics

Total package byte prevSize

818793

decreased by-4.07%

Number of package files

157

decreased by-15.14%

Lines of code

6490

decreased by-4.75%

Published versions last months

16

decreased by-5.88%

No dependency changes