@fluentui/react-theme-sass 9.0.0-alpha.20 → 9.0.0-alpha.21
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 +11 -2
- package/package.json +1 -1
- package/sass/colorPaletteTokens.scss +2 -0
- package/sass/colorTokens.scss +7 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,21 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-theme-sass
|
|
2
2
|
|
|
3
|
-
This log was last generated on Thu,
|
|
3
|
+
This log was last generated on Thu, 07 Mar 2024 19:27:00 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.0.0-alpha.21](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.21)
|
|
8
|
+
|
|
9
|
+
Thu, 07 Mar 2024 19:27:00 GMT
|
|
10
|
+
[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)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- feat: Add color tokens ([PR #30412](https://github.com/microsoft/fluentui/pull/30412) by miroslav.stastny@microsoft.com)
|
|
15
|
+
|
|
7
16
|
## [9.0.0-alpha.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.20)
|
|
8
17
|
|
|
9
|
-
Thu, 09 Nov 2023 17:
|
|
18
|
+
Thu, 09 Nov 2023 17:29:46 GMT
|
|
10
19
|
[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)
|
|
11
20
|
|
|
12
21
|
### Changes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-theme-sass",
|
|
3
|
-
"version": "9.0.0-alpha.
|
|
3
|
+
"version": "9.0.0-alpha.21",
|
|
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",
|
|
@@ -208,6 +208,8 @@ $colorStatusWarningBorder2: var(--colorStatusWarningBorder2);
|
|
|
208
208
|
$colorStatusDangerBackground1: var(--colorStatusDangerBackground1);
|
|
209
209
|
$colorStatusDangerBackground2: var(--colorStatusDangerBackground2);
|
|
210
210
|
$colorStatusDangerBackground3: var(--colorStatusDangerBackground3);
|
|
211
|
+
$colorStatusDangerBackground3Hover: var(--colorStatusDangerBackground3Hover);
|
|
212
|
+
$colorStatusDangerBackground3Pressed: var(--colorStatusDangerBackground3Pressed);
|
|
211
213
|
$colorStatusDangerForeground1: var(--colorStatusDangerForeground1);
|
|
212
214
|
$colorStatusDangerForeground2: var(--colorStatusDangerForeground2);
|
|
213
215
|
$colorStatusDangerForeground3: var(--colorStatusDangerForeground3);
|
package/sass/colorTokens.scss
CHANGED
|
@@ -112,10 +112,17 @@ $colorBrandBackgroundStatic: var(--colorBrandBackgroundStatic);
|
|
|
112
112
|
$colorBrandBackground2: var(--colorBrandBackground2);
|
|
113
113
|
$colorBrandBackground2Hover: var(--colorBrandBackground2Hover);
|
|
114
114
|
$colorBrandBackground2Pressed: var(--colorBrandBackground2Pressed);
|
|
115
|
+
$colorBrandBackground3Static: var(--colorBrandBackground3Static);
|
|
116
|
+
$colorBrandBackground4Static: var(--colorBrandBackground4Static);
|
|
115
117
|
$colorBrandBackgroundInverted: var(--colorBrandBackgroundInverted);
|
|
116
118
|
$colorBrandBackgroundInvertedHover: var(--colorBrandBackgroundInvertedHover);
|
|
117
119
|
$colorBrandBackgroundInvertedPressed: var(--colorBrandBackgroundInvertedPressed);
|
|
118
120
|
$colorBrandBackgroundInvertedSelected: var(--colorBrandBackgroundInvertedSelected);
|
|
121
|
+
$colorNeutralCardBackground: var(--colorNeutralCardBackground);
|
|
122
|
+
$colorNeutralCardBackgroundHover: var(--colorNeutralCardBackgroundHover);
|
|
123
|
+
$colorNeutralCardBackgroundPressed: var(--colorNeutralCardBackgroundPressed);
|
|
124
|
+
$colorNeutralCardBackgroundSelected: var(--colorNeutralCardBackgroundSelected);
|
|
125
|
+
$colorNeutralCardBackgroundDisabled: var(--colorNeutralCardBackgroundDisabled);
|
|
119
126
|
$colorNeutralStrokeAccessible: var(--colorNeutralStrokeAccessible);
|
|
120
127
|
$colorNeutralStrokeAccessibleHover: var(--colorNeutralStrokeAccessibleHover);
|
|
121
128
|
$colorNeutralStrokeAccessiblePressed: var(--colorNeutralStrokeAccessiblePressed);
|