@fluentui/react-theme-sass 9.0.0-alpha.9 → 9.74.3-experimental.esm.20260709-49ee7a20cf.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 (15) hide show
  1. package/CHANGELOG.md +133 -2
  2. package/README.md +6 -5
  3. package/dist/index.d.cts +1 -0
  4. package/lib/index.js +1 -2
  5. package/lib/index.js.map +1 -1
  6. package/lib-commonjs/{index.js → index.cjs} +1 -3
  7. package/lib-commonjs/index.cjs.map +1 -0
  8. package/package.json +24 -29
  9. package/sass/Sass.test.ts +14 -0
  10. package/sass/borderRadiusTokens.scss +5 -0
  11. package/sass/colorPaletteTokens.scss +35 -0
  12. package/sass/colorTokens.scss +34 -0
  13. package/sass/durationTokens.scss +1 -0
  14. package/CHANGELOG.json +0 -261
  15. package/lib-commonjs/index.js.map +0 -1
package/CHANGELOG.md CHANGED
@@ -1,12 +1,143 @@
1
1
  # Change Log - @fluentui/react-theme-sass
2
2
 
3
- This log was last generated on Wed, 15 Mar 2023 10:17:04 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 09 Jul 2026 17:34:22 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.74.3-experimental.esm.20260709-49ee7a20cf.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.74.3-experimental.esm.20260709-49ee7a20cf.0)
8
+
9
+ Thu, 09 Jul 2026 17:34:22 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme-sass_v9.0.0-alpha.30..@fluentui/react-theme-sass_v9.74.3-experimental.esm.20260709-49ee7a20cf.0)
11
+
12
+ ### Changes
13
+
14
+ - Release 9.74.3-experimental.esm.20260709-49ee7a20cf ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
15
+
16
+ ## [9.0.0-alpha.30](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.30)
17
+
18
+ Thu, 22 Jan 2026 17:06:45 GMT
19
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme-sass_v9.0.0-alpha.29..@fluentui/react-theme-sass_v9.0.0-alpha.30)
20
+
21
+ ### Changes
22
+
23
+ - chore(tokens): Add CAP DR tokens ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by jukapsia@microsoft.com)
24
+
25
+ ## [9.0.0-alpha.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.26)
26
+
27
+ Mon, 11 Nov 2024 10:01:01 GMT
28
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme-sass_v9.0.0-alpha.23..@fluentui/react-theme-sass_v9.0.0-alpha.26)
29
+
30
+ ### Changes
31
+
32
+ - chore: replace npm-scripts and just-scrtips with nx inferred tasks ([PR #33074](https://github.com/microsoft/fluentui/pull/33074) by martinhochel@microsoft.com)
33
+
34
+ ## [9.0.0-alpha.21](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.21)
35
+
36
+ Thu, 07 Mar 2024 19:33:26 GMT
37
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme-sass_v9.0.0-alpha.20..@fluentui/react-theme-sass_v9.0.0-alpha.21)
38
+
39
+ ### Changes
40
+
41
+ - feat: Add color tokens ([PR #30412](https://github.com/microsoft/fluentui/pull/30412) by miroslav.stastny@microsoft.com)
42
+
43
+ ## [9.0.0-alpha.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.20)
44
+
45
+ Thu, 09 Nov 2023 17:29:46 GMT
46
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme-sass_v9.0.0-alpha.18..@fluentui/react-theme-sass_v9.0.0-alpha.20)
47
+
48
+ ### Changes
49
+
50
+ - chore: use package.json#files setup instead of npmignore for all v9 libraries ([PR #29734](https://github.com/microsoft/fluentui/pull/29734) by martinhochel@microsoft.com)
51
+
52
+ ## [9.0.0-alpha.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.18)
53
+
54
+ Tue, 26 Sep 2023 17:49:13 GMT
55
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme-sass_v9.0.0-alpha.17..@fluentui/react-theme-sass_v9.0.0-alpha.18)
56
+
57
+ ### Changes
58
+
59
+ - chore: trigger manual version bump after broken release ([PR #29303](https://github.com/microsoft/fluentui/pull/29303) by yuanboxue@microsoft.com)
60
+
61
+ ## [9.0.0-alpha.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.17)
62
+
63
+ Tue, 26 Sep 2023 15:31:43 GMT
64
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme-sass_v9.0.0-alpha.16..@fluentui/react-theme-sass_v9.0.0-alpha.17)
65
+
66
+ ### Changes
67
+
68
+ - fix: bump swc core to mitigate transpilation memory leaks ([PR #29253](https://github.com/microsoft/fluentui/pull/29253) by martinhochel@microsoft.com)
69
+
70
+ ## [9.0.0-alpha.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.16)
71
+
72
+ Tue, 05 Sep 2023 13:29:09 GMT
73
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme-sass_v9.0.0-alpha.15..@fluentui/react-theme-sass_v9.0.0-alpha.16)
74
+
75
+ ### Changes
76
+
77
+ - bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
78
+
79
+ ## [9.0.0-alpha.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.15)
80
+
81
+ Wed, 09 Aug 2023 13:17:08 GMT
82
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme-sass_v9.0.0-alpha.14..@fluentui/react-theme-sass_v9.0.0-alpha.15)
83
+
84
+ ### Changes
85
+
86
+ - feat(tokens): add durationGentle ([PR #28770](https://github.com/microsoft/fluentui/pull/28770) by miroslav.stastny@microsoft.com)
87
+
88
+ ## [9.0.0-alpha.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.14)
89
+
90
+ Fri, 04 Aug 2023 08:52:56 GMT
91
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme-sass_v9.0.0-alpha.13..@fluentui/react-theme-sass_v9.0.0-alpha.14)
92
+
93
+ ### Changes
94
+
95
+ - feat(tokens): Add colorBrandStroke2Contrast and colorNeutralStrokeAlpha2 ([PR #28638](https://github.com/microsoft/fluentui/pull/28638) by miroslav.stastny@microsoft.com)
96
+ - feat(tokens): add status color tokens ([PR #28006](https://github.com/microsoft/fluentui/pull/28006) by miroslav.stastny@microsoft.com)
97
+
98
+ ## [9.0.0-alpha.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.13)
99
+
100
+ Tue, 20 Jun 2023 12:39:05 GMT
101
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme-sass_v9.0.0-alpha.12..@fluentui/react-theme-sass_v9.0.0-alpha.13)
102
+
103
+ ### Changes
104
+
105
+ - Add theme tokens ([PR #27791](https://github.com/microsoft/fluentui/pull/27791) by miroslav.stastny@microsoft.com)
106
+ - Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
107
+
108
+ ## [9.0.0-alpha.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.12)
109
+
110
+ Fri, 12 May 2023 20:27:57 GMT
111
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme-sass_v9.0.0-alpha.11..@fluentui/react-theme-sass_v9.0.0-alpha.12)
112
+
113
+ ### Changes
114
+
115
+ - chore: exclude .swcrc from being published ([PR #27740](https://github.com/microsoft/fluentui/pull/27740) by olfedias@microsoft.com)
116
+ - Bump @fluentui/react-theme to v9.1.8 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
117
+
118
+ ## [9.0.0-alpha.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.11)
119
+
120
+ Mon, 17 Apr 2023 17:54:00 GMT
121
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme-sass_v9.0.0-alpha.10..@fluentui/react-theme-sass_v9.0.0-alpha.11)
122
+
123
+ ### Changes
124
+
125
+ - fix: add "style" to exports field ([PR #27274](https://github.com/microsoft/fluentui/pull/27274) by olfedias@microsoft.com)
126
+
127
+ ## [9.0.0-alpha.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.10)
128
+
129
+ Tue, 21 Mar 2023 21:23:11 GMT
130
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme-sass_v9.0.0-alpha.9..@fluentui/react-theme-sass_v9.0.0-alpha.10)
131
+
132
+ ### Changes
133
+
134
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
135
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
136
+ - Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
137
+
7
138
  ## [9.0.0-alpha.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.9)
8
139
 
9
- Wed, 15 Mar 2023 10:17:04 GMT
140
+ Wed, 15 Mar 2023 10:19:53 GMT
10
141
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme-sass_v9.0.0-alpha.8..@fluentui/react-theme-sass_v9.0.0-alpha.9)
11
142
 
12
143
  ### Changes
package/README.md CHANGED
@@ -10,21 +10,22 @@ SASS variables referencing react-theme design tokens injected to DOM by react-pr
10
10
 
11
11
  ```jsx
12
12
  import React from 'react';
13
- import ReactDOM from 'react-dom';
13
+ import ReactDOMClient from 'react-dom/client';
14
14
  import { FluentProvider, teamsLightTheme } from '@fluentui/react-components';
15
15
  import App from './App';
16
- ReactDOM.render(
16
+
17
+ ReactDOMClient.createRoot(document.getElementById('root')).render(
17
18
  <FluentProvider theme={teamsLightTheme}>
18
19
  <App />
19
20
  </FluentProvider>,
20
- document.getElementById('root'),
21
21
  );
22
22
  ```
23
23
 
24
24
  2. In SCSS styles you can import SCSS variables from `@fluentui/react-theme-sass` and use them in the styles:
25
25
 
26
26
  ```scss
27
- @import '~@fluentui/react-theme-sass';
27
+ @import '@fluentui/react-theme-sass';
28
+
28
29
  .brandedElement {
29
30
  color: $colorBrandForeground1;
30
31
  background: $colorBrandBackground;
@@ -32,4 +33,4 @@ ReactDOM.render(
32
33
  }
33
34
  ```
34
35
 
35
- ⚠ This package does not export any Javascript code.️
36
+ > ⚠ Note: This package does not export any Javascript code.️
package/dist/index.d.cts ADDED
@@ -0,0 +1 @@
1
+ export { }
package/lib/index.js CHANGED
@@ -1,3 +1,2 @@
1
1
  throw new Error('@fluentui/react-theme-sass package only contains SASS exports. It should never be imported in Javascript.');
2
- export {};
3
- //# sourceMappingURL=index.js.map
2
+ export { };
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["packages/react-components/react-theme-sass/src/index.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,KAAK,CACb,2GAA2G,CAC5G,CAAC","sourcesContent":["throw new Error(\n '@fluentui/react-theme-sass package only contains SASS exports. It should never be imported in Javascript.',\n);\n\nexport {};\n"]}
1
+ {"version":3,"sources":["../src/index.ts"],"sourcesContent":["throw new Error(\n '@fluentui/react-theme-sass package only contains SASS exports. It should never be imported in Javascript.',\n);\n\nexport {};\n"],"names":["Error"],"mappings":"AAAA,MAAM,IAAIA,MACR;AAGF,WAAU"}
package/lib-commonjs/{index.js → index.cjs} RENAMED
@@ -1,7 +1,5 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
5
4
  });
6
5
  throw new Error('@fluentui/react-theme-sass package only contains SASS exports. It should never be imported in Javascript.');
7
- //# sourceMappingURL=index.js.map
package/lib-commonjs/index.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/index.ts"],"sourcesContent":["throw new Error(\n '@fluentui/react-theme-sass package only contains SASS exports. It should never be imported in Javascript.',\n);\n\nexport {};\n"],"names":["Error"],"mappings":";;;;AAAA,MAAM,IAAIA,MACR"}
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "@fluentui/react-theme-sass",
3
- "version": "9.0.0-alpha.9",
3
+ "version": "9.74.3-experimental.esm.20260709-49ee7a20cf.0",
4
4
  "description": "SASS variables referencing react-theme design tokens injected to DOM by react-provider.",
5
- "main": "lib-commonjs/index.js",
5
+ "main": "lib-commonjs/index.cjs",
6
6
  "module": "lib/index.js",
7
7
  "typings": "./dist/index.d.ts",
8
8
  "style": "sass/tokens.scss",
@@ -12,36 +12,31 @@
12
12
  "url": "https://github.com/microsoft/fluentui"
13
13
  },
14
14
  "license": "MIT",
15
- "scripts": {
16
- "build": "just-scripts build",
17
- "clean": "just-scripts clean",
18
- "code-style": "just-scripts code-style",
19
- "just": "just-scripts",
20
- "lint": "just-scripts lint",
21
- "test": "jest --passWithNoTests",
22
- "type-check": "tsc -b tsconfig.json",
23
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
15
+ "beachball": {},
16
+ "dependencies": {
17
+ "@swc/helpers": "^0.5.1"
24
18
  },
25
- "devDependencies": {
26
- "@fluentui/eslint-plugin": "*",
27
- "@fluentui/react-theme": "^9.1.6",
28
- "@fluentui/scripts-api-extractor": "*",
29
- "@fluentui/scripts-tasks": "*"
30
- },
31
- "beachball": {
32
- "disallowedChangeTypes": [
33
- "major",
34
- "minor",
35
- "patch"
36
- ]
37
- },
38
- "dependencies": {},
39
19
  "exports": {
40
20
  ".": {
41
- "types": "./dist/index.d.ts",
42
- "import": "./lib/index.js",
43
- "require": "./lib-commonjs/index.js"
21
+ "style": "./sass/tokens.scss",
22
+ "import": {
23
+ "types": "./dist/index.d.ts",
24
+ "default": "./lib/index.js"
25
+ },
26
+ "require": {
27
+ "types": "./dist/index.d.cts",
28
+ "default": "./lib-commonjs/index.cjs"
29
+ }
44
30
  },
45
31
  "./package.json": "./package.json"
46
- }
32
+ },
33
+ "files": [
34
+ "*.md",
35
+ "dist/*.d.ts",
36
+ "dist/*.d.cts",
37
+ "lib",
38
+ "lib-commonjs",
39
+ "sass"
40
+ ],
41
+ "type": "module"
47
42
  }
package/sass/Sass.test.ts ADDED
@@ -0,0 +1,14 @@
1
+ import { compileString } from 'sass';
2
+ import { webLightTheme } from '@fluentui/react-theme';
3
+
4
+ describe('Sass tokens', () => {
5
+ // by referencing all react-theme tokens as SCSS variables, verifies that all the variables are exported
6
+ it('exist for all theme tokens', () => {
7
+ const data = [
8
+ '@import "sass/tokens.scss";',
9
+ ...Object.keys(webLightTheme).map(tokenName => `$expected__${tokenName}: $${tokenName};`),
10
+ ].join('\n');
11
+
12
+ compileString(data, { loadPaths: ['.'] });
13
+ });
14
+ });
package/sass/borderRadiusTokens.scss CHANGED
@@ -3,4 +3,9 @@ $borderRadiusSmall: var(--borderRadiusSmall);
3
3
  $borderRadiusMedium: var(--borderRadiusMedium);
4
4
  $borderRadiusLarge: var(--borderRadiusLarge);
5
5
  $borderRadiusXLarge: var(--borderRadiusXLarge);
6
+ $borderRadius2XLarge: var(--borderRadius2XLarge);
7
+ $borderRadius3XLarge: var(--borderRadius3XLarge);
8
+ $borderRadius4XLarge: var(--borderRadius4XLarge);
9
+ $borderRadius5XLarge: var(--borderRadius5XLarge);
10
+ $borderRadius6XLarge: var(--borderRadius6XLarge);
6
11
  $borderRadiusCircular: var(--borderRadiusCircular);
package/sass/colorPaletteTokens.scss CHANGED
@@ -182,3 +182,38 @@ $colorPalettePlatinumBorderActive: var(--colorPalettePlatinumBorderActive);
182
182
  $colorPaletteAnchorBackground2: var(--colorPaletteAnchorBackground2);
183
183
  $colorPaletteAnchorForeground2: var(--colorPaletteAnchorForeground2);
184
184
  $colorPaletteAnchorBorderActive: var(--colorPaletteAnchorBorderActive);
185
+
186
+ $colorStatusSuccessBackground1: var(--colorStatusSuccessBackground1);
187
+ $colorStatusSuccessBackground2: var(--colorStatusSuccessBackground2);
188
+ $colorStatusSuccessBackground3: var(--colorStatusSuccessBackground3);
189
+ $colorStatusSuccessForeground1: var(--colorStatusSuccessForeground1);
190
+ $colorStatusSuccessForeground2: var(--colorStatusSuccessForeground2);
191
+ $colorStatusSuccessForeground3: var(--colorStatusSuccessForeground3);
192
+ $colorStatusSuccessForegroundInverted: var(--colorStatusSuccessForegroundInverted);
193
+ $colorStatusSuccessBorderActive: var(--colorStatusSuccessBorderActive);
194
+ $colorStatusSuccessBorder1: var(--colorStatusSuccessBorder1);
195
+ $colorStatusSuccessBorder2: var(--colorStatusSuccessBorder2);
196
+
197
+ $colorStatusWarningBackground1: var(--colorStatusWarningBackground1);
198
+ $colorStatusWarningBackground2: var(--colorStatusWarningBackground2);
199
+ $colorStatusWarningBackground3: var(--colorStatusWarningBackground3);
200
+ $colorStatusWarningForeground1: var(--colorStatusWarningForeground1);
201
+ $colorStatusWarningForeground2: var(--colorStatusWarningForeground2);
202
+ $colorStatusWarningForeground3: var(--colorStatusWarningForeground3);
203
+ $colorStatusWarningForegroundInverted: var(--colorStatusWarningForegroundInverted);
204
+ $colorStatusWarningBorderActive: var(--colorStatusWarningBorderActive);
205
+ $colorStatusWarningBorder1: var(--colorStatusWarningBorder1);
206
+ $colorStatusWarningBorder2: var(--colorStatusWarningBorder2);
207
+
208
+ $colorStatusDangerBackground1: var(--colorStatusDangerBackground1);
209
+ $colorStatusDangerBackground2: var(--colorStatusDangerBackground2);
210
+ $colorStatusDangerBackground3: var(--colorStatusDangerBackground3);
211
+ $colorStatusDangerBackground3Hover: var(--colorStatusDangerBackground3Hover);
212
+ $colorStatusDangerBackground3Pressed: var(--colorStatusDangerBackground3Pressed);
213
+ $colorStatusDangerForeground1: var(--colorStatusDangerForeground1);
214
+ $colorStatusDangerForeground2: var(--colorStatusDangerForeground2);
215
+ $colorStatusDangerForeground3: var(--colorStatusDangerForeground3);
216
+ $colorStatusDangerForegroundInverted: var(--colorStatusDangerForegroundInverted);
217
+ $colorStatusDangerBorderActive: var(--colorStatusDangerBorderActive);
218
+ $colorStatusDangerBorder1: var(--colorStatusDangerBorder1);
219
+ $colorStatusDangerBorder2: var(--colorStatusDangerBorder2);
package/sass/colorTokens.scss CHANGED
@@ -17,6 +17,10 @@ $colorNeutralForeground3BrandHover: var(--colorNeutralForeground3BrandHover);
17
17
  $colorNeutralForeground3BrandPressed: var(--colorNeutralForeground3BrandPressed);
18
18
  $colorNeutralForeground3BrandSelected: var(--colorNeutralForeground3BrandSelected);
19
19
  $colorNeutralForeground4: var(--colorNeutralForeground4);
20
+ $colorNeutralForeground5: var(--colorNeutralForeground5);
21
+ $colorNeutralForeground5Hover: var(--colorNeutralForeground5Hover);
22
+ $colorNeutralForeground5Pressed: var(--colorNeutralForeground5Pressed);
23
+ $colorNeutralForeground5Selected: var(--colorNeutralForeground5Selected);
20
24
  $colorNeutralForegroundDisabled: var(--colorNeutralForegroundDisabled);
21
25
  $colorNeutralForegroundInvertedDisabled: var(--colorNeutralForegroundInvertedDisabled);
22
26
  $colorBrandForegroundLink: var(--colorBrandForegroundLink);
@@ -32,6 +36,8 @@ $colorCompoundBrandForeground1Hover: var(--colorCompoundBrandForeground1Hover);
32
36
  $colorCompoundBrandForeground1Pressed: var(--colorCompoundBrandForeground1Pressed);
33
37
  $colorBrandForeground1: var(--colorBrandForeground1);
34
38
  $colorBrandForeground2: var(--colorBrandForeground2);
39
+ $colorBrandForeground2Hover: var(--colorBrandForeground2Hover);
40
+ $colorBrandForeground2Pressed: var(--colorBrandForeground2Pressed);
35
41
  $colorNeutralForeground1Static: var(--colorNeutralForeground1Static);
36
42
  $colorNeutralForegroundInverted: var(--colorNeutralForegroundInverted);
37
43
  $colorNeutralForegroundInvertedHover: var(--colorNeutralForegroundInvertedHover);
@@ -72,7 +78,15 @@ $colorNeutralBackground5Hover: var(--colorNeutralBackground5Hover);
72
78
  $colorNeutralBackground5Pressed: var(--colorNeutralBackground5Pressed);
73
79
  $colorNeutralBackground5Selected: var(--colorNeutralBackground5Selected);
74
80
  $colorNeutralBackground6: var(--colorNeutralBackground6);
81
+ $colorNeutralBackground7: var(--colorNeutralBackground7);
82
+ $colorNeutralBackground7Hover: var(--colorNeutralBackground7Hover);
83
+ $colorNeutralBackground7Pressed: var(--colorNeutralBackground7Pressed);
84
+ $colorNeutralBackground7Selected: var(--colorNeutralBackground7Selected);
85
+ $colorNeutralBackground8: var(--colorNeutralBackground8);
75
86
  $colorNeutralBackgroundInverted: var(--colorNeutralBackgroundInverted);
87
+ $colorNeutralBackgroundInvertedHover: var(--colorNeutralBackgroundInvertedHover);
88
+ $colorNeutralBackgroundInvertedPressed: var(--colorNeutralBackgroundInvertedPressed);
89
+ $colorNeutralBackgroundInvertedSelected: var(--colorNeutralBackgroundInvertedSelected);
76
90
  $colorNeutralBackgroundStatic: var(--colorNeutralBackgroundStatic);
77
91
  $colorNeutralBackgroundAlpha: var(--colorNeutralBackgroundAlpha);
78
92
  $colorNeutralBackgroundAlpha2: var(--colorNeutralBackgroundAlpha2);
@@ -92,6 +106,7 @@ $colorTransparentBackgroundHover: var(--colorTransparentBackgroundHover);
92
106
  $colorTransparentBackgroundPressed: var(--colorTransparentBackgroundPressed);
93
107
  $colorTransparentBackgroundSelected: var(--colorTransparentBackgroundSelected);
94
108
  $colorNeutralBackgroundDisabled: var(--colorNeutralBackgroundDisabled);
109
+ $colorNeutralBackgroundDisabled2: var(--colorNeutralBackgroundDisabled2);
95
110
  $colorNeutralBackgroundInvertedDisabled: var(--colorNeutralBackgroundInvertedDisabled);
96
111
  $colorNeutralStencil1: var(--colorNeutralStencil1);
97
112
  $colorNeutralStencil2: var(--colorNeutralStencil2);
@@ -108,10 +123,19 @@ $colorCompoundBrandBackgroundHover: var(--colorCompoundBrandBackgroundHover);
108
123
  $colorCompoundBrandBackgroundPressed: var(--colorCompoundBrandBackgroundPressed);
109
124
  $colorBrandBackgroundStatic: var(--colorBrandBackgroundStatic);
110
125
  $colorBrandBackground2: var(--colorBrandBackground2);
126
+ $colorBrandBackground2Hover: var(--colorBrandBackground2Hover);
127
+ $colorBrandBackground2Pressed: var(--colorBrandBackground2Pressed);
128
+ $colorBrandBackground3Static: var(--colorBrandBackground3Static);
129
+ $colorBrandBackground4Static: var(--colorBrandBackground4Static);
111
130
  $colorBrandBackgroundInverted: var(--colorBrandBackgroundInverted);
112
131
  $colorBrandBackgroundInvertedHover: var(--colorBrandBackgroundInvertedHover);
113
132
  $colorBrandBackgroundInvertedPressed: var(--colorBrandBackgroundInvertedPressed);
114
133
  $colorBrandBackgroundInvertedSelected: var(--colorBrandBackgroundInvertedSelected);
134
+ $colorNeutralCardBackground: var(--colorNeutralCardBackground);
135
+ $colorNeutralCardBackgroundHover: var(--colorNeutralCardBackgroundHover);
136
+ $colorNeutralCardBackgroundPressed: var(--colorNeutralCardBackgroundPressed);
137
+ $colorNeutralCardBackgroundSelected: var(--colorNeutralCardBackgroundSelected);
138
+ $colorNeutralCardBackgroundDisabled: var(--colorNeutralCardBackgroundDisabled);
115
139
  $colorNeutralStrokeAccessible: var(--colorNeutralStrokeAccessible);
116
140
  $colorNeutralStrokeAccessibleHover: var(--colorNeutralStrokeAccessibleHover);
117
141
  $colorNeutralStrokeAccessiblePressed: var(--colorNeutralStrokeAccessiblePressed);
@@ -122,6 +146,11 @@ $colorNeutralStroke1Pressed: var(--colorNeutralStroke1Pressed);
122
146
  $colorNeutralStroke1Selected: var(--colorNeutralStroke1Selected);
123
147
  $colorNeutralStroke2: var(--colorNeutralStroke2);
124
148
  $colorNeutralStroke3: var(--colorNeutralStroke3);
149
+ $colorNeutralStroke4: var(--colorNeutralStroke4);
150
+ $colorNeutralStroke4Hover: var(--colorNeutralStroke4Hover);
151
+ $colorNeutralStroke4Pressed: var(--colorNeutralStroke4Pressed);
152
+ $colorNeutralStroke4Selected: var(--colorNeutralStroke4Selected);
153
+ $colorNeutralStrokeSubtle: var(--colorNeutralStrokeSubtle);
125
154
  $colorNeutralStrokeOnBrand: var(--colorNeutralStrokeOnBrand);
126
155
  $colorNeutralStrokeOnBrand2: var(--colorNeutralStrokeOnBrand2);
127
156
  $colorNeutralStrokeOnBrand2Hover: var(--colorNeutralStrokeOnBrand2Hover);
@@ -129,15 +158,20 @@ $colorNeutralStrokeOnBrand2Pressed: var(--colorNeutralStrokeOnBrand2Pressed);
129
158
  $colorNeutralStrokeOnBrand2Selected: var(--colorNeutralStrokeOnBrand2Selected);
130
159
  $colorBrandStroke1: var(--colorBrandStroke1);
131
160
  $colorBrandStroke2: var(--colorBrandStroke2);
161
+ $colorBrandStroke2Hover: var(--colorBrandStroke2Hover);
162
+ $colorBrandStroke2Pressed: var(--colorBrandStroke2Pressed);
163
+ $colorBrandStroke2Contrast: var(--colorBrandStroke2Contrast);
132
164
  $colorCompoundBrandStroke: var(--colorCompoundBrandStroke);
133
165
  $colorCompoundBrandStrokeHover: var(--colorCompoundBrandStrokeHover);
134
166
  $colorCompoundBrandStrokePressed: var(--colorCompoundBrandStrokePressed);
135
167
  $colorNeutralStrokeDisabled: var(--colorNeutralStrokeDisabled);
168
+ $colorNeutralStrokeDisabled2: var(--colorNeutralStrokeDisabled2);
136
169
  $colorNeutralStrokeInvertedDisabled: var(--colorNeutralStrokeInvertedDisabled);
137
170
  $colorTransparentStroke: var(--colorTransparentStroke);
138
171
  $colorTransparentStrokeInteractive: var(--colorTransparentStrokeInteractive);
139
172
  $colorTransparentStrokeDisabled: var(--colorTransparentStrokeDisabled);
140
173
  $colorNeutralStrokeAlpha: var(--colorNeutralStrokeAlpha);
174
+ $colorNeutralStrokeAlpha2: var(--colorNeutralStrokeAlpha2);
141
175
  $colorStrokeFocus1: var(--colorStrokeFocus1);
142
176
  $colorStrokeFocus2: var(--colorStrokeFocus2);
143
177
  $colorNeutralShadowAmbient: var(--colorNeutralShadowAmbient);
package/sass/durationTokens.scss CHANGED
@@ -2,6 +2,7 @@ $durationUltraFast: var(--durationUltraFast);
2
2
  $durationFaster: var(--durationFaster);
3
3
  $durationFast: var(--durationFast);
4
4
  $durationNormal: var(--durationNormal);
5
+ $durationGentle: var(--durationGentle);
5
6
  $durationSlow: var(--durationSlow);
6
7
  $durationSlower: var(--durationSlower);
7
8
  $durationUltraSlow: var(--durationUltraSlow);
package/CHANGELOG.json DELETED
@@ -1,261 +0,0 @@
1
- {
2
- "name": "@fluentui/react-theme-sass",
3
- "entries": [
4
- {
5
- "date": "Wed, 15 Mar 2023 10:17:04 GMT",
6
- "tag": "@fluentui/react-theme-sass_v9.0.0-alpha.9",
7
- "version": "9.0.0-alpha.9",
8
- "comments": {
9
- "prerelease": [
10
- {
11
- "author": "miroslav.stastny@microsoft.com",
12
- "package": "@fluentui/react-theme-sass",
13
- "commit": "76e6598eae0c9247fb7f8834c1e24d8e864bf5df",
14
- "comment": "feat(tokens): Add colorNeutralBackgroundAlpha and colorNeutralStrokeAlpha tokens"
15
- },
16
- {
17
- "author": "beachball",
18
- "package": "@fluentui/react-theme-sass",
19
- "comment": "Bump @fluentui/react-theme to v9.1.6",
20
- "commit": "5da01b4766ae6d81befb7bcd588d9cf8d969e1e2"
21
- }
22
- ]
23
- }
24
- },
25
- {
26
- "date": "Mon, 16 Jan 2023 08:38:51 GMT",
27
- "tag": "@fluentui/react-theme-sass_v9.0.0-alpha.8",
28
- "version": "9.0.0-alpha.8",
29
- "comments": {
30
- "none": [
31
- {
32
- "author": "martinhochel@microsoft.com",
33
- "package": "@fluentui/react-theme-sass",
34
- "commit": "64bb45980d68de1219c6b36a7db5363f0a9cff9f",
35
- "comment": "chore: migrate to packaged scripts"
36
- }
37
- ]
38
- }
39
- },
40
- {
41
- "date": "Wed, 04 Jan 2023 01:40:39 GMT",
42
- "tag": "@fluentui/react-theme-sass_v9.0.0-alpha.7",
43
- "version": "9.0.0-alpha.7",
44
- "comments": {
45
- "none": [
46
- {
47
- "author": "martinhochel@microsoft.com",
48
- "package": "@fluentui/react-theme-sass",
49
- "commit": "4ec2b998b294d6d9c3196d3d82893bdd97d0c105",
50
- "comment": "chore(scripts): move index.ts to to follow sub-folder domain packaging"
51
- },
52
- {
53
- "author": "martinhochel@microsoft.com",
54
- "package": "@fluentui/react-theme-sass",
55
- "commit": "194b0cf0cc27c1c1233aa945f09b3ad29778d8ca",
56
- "comment": "chore(scripts): use for @fluentui/scripts version within all package.json"
57
- }
58
- ]
59
- }
60
- },
61
- {
62
- "date": "Wed, 21 Dec 2022 10:20:33 GMT",
63
- "tag": "@fluentui/react-theme-sass_v9.0.0-alpha.7",
64
- "version": "9.0.0-alpha.7",
65
- "comments": {
66
- "prerelease": [
67
- {
68
- "author": "beachball",
69
- "package": "@fluentui/react-theme-sass",
70
- "comment": "Bump @fluentui/react-theme to v9.1.5",
71
- "commit": "66bf89f634cad4a275e957d7a2214c7e73ff8c2e"
72
- }
73
- ]
74
- }
75
- },
76
- {
77
- "date": "Tue, 20 Dec 2022 14:59:31 GMT",
78
- "tag": "@fluentui/react-theme-sass_v9.0.0-alpha.6",
79
- "version": "9.0.0-alpha.6",
80
- "comments": {
81
- "prerelease": [
82
- {
83
- "author": "miroslav.stastny@microsoft.com",
84
- "package": "@fluentui/react-theme-sass",
85
- "commit": "43e7eb9324b43d02d8d828ff722ed3f3858f3d30",
86
- "comment": "feat: add new tokens"
87
- },
88
- {
89
- "author": "beachball",
90
- "package": "@fluentui/react-theme-sass",
91
- "comment": "Bump @fluentui/react-theme to v9.1.4",
92
- "commit": "e7530bc179fd0e303448083c76a4af41a0e15322"
93
- }
94
- ]
95
- }
96
- },
97
- {
98
- "date": "Mon, 05 Dec 2022 18:29:37 GMT",
99
- "tag": "@fluentui/react-theme-sass_v9.0.0-alpha.5",
100
- "version": "9.0.0-alpha.5",
101
- "comments": {
102
- "none": [
103
- {
104
- "author": "tristan.watanabe@gmail.com",
105
- "package": "@fluentui/react-theme-sass",
106
- "commit": "109f6e6966ce703169c98134f1aedbaec17d6f93",
107
- "comment": "chore: Migrate to new package structure."
108
- }
109
- ],
110
- "prerelease": [
111
- {
112
- "author": "beachball",
113
- "package": "@fluentui/react-theme-sass",
114
- "comment": "Bump @fluentui/react-theme to v9.1.3",
115
- "commit": "4c29542a51bf068e171690cc8e59c14489883912"
116
- }
117
- ]
118
- }
119
- },
120
- {
121
- "date": "Thu, 17 Nov 2022 23:05:50 GMT",
122
- "tag": "@fluentui/react-theme-sass_v9.0.0-alpha.4",
123
- "version": "9.0.0-alpha.4",
124
- "comments": {
125
- "none": [
126
- {
127
- "author": "martinhochel@microsoft.com",
128
- "package": "@fluentui/react-theme-sass",
129
- "commit": "ea768501802d65d63ddc63fff3816fb6b5008ae4",
130
- "comment": "chore: update package scaffold"
131
- }
132
- ]
133
- }
134
- },
135
- {
136
- "date": "Fri, 11 Nov 2022 14:57:47 GMT",
137
- "tag": "@fluentui/react-theme-sass_v9.0.0-alpha.4",
138
- "version": "9.0.0-alpha.4",
139
- "comments": {
140
- "prerelease": [
141
- {
142
- "author": "martinhochel@microsoft.com",
143
- "package": "@fluentui/react-theme-sass",
144
- "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38",
145
- "comment": "fix: create valid export maps"
146
- },
147
- {
148
- "author": "beachball",
149
- "package": "@fluentui/react-theme-sass",
150
- "comment": "Bump @fluentui/react-theme to v9.1.2",
151
- "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
152
- }
153
- ]
154
- }
155
- },
156
- {
157
- "date": "Tue, 25 Oct 2022 00:35:38 GMT",
158
- "tag": "@fluentui/react-theme-sass_v9.0.0-alpha.3",
159
- "version": "9.0.0-alpha.3",
160
- "comments": {
161
- "none": [
162
- {
163
- "author": "miroslav.stastny@microsoft.com",
164
- "package": "@fluentui/react-theme-sass",
165
- "commit": "6ced976a8d0e6a0e2e207da8fe0eb810e2bd19bc",
166
- "comment": "Update package readme"
167
- }
168
- ]
169
- }
170
- },
171
- {
172
- "date": "Thu, 20 Oct 2022 08:39:59 GMT",
173
- "tag": "@fluentui/react-theme-sass_v9.0.0-alpha.3",
174
- "version": "9.0.0-alpha.3",
175
- "comments": {
176
- "prerelease": [
177
- {
178
- "author": "beachball",
179
- "package": "@fluentui/react-theme-sass",
180
- "comment": "Bump @fluentui/react-theme to v9.1.1",
181
- "commit": "5ea1372675d910d76cf1b9cbd74d05b7c4e8fcbc"
182
- }
183
- ]
184
- }
185
- },
186
- {
187
- "date": "Thu, 15 Sep 2022 09:49:39 GMT",
188
- "tag": "@fluentui/react-theme-sass_v9.0.0-alpha.2",
189
- "version": "9.0.0-alpha.2",
190
- "comments": {
191
- "none": [
192
- {
193
- "author": "martinhochel@microsoft.com",
194
- "package": "@fluentui/react-theme-sass",
195
- "commit": "e6cf183695d6d67a24e038c49a876224e5ed35e5",
196
- "comment": "chore: update package scaffold"
197
- },
198
- {
199
- "author": "miroslav.stastny@microsoft.com",
200
- "package": "@fluentui/react-theme-sass",
201
- "commit": "9c97dc2efbfe7d22b3686cb765fd93916b303642",
202
- "comment": "react-theme-sass dev-depends on react-theme"
203
- }
204
- ],
205
- "prerelease": [
206
- {
207
- "author": "seanmonahan@microsoft.com",
208
- "package": "@fluentui/react-theme-sass",
209
- "commit": "1d0a72865a151962362aa3e5054ac9bf8178f09c",
210
- "comment": "feat: add new color tokens"
211
- },
212
- {
213
- "author": "miroslav.stastny@microsoft.com",
214
- "package": "@fluentui/react-theme-sass",
215
- "commit": "61557d7e48a7380b2fbf2bcc5c8faa4a3ed7d89f",
216
- "comment": "feat: Add fontWeightBold"
217
- },
218
- {
219
- "author": "miroslav.stastny@microsoft.com",
220
- "package": "@fluentui/react-theme-sass",
221
- "commit": "0137f992b99b3b8ec927be8f7aef751d27cd5830",
222
- "comment": "fix: Rename colorNeutralForegroundInvertedStatic token to colorNeutralForegroundStaticInverted"
223
- },
224
- {
225
- "author": "seanmonahan@microsoft.com",
226
- "package": "@fluentui/react-theme-sass",
227
- "commit": "5c78472d96502d05a10016d9502eceada4edfd8a",
228
- "comment": "feat: add color neutral foreground inverted 2 token"
229
- },
230
- {
231
- "author": "beachball",
232
- "package": "@fluentui/react-theme-sass",
233
- "comment": "Bump @fluentui/react-theme to v9.1.0",
234
- "commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
235
- }
236
- ]
237
- }
238
- },
239
- {
240
- "date": "Tue, 28 Jun 2022 15:13:22 GMT",
241
- "tag": "@fluentui/react-theme-sass_v9.0.0-alpha.1",
242
- "version": "9.0.0-alpha.1",
243
- "comments": {
244
- "prerelease": [
245
- {
246
- "author": "miroslav.stastny@microsoft.com",
247
- "package": "@fluentui/react-theme-sass",
248
- "commit": "eeed967f604dc4f6a4b6b32b6347c0ed9360294c",
249
- "comment": "Add SASS variables mapped to CSS variables provided by react-theme"
250
- },
251
- {
252
- "author": "miroslav.stastny@microsoft.com",
253
- "package": "@fluentui/react-theme-sass",
254
- "commit": "03e380fac7237a246774aa83b3771bbbd67be8e6",
255
- "comment": "fix(react-theme-sass): Remove color palette tokens which are no longer present in react-theme"
256
- }
257
- ]
258
- }
259
- }
260
- ]
261
- }
package/lib-commonjs/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"names":["Error"],"sources":["../src/packages/react-components/react-theme-sass/src/index.ts"],"sourcesContent":["throw new Error(\n '@fluentui/react-theme-sass package only contains SASS exports. It should never be imported in Javascript.',\n);\n\nexport {};\n"],"mappings":";;;;;AAAA,MAAM,IAAIA,KAAK,CACb,2GAA2G,CAC5G"}