@fluentui/tokens
Advanced tools
Comparing version 0.0.0-nightly-20240717-0406.1 to 0.0.0-nightly-20240717-1138.1
# Change Log - @fluentui/tokens | ||
This log was last generated on Wed, 17 Jul 2024 04:17:03 GMT and should not be manually modified. | ||
This log was last generated on Wed, 17 Jul 2024 11:48:28 GMT and should not be manually modified. | ||
<!-- Start content --> | ||
## [0.0.0-nightly-20240717-0406.1](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v0.0.0-nightly-20240717-0406.1) | ||
## [0.0.0-nightly-20240717-1138.1](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v0.0.0-nightly-20240717-1138.1) | ||
Wed, 17 Jul 2024 04:17:03 GMT | ||
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.16..@fluentui/tokens_v0.0.0-nightly-20240717-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) | ||
@@ -12,0 +12,0 @@ ### Changes |
@@ -0,1 +1,5 @@ | ||
export declare type BlurTokens = { | ||
blurMaterialTertiary: string; | ||
}; | ||
export declare type BorderRadiusTokens = { | ||
@@ -264,10 +268,15 @@ borderRadiusNone: string; | ||
colorBrandShadowKey: string; | ||
colorMaterialTertiaryBackground: string; | ||
}; | ||
export declare const createDarkTheme: (brand: BrandVariants) => Theme; | ||
export declare const createDarkTheme: (brand: BrandVariants, glass?: boolean) => 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; | ||
@@ -399,2 +408,4 @@ | ||
export declare const teamsDarkGlassTheme: Theme; | ||
export declare const teamsDarkTheme: Theme; | ||
@@ -404,5 +415,7 @@ | ||
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; | ||
export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & HorizontalSpacingTokens & VerticalSpacingTokens & DurationTokens & CurveTokens & ShadowTokens & ShadowBrandTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorStatusTokens & ColorTokens & BlurTokens; | ||
@@ -409,0 +422,0 @@ /** |
@@ -178,3 +178,4 @@ /* !!! 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)' | ||
colorBrandShadowKey: 'rgba(0,0,0,0.25)', | ||
colorMaterialTertiaryBackground: _colors.grey[16] | ||
}); |
@@ -178,3 +178,4 @@ /* !!! 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)' | ||
colorBrandShadowKey: 'rgba(0,0,0,0.25)', | ||
colorMaterialTertiaryBackground: _colors.hcCanvas | ||
}); |
@@ -178,3 +178,4 @@ /* !!! 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)' | ||
colorBrandShadowKey: 'rgba(0,0,0,0.25)', | ||
colorMaterialTertiaryBackground: _colors.white | ||
}); |
@@ -178,3 +178,4 @@ /* !!! 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)' | ||
colorBrandShadowKey: 'rgba(0,0,0,0.25)', | ||
colorMaterialTertiaryBackground: _colors.grey[16] | ||
}); |
@@ -14,1 +14,2 @@ "use strict"; | ||
_export_star._(require("./typographyStyles"), exports); | ||
_export_star._(require("./blur"), exports); |
@@ -18,8 +18,17 @@ "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() { | ||
@@ -31,2 +40,5 @@ return _index.teamsDarkTheme; | ||
}, | ||
teamsLightGlassTheme: function() { | ||
return _index.teamsLightGlassTheme; | ||
}, | ||
teamsLightTheme: function() { | ||
@@ -33,0 +45,0 @@ return _index.teamsLightTheme; |
@@ -9,1 +9,3 @@ "use strict"; | ||
_export_star._(require("./highContrastTheme"), exports); | ||
_export_star._(require("./darkGlassTheme"), exports); | ||
_export_star._(require("./lightGlassTheme"), exports); |
@@ -179,2 +179,3 @@ "use strict"; | ||
colorBrandShadowKey: 'var(--colorBrandShadowKey)', | ||
colorMaterialTertiaryBackground: 'var(--colorMaterialTertiaryBackground)', | ||
// Color palette tokens | ||
@@ -499,3 +500,5 @@ // Color palette red tokens | ||
curveEasyEase: 'var(--curveEasyEase)', | ||
curveLinear: 'var(--curveLinear)' | ||
curveLinear: 'var(--curveLinear)', | ||
// Blur | ||
blurMaterialTertiary: 'var(--blurMaterialTertiary)' | ||
}; |
@@ -18,3 +18,3 @@ "use strict"; | ||
const _spacings = require("../global/spacings"); | ||
const createDarkTheme = (brand)=>{ | ||
const createDarkTheme = (brand, glass = false)=>{ | ||
const colorTokens = (0, _darkColor.generateColorTokens)(brand); | ||
@@ -32,2 +32,3 @@ return { | ||
..._curves.curves, | ||
..._index.noBlur, | ||
...colorTokens, | ||
@@ -34,0 +35,0 @@ ..._darkColorPalette.colorPaletteTokens, |
@@ -31,2 +31,3 @@ "use strict"; | ||
..._curves.curves, | ||
..._index.noBlur, | ||
...colorTokens, | ||
@@ -33,0 +34,0 @@ ..._highContrastColorPalette.colorPaletteTokens, |
@@ -31,2 +31,3 @@ "use strict"; | ||
..._curves.curves, | ||
..._index.noBlur, | ||
...colorTokens, | ||
@@ -33,0 +34,0 @@ ..._lightColorPalette.colorPaletteTokens, |
@@ -31,2 +31,3 @@ "use strict"; | ||
..._curves.curves, | ||
..._index.noBlur, | ||
...colorTokens, | ||
@@ -33,0 +34,0 @@ ..._darkColorPalette.colorPaletteTokens, |
@@ -10,1 +10,3 @@ "use strict"; | ||
_export_star._(require("./createHighContrastTheme"), exports); | ||
_export_star._(require("./createLightGlassTheme"), exports); | ||
_export_star._(require("./createTeamsDarkGlassTheme"), exports); |
@@ -168,3 +168,4 @@ /* !!! 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)' | ||
colorBrandShadowKey: 'rgba(0,0,0,0.25)', | ||
colorMaterialTertiaryBackground: grey[16] | ||
}); |
@@ -168,3 +168,4 @@ /* !!! 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)' | ||
colorBrandShadowKey: 'rgba(0,0,0,0.25)', | ||
colorMaterialTertiaryBackground: hcCanvas | ||
}); |
@@ -168,3 +168,4 @@ /* !!! 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)' | ||
colorBrandShadowKey: 'rgba(0,0,0,0.25)', | ||
colorMaterialTertiaryBackground: white | ||
}); |
@@ -168,3 +168,4 @@ /* !!! 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)' | ||
colorBrandShadowKey: 'rgba(0,0,0,0.25)', | ||
colorMaterialTertiaryBackground: grey[16] | ||
}); |
@@ -10,1 +10,2 @@ export * from './borderRadius'; | ||
export * from './typographyStyles'; | ||
export * from './blur'; |
@@ -1,5 +0,5 @@ | ||
export { teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, webDarkTheme, webLightTheme } from './themes/index'; | ||
export { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme } from './utils/index'; | ||
export { webDarkTheme, webLightTheme, teamsDarkTheme, teamsLightTheme, teamsDarkGlassTheme, teamsLightGlassTheme, teamsHighContrastTheme } from './themes/index'; | ||
export { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme, createLightGlassTheme, createTeamsDarkGlassTheme } from './utils/index'; | ||
export { themeToTokensObject } from './themeToTokensObject'; | ||
export { tokens } from './tokens'; | ||
export { typographyStyles } from './global/index'; |
export * from './lightTheme'; | ||
export * from './darkTheme'; | ||
export * from './highContrastTheme'; | ||
export * from './darkGlassTheme'; | ||
export * from './lightGlassTheme'; |
@@ -169,2 +169,3 @@ export const tokens = { | ||
colorBrandShadowKey: 'var(--colorBrandShadowKey)', | ||
colorMaterialTertiaryBackground: 'var(--colorMaterialTertiaryBackground)', | ||
// Color palette tokens | ||
@@ -489,3 +490,5 @@ // Color palette red tokens | ||
curveEasyEase: 'var(--curveEasyEase)', | ||
curveLinear: 'var(--curveLinear)' | ||
curveLinear: 'var(--curveLinear)', | ||
// Blur | ||
blurMaterialTertiary: 'var(--blurMaterialTertiary)' | ||
}; |
import { colorPaletteTokens, colorStatusTokens } from '../alias/darkColorPalette'; | ||
import { generateColorTokens } from '../alias/darkColor'; | ||
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index'; | ||
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights, noBlur } 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)=>{ | ||
export const createDarkTheme = (brand, glass = false)=>{ | ||
const colorTokens = generateColorTokens(brand); | ||
@@ -22,2 +22,3 @@ return { | ||
...curves, | ||
...noBlur, | ||
...colorTokens, | ||
@@ -24,0 +25,0 @@ ...colorPaletteTokens, |
import { colorPaletteTokens, colorStatusTokens } from '../alias/highContrastColorPalette'; | ||
import { generateColorTokens } from '../alias/highContrastColor'; | ||
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index'; | ||
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights, noBlur } from '../global/index'; | ||
import { createShadowTokens } from './shadows'; | ||
@@ -21,2 +21,3 @@ import { durations } from '../global/durations'; | ||
...curves, | ||
...noBlur, | ||
...colorTokens, | ||
@@ -23,0 +24,0 @@ ...colorPaletteTokens, |
import { colorPaletteTokens, colorStatusTokens } from '../alias/lightColorPalette'; | ||
import { generateColorTokens } from '../alias/lightColor'; | ||
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index'; | ||
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights, noBlur } from '../global/index'; | ||
import { createShadowTokens } from './shadows'; | ||
@@ -21,2 +21,3 @@ import { durations } from '../global/durations'; | ||
...curves, | ||
...noBlur, | ||
...colorTokens, | ||
@@ -23,0 +24,0 @@ ...colorPaletteTokens, |
import { colorPaletteTokens, colorStatusTokens } from '../alias/darkColorPalette'; | ||
import { generateColorTokens } from '../alias/teamsDarkColor'; | ||
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index'; | ||
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights, noBlur } from '../global/index'; | ||
import { createShadowTokens } from './shadows'; | ||
@@ -21,2 +21,3 @@ import { durations } from '../global/durations'; | ||
...curves, | ||
...noBlur, | ||
...colorTokens, | ||
@@ -23,0 +24,0 @@ ...colorPaletteTokens, |
@@ -5,1 +5,3 @@ export * from './createLightTheme'; | ||
export * from './createHighContrastTheme'; | ||
export * from './createLightGlassTheme'; | ||
export * from './createTeamsDarkGlassTheme'; |
{ | ||
"name": "@fluentui/tokens", | ||
"version": "0.0.0-nightly-20240717-0406.1", | ||
"version": "0.0.0-nightly-20240717-1138.1", | ||
"description": "Fluent UI Theme Tokens", | ||
@@ -5,0 +5,0 @@ "main": "lib-commonjs/index.js", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
853569
185
6814