@fluentui/react-theme-sass 9.0.0-alpha.9 → 9.72.9-experimental.component-base-hooks.20260122-49fc330360.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.
- package/CHANGELOG.md +124 -2
- package/README.md +6 -5
- package/lib/index.js +1 -2
- package/lib/index.js.map +1 -1
- package/lib-commonjs/index.js +1 -3
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +14 -25
- package/sass/Sass.test.ts +14 -0
- package/sass/colorPaletteTokens.scss +35 -0
- package/sass/colorTokens.scss +16 -0
- package/sass/durationTokens.scss +1 -0
- package/CHANGELOG.json +0 -261
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,134 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-theme-sass
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Thu, 22 Jan 2026 16:12:50 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.72.9-experimental.component-base-hooks.20260122-49fc330360.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.72.9-experimental.component-base-hooks.20260122-49fc330360.0)
|
|
8
|
+
|
|
9
|
+
Thu, 22 Jan 2026 16:12:50 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme-sass_v9.0.0-alpha.29..@fluentui/react-theme-sass_v9.72.9-experimental.component-base-hooks.20260122-49fc330360.0)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- Release 9.72.9-experimental.component-base-hooks.20260122-49fc330360 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
|
|
15
|
+
|
|
16
|
+
## [9.0.0-alpha.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.26)
|
|
17
|
+
|
|
18
|
+
Mon, 11 Nov 2024 10:01:01 GMT
|
|
19
|
+
[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)
|
|
20
|
+
|
|
21
|
+
### Changes
|
|
22
|
+
|
|
23
|
+
- chore: replace npm-scripts and just-scrtips with nx inferred tasks ([PR #33074](https://github.com/microsoft/fluentui/pull/33074) by martinhochel@microsoft.com)
|
|
24
|
+
|
|
25
|
+
## [9.0.0-alpha.21](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.21)
|
|
26
|
+
|
|
27
|
+
Thu, 07 Mar 2024 19:33:26 GMT
|
|
28
|
+
[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)
|
|
29
|
+
|
|
30
|
+
### Changes
|
|
31
|
+
|
|
32
|
+
- feat: Add color tokens ([PR #30412](https://github.com/microsoft/fluentui/pull/30412) by miroslav.stastny@microsoft.com)
|
|
33
|
+
|
|
34
|
+
## [9.0.0-alpha.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.20)
|
|
35
|
+
|
|
36
|
+
Thu, 09 Nov 2023 17:29:46 GMT
|
|
37
|
+
[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)
|
|
38
|
+
|
|
39
|
+
### Changes
|
|
40
|
+
|
|
41
|
+
- 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)
|
|
42
|
+
|
|
43
|
+
## [9.0.0-alpha.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.18)
|
|
44
|
+
|
|
45
|
+
Tue, 26 Sep 2023 17:49:13 GMT
|
|
46
|
+
[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)
|
|
47
|
+
|
|
48
|
+
### Changes
|
|
49
|
+
|
|
50
|
+
- chore: trigger manual version bump after broken release ([PR #29303](https://github.com/microsoft/fluentui/pull/29303) by yuanboxue@microsoft.com)
|
|
51
|
+
|
|
52
|
+
## [9.0.0-alpha.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.17)
|
|
53
|
+
|
|
54
|
+
Tue, 26 Sep 2023 15:31:43 GMT
|
|
55
|
+
[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)
|
|
56
|
+
|
|
57
|
+
### Changes
|
|
58
|
+
|
|
59
|
+
- fix: bump swc core to mitigate transpilation memory leaks ([PR #29253](https://github.com/microsoft/fluentui/pull/29253) by martinhochel@microsoft.com)
|
|
60
|
+
|
|
61
|
+
## [9.0.0-alpha.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.16)
|
|
62
|
+
|
|
63
|
+
Tue, 05 Sep 2023 13:29:09 GMT
|
|
64
|
+
[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)
|
|
65
|
+
|
|
66
|
+
### Changes
|
|
67
|
+
|
|
68
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
69
|
+
|
|
70
|
+
## [9.0.0-alpha.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.15)
|
|
71
|
+
|
|
72
|
+
Wed, 09 Aug 2023 13:17:08 GMT
|
|
73
|
+
[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)
|
|
74
|
+
|
|
75
|
+
### Changes
|
|
76
|
+
|
|
77
|
+
- feat(tokens): add durationGentle ([PR #28770](https://github.com/microsoft/fluentui/pull/28770) by miroslav.stastny@microsoft.com)
|
|
78
|
+
|
|
79
|
+
## [9.0.0-alpha.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.14)
|
|
80
|
+
|
|
81
|
+
Fri, 04 Aug 2023 08:52:56 GMT
|
|
82
|
+
[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)
|
|
83
|
+
|
|
84
|
+
### Changes
|
|
85
|
+
|
|
86
|
+
- feat(tokens): Add colorBrandStroke2Contrast and colorNeutralStrokeAlpha2 ([PR #28638](https://github.com/microsoft/fluentui/pull/28638) by miroslav.stastny@microsoft.com)
|
|
87
|
+
- feat(tokens): add status color tokens ([PR #28006](https://github.com/microsoft/fluentui/pull/28006) by miroslav.stastny@microsoft.com)
|
|
88
|
+
|
|
89
|
+
## [9.0.0-alpha.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.13)
|
|
90
|
+
|
|
91
|
+
Tue, 20 Jun 2023 12:39:05 GMT
|
|
92
|
+
[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)
|
|
93
|
+
|
|
94
|
+
### Changes
|
|
95
|
+
|
|
96
|
+
- Add theme tokens ([PR #27791](https://github.com/microsoft/fluentui/pull/27791) by miroslav.stastny@microsoft.com)
|
|
97
|
+
- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
|
|
98
|
+
|
|
99
|
+
## [9.0.0-alpha.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.12)
|
|
100
|
+
|
|
101
|
+
Fri, 12 May 2023 20:27:57 GMT
|
|
102
|
+
[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)
|
|
103
|
+
|
|
104
|
+
### Changes
|
|
105
|
+
|
|
106
|
+
- chore: exclude .swcrc from being published ([PR #27740](https://github.com/microsoft/fluentui/pull/27740) by olfedias@microsoft.com)
|
|
107
|
+
- Bump @fluentui/react-theme to v9.1.8 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
|
|
108
|
+
|
|
109
|
+
## [9.0.0-alpha.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.11)
|
|
110
|
+
|
|
111
|
+
Mon, 17 Apr 2023 17:54:00 GMT
|
|
112
|
+
[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)
|
|
113
|
+
|
|
114
|
+
### Changes
|
|
115
|
+
|
|
116
|
+
- fix: add "style" to exports field ([PR #27274](https://github.com/microsoft/fluentui/pull/27274) by olfedias@microsoft.com)
|
|
117
|
+
|
|
118
|
+
## [9.0.0-alpha.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.10)
|
|
119
|
+
|
|
120
|
+
Tue, 21 Mar 2023 21:23:11 GMT
|
|
121
|
+
[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)
|
|
122
|
+
|
|
123
|
+
### Changes
|
|
124
|
+
|
|
125
|
+
- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
|
|
126
|
+
- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
|
|
127
|
+
- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
|
|
128
|
+
|
|
7
129
|
## [9.0.0-alpha.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.9)
|
|
8
130
|
|
|
9
|
-
Wed, 15 Mar 2023 10:
|
|
131
|
+
Wed, 15 Mar 2023 10:19:53 GMT
|
|
10
132
|
[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
133
|
|
|
12
134
|
### 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
|
|
13
|
+
import ReactDOMClient from 'react-dom/client';
|
|
14
14
|
import { FluentProvider, teamsLightTheme } from '@fluentui/react-components';
|
|
15
15
|
import App from './App';
|
|
16
|
-
|
|
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 '
|
|
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/lib/index.js
CHANGED
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-theme-sass",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.72.9-experimental.component-base-hooks.20260122-49fc330360.0",
|
|
4
4
|
"description": "SASS variables referencing react-theme design tokens injected to DOM by react-provider.",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -12,36 +12,25 @@
|
|
|
12
12
|
"url": "https://github.com/microsoft/fluentui"
|
|
13
13
|
},
|
|
14
14
|
"license": "MIT",
|
|
15
|
-
"
|
|
16
|
-
|
|
17
|
-
"
|
|
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
|
".": {
|
|
21
|
+
"style": "./sass/tokens.scss",
|
|
41
22
|
"types": "./dist/index.d.ts",
|
|
23
|
+
"node": "./lib-commonjs/index.js",
|
|
42
24
|
"import": "./lib/index.js",
|
|
43
25
|
"require": "./lib-commonjs/index.js"
|
|
44
26
|
},
|
|
45
27
|
"./package.json": "./package.json"
|
|
46
|
-
}
|
|
28
|
+
},
|
|
29
|
+
"files": [
|
|
30
|
+
"*.md",
|
|
31
|
+
"dist/*.d.ts",
|
|
32
|
+
"lib",
|
|
33
|
+
"lib-commonjs",
|
|
34
|
+
"sass"
|
|
35
|
+
]
|
|
47
36
|
}
|
|
@@ -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
|
+
});
|
|
@@ -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
|
@@ -32,6 +32,8 @@ $colorCompoundBrandForeground1Hover: var(--colorCompoundBrandForeground1Hover);
|
|
|
32
32
|
$colorCompoundBrandForeground1Pressed: var(--colorCompoundBrandForeground1Pressed);
|
|
33
33
|
$colorBrandForeground1: var(--colorBrandForeground1);
|
|
34
34
|
$colorBrandForeground2: var(--colorBrandForeground2);
|
|
35
|
+
$colorBrandForeground2Hover: var(--colorBrandForeground2Hover);
|
|
36
|
+
$colorBrandForeground2Pressed: var(--colorBrandForeground2Pressed);
|
|
35
37
|
$colorNeutralForeground1Static: var(--colorNeutralForeground1Static);
|
|
36
38
|
$colorNeutralForegroundInverted: var(--colorNeutralForegroundInverted);
|
|
37
39
|
$colorNeutralForegroundInvertedHover: var(--colorNeutralForegroundInvertedHover);
|
|
@@ -108,10 +110,19 @@ $colorCompoundBrandBackgroundHover: var(--colorCompoundBrandBackgroundHover);
|
|
|
108
110
|
$colorCompoundBrandBackgroundPressed: var(--colorCompoundBrandBackgroundPressed);
|
|
109
111
|
$colorBrandBackgroundStatic: var(--colorBrandBackgroundStatic);
|
|
110
112
|
$colorBrandBackground2: var(--colorBrandBackground2);
|
|
113
|
+
$colorBrandBackground2Hover: var(--colorBrandBackground2Hover);
|
|
114
|
+
$colorBrandBackground2Pressed: var(--colorBrandBackground2Pressed);
|
|
115
|
+
$colorBrandBackground3Static: var(--colorBrandBackground3Static);
|
|
116
|
+
$colorBrandBackground4Static: var(--colorBrandBackground4Static);
|
|
111
117
|
$colorBrandBackgroundInverted: var(--colorBrandBackgroundInverted);
|
|
112
118
|
$colorBrandBackgroundInvertedHover: var(--colorBrandBackgroundInvertedHover);
|
|
113
119
|
$colorBrandBackgroundInvertedPressed: var(--colorBrandBackgroundInvertedPressed);
|
|
114
120
|
$colorBrandBackgroundInvertedSelected: var(--colorBrandBackgroundInvertedSelected);
|
|
121
|
+
$colorNeutralCardBackground: var(--colorNeutralCardBackground);
|
|
122
|
+
$colorNeutralCardBackgroundHover: var(--colorNeutralCardBackgroundHover);
|
|
123
|
+
$colorNeutralCardBackgroundPressed: var(--colorNeutralCardBackgroundPressed);
|
|
124
|
+
$colorNeutralCardBackgroundSelected: var(--colorNeutralCardBackgroundSelected);
|
|
125
|
+
$colorNeutralCardBackgroundDisabled: var(--colorNeutralCardBackgroundDisabled);
|
|
115
126
|
$colorNeutralStrokeAccessible: var(--colorNeutralStrokeAccessible);
|
|
116
127
|
$colorNeutralStrokeAccessibleHover: var(--colorNeutralStrokeAccessibleHover);
|
|
117
128
|
$colorNeutralStrokeAccessiblePressed: var(--colorNeutralStrokeAccessiblePressed);
|
|
@@ -122,6 +133,7 @@ $colorNeutralStroke1Pressed: var(--colorNeutralStroke1Pressed);
|
|
|
122
133
|
$colorNeutralStroke1Selected: var(--colorNeutralStroke1Selected);
|
|
123
134
|
$colorNeutralStroke2: var(--colorNeutralStroke2);
|
|
124
135
|
$colorNeutralStroke3: var(--colorNeutralStroke3);
|
|
136
|
+
$colorNeutralStrokeSubtle: var(--colorNeutralStrokeSubtle);
|
|
125
137
|
$colorNeutralStrokeOnBrand: var(--colorNeutralStrokeOnBrand);
|
|
126
138
|
$colorNeutralStrokeOnBrand2: var(--colorNeutralStrokeOnBrand2);
|
|
127
139
|
$colorNeutralStrokeOnBrand2Hover: var(--colorNeutralStrokeOnBrand2Hover);
|
|
@@ -129,6 +141,9 @@ $colorNeutralStrokeOnBrand2Pressed: var(--colorNeutralStrokeOnBrand2Pressed);
|
|
|
129
141
|
$colorNeutralStrokeOnBrand2Selected: var(--colorNeutralStrokeOnBrand2Selected);
|
|
130
142
|
$colorBrandStroke1: var(--colorBrandStroke1);
|
|
131
143
|
$colorBrandStroke2: var(--colorBrandStroke2);
|
|
144
|
+
$colorBrandStroke2Hover: var(--colorBrandStroke2Hover);
|
|
145
|
+
$colorBrandStroke2Pressed: var(--colorBrandStroke2Pressed);
|
|
146
|
+
$colorBrandStroke2Contrast: var(--colorBrandStroke2Contrast);
|
|
132
147
|
$colorCompoundBrandStroke: var(--colorCompoundBrandStroke);
|
|
133
148
|
$colorCompoundBrandStrokeHover: var(--colorCompoundBrandStrokeHover);
|
|
134
149
|
$colorCompoundBrandStrokePressed: var(--colorCompoundBrandStrokePressed);
|
|
@@ -138,6 +153,7 @@ $colorTransparentStroke: var(--colorTransparentStroke);
|
|
|
138
153
|
$colorTransparentStrokeInteractive: var(--colorTransparentStrokeInteractive);
|
|
139
154
|
$colorTransparentStrokeDisabled: var(--colorTransparentStrokeDisabled);
|
|
140
155
|
$colorNeutralStrokeAlpha: var(--colorNeutralStrokeAlpha);
|
|
156
|
+
$colorNeutralStrokeAlpha2: var(--colorNeutralStrokeAlpha2);
|
|
141
157
|
$colorStrokeFocus1: var(--colorStrokeFocus1);
|
|
142
158
|
$colorStrokeFocus2: var(--colorStrokeFocus2);
|
|
143
159
|
$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
|
-
}
|