@fluentui/react-theme-sass 9.0.0-alpha.20 → 9.0.0-alpha.22

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 (5) hide show
  1. package/CHANGELOG.md +11 -2
  2. package/lib/index.js.map +1 -1
  3. package/package.json +1 -1
  4. package/sass/colorPaletteTokens.scss +2 -0
  5. 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, 09 Nov 2023 17:23:15 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 07 Mar 2024 19:33:26 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:33:26 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:23:15 GMT
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/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["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;AADF,WAIU"}
1
+ {"version":3,"sources":["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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-theme-sass",
3
- "version": "9.0.0-alpha.20",
3
+ "version": "9.0.0-alpha.22",
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",
package/sass/colorPaletteTokens.scss CHANGED
@@ -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);