@fluentui/react-theme-sass 9.0.0-alpha.12 → 9.0.0-alpha.14

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 (9) hide show
  1. package/CHANGELOG.json +103 -1
  2. package/CHANGELOG.md +22 -2
  3. package/lib/index.js +1 -2
  4. package/lib/index.js.map +1 -1
  5. package/lib-commonjs/index.js +0 -3
  6. package/lib-commonjs/index.js.map +1 -1
  7. package/package.json +4 -3
  8. package/sass/colorPaletteTokens.scss +33 -0
  9. package/sass/colorTokens.scss +9 -0
package/CHANGELOG.json CHANGED
@@ -2,7 +2,109 @@
2
2
  "name": "@fluentui/react-theme-sass",
3
3
  "entries": [
4
4
  {
5
- "date": "Fri, 12 May 2023 20:22:26 GMT",
5
+ "date": "Fri, 04 Aug 2023 08:48:22 GMT",
6
+ "tag": "@fluentui/react-theme-sass_v9.0.0-alpha.14",
7
+ "version": "9.0.0-alpha.14",
8
+ "comments": {
9
+ "prerelease": [
10
+ {
11
+ "author": "miroslav.stastny@microsoft.com",
12
+ "package": "@fluentui/react-theme-sass",
13
+ "commit": "01cc58f793345482d293c6837db64f85f552562d",
14
+ "comment": "feat(tokens): Add colorBrandStroke2Contrast and colorNeutralStrokeAlpha2"
15
+ },
16
+ {
17
+ "author": "miroslav.stastny@microsoft.com",
18
+ "package": "@fluentui/react-theme-sass",
19
+ "commit": "141424a604b98ea762cfa375fe78df8c9e6bdec8",
20
+ "comment": "feat(tokens): add status color tokens"
21
+ }
22
+ ]
23
+ }
24
+ },
25
+ {
26
+ "date": "Thu, 13 Jul 2023 21:25:47 GMT",
27
+ "tag": "@fluentui/react-theme-sass_v9.0.0-alpha.13",
28
+ "version": "9.0.0-alpha.13",
29
+ "comments": {
30
+ "none": [
31
+ {
32
+ "author": "martinhochel@microsoft.com",
33
+ "package": "@fluentui/react-theme-sass",
34
+ "commit": "8a9e1018f2abb2c7608c49d32acf44e93c43cba6",
35
+ "comment": "chore: update devDependencies to use * for inner workspace dependencies"
36
+ }
37
+ ]
38
+ }
39
+ },
40
+ {
41
+ "date": "Wed, 28 Jun 2023 11:12:34 GMT",
42
+ "tag": "@fluentui/react-theme-sass_v9.0.0-alpha.13",
43
+ "version": "9.0.0-alpha.13",
44
+ "comments": {
45
+ "none": [
46
+ {
47
+ "author": "martinhochel@microsoft.com",
48
+ "package": "@fluentui/react-theme-sass",
49
+ "commit": "fbe878e9c9785588197481f172c42c2c0a230292",
50
+ "comment": "fix: update .npmignore to unify v8 packages and exclude project.json"
51
+ }
52
+ ]
53
+ }
54
+ },
55
+ {
56
+ "date": "Tue, 20 Jun 2023 12:39:05 GMT",
57
+ "tag": "@fluentui/react-theme-sass_v9.0.0-alpha.13",
58
+ "version": "9.0.0-alpha.13",
59
+ "comments": {
60
+ "prerelease": [
61
+ {
62
+ "author": "miroslav.stastny@microsoft.com",
63
+ "package": "@fluentui/react-theme-sass",
64
+ "commit": "7516a6bde1bd7b8c957ca479ffcb0e737e9ca693",
65
+ "comment": "Add theme tokens"
66
+ },
67
+ {
68
+ "author": "beachball",
69
+ "package": "@fluentui/react-theme-sass",
70
+ "comment": "Bump @fluentui/react-theme to v9.1.9",
71
+ "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
72
+ }
73
+ ]
74
+ }
75
+ },
76
+ {
77
+ "date": "Wed, 24 May 2023 20:45:36 GMT",
78
+ "tag": "@fluentui/react-theme-sass_v9.0.0-alpha.12",
79
+ "version": "9.0.0-alpha.12",
80
+ "comments": {
81
+ "none": [
82
+ {
83
+ "author": "olfedias@microsoft.com",
84
+ "package": "@fluentui/react-theme-sass",
85
+ "commit": "69e0617a93cb44ef42f3bd19284b7dc5fe27fed3",
86
+ "comment": "chore: update test-ssr script"
87
+ }
88
+ ]
89
+ }
90
+ },
91
+ {
92
+ "date": "Thu, 18 May 2023 00:39:18 GMT",
93
+ "tag": "@fluentui/react-theme-sass_v9.0.0-alpha.12",
94
+ "version": "9.0.0-alpha.12",
95
+ "comments": {
96
+ "none": [
97
+ {
98
+ "author": "olfedias@microsoft.com",
99
+ "package": "@fluentui/react-theme-sass",
100
+ "commit": "06cd515eda59a3078bfe32f9cc7c1f281cd20208",
101
+ "comment": "chore: add test-ssr script to v9 packages"
102
+ }
103
+ ]
104
+ }
105
+ },
106
+ {
107
+ "date": "Fri, 12 May 2023 20:27:57 GMT",
6
108
  "tag": "@fluentui/react-theme-sass_v9.0.0-alpha.12",
7
109
  "version": "9.0.0-alpha.12",
8
110
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,32 @@
1
1
  # Change Log - @fluentui/react-theme-sass
2
2
 
3
- This log was last generated on Fri, 12 May 2023 20:22:26 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 04 Aug 2023 08:48:22 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.0.0-alpha.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.14)
8
+
9
+ Fri, 04 Aug 2023 08:48:22 GMT
10
+ [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)
11
+
12
+ ### Changes
13
+
14
+ - feat(tokens): Add colorBrandStroke2Contrast and colorNeutralStrokeAlpha2 ([PR #28638](https://github.com/microsoft/fluentui/pull/28638) by miroslav.stastny@microsoft.com)
15
+ - feat(tokens): add status color tokens ([PR #28006](https://github.com/microsoft/fluentui/pull/28006) by miroslav.stastny@microsoft.com)
16
+
17
+ ## [9.0.0-alpha.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.13)
18
+
19
+ Tue, 20 Jun 2023 12:39:05 GMT
20
+ [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)
21
+
22
+ ### Changes
23
+
24
+ - Add theme tokens ([PR #27791](https://github.com/microsoft/fluentui/pull/27791) by miroslav.stastny@microsoft.com)
25
+ - Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
26
+
7
27
  ## [9.0.0-alpha.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.12)
8
28
 
9
- Fri, 12 May 2023 20:22:26 GMT
29
+ Fri, 12 May 2023 20:27:57 GMT
10
30
  [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)
11
31
 
12
32
  ### Changes
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,"names":["Error"],"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"],"mappings":"AAAA,MAAM,IAAIA,KAAA,CACR;AADF"}
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,6GACA;AAFF,WAIU"}
package/lib-commonjs/index.js CHANGED
@@ -3,6 +3,3 @@ Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
5
  throw new Error('@fluentui/react-theme-sass package only contains SASS exports. It should never be imported in Javascript.');
6
- //# sourceMappingURL=index.js.map
7
-
8
- //# sourceMappingURL=index.js.map
package/lib-commonjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../lib/index.js"],"sourcesContent":["throw new Error('@fluentui/react-theme-sass package only contains SASS exports. It should never be imported in Javascript.');\nexport {};\n//# sourceMappingURL=index.js.map"],"names":["Error"],"mappings":";;;;AAAA,MAAM,IAAIA,MAAM,6GAA6G;CAE7H,iCAAiC"}
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,6GAA6G"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-theme-sass",
3
- "version": "9.0.0-alpha.12",
3
+ "version": "9.0.0-alpha.14",
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",
@@ -20,11 +20,12 @@
20
20
  "lint": "just-scripts lint",
21
21
  "test": "jest --passWithNoTests",
22
22
  "type-check": "tsc -b tsconfig.json",
23
- "generate-api": "just-scripts generate-api"
23
+ "generate-api": "just-scripts generate-api",
24
+ "test-ssr": "test-ssr \"./stories/**/*.stories.tsx\""
24
25
  },
25
26
  "devDependencies": {
26
27
  "@fluentui/eslint-plugin": "*",
27
- "@fluentui/react-theme": "^9.1.8",
28
+ "@fluentui/react-theme": "*",
28
29
  "@fluentui/scripts-api-extractor": "*",
29
30
  "@fluentui/scripts-tasks": "*"
30
31
  },
package/sass/colorPaletteTokens.scss CHANGED
@@ -182,3 +182,36 @@ $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
+ $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);
@@ -108,6 +110,8 @@ $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);
111
115
  $colorBrandBackgroundInverted: var(--colorBrandBackgroundInverted);
112
116
  $colorBrandBackgroundInvertedHover: var(--colorBrandBackgroundInvertedHover);
113
117
  $colorBrandBackgroundInvertedPressed: var(--colorBrandBackgroundInvertedPressed);
@@ -122,6 +126,7 @@ $colorNeutralStroke1Pressed: var(--colorNeutralStroke1Pressed);
122
126
  $colorNeutralStroke1Selected: var(--colorNeutralStroke1Selected);
123
127
  $colorNeutralStroke2: var(--colorNeutralStroke2);
124
128
  $colorNeutralStroke3: var(--colorNeutralStroke3);
129
+ $colorNeutralStrokeSubtle: var(--colorNeutralStrokeSubtle);
125
130
  $colorNeutralStrokeOnBrand: var(--colorNeutralStrokeOnBrand);
126
131
  $colorNeutralStrokeOnBrand2: var(--colorNeutralStrokeOnBrand2);
127
132
  $colorNeutralStrokeOnBrand2Hover: var(--colorNeutralStrokeOnBrand2Hover);
@@ -129,6 +134,9 @@ $colorNeutralStrokeOnBrand2Pressed: var(--colorNeutralStrokeOnBrand2Pressed);
129
134
  $colorNeutralStrokeOnBrand2Selected: var(--colorNeutralStrokeOnBrand2Selected);
130
135
  $colorBrandStroke1: var(--colorBrandStroke1);
131
136
  $colorBrandStroke2: var(--colorBrandStroke2);
137
+ $colorBrandStroke2Hover: var(--colorBrandStroke2Hover);
138
+ $colorBrandStroke2Pressed: var(--colorBrandStroke2Pressed);
139
+ $colorBrandStroke2Contrast: var(--colorBrandStroke2Contrast);
132
140
  $colorCompoundBrandStroke: var(--colorCompoundBrandStroke);
133
141
  $colorCompoundBrandStrokeHover: var(--colorCompoundBrandStrokeHover);
134
142
  $colorCompoundBrandStrokePressed: var(--colorCompoundBrandStrokePressed);
@@ -138,6 +146,7 @@ $colorTransparentStroke: var(--colorTransparentStroke);
138
146
  $colorTransparentStrokeInteractive: var(--colorTransparentStrokeInteractive);
139
147
  $colorTransparentStrokeDisabled: var(--colorTransparentStrokeDisabled);
140
148
  $colorNeutralStrokeAlpha: var(--colorNeutralStrokeAlpha);
149
+ $colorNeutralStrokeAlpha2: var(--colorNeutralStrokeAlpha2);
141
150
  $colorStrokeFocus1: var(--colorStrokeFocus1);
142
151
  $colorStrokeFocus2: var(--colorStrokeFocus2);
143
152
  $colorNeutralShadowAmbient: var(--colorNeutralShadowAmbient);