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

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 (12) hide show
  1. package/CHANGELOG.md +154 -2
  2. package/README.md +4 -3
  3. package/lib/index.js +1 -2
  4. package/lib/index.js.map +1 -1
  5. package/lib-commonjs/index.js +1 -3
  6. package/lib-commonjs/index.js.map +1 -1
  7. package/package.json +28 -8
  8. package/sass/Sass.test.ts +14 -0
  9. package/sass/colorPaletteTokens.scss +36 -0
  10. package/sass/colorTokens.scss +15 -1
  11. package/sass/durationTokens.scss +1 -0
  12. package/CHANGELOG.json +0 -79
package/CHANGELOG.md CHANGED
@@ -1,12 +1,164 @@
1
1
  # Change Log - @fluentui/react-theme-sass
2
2
 
3
- This log was last generated on Thu, 15 Sep 2022 09:45:00 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 09 Nov 2023 17:23:15 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.0.0-alpha.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.20)
8
+
9
+ Thu, 09 Nov 2023 17:23:15 GMT
10
+ [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
+
12
+ ### Changes
13
+
14
+ - 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)
15
+
16
+ ## [9.0.0-alpha.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.18)
17
+
18
+ Tue, 26 Sep 2023 17:49:13 GMT
19
+ [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)
20
+
21
+ ### Changes
22
+
23
+ - chore: trigger manual version bump after broken release ([PR #29303](https://github.com/microsoft/fluentui/pull/29303) by yuanboxue@microsoft.com)
24
+
25
+ ## [9.0.0-alpha.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.17)
26
+
27
+ Tue, 26 Sep 2023 15:31:43 GMT
28
+ [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)
29
+
30
+ ### Changes
31
+
32
+ - fix: bump swc core to mitigate transpilation memory leaks ([PR #29253](https://github.com/microsoft/fluentui/pull/29253) by martinhochel@microsoft.com)
33
+
34
+ ## [9.0.0-alpha.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.16)
35
+
36
+ Tue, 05 Sep 2023 13:29:09 GMT
37
+ [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)
38
+
39
+ ### Changes
40
+
41
+ - bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
42
+
43
+ ## [9.0.0-alpha.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.15)
44
+
45
+ Wed, 09 Aug 2023 13:17:08 GMT
46
+ [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)
47
+
48
+ ### Changes
49
+
50
+ - feat(tokens): add durationGentle ([PR #28770](https://github.com/microsoft/fluentui/pull/28770) by miroslav.stastny@microsoft.com)
51
+
52
+ ## [9.0.0-alpha.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.14)
53
+
54
+ Fri, 04 Aug 2023 08:52:56 GMT
55
+ [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)
56
+
57
+ ### Changes
58
+
59
+ - feat(tokens): Add colorBrandStroke2Contrast and colorNeutralStrokeAlpha2 ([PR #28638](https://github.com/microsoft/fluentui/pull/28638) by miroslav.stastny@microsoft.com)
60
+ - feat(tokens): add status color tokens ([PR #28006](https://github.com/microsoft/fluentui/pull/28006) by miroslav.stastny@microsoft.com)
61
+
62
+ ## [9.0.0-alpha.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.13)
63
+
64
+ Tue, 20 Jun 2023 12:39:05 GMT
65
+ [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)
66
+
67
+ ### Changes
68
+
69
+ - Add theme tokens ([PR #27791](https://github.com/microsoft/fluentui/pull/27791) by miroslav.stastny@microsoft.com)
70
+ - Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
71
+
72
+ ## [9.0.0-alpha.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.12)
73
+
74
+ Fri, 12 May 2023 20:27:57 GMT
75
+ [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)
76
+
77
+ ### Changes
78
+
79
+ - chore: exclude .swcrc from being published ([PR #27740](https://github.com/microsoft/fluentui/pull/27740) by olfedias@microsoft.com)
80
+ - Bump @fluentui/react-theme to v9.1.8 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
81
+
82
+ ## [9.0.0-alpha.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.11)
83
+
84
+ Mon, 17 Apr 2023 17:54:00 GMT
85
+ [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)
86
+
87
+ ### Changes
88
+
89
+ - fix: add "style" to exports field ([PR #27274](https://github.com/microsoft/fluentui/pull/27274) by olfedias@microsoft.com)
90
+
91
+ ## [9.0.0-alpha.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.10)
92
+
93
+ Tue, 21 Mar 2023 21:23:11 GMT
94
+ [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)
95
+
96
+ ### Changes
97
+
98
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
99
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
100
+ - Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
101
+
102
+ ## [9.0.0-alpha.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.9)
103
+
104
+ Wed, 15 Mar 2023 10:19:53 GMT
105
+ [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)
106
+
107
+ ### Changes
108
+
109
+ - feat(tokens): Add colorNeutralBackgroundAlpha and colorNeutralStrokeAlpha tokens ([PR #27034](https://github.com/microsoft/fluentui/pull/27034) by miroslav.stastny@microsoft.com)
110
+ - Bump @fluentui/react-theme to v9.1.6 ([PR #27213](https://github.com/microsoft/fluentui/pull/27213) by beachball)
111
+
112
+ ## [9.0.0-alpha.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.7)
113
+
114
+ Wed, 21 Dec 2022 10:20:33 GMT
115
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme-sass_v9.0.0-alpha.6..@fluentui/react-theme-sass_v9.0.0-alpha.7)
116
+
117
+ ### Changes
118
+
119
+ - Bump @fluentui/react-theme to v9.1.5 ([commit](https://github.com/microsoft/fluentui/commit/66bf89f634cad4a275e957d7a2214c7e73ff8c2e) by beachball)
120
+
121
+ ## [9.0.0-alpha.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.6)
122
+
123
+ Tue, 20 Dec 2022 14:59:31 GMT
124
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme-sass_v9.0.0-alpha.5..@fluentui/react-theme-sass_v9.0.0-alpha.6)
125
+
126
+ ### Changes
127
+
128
+ - feat: add new tokens ([PR #25903](https://github.com/microsoft/fluentui/pull/25903) by miroslav.stastny@microsoft.com)
129
+ - Bump @fluentui/react-theme to v9.1.4 ([PR #26047](https://github.com/microsoft/fluentui/pull/26047) by beachball)
130
+
131
+ ## [9.0.0-alpha.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.5)
132
+
133
+ Mon, 05 Dec 2022 18:29:37 GMT
134
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme-sass_v9.0.0-alpha.4..@fluentui/react-theme-sass_v9.0.0-alpha.5)
135
+
136
+ ### Changes
137
+
138
+ - Bump @fluentui/react-theme to v9.1.3 ([PR #25798](https://github.com/microsoft/fluentui/pull/25798) by beachball)
139
+
140
+ ## [9.0.0-alpha.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.4)
141
+
142
+ Fri, 11 Nov 2022 14:57:47 GMT
143
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme-sass_v9.0.0-alpha.3..@fluentui/react-theme-sass_v9.0.0-alpha.4)
144
+
145
+ ### Changes
146
+
147
+ - fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com)
148
+ - Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
149
+
150
+ ## [9.0.0-alpha.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.3)
151
+
152
+ Thu, 20 Oct 2022 08:39:59 GMT
153
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme-sass_v9.0.0-alpha.2..@fluentui/react-theme-sass_v9.0.0-alpha.3)
154
+
155
+ ### Changes
156
+
157
+ - Bump @fluentui/react-theme to v9.1.1 ([PR #25265](https://github.com/microsoft/fluentui/pull/25265) by beachball)
158
+
7
159
  ## [9.0.0-alpha.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.2)
8
160
 
9
- Thu, 15 Sep 2022 09:45:00 GMT
161
+ Thu, 15 Sep 2022 09:49:39 GMT
10
162
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme-sass_v9.0.0-alpha.1..@fluentui/react-theme-sass_v9.0.0-alpha.2)
11
163
 
12
164
  ### Changes
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # @fluentui/react-theme-sass
2
2
 
3
- **React Theme Sass for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**
3
+ **React Theme Sass for [Fluent UI React](https://react.fluentui.dev)**
4
4
 
5
5
  SASS variables referencing react-theme design tokens injected to DOM by react-provider.
6
6
 
@@ -24,7 +24,8 @@ ReactDOM.render(
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/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":["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":["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"}
package/lib-commonjs/index.js CHANGED
@@ -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.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;AAAA,MAAM,IAAI,KAAJ,CACJ,2GADI,CAAN","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"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["throw new Error('@fluentui/react-theme-sass package only contains SASS exports. It should never be imported in Javascript.');\nexport { };\n"],"names":["Error"],"mappings":";;;;AAAA,MAAM,IAAIA,MAAM"}
package/package.json CHANGED
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "name": "@fluentui/react-theme-sass",
3
- "version": "9.0.0-alpha.2",
3
+ "version": "9.0.0-alpha.20",
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",
7
- "typings": "dist/index.d.ts",
7
+ "typings": "./dist/index.d.ts",
8
8
  "style": "sass/tokens.scss",
9
9
  "sideEffects": false,
10
10
  "repository": {
@@ -19,14 +19,15 @@
19
19
  "just": "just-scripts",
20
20
  "lint": "just-scripts lint",
21
21
  "test": "jest --passWithNoTests",
22
- "docs": "api-extractor run --config=config/api-extractor.local.json --local",
23
- "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/types/packages/react-components/react-theme-sass/src && yarn docs",
24
- "type-check": "tsc -b tsconfig.json"
22
+ "type-check": "tsc -b tsconfig.json",
23
+ "generate-api": "just-scripts generate-api",
24
+ "test-ssr": "test-ssr \"./stories/**/*.stories.tsx\""
25
25
  },
26
26
  "devDependencies": {
27
27
  "@fluentui/eslint-plugin": "*",
28
- "@fluentui/scripts": "^1.0.0",
29
- "@fluentui/react-theme": "^9.1.0"
28
+ "@fluentui/react-theme": "*",
29
+ "@fluentui/scripts-api-extractor": "*",
30
+ "@fluentui/scripts-tasks": "*"
30
31
  },
31
32
  "beachball": {
32
33
  "disallowedChangeTypes": [
@@ -35,5 +36,24 @@
35
36
  "patch"
36
37
  ]
37
38
  },
38
- "dependencies": {}
39
+ "dependencies": {
40
+ "@swc/helpers": "^0.5.1"
41
+ },
42
+ "exports": {
43
+ ".": {
44
+ "style": "./sass/tokens.scss",
45
+ "types": "./dist/index.d.ts",
46
+ "node": "./lib-commonjs/index.js",
47
+ "import": "./lib/index.js",
48
+ "require": "./lib-commonjs/index.js"
49
+ },
50
+ "./package.json": "./package.json"
51
+ },
52
+ "files": [
53
+ "*.md",
54
+ "dist/*.d.ts",
55
+ "lib",
56
+ "lib-commonjs",
57
+ "sass"
58
+ ]
39
59
  }
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/colorPaletteTokens.scss CHANGED
@@ -4,6 +4,7 @@ $colorPaletteRedBackground3: var(--colorPaletteRedBackground3);
4
4
  $colorPaletteRedForeground1: var(--colorPaletteRedForeground1);
5
5
  $colorPaletteRedForeground2: var(--colorPaletteRedForeground2);
6
6
  $colorPaletteRedForeground3: var(--colorPaletteRedForeground3);
7
+ $colorPaletteRedForegroundInverted: var(--colorPaletteRedForegroundInverted);
7
8
  $colorPaletteRedBorderActive: var(--colorPaletteRedBorderActive);
8
9
  $colorPaletteRedBorder1: var(--colorPaletteRedBorder1);
9
10
  $colorPaletteRedBorder2: var(--colorPaletteRedBorder2);
@@ -14,6 +15,7 @@ $colorPaletteGreenBackground3: var(--colorPaletteGreenBackground3);
14
15
  $colorPaletteGreenForeground1: var(--colorPaletteGreenForeground1);
15
16
  $colorPaletteGreenForeground2: var(--colorPaletteGreenForeground2);
16
17
  $colorPaletteGreenForeground3: var(--colorPaletteGreenForeground3);
18
+ $colorPaletteGreenForegroundInverted: var(--colorPaletteGreenForegroundInverted);
17
19
  $colorPaletteGreenBorderActive: var(--colorPaletteGreenBorderActive);
18
20
  $colorPaletteGreenBorder1: var(--colorPaletteGreenBorder1);
19
21
  $colorPaletteGreenBorder2: var(--colorPaletteGreenBorder2);
@@ -34,6 +36,7 @@ $colorPaletteYellowBackground3: var(--colorPaletteYellowBackground3);
34
36
  $colorPaletteYellowForeground1: var(--colorPaletteYellowForeground1);
35
37
  $colorPaletteYellowForeground2: var(--colorPaletteYellowForeground2);
36
38
  $colorPaletteYellowForeground3: var(--colorPaletteYellowForeground3);
39
+ $colorPaletteYellowForegroundInverted: var(--colorPaletteYellowForegroundInverted);
37
40
  $colorPaletteYellowBorderActive: var(--colorPaletteYellowBorderActive);
38
41
  $colorPaletteYellowBorder1: var(--colorPaletteYellowBorder1);
39
42
  $colorPaletteYellowBorder2: var(--colorPaletteYellowBorder2);
@@ -179,3 +182,36 @@ $colorPalettePlatinumBorderActive: var(--colorPalettePlatinumBorderActive);
179
182
  $colorPaletteAnchorBackground2: var(--colorPaletteAnchorBackground2);
180
183
  $colorPaletteAnchorForeground2: var(--colorPaletteAnchorForeground2);
181
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
+ $colorStatusDangerForeground1: var(--colorStatusDangerForeground1);
212
+ $colorStatusDangerForeground2: var(--colorStatusDangerForeground2);
213
+ $colorStatusDangerForeground3: var(--colorStatusDangerForeground3);
214
+ $colorStatusDangerForegroundInverted: var(--colorStatusDangerForegroundInverted);
215
+ $colorStatusDangerBorderActive: var(--colorStatusDangerBorderActive);
216
+ $colorStatusDangerBorder1: var(--colorStatusDangerBorder1);
217
+ $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);
@@ -72,8 +74,10 @@ $colorNeutralBackground5Hover: var(--colorNeutralBackground5Hover);
72
74
  $colorNeutralBackground5Pressed: var(--colorNeutralBackground5Pressed);
73
75
  $colorNeutralBackground5Selected: var(--colorNeutralBackground5Selected);
74
76
  $colorNeutralBackground6: var(--colorNeutralBackground6);
75
- $colorNeutralBackgroundStatic: var(--colorNeutralBackgroundStatic);
76
77
  $colorNeutralBackgroundInverted: var(--colorNeutralBackgroundInverted);
78
+ $colorNeutralBackgroundStatic: var(--colorNeutralBackgroundStatic);
79
+ $colorNeutralBackgroundAlpha: var(--colorNeutralBackgroundAlpha);
80
+ $colorNeutralBackgroundAlpha2: var(--colorNeutralBackgroundAlpha2);
77
81
  $colorSubtleBackground: var(--colorSubtleBackground);
78
82
  $colorSubtleBackgroundHover: var(--colorSubtleBackgroundHover);
79
83
  $colorSubtleBackgroundPressed: var(--colorSubtleBackgroundPressed);
@@ -93,6 +97,8 @@ $colorNeutralBackgroundDisabled: var(--colorNeutralBackgroundDisabled);
93
97
  $colorNeutralBackgroundInvertedDisabled: var(--colorNeutralBackgroundInvertedDisabled);
94
98
  $colorNeutralStencil1: var(--colorNeutralStencil1);
95
99
  $colorNeutralStencil2: var(--colorNeutralStencil2);
100
+ $colorNeutralStencil1Alpha: var(--colorNeutralStencil1Alpha);
101
+ $colorNeutralStencil2Alpha: var(--colorNeutralStencil2Alpha);
96
102
  $colorBackgroundOverlay: var(--colorBackgroundOverlay);
97
103
  $colorScrollbarOverlay: var(--colorScrollbarOverlay);
98
104
  $colorBrandBackground: var(--colorBrandBackground);
@@ -104,6 +110,8 @@ $colorCompoundBrandBackgroundHover: var(--colorCompoundBrandBackgroundHover);
104
110
  $colorCompoundBrandBackgroundPressed: var(--colorCompoundBrandBackgroundPressed);
105
111
  $colorBrandBackgroundStatic: var(--colorBrandBackgroundStatic);
106
112
  $colorBrandBackground2: var(--colorBrandBackground2);
113
+ $colorBrandBackground2Hover: var(--colorBrandBackground2Hover);
114
+ $colorBrandBackground2Pressed: var(--colorBrandBackground2Pressed);
107
115
  $colorBrandBackgroundInverted: var(--colorBrandBackgroundInverted);
108
116
  $colorBrandBackgroundInvertedHover: var(--colorBrandBackgroundInvertedHover);
109
117
  $colorBrandBackgroundInvertedPressed: var(--colorBrandBackgroundInvertedPressed);
@@ -118,6 +126,7 @@ $colorNeutralStroke1Pressed: var(--colorNeutralStroke1Pressed);
118
126
  $colorNeutralStroke1Selected: var(--colorNeutralStroke1Selected);
119
127
  $colorNeutralStroke2: var(--colorNeutralStroke2);
120
128
  $colorNeutralStroke3: var(--colorNeutralStroke3);
129
+ $colorNeutralStrokeSubtle: var(--colorNeutralStrokeSubtle);
121
130
  $colorNeutralStrokeOnBrand: var(--colorNeutralStrokeOnBrand);
122
131
  $colorNeutralStrokeOnBrand2: var(--colorNeutralStrokeOnBrand2);
123
132
  $colorNeutralStrokeOnBrand2Hover: var(--colorNeutralStrokeOnBrand2Hover);
@@ -125,6 +134,9 @@ $colorNeutralStrokeOnBrand2Pressed: var(--colorNeutralStrokeOnBrand2Pressed);
125
134
  $colorNeutralStrokeOnBrand2Selected: var(--colorNeutralStrokeOnBrand2Selected);
126
135
  $colorBrandStroke1: var(--colorBrandStroke1);
127
136
  $colorBrandStroke2: var(--colorBrandStroke2);
137
+ $colorBrandStroke2Hover: var(--colorBrandStroke2Hover);
138
+ $colorBrandStroke2Pressed: var(--colorBrandStroke2Pressed);
139
+ $colorBrandStroke2Contrast: var(--colorBrandStroke2Contrast);
128
140
  $colorCompoundBrandStroke: var(--colorCompoundBrandStroke);
129
141
  $colorCompoundBrandStrokeHover: var(--colorCompoundBrandStrokeHover);
130
142
  $colorCompoundBrandStrokePressed: var(--colorCompoundBrandStrokePressed);
@@ -133,6 +145,8 @@ $colorNeutralStrokeInvertedDisabled: var(--colorNeutralStrokeInvertedDisabled);
133
145
  $colorTransparentStroke: var(--colorTransparentStroke);
134
146
  $colorTransparentStrokeInteractive: var(--colorTransparentStrokeInteractive);
135
147
  $colorTransparentStrokeDisabled: var(--colorTransparentStrokeDisabled);
148
+ $colorNeutralStrokeAlpha: var(--colorNeutralStrokeAlpha);
149
+ $colorNeutralStrokeAlpha2: var(--colorNeutralStrokeAlpha2);
136
150
  $colorStrokeFocus1: var(--colorStrokeFocus1);
137
151
  $colorStrokeFocus2: var(--colorStrokeFocus2);
138
152
  $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,79 +0,0 @@
1
- {
2
- "name": "@fluentui/react-theme-sass",
3
- "entries": [
4
- {
5
- "date": "Thu, 15 Sep 2022 09:45:00 GMT",
6
- "tag": "@fluentui/react-theme-sass_v9.0.0-alpha.2",
7
- "version": "9.0.0-alpha.2",
8
- "comments": {
9
- "none": [
10
- {
11
- "author": "martinhochel@microsoft.com",
12
- "package": "@fluentui/react-theme-sass",
13
- "commit": "e6cf183695d6d67a24e038c49a876224e5ed35e5",
14
- "comment": "chore: update package scaffold"
15
- },
16
- {
17
- "author": "miroslav.stastny@microsoft.com",
18
- "package": "@fluentui/react-theme-sass",
19
- "commit": "9c97dc2efbfe7d22b3686cb765fd93916b303642",
20
- "comment": "react-theme-sass dev-depends on react-theme"
21
- }
22
- ],
23
- "prerelease": [
24
- {
25
- "author": "seanmonahan@microsoft.com",
26
- "package": "@fluentui/react-theme-sass",
27
- "commit": "1d0a72865a151962362aa3e5054ac9bf8178f09c",
28
- "comment": "feat: add new color tokens"
29
- },
30
- {
31
- "author": "miroslav.stastny@microsoft.com",
32
- "package": "@fluentui/react-theme-sass",
33
- "commit": "61557d7e48a7380b2fbf2bcc5c8faa4a3ed7d89f",
34
- "comment": "feat: Add fontWeightBold"
35
- },
36
- {
37
- "author": "miroslav.stastny@microsoft.com",
38
- "package": "@fluentui/react-theme-sass",
39
- "commit": "0137f992b99b3b8ec927be8f7aef751d27cd5830",
40
- "comment": "fix: Rename colorNeutralForegroundInvertedStatic token to colorNeutralForegroundStaticInverted"
41
- },
42
- {
43
- "author": "seanmonahan@microsoft.com",
44
- "package": "@fluentui/react-theme-sass",
45
- "commit": "5c78472d96502d05a10016d9502eceada4edfd8a",
46
- "comment": "feat: add color neutral foreground inverted 2 token"
47
- },
48
- {
49
- "author": "beachball",
50
- "package": "@fluentui/react-theme-sass",
51
- "comment": "Bump @fluentui/react-theme to v9.1.0",
52
- "commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
53
- }
54
- ]
55
- }
56
- },
57
- {
58
- "date": "Tue, 28 Jun 2022 15:13:22 GMT",
59
- "tag": "@fluentui/react-theme-sass_v9.0.0-alpha.1",
60
- "version": "9.0.0-alpha.1",
61
- "comments": {
62
- "prerelease": [
63
- {
64
- "author": "miroslav.stastny@microsoft.com",
65
- "package": "@fluentui/react-theme-sass",
66
- "commit": "eeed967f604dc4f6a4b6b32b6347c0ed9360294c",
67
- "comment": "Add SASS variables mapped to CSS variables provided by react-theme"
68
- },
69
- {
70
- "author": "miroslav.stastny@microsoft.com",
71
- "package": "@fluentui/react-theme-sass",
72
- "commit": "03e380fac7237a246774aa83b3771bbbd67be8e6",
73
- "comment": "fix(react-theme-sass): Remove color palette tokens which are no longer present in react-theme"
74
- }
75
- ]
76
- }
77
- }
78
- ]
79
- }