@fluentui/react-theme 9.1.23 → 9.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/CHANGELOG.md +22 -3
  2. package/dist/index.d.ts +6 -0
  3. package/lib/index.js +1 -1
  4. package/lib/index.js.map +1 -1
  5. package/lib-commonjs/index.js +6 -0
  6. package/lib-commonjs/index.js.map +1 -1
  7. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,17 +1,36 @@
1
1
  # Change Log - @fluentui/react-theme
2
2
 
3
- This log was last generated on Fri, 06 Dec 2024 12:49:19 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 30 Jul 2025 08:41:07 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.2.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.2.0)
8
+
9
+ Wed, 30 Jul 2025 08:41:07 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.1.24..@fluentui/react-theme_v9.2.0)
11
+
12
+ ### Minor changes
13
+
14
+ - Add new brand ramp version ([PR #34900](https://github.com/microsoft/fluentui/pull/34900) by jukapsia@microsoft.com)
15
+ - Bump @fluentui/tokens to v1.0.0-alpha.22 ([PR #34881](https://github.com/microsoft/fluentui/pull/34881) by beachball)
16
+
17
+ ## [9.1.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.1.24)
18
+
19
+ Mon, 16 Dec 2024 16:26:49 GMT
20
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.1.23..@fluentui/react-theme_v9.1.24)
21
+
22
+ ### Patches
23
+
24
+ - Bump @fluentui/tokens to v1.0.0-alpha.21 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
25
+
7
26
  ## [9.1.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.1.23)
8
27
 
9
- Fri, 06 Dec 2024 12:49:19 GMT
28
+ Fri, 06 Dec 2024 12:53:46 GMT
10
29
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.1.22..@fluentui/react-theme_v9.1.23)
11
30
 
12
31
  ### Patches
13
32
 
14
- - Bump @fluentui/tokens to v1.0.0-alpha.20 ([PR #33414](https://github.com/microsoft/fluentui/pull/33414) by beachball)
33
+ - Bump @fluentui/tokens to v1.0.0-alpha.20 ([PR #33372](https://github.com/microsoft/fluentui/pull/33372) by beachball)
15
34
 
16
35
  ## [9.1.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.1.22)
17
36
 
package/dist/index.d.ts CHANGED
@@ -55,8 +55,10 @@ import { ShadowTokens } from '@fluentui/tokens';
55
55
  import { SpacingTokens } from '@fluentui/tokens';
56
56
  import { StrokeWidthTokens } from '@fluentui/tokens';
57
57
  import { teamsDarkTheme } from '@fluentui/tokens';
58
+ import { teamsDarkV21Theme } from '@fluentui/tokens';
58
59
  import { teamsHighContrastTheme } from '@fluentui/tokens';
59
60
  import { teamsLightTheme } from '@fluentui/tokens';
61
+ import { teamsLightV21Theme } from '@fluentui/tokens';
60
62
  import { Theme } from '@fluentui/tokens';
61
63
  import { themeToTokensObject } from '@fluentui/tokens';
62
64
  import { tokens } from '@fluentui/tokens';
@@ -181,10 +183,14 @@ export { StrokeWidthTokens }
181
183
 
182
184
  export { teamsDarkTheme }
183
185
 
186
+ export { teamsDarkV21Theme }
187
+
184
188
  export { teamsHighContrastTheme }
185
189
 
186
190
  export { teamsLightTheme }
187
191
 
192
+ export { teamsLightV21Theme }
193
+
188
194
  export { Theme }
189
195
 
190
196
  export { themeToTokensObject }
package/lib/index.js CHANGED
@@ -1 +1 @@
1
- export { teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, webDarkTheme, webLightTheme, createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme, themeToTokensObject, tokens, typographyStyles } from '@fluentui/tokens';
1
+ export { teamsDarkTheme, teamsDarkV21Theme, teamsHighContrastTheme, teamsLightTheme, teamsLightV21Theme, webDarkTheme, webLightTheme, createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme, themeToTokensObject, tokens, typographyStyles } from '@fluentui/tokens';
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n teamsDarkTheme,\n teamsHighContrastTheme,\n teamsLightTheme,\n webDarkTheme,\n webLightTheme,\n createDarkTheme,\n createHighContrastTheme,\n createLightTheme,\n createTeamsDarkTheme,\n themeToTokensObject,\n tokens,\n typographyStyles,\n} from '@fluentui/tokens';\n\nexport type {\n Brands,\n BrandVariants,\n FontSizeTokens,\n FontWeightTokens,\n LineHeightTokens,\n BorderRadiusTokens,\n StrokeWidthTokens,\n SpacingTokens,\n HorizontalSpacingTokens,\n VerticalSpacingTokens,\n DurationTokens,\n CurveTokens,\n ShadowTokens,\n ShadowBrandTokens,\n FontFamilyTokens,\n ColorPaletteTokens,\n ColorPaletteDarkRed,\n ColorPaletteCranberry,\n ColorPaletteRed,\n ColorPaletteDarkOrange,\n ColorPalettePumpkin,\n ColorPalettePeach,\n ColorPaletteMarigold,\n ColorPaletteYellow,\n ColorPaletteGold,\n ColorPaletteBrass,\n ColorPaletteBrown,\n ColorPaletteForest,\n ColorPaletteSeafoam,\n ColorPaletteGreen,\n ColorPaletteLightGreen,\n ColorPaletteDarkGreen,\n ColorPaletteLightTeal,\n ColorPaletteTeal,\n ColorPaletteSteel,\n ColorPaletteBlue,\n ColorPaletteRoyalBlue,\n ColorPaletteCornflower,\n ColorPaletteNavy,\n ColorPaletteLavender,\n ColorPalettePurple,\n ColorPaletteGrape,\n ColorPaletteBerry,\n ColorPaletteLilac,\n ColorPalettePink,\n ColorPaletteMagenta,\n ColorPalettePlum,\n ColorPaletteBeige,\n ColorPaletteMink,\n ColorPalettePlatinum,\n ColorPaletteAnchor,\n ColorTokens,\n PartialTheme,\n Theme,\n TypographyStyle,\n TypographyStyles,\n} from '@fluentui/tokens';\n"],"names":["teamsDarkTheme","teamsHighContrastTheme","teamsLightTheme","webDarkTheme","webLightTheme","createDarkTheme","createHighContrastTheme","createLightTheme","createTeamsDarkTheme","themeToTokensObject","tokens","typographyStyles"],"rangeMappings":"","mappings":"AAAA,SACEA,cAAc,EACdC,sBAAsB,EACtBC,eAAe,EACfC,YAAY,EACZC,aAAa,EACbC,eAAe,EACfC,uBAAuB,EACvBC,gBAAgB,EAChBC,oBAAoB,EACpBC,mBAAmB,EACnBC,MAAM,EACNC,gBAAgB,QACX,mBAAmB"}
1
+ {"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n teamsDarkTheme,\n teamsDarkV21Theme,\n teamsHighContrastTheme,\n teamsLightTheme,\n teamsLightV21Theme,\n webDarkTheme,\n webLightTheme,\n createDarkTheme,\n createHighContrastTheme,\n createLightTheme,\n createTeamsDarkTheme,\n themeToTokensObject,\n tokens,\n typographyStyles,\n} from '@fluentui/tokens';\n\nexport type {\n Brands,\n BrandVariants,\n FontSizeTokens,\n FontWeightTokens,\n LineHeightTokens,\n BorderRadiusTokens,\n StrokeWidthTokens,\n SpacingTokens,\n HorizontalSpacingTokens,\n VerticalSpacingTokens,\n DurationTokens,\n CurveTokens,\n ShadowTokens,\n ShadowBrandTokens,\n FontFamilyTokens,\n ColorPaletteTokens,\n ColorPaletteDarkRed,\n ColorPaletteCranberry,\n ColorPaletteRed,\n ColorPaletteDarkOrange,\n ColorPalettePumpkin,\n ColorPalettePeach,\n ColorPaletteMarigold,\n ColorPaletteYellow,\n ColorPaletteGold,\n ColorPaletteBrass,\n ColorPaletteBrown,\n ColorPaletteForest,\n ColorPaletteSeafoam,\n ColorPaletteGreen,\n ColorPaletteLightGreen,\n ColorPaletteDarkGreen,\n ColorPaletteLightTeal,\n ColorPaletteTeal,\n ColorPaletteSteel,\n ColorPaletteBlue,\n ColorPaletteRoyalBlue,\n ColorPaletteCornflower,\n ColorPaletteNavy,\n ColorPaletteLavender,\n ColorPalettePurple,\n ColorPaletteGrape,\n ColorPaletteBerry,\n ColorPaletteLilac,\n ColorPalettePink,\n ColorPaletteMagenta,\n ColorPalettePlum,\n ColorPaletteBeige,\n ColorPaletteMink,\n ColorPalettePlatinum,\n ColorPaletteAnchor,\n ColorTokens,\n PartialTheme,\n Theme,\n TypographyStyle,\n TypographyStyles,\n} from '@fluentui/tokens';\n"],"names":["teamsDarkTheme","teamsDarkV21Theme","teamsHighContrastTheme","teamsLightTheme","teamsLightV21Theme","webDarkTheme","webLightTheme","createDarkTheme","createHighContrastTheme","createLightTheme","createTeamsDarkTheme","themeToTokensObject","tokens","typographyStyles"],"mappings":"AAAA,SACEA,cAAc,EACdC,iBAAiB,EACjBC,sBAAsB,EACtBC,eAAe,EACfC,kBAAkB,EAClBC,YAAY,EACZC,aAAa,EACbC,eAAe,EACfC,uBAAuB,EACvBC,gBAAgB,EAChBC,oBAAoB,EACpBC,mBAAmB,EACnBC,MAAM,EACNC,gBAAgB,QACX,mBAAmB"}
package/lib-commonjs/index.js CHANGED
@@ -24,12 +24,18 @@ _export(exports, {
24
24
  teamsDarkTheme: function() {
25
25
  return _tokens.teamsDarkTheme;
26
26
  },
27
+ teamsDarkV21Theme: function() {
28
+ return _tokens.teamsDarkV21Theme;
29
+ },
27
30
  teamsHighContrastTheme: function() {
28
31
  return _tokens.teamsHighContrastTheme;
29
32
  },
30
33
  teamsLightTheme: function() {
31
34
  return _tokens.teamsLightTheme;
32
35
  },
36
+ teamsLightV21Theme: function() {
37
+ return _tokens.teamsLightV21Theme;
38
+ },
33
39
  themeToTokensObject: function() {
34
40
  return _tokens.themeToTokensObject;
35
41
  },
package/lib-commonjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n teamsDarkTheme,\n teamsHighContrastTheme,\n teamsLightTheme,\n webDarkTheme,\n webLightTheme,\n createDarkTheme,\n createHighContrastTheme,\n createLightTheme,\n createTeamsDarkTheme,\n themeToTokensObject,\n tokens,\n typographyStyles,\n} from '@fluentui/tokens';\n\nexport type {\n Brands,\n BrandVariants,\n FontSizeTokens,\n FontWeightTokens,\n LineHeightTokens,\n BorderRadiusTokens,\n StrokeWidthTokens,\n SpacingTokens,\n HorizontalSpacingTokens,\n VerticalSpacingTokens,\n DurationTokens,\n CurveTokens,\n ShadowTokens,\n ShadowBrandTokens,\n FontFamilyTokens,\n ColorPaletteTokens,\n ColorPaletteDarkRed,\n ColorPaletteCranberry,\n ColorPaletteRed,\n ColorPaletteDarkOrange,\n ColorPalettePumpkin,\n ColorPalettePeach,\n ColorPaletteMarigold,\n ColorPaletteYellow,\n ColorPaletteGold,\n ColorPaletteBrass,\n ColorPaletteBrown,\n ColorPaletteForest,\n ColorPaletteSeafoam,\n ColorPaletteGreen,\n ColorPaletteLightGreen,\n ColorPaletteDarkGreen,\n ColorPaletteLightTeal,\n ColorPaletteTeal,\n ColorPaletteSteel,\n ColorPaletteBlue,\n ColorPaletteRoyalBlue,\n ColorPaletteCornflower,\n ColorPaletteNavy,\n ColorPaletteLavender,\n ColorPalettePurple,\n ColorPaletteGrape,\n ColorPaletteBerry,\n ColorPaletteLilac,\n ColorPalettePink,\n ColorPaletteMagenta,\n ColorPalettePlum,\n ColorPaletteBeige,\n ColorPaletteMink,\n ColorPalettePlatinum,\n ColorPaletteAnchor,\n ColorTokens,\n PartialTheme,\n Theme,\n TypographyStyle,\n TypographyStyles,\n} from '@fluentui/tokens';\n"],"names":["createDarkTheme","createHighContrastTheme","createLightTheme","createTeamsDarkTheme","teamsDarkTheme","teamsHighContrastTheme","teamsLightTheme","themeToTokensObject","tokens","typographyStyles","webDarkTheme","webLightTheme"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMEA,eAAe;eAAfA,uBAAe;;IACfC,uBAAuB;eAAvBA,+BAAuB;;IACvBC,gBAAgB;eAAhBA,wBAAgB;;IAChBC,oBAAoB;eAApBA,4BAAoB;;IARpBC,cAAc;eAAdA,sBAAc;;IACdC,sBAAsB;eAAtBA,8BAAsB;;IACtBC,eAAe;eAAfA,uBAAe;;IAOfC,mBAAmB;eAAnBA,2BAAmB;;IACnBC,MAAM;eAANA,cAAM;;IACNC,gBAAgB;eAAhBA,wBAAgB;;IARhBC,YAAY;eAAZA,oBAAY;;IACZC,aAAa;eAAbA,qBAAa;;;wBAQR"}
1
+ {"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n teamsDarkTheme,\n teamsDarkV21Theme,\n teamsHighContrastTheme,\n teamsLightTheme,\n teamsLightV21Theme,\n webDarkTheme,\n webLightTheme,\n createDarkTheme,\n createHighContrastTheme,\n createLightTheme,\n createTeamsDarkTheme,\n themeToTokensObject,\n tokens,\n typographyStyles,\n} from '@fluentui/tokens';\n\nexport type {\n Brands,\n BrandVariants,\n FontSizeTokens,\n FontWeightTokens,\n LineHeightTokens,\n BorderRadiusTokens,\n StrokeWidthTokens,\n SpacingTokens,\n HorizontalSpacingTokens,\n VerticalSpacingTokens,\n DurationTokens,\n CurveTokens,\n ShadowTokens,\n ShadowBrandTokens,\n FontFamilyTokens,\n ColorPaletteTokens,\n ColorPaletteDarkRed,\n ColorPaletteCranberry,\n ColorPaletteRed,\n ColorPaletteDarkOrange,\n ColorPalettePumpkin,\n ColorPalettePeach,\n ColorPaletteMarigold,\n ColorPaletteYellow,\n ColorPaletteGold,\n ColorPaletteBrass,\n ColorPaletteBrown,\n ColorPaletteForest,\n ColorPaletteSeafoam,\n ColorPaletteGreen,\n ColorPaletteLightGreen,\n ColorPaletteDarkGreen,\n ColorPaletteLightTeal,\n ColorPaletteTeal,\n ColorPaletteSteel,\n ColorPaletteBlue,\n ColorPaletteRoyalBlue,\n ColorPaletteCornflower,\n ColorPaletteNavy,\n ColorPaletteLavender,\n ColorPalettePurple,\n ColorPaletteGrape,\n ColorPaletteBerry,\n ColorPaletteLilac,\n ColorPalettePink,\n ColorPaletteMagenta,\n ColorPalettePlum,\n ColorPaletteBeige,\n ColorPaletteMink,\n ColorPalettePlatinum,\n ColorPaletteAnchor,\n ColorTokens,\n PartialTheme,\n Theme,\n TypographyStyle,\n TypographyStyles,\n} from '@fluentui/tokens';\n"],"names":["createDarkTheme","createHighContrastTheme","createLightTheme","createTeamsDarkTheme","teamsDarkTheme","teamsDarkV21Theme","teamsHighContrastTheme","teamsLightTheme","teamsLightV21Theme","themeToTokensObject","tokens","typographyStyles","webDarkTheme","webLightTheme"],"mappings":";;;;;;;;;;;IAQEA,eAAe;eAAfA,uBAAe;;IACfC,uBAAuB;eAAvBA,+BAAuB;;IACvBC,gBAAgB;eAAhBA,wBAAgB;;IAChBC,oBAAoB;eAApBA,4BAAoB;;IAVpBC,cAAc;eAAdA,sBAAc;;IACdC,iBAAiB;eAAjBA,yBAAiB;;IACjBC,sBAAsB;eAAtBA,8BAAsB;;IACtBC,eAAe;eAAfA,uBAAe;;IACfC,kBAAkB;eAAlBA,0BAAkB;;IAOlBC,mBAAmB;eAAnBA,2BAAmB;;IACnBC,MAAM;eAANA,cAAM;;IACNC,gBAAgB;eAAhBA,wBAAgB;;IARhBC,YAAY;eAAZA,oBAAY;;IACZC,aAAa;eAAbA,qBAAa;;;wBAQR"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-theme",
3
- "version": "9.1.23",
3
+ "version": "9.2.0",
4
4
  "description": "Fluent UI themes",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -16,7 +16,7 @@
16
16
  "@fluentui/scripts-api-extractor": "*"
17
17
  },
18
18
  "dependencies": {
19
- "@fluentui/tokens": "1.0.0-alpha.20",
19
+ "@fluentui/tokens": "1.0.0-alpha.22",
20
20
  "@swc/helpers": "^0.5.1"
21
21
  },
22
22
  "beachball": {