@fluentui/react-theme 9.0.0-rc.5 → 9.0.0-rc.6

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 (83) hide show
  1. package/CHANGELOG.json +66 -1
  2. package/CHANGELOG.md +57 -41
  3. package/dist/{react-theme.d.ts → index.d.ts} +100 -1
  4. package/lib/alias/darkColor.js +14 -10
  5. package/lib/alias/darkColor.js.map +1 -1
  6. package/lib/alias/highContrastColor.js +4 -0
  7. package/lib/alias/highContrastColor.js.map +1 -1
  8. package/lib/alias/lightColor.js +4 -0
  9. package/lib/alias/lightColor.js.map +1 -1
  10. package/lib/alias/teamsDarkColor.js +14 -10
  11. package/lib/alias/teamsDarkColor.js.map +1 -1
  12. package/lib/global/brandColors.js +16 -16
  13. package/lib/global/brandColors.js.map +1 -1
  14. package/lib/global/curves.d.ts +2 -0
  15. package/lib/global/curves.js +12 -0
  16. package/lib/global/curves.js.map +1 -0
  17. package/lib/global/durations.d.ts +2 -0
  18. package/lib/global/durations.js +10 -0
  19. package/lib/global/durations.js.map +1 -0
  20. package/lib/global/index.d.ts +5 -0
  21. package/lib/global/index.js +5 -0
  22. package/lib/global/index.js.map +1 -1
  23. package/lib/global/spacings.d.ts +4 -0
  24. package/lib/global/spacings.js +40 -0
  25. package/lib/global/spacings.js.map +1 -0
  26. package/lib/global/typographyStyles.d.ts +5 -0
  27. package/lib/global/typographyStyles.js +104 -0
  28. package/lib/global/typographyStyles.js.map +1 -0
  29. package/lib/index.d.ts +2 -1
  30. package/lib/index.js +1 -0
  31. package/lib/index.js.map +1 -1
  32. package/lib/tokens.js +46 -1
  33. package/lib/tokens.js.map +1 -1
  34. package/lib/types.d.ts +89 -1
  35. package/lib/types.js.map +1 -1
  36. package/lib/utils/createDarkTheme.js +7 -0
  37. package/lib/utils/createDarkTheme.js.map +1 -1
  38. package/lib/utils/createHighContrastTheme.js +7 -0
  39. package/lib/utils/createHighContrastTheme.js.map +1 -1
  40. package/lib/utils/createLightTheme.js +7 -0
  41. package/lib/utils/createLightTheme.js.map +1 -1
  42. package/lib/utils/createTeamsDarkTheme.js +7 -0
  43. package/lib/utils/createTeamsDarkTheme.js.map +1 -1
  44. package/lib-commonjs/alias/darkColor.js +14 -10
  45. package/lib-commonjs/alias/darkColor.js.map +1 -1
  46. package/lib-commonjs/alias/highContrastColor.js +4 -0
  47. package/lib-commonjs/alias/highContrastColor.js.map +1 -1
  48. package/lib-commonjs/alias/lightColor.js +4 -0
  49. package/lib-commonjs/alias/lightColor.js.map +1 -1
  50. package/lib-commonjs/alias/teamsDarkColor.js +14 -10
  51. package/lib-commonjs/alias/teamsDarkColor.js.map +1 -1
  52. package/lib-commonjs/global/brandColors.js +16 -16
  53. package/lib-commonjs/global/brandColors.js.map +1 -1
  54. package/lib-commonjs/global/curves.d.ts +2 -0
  55. package/lib-commonjs/global/curves.js +18 -0
  56. package/lib-commonjs/global/curves.js.map +1 -0
  57. package/lib-commonjs/global/durations.d.ts +2 -0
  58. package/lib-commonjs/global/durations.js +16 -0
  59. package/lib-commonjs/global/durations.js.map +1 -0
  60. package/lib-commonjs/global/index.d.ts +5 -0
  61. package/lib-commonjs/global/index.js +10 -0
  62. package/lib-commonjs/global/index.js.map +1 -1
  63. package/lib-commonjs/global/spacings.d.ts +4 -0
  64. package/lib-commonjs/global/spacings.js +46 -0
  65. package/lib-commonjs/global/spacings.js.map +1 -0
  66. package/lib-commonjs/global/typographyStyles.d.ts +5 -0
  67. package/lib-commonjs/global/typographyStyles.js +112 -0
  68. package/lib-commonjs/global/typographyStyles.js.map +1 -0
  69. package/lib-commonjs/index.d.ts +2 -1
  70. package/lib-commonjs/index.js +10 -1
  71. package/lib-commonjs/index.js.map +1 -1
  72. package/lib-commonjs/tokens.js +46 -1
  73. package/lib-commonjs/tokens.js.map +1 -1
  74. package/lib-commonjs/types.d.ts +89 -1
  75. package/lib-commonjs/utils/createDarkTheme.js +10 -0
  76. package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
  77. package/lib-commonjs/utils/createHighContrastTheme.js +10 -0
  78. package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
  79. package/lib-commonjs/utils/createLightTheme.js +10 -0
  80. package/lib-commonjs/utils/createLightTheme.js.map +1 -1
  81. package/lib-commonjs/utils/createTeamsDarkTheme.js +10 -0
  82. package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
  83. package/package.json +3 -3
package/CHANGELOG.json CHANGED
@@ -2,7 +2,72 @@
2
2
  "name": "@fluentui/react-theme",
3
3
  "entries": [
4
4
  {
5
- "date": "Tue, 19 Apr 2022 19:14:12 GMT",
5
+ "date": "Wed, 04 May 2022 13:24:01 GMT",
6
+ "tag": "@fluentui/react-theme_v9.0.0-rc.6",
7
+ "version": "9.0.0-rc.6",
8
+ "comments": {
9
+ "prerelease": [
10
+ {
11
+ "author": "gcox@microsoft.com",
12
+ "package": "@fluentui/react-theme",
13
+ "commit": "27ba5613b1253801c3ae4e2aba0fc9eb2ae464b8",
14
+ "comment": "Add px suffix to spacings"
15
+ },
16
+ {
17
+ "author": "gcox@microsoft.com",
18
+ "package": "@fluentui/react-theme",
19
+ "commit": "75ad2567f62e804a8deb3ea6016ba8a674c45627",
20
+ "comment": "Fixed typo in typography"
21
+ },
22
+ {
23
+ "author": "gcox@microsoft.com",
24
+ "package": "@fluentui/react-theme",
25
+ "commit": "7ad290b51135cb84c84e7dd8771bd712892c7484",
26
+ "comment": "Fixed line-height in title2"
27
+ },
28
+ {
29
+ "author": "gcox@microsoft.com",
30
+ "package": "@fluentui/react-theme",
31
+ "commit": "57583bfffa6bf28be389dec6c642f36ed253ecdd",
32
+ "comment": "Added global theme types and tokens"
33
+ },
34
+ {
35
+ "author": "miroslav.stastny@microsoft.com",
36
+ "package": "@fluentui/react-theme",
37
+ "commit": "3e0ff753cbb3375f28477b2249ecd8b012e2e946",
38
+ "comment": "fix(react-theme): Update CompoundBrandBackground and BrandStroke1"
39
+ },
40
+ {
41
+ "author": "gcox@microsoft.com",
42
+ "package": "@fluentui/react-theme",
43
+ "commit": "354c4f6290d7957345fd53a8f26c8f5472ff92db",
44
+ "comment": "Add base font family per figma"
45
+ },
46
+ {
47
+ "author": "gcox@microsoft.com",
48
+ "package": "@fluentui/react-theme",
49
+ "commit": "78da3be7484d156379a105048c535767f7e1b85f",
50
+ "comment": "Added typeography styles"
51
+ },
52
+ {
53
+ "author": "miroslav.stastny@microsoft.com",
54
+ "package": "@fluentui/react-theme",
55
+ "commit": "e45629a0978492d5a8a44934f5263e47862ac8b3",
56
+ "comment": "feat(react-theme): Add colorNeutralForeground2Link color tokens"
57
+ }
58
+ ],
59
+ "none": [
60
+ {
61
+ "author": "tristan.watanabe@gmail.com",
62
+ "package": "@fluentui/react-theme",
63
+ "commit": "8ec3d32fa26e6cf803ab9d18671fd51ba06c74ab",
64
+ "comment": "react-theme: Move to new common folder."
65
+ }
66
+ ]
67
+ }
68
+ },
69
+ {
70
+ "date": "Tue, 19 Apr 2022 19:17:02 GMT",
6
71
  "tag": "@fluentui/react-theme_v9.0.0-rc.5",
7
72
  "version": "9.0.0-rc.5",
8
73
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,28 @@
1
1
  # Change Log - @fluentui/react-theme
2
2
 
3
- This log was last generated on Tue, 19 Apr 2022 19:14:12 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 04 May 2022 13:24:01 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.0.0-rc.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-rc.6)
8
+
9
+ Wed, 04 May 2022 13:24:01 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-rc.5..@fluentui/react-theme_v9.0.0-rc.6)
11
+
12
+ ### Changes
13
+
14
+ - Add px suffix to spacings ([PR #22722](https://github.com/microsoft/fluentui/pull/22722) by gcox@microsoft.com)
15
+ - Fixed typo in typography ([PR #22625](https://github.com/microsoft/fluentui/pull/22625) by gcox@microsoft.com)
16
+ - Fixed line-height in title2 ([PR #22716](https://github.com/microsoft/fluentui/pull/22716) by gcox@microsoft.com)
17
+ - Added global theme types and tokens ([PR #22607](https://github.com/microsoft/fluentui/pull/22607) by gcox@microsoft.com)
18
+ - fix(react-theme): Update CompoundBrandBackground and BrandStroke1 ([PR #22751](https://github.com/microsoft/fluentui/pull/22751) by miroslav.stastny@microsoft.com)
19
+ - Add base font family per figma ([PR #22627](https://github.com/microsoft/fluentui/pull/22627) by gcox@microsoft.com)
20
+ - Added typeography styles ([PR #22610](https://github.com/microsoft/fluentui/pull/22610) by gcox@microsoft.com)
21
+ - feat(react-theme): Add colorNeutralForeground2Link color tokens ([PR #22570](https://github.com/microsoft/fluentui/pull/22570) by miroslav.stastny@microsoft.com)
22
+
7
23
  ## [9.0.0-rc.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-rc.5)
8
24
 
9
- Tue, 19 Apr 2022 19:14:12 GMT
25
+ Tue, 19 Apr 2022 19:17:02 GMT
10
26
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-rc.4..@fluentui/react-theme_v9.0.0-rc.5)
11
27
 
12
28
  ### Changes
@@ -16,7 +32,7 @@ Tue, 19 Apr 2022 19:14:12 GMT
16
32
 
17
33
  ## [9.0.0-rc.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-rc.4)
18
34
 
19
- Fri, 04 Mar 2022 05:17:31 GMT
35
+ Fri, 04 Mar 2022 05:17:31 GMT
20
36
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-rc.3..@fluentui/react-theme_v9.0.0-rc.4)
21
37
 
22
38
  ### Changes
@@ -25,7 +41,7 @@ Fri, 04 Mar 2022 05:17:31 GMT
25
41
 
26
42
  ## [9.0.0-rc.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-rc.3)
27
43
 
28
- Fri, 18 Feb 2022 13:35:36 GMT
44
+ Fri, 18 Feb 2022 13:35:36 GMT
29
45
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-rc.1..@fluentui/react-theme_v9.0.0-rc.3)
30
46
 
31
47
  ### Changes
@@ -34,7 +50,7 @@ Fri, 18 Feb 2022 13:35:36 GMT
34
50
 
35
51
  ## [9.0.0-rc.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-rc.1)
36
52
 
37
- Thu, 10 Feb 2022 08:51:02 GMT
53
+ Thu, 10 Feb 2022 08:51:02 GMT
38
54
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-beta.4..@fluentui/react-theme_v9.0.0-rc.1)
39
55
 
40
56
  ### Changes
@@ -51,7 +67,7 @@ Thu, 10 Feb 2022 08:51:02 GMT
51
67
 
52
68
  ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-beta.4)
53
69
 
54
- Thu, 25 Nov 2021 08:34:16 GMT
70
+ Thu, 25 Nov 2021 08:34:16 GMT
55
71
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-beta.3..@fluentui/react-theme_v9.0.0-beta.4)
56
72
 
57
73
  ### Changes
@@ -60,7 +76,7 @@ Thu, 25 Nov 2021 08:34:16 GMT
60
76
 
61
77
  ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-beta.3)
62
78
 
63
- Fri, 12 Nov 2021 13:25:09 GMT
79
+ Fri, 12 Nov 2021 13:25:09 GMT
64
80
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-beta.2..@fluentui/react-theme_v9.0.0-beta.3)
65
81
 
66
82
  ### Changes
@@ -70,7 +86,7 @@ Fri, 12 Nov 2021 13:25:09 GMT
70
86
 
71
87
  ## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-beta.2)
72
88
 
73
- Wed, 27 Oct 2021 12:14:23 GMT
89
+ Wed, 27 Oct 2021 12:14:23 GMT
74
90
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-beta.1..@fluentui/react-theme_v9.0.0-beta.2)
75
91
 
76
92
  ### Changes
@@ -80,7 +96,7 @@ Wed, 27 Oct 2021 12:14:23 GMT
80
96
 
81
97
  ## [9.0.0-beta.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-beta.1)
82
98
 
83
- Wed, 06 Oct 2021 10:37:22 GMT
99
+ Wed, 06 Oct 2021 10:37:22 GMT
84
100
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.26..@fluentui/react-theme_v9.0.0-beta.1)
85
101
 
86
102
  ### Changes
@@ -89,7 +105,7 @@ Wed, 06 Oct 2021 10:37:22 GMT
89
105
 
90
106
  ## [9.0.0-alpha.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.26)
91
107
 
92
- Fri, 01 Oct 2021 14:13:08 GMT
108
+ Fri, 01 Oct 2021 14:13:08 GMT
93
109
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.24..@fluentui/react-theme_v9.0.0-alpha.26)
94
110
 
95
111
  ### Changes
@@ -98,7 +114,7 @@ Fri, 01 Oct 2021 14:13:08 GMT
98
114
 
99
115
  ## [9.0.0-alpha.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.24)
100
116
 
101
- Wed, 29 Sep 2021 08:06:11 GMT
117
+ Wed, 29 Sep 2021 08:06:11 GMT
102
118
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.23..@fluentui/react-theme_v9.0.0-alpha.24)
103
119
 
104
120
  ### Changes
@@ -107,7 +123,7 @@ Wed, 29 Sep 2021 08:06:11 GMT
107
123
 
108
124
  ## [9.0.0-alpha.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.23)
109
125
 
110
- Tue, 21 Sep 2021 07:42:34 GMT
126
+ Tue, 21 Sep 2021 07:42:34 GMT
111
127
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.22..@fluentui/react-theme_v9.0.0-alpha.23)
112
128
 
113
129
  ### Changes
@@ -116,7 +132,7 @@ Tue, 21 Sep 2021 07:42:34 GMT
116
132
 
117
133
  ## [9.0.0-alpha.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.22)
118
134
 
119
- Tue, 24 Aug 2021 07:34:48 GMT
135
+ Tue, 24 Aug 2021 07:34:48 GMT
120
136
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.21..@fluentui/react-theme_v9.0.0-alpha.22)
121
137
 
122
138
  ### Changes
@@ -125,7 +141,7 @@ Tue, 24 Aug 2021 07:34:48 GMT
125
141
 
126
142
  ## [9.0.0-alpha.21](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.21)
127
143
 
128
- Fri, 20 Aug 2021 07:37:28 GMT
144
+ Fri, 20 Aug 2021 07:37:28 GMT
129
145
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.20..@fluentui/react-theme_v9.0.0-alpha.21)
130
146
 
131
147
  ### Changes
@@ -134,7 +150,7 @@ Fri, 20 Aug 2021 07:37:28 GMT
134
150
 
135
151
  ## [9.0.0-alpha.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.20)
136
152
 
137
- Tue, 03 Aug 2021 07:39:30 GMT
153
+ Tue, 03 Aug 2021 07:39:30 GMT
138
154
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.19..@fluentui/react-theme_v9.0.0-alpha.20)
139
155
 
140
156
  ### Patches
@@ -148,7 +164,7 @@ Tue, 03 Aug 2021 07:39:30 GMT
148
164
 
149
165
  ## [9.0.0-alpha.19](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.19)
150
166
 
151
- Mon, 26 Jul 2021 07:37:30 GMT
167
+ Mon, 26 Jul 2021 07:37:30 GMT
152
168
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.18..@fluentui/react-theme_v9.0.0-alpha.19)
153
169
 
154
170
  ### Changes
@@ -157,7 +173,7 @@ Mon, 26 Jul 2021 07:37:30 GMT
157
173
 
158
174
  ## [9.0.0-alpha.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.18)
159
175
 
160
- Fri, 23 Jul 2021 07:38:19 GMT
176
+ Fri, 23 Jul 2021 07:38:19 GMT
161
177
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.17..@fluentui/react-theme_v9.0.0-alpha.18)
162
178
 
163
179
  ### Changes
@@ -166,7 +182,7 @@ Fri, 23 Jul 2021 07:38:19 GMT
166
182
 
167
183
  ## [9.0.0-alpha.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.17)
168
184
 
169
- Fri, 09 Jul 2021 07:39:31 GMT
185
+ Fri, 09 Jul 2021 07:39:31 GMT
170
186
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.16..@fluentui/react-theme_v9.0.0-alpha.17)
171
187
 
172
188
  ### Patches
@@ -176,7 +192,7 @@ Fri, 09 Jul 2021 07:39:31 GMT
176
192
 
177
193
  ## [9.0.0-alpha.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.16)
178
194
 
179
- Fri, 02 Jul 2021 07:37:06 GMT
195
+ Fri, 02 Jul 2021 07:37:06 GMT
180
196
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.15..@fluentui/react-theme_v9.0.0-alpha.16)
181
197
 
182
198
  ### Changes
@@ -185,7 +201,7 @@ Fri, 02 Jul 2021 07:37:06 GMT
185
201
 
186
202
  ## [9.0.0-alpha.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.15)
187
203
 
188
- Mon, 07 Jun 2021 07:38:15 GMT
204
+ Mon, 07 Jun 2021 07:38:15 GMT
189
205
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.14..@fluentui/react-theme_v9.0.0-alpha.15)
190
206
 
191
207
  ### Patches
@@ -195,7 +211,7 @@ Mon, 07 Jun 2021 07:38:15 GMT
195
211
 
196
212
  ## [9.0.0-alpha.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.14)
197
213
 
198
- Thu, 03 Jun 2021 07:36:03 GMT
214
+ Thu, 03 Jun 2021 07:36:03 GMT
199
215
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.13..@fluentui/react-theme_v9.0.0-alpha.14)
200
216
 
201
217
  ### Changes
@@ -204,7 +220,7 @@ Thu, 03 Jun 2021 07:36:03 GMT
204
220
 
205
221
  ## [9.0.0-alpha.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.13)
206
222
 
207
- Thu, 20 May 2021 07:41:54 GMT
223
+ Thu, 20 May 2021 07:41:54 GMT
208
224
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.12..@fluentui/react-theme_v9.0.0-alpha.13)
209
225
 
210
226
  ### Patches
@@ -214,7 +230,7 @@ Thu, 20 May 2021 07:41:54 GMT
214
230
 
215
231
  ## [9.0.0-alpha.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.12)
216
232
 
217
- Wed, 19 May 2021 07:34:20 GMT
233
+ Wed, 19 May 2021 07:34:20 GMT
218
234
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.11..@fluentui/react-theme_v9.0.0-alpha.12)
219
235
 
220
236
  ### Changes
@@ -223,7 +239,7 @@ Wed, 19 May 2021 07:34:20 GMT
223
239
 
224
240
  ## [9.0.0-alpha.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.11)
225
241
 
226
- Thu, 13 May 2021 07:36:55 GMT
242
+ Thu, 13 May 2021 07:36:55 GMT
227
243
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.10..@fluentui/react-theme_v9.0.0-alpha.11)
228
244
 
229
245
  ### Changes
@@ -232,7 +248,7 @@ Thu, 13 May 2021 07:36:55 GMT
232
248
 
233
249
  ## [9.0.0-alpha.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.10)
234
250
 
235
- Fri, 30 Apr 2021 07:42:23 GMT
251
+ Fri, 30 Apr 2021 07:42:23 GMT
236
252
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.9..@fluentui/react-theme_v9.0.0-alpha.10)
237
253
 
238
254
  ### Patches
@@ -246,7 +262,7 @@ Fri, 30 Apr 2021 07:42:23 GMT
246
262
 
247
263
  ## [9.0.0-alpha.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.9)
248
264
 
249
- Fri, 23 Apr 2021 07:37:10 GMT
265
+ Fri, 23 Apr 2021 07:37:10 GMT
250
266
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.8..@fluentui/react-theme_v9.0.0-alpha.9)
251
267
 
252
268
  ### Patches
@@ -256,7 +272,7 @@ Fri, 23 Apr 2021 07:37:10 GMT
256
272
 
257
273
  ## [9.0.0-alpha.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.8)
258
274
 
259
- Thu, 08 Apr 2021 07:33:06 GMT
275
+ Thu, 08 Apr 2021 07:33:06 GMT
260
276
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.7..@fluentui/react-theme_v9.0.0-alpha.8)
261
277
 
262
278
  ### Changes
@@ -265,7 +281,7 @@ Thu, 08 Apr 2021 07:33:06 GMT
265
281
 
266
282
  ## [9.0.0-alpha.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.7)
267
283
 
268
- Wed, 31 Mar 2021 00:53:43 GMT
284
+ Wed, 31 Mar 2021 00:53:43 GMT
269
285
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.6..@fluentui/react-theme_v9.0.0-alpha.7)
270
286
 
271
287
  ### Patches
@@ -275,7 +291,7 @@ Wed, 31 Mar 2021 00:53:43 GMT
275
291
 
276
292
  ## [9.0.0-alpha.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.6)
277
293
 
278
- Mon, 15 Mar 2021 07:36:20 GMT
294
+ Mon, 15 Mar 2021 07:36:20 GMT
279
295
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.5..@fluentui/react-theme_v9.0.0-alpha.6)
280
296
 
281
297
  ### Changes
@@ -284,7 +300,7 @@ Mon, 15 Mar 2021 07:36:20 GMT
284
300
 
285
301
  ## [9.0.0-alpha.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.5)
286
302
 
287
- Wed, 03 Mar 2021 00:10:09 GMT
303
+ Wed, 03 Mar 2021 00:10:09 GMT
288
304
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.4..@fluentui/react-theme_v9.0.0-alpha.5)
289
305
 
290
306
  ### Changes
@@ -293,7 +309,7 @@ Wed, 03 Mar 2021 00:10:09 GMT
293
309
 
294
310
  ## [9.0.0-alpha.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.4)
295
311
 
296
- Tue, 02 Mar 2021 07:24:27 GMT
312
+ Tue, 02 Mar 2021 07:24:27 GMT
297
313
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.3..@fluentui/react-theme_v9.0.0-alpha.4)
298
314
 
299
315
  ### Changes
@@ -303,7 +319,7 @@ Tue, 02 Mar 2021 07:24:27 GMT
303
319
 
304
320
  ## [9.0.0-alpha.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.3)
305
321
 
306
- Fri, 26 Feb 2021 01:16:27 GMT
322
+ Fri, 26 Feb 2021 01:16:27 GMT
307
323
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.2..@fluentui/react-theme_v9.0.0-alpha.3)
308
324
 
309
325
  ### Patches
@@ -319,7 +335,7 @@ Fri, 26 Feb 2021 01:16:27 GMT
319
335
 
320
336
  ## [9.0.0-alpha.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.2)
321
337
 
322
- Thu, 25 Feb 2021 20:16:39 GMT
338
+ Thu, 25 Feb 2021 20:16:39 GMT
323
339
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.1..@fluentui/react-theme_v9.0.0-alpha.2)
324
340
 
325
341
  ### Changes
@@ -328,7 +344,7 @@ Thu, 25 Feb 2021 20:16:39 GMT
328
344
 
329
345
  ## [9.0.0-alpha.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.1)
330
346
 
331
- Wed, 24 Feb 2021 00:05:29 GMT
347
+ Wed, 24 Feb 2021 00:05:29 GMT
332
348
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v0.3.3..@fluentui/react-theme_v9.0.0-alpha.1)
333
349
 
334
350
  ### Changes
@@ -337,7 +353,7 @@ Wed, 24 Feb 2021 00:05:29 GMT
337
353
 
338
354
  ## [0.3.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.3.3)
339
355
 
340
- Mon, 22 Feb 2021 12:26:22 GMT
356
+ Mon, 22 Feb 2021 12:26:22 GMT
341
357
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v0.3.2..@fluentui/react-theme_v0.3.3)
342
358
 
343
359
  ### Patches
@@ -350,7 +366,7 @@ Mon, 22 Feb 2021 12:26:22 GMT
350
366
 
351
367
  ## [0.3.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.3.2)
352
368
 
353
- Thu, 18 Feb 2021 19:38:50 GMT
369
+ Thu, 18 Feb 2021 19:38:50 GMT
354
370
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v0.3.1..@fluentui/react-theme_v0.3.2)
355
371
 
356
372
  ### Patches
@@ -363,7 +379,7 @@ Thu, 18 Feb 2021 19:38:50 GMT
363
379
 
364
380
  ## [0.3.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.3.1)
365
381
 
366
- Thu, 18 Feb 2021 12:27:34 GMT
382
+ Thu, 18 Feb 2021 12:27:34 GMT
367
383
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v0.3.1..@fluentui/react-theme_v0.3.1)
368
384
 
369
385
  ### Changes
@@ -375,7 +391,7 @@ Thu, 18 Feb 2021 12:27:34 GMT
375
391
 
376
392
  ## [0.3.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.3.1)
377
393
 
378
- Mon, 15 Feb 2021 12:22:00 GMT
394
+ Mon, 15 Feb 2021 12:22:00 GMT
379
395
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v0.3.1..@fluentui/react-theme_v0.3.1)
380
396
 
381
397
  ### Changes
@@ -384,7 +400,7 @@ Mon, 15 Feb 2021 12:22:00 GMT
384
400
 
385
401
  ## [0.3.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.3.1)
386
402
 
387
- Thu, 11 Feb 2021 00:58:10 GMT
403
+ Thu, 11 Feb 2021 00:58:10 GMT
388
404
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v0.3.1..@fluentui/react-theme_v0.3.1)
389
405
 
390
406
  ### Changes
@@ -393,7 +409,7 @@ Thu, 11 Feb 2021 00:58:10 GMT
393
409
 
394
410
  ## [0.3.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.3.1)
395
411
 
396
- Tue, 09 Feb 2021 00:56:52 GMT
412
+ Tue, 09 Feb 2021 00:56:52 GMT
397
413
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v0.3.0..@fluentui/react-theme_v0.3.1)
398
414
 
399
415
  ### Patches
@@ -402,7 +418,7 @@ Tue, 09 Feb 2021 00:56:52 GMT
402
418
 
403
419
  ## [0.3.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.3.0)
404
420
 
405
- Mon, 08 Feb 2021 12:23:08 GMT
421
+ Mon, 08 Feb 2021 12:23:08 GMT
406
422
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v0.2.0..@fluentui/react-theme_v0.3.0)
407
423
 
408
424
  ### Minor changes
package/dist/{react-theme.d.ts → index.d.ts} RENAMED
@@ -140,6 +140,10 @@ export declare type ColorTokens = {
140
140
  colorBrandForegroundLinkHover: string;
141
141
  colorBrandForegroundLinkPressed: string;
142
142
  colorBrandForegroundLinkSelected: string;
143
+ colorNeutralForeground2Link: string;
144
+ colorNeutralForeground2LinkHover: string;
145
+ colorNeutralForeground2LinkPressed: string;
146
+ colorNeutralForeground2LinkSelected: string;
143
147
  colorCompoundBrandForeground1: string;
144
148
  colorCompoundBrandForeground1Hover: string;
145
149
  colorCompoundBrandForeground1Pressed: string;
@@ -263,6 +267,28 @@ export declare const createLightTheme: (brand: BrandVariants) => Theme;
263
267
 
264
268
  export declare const createTeamsDarkTheme: (brand: BrandVariants) => Theme;
265
269
 
270
+ export declare type CurveTokens = {
271
+ curveAccelerateMax: string;
272
+ curveAccelerateMid: string;
273
+ curveAccelerateMin: string;
274
+ curveDecelerateMax: string;
275
+ curveDecelerateMid: string;
276
+ curveDecelerateMin: string;
277
+ curveEasyEaseMax: string;
278
+ curveEasyEase: string;
279
+ curveLinear: string;
280
+ };
281
+
282
+ export declare type DurationTokens = {
283
+ durationUltraFast: string;
284
+ durationFaster: string;
285
+ durationFast: string;
286
+ durationNormal: string;
287
+ durationSlow: string;
288
+ durationSlower: string;
289
+ durationUltraSlow: string;
290
+ };
291
+
266
292
  export declare type FontFamilyTokens = {
267
293
  fontFamilyBase: string;
268
294
  fontFamilyMonospace: string;
@@ -288,6 +314,20 @@ export declare type FontWeightTokens = {
288
314
  fontWeightSemibold: number;
289
315
  };
290
316
 
317
+ export declare type HorizontalSpacingTokens = {
318
+ spacingHorizontalNone: string;
319
+ spacingHorizontalXXS: string;
320
+ spacingHorizontalXS: string;
321
+ spacingHorizontalSNudge: string;
322
+ spacingHorizontalS: string;
323
+ spacingHorizontalMNudge: string;
324
+ spacingHorizontalM: string;
325
+ spacingHorizontalL: string;
326
+ spacingHorizontalXL: string;
327
+ spacingHorizontalXXL: string;
328
+ spacingHorizontalXXXL: string;
329
+ };
330
+
291
331
  export declare type LineHeightTokens = {
292
332
  lineHeightBase100: string;
293
333
  lineHeightBase200: string;
@@ -324,6 +364,20 @@ export declare type ShadowTokens = {
324
364
  shadow64: string;
325
365
  };
326
366
 
367
+ export declare type SpacingTokens = {
368
+ none: string;
369
+ xxs: string;
370
+ xs: string;
371
+ sNudge: string;
372
+ s: string;
373
+ mNudge: string;
374
+ m: string;
375
+ l: string;
376
+ xl: string;
377
+ xxl: string;
378
+ xxxl: string;
379
+ };
380
+
327
381
  export declare type StrokeWidthTokens = {
328
382
  strokeWidthThin: string;
329
383
  strokeWidthThick: string;
@@ -337,7 +391,7 @@ export declare const teamsHighContrastTheme: Theme;
337
391
 
338
392
  export declare const teamsLightTheme: Theme;
339
393
 
340
- export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & ShadowTokens & ShadowBrandTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorTokens;
394
+ export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & HorizontalSpacingTokens & VerticalSpacingTokens & DurationTokens & CurveTokens & ShadowTokens & ShadowBrandTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorTokens;
341
395
 
342
396
  /**
343
397
  * Programmatically generates a tokens to css variables mapping object from the keys in a theme.
@@ -351,6 +405,51 @@ export declare function themeToTokensObject<TTheme extends Theme>(theme: TTheme)
351
405
 
352
406
  export declare const tokens: Record<keyof Theme, string>;
353
407
 
408
+ declare type TypographyStyle = {
409
+ fontFamily: string;
410
+ fontSize: string;
411
+ fontWeight: string;
412
+ lineHeight: string;
413
+ };
414
+
415
+ export declare type TypographyStyles = {
416
+ body1: TypographyStyle;
417
+ body1Strong: TypographyStyle;
418
+ body1Stronger: TypographyStyle;
419
+ caption1: TypographyStyle;
420
+ caption1Strong: TypographyStyle;
421
+ caption1Stronger: TypographyStyle;
422
+ caption2: TypographyStyle;
423
+ caption2Strong: TypographyStyle;
424
+ subtitle1: TypographyStyle;
425
+ subtitle2: TypographyStyle;
426
+ subtitle2Stronger: TypographyStyle;
427
+ title1: TypographyStyle;
428
+ title2: TypographyStyle;
429
+ title3: TypographyStyle;
430
+ largeTitle: TypographyStyle;
431
+ display: TypographyStyle;
432
+ };
433
+
434
+ /**
435
+ * Global typography styles (fontSize, fontWeight, and lineHeight)
436
+ */
437
+ export declare const typographyStyles: TypographyStyles;
438
+
439
+ export declare type VerticalSpacingTokens = {
440
+ spacingVerticalNone: string;
441
+ spacingVerticalXXS: string;
442
+ spacingVerticalXS: string;
443
+ spacingVerticalSNudge: string;
444
+ spacingVerticalS: string;
445
+ spacingVerticalMNudge: string;
446
+ spacingVerticalM: string;
447
+ spacingVerticalL: string;
448
+ spacingVerticalXL: string;
449
+ spacingVerticalXXL: string;
450
+ spacingVerticalXXXL: string;
451
+ };
452
+
354
453
  export declare const webDarkTheme: Theme;
355
454
 
356
455
  export declare const webHighContrastTheme: Theme;
package/lib/alias/darkColor.js CHANGED
@@ -21,13 +21,17 @@ export const generateColorTokens = brand => ({
21
21
  colorNeutralForeground4: grey[60],
22
22
  colorNeutralForegroundDisabled: grey[36],
23
23
  colorNeutralForegroundInvertedDisabled: whiteAlpha[40],
24
- colorBrandForegroundLink: brand[90],
24
+ colorBrandForegroundLink: brand[100],
25
25
  colorBrandForegroundLinkHover: brand[110],
26
- colorBrandForegroundLinkPressed: brand[100],
27
- colorBrandForegroundLinkSelected: brand[90],
28
- colorCompoundBrandForeground1: brand[90],
29
- colorCompoundBrandForeground1Hover: brand[100],
30
- colorCompoundBrandForeground1Pressed: brand[80],
26
+ colorBrandForegroundLinkPressed: brand[90],
27
+ colorBrandForegroundLinkSelected: brand[100],
28
+ colorNeutralForeground2Link: grey[84],
29
+ colorNeutralForeground2LinkHover: white,
30
+ colorNeutralForeground2LinkPressed: white,
31
+ colorNeutralForeground2LinkSelected: white,
32
+ colorCompoundBrandForeground1: brand[100],
33
+ colorCompoundBrandForeground1Hover: brand[110],
34
+ colorCompoundBrandForeground1Pressed: brand[90],
31
35
  colorBrandForeground1: brand[100],
32
36
  colorBrandForeground2: brand[110],
33
37
  colorNeutralForeground1Static: grey[14],
@@ -94,9 +98,9 @@ export const generateColorTokens = brand => ({
94
98
  colorBrandBackgroundHover: brand[80],
95
99
  colorBrandBackgroundPressed: brand[40],
96
100
  colorBrandBackgroundSelected: brand[60],
97
- colorCompoundBrandBackground: brand[90],
98
- colorCompoundBrandBackgroundHover: brand[100],
99
- colorCompoundBrandBackgroundPressed: brand[80],
101
+ colorCompoundBrandBackground: brand[100],
102
+ colorCompoundBrandBackgroundHover: brand[110],
103
+ colorCompoundBrandBackgroundPressed: brand[90],
100
104
  colorBrandBackgroundStatic: brand[80],
101
105
  colorBrandBackground2: brand[40],
102
106
  colorBrandBackgroundInverted: white,
@@ -118,7 +122,7 @@ export const generateColorTokens = brand => ({
118
122
  colorNeutralStrokeOnBrand2Hover: white,
119
123
  colorNeutralStrokeOnBrand2Pressed: white,
120
124
  colorNeutralStrokeOnBrand2Selected: white,
121
- colorBrandStroke1: brand[90],
125
+ colorBrandStroke1: brand[100],
122
126
  colorBrandStroke2: brand[50],
123
127
  colorCompoundBrandStroke: brand[90],
124
128
  colorCompoundBrandStrokeHover: brand[100],