office-ui-fabric-rails 2.6.1.0 → 3.0.0.0.beta1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (35) hide show
  1. checksums.yaml +4 -4
  2. data/bower.json +3 -3
  3. data/lib/office-ui-fabric-rails/version.rb +2 -2
  4. data/vendor/assets/css/fabric.components.css +1545 -2504
  5. data/vendor/assets/css/fabric.components.min.css +2 -2
  6. data/vendor/assets/css/fabric.components.rtl.css +1499 -2425
  7. data/vendor/assets/css/fabric.components.rtl.min.css +2 -2
  8. data/vendor/assets/css/fabric.css +57 -802
  9. data/vendor/assets/css/fabric.min.css +2 -2
  10. data/vendor/assets/css/fabric.rtl.css +496 -800
  11. data/vendor/assets/css/fabric.rtl.min.css +2 -2
  12. data/vendor/assets/js/fabric.js +5177 -0
  13. data/vendor/assets/js/fabric.min.js +4 -0
  14. data/vendor/assets/js/fabric.templates.js +1942 -0
  15. data/vendor/assets/js/fabric.templates.ts +1832 -0
  16. data/vendor/assets/scss/Fabric.Components.scss +6 -3
  17. data/vendor/assets/scss/Fabric.Icons.Output.scss +6 -0
  18. data/vendor/assets/scss/Fabric.RTL.scss +0 -3
  19. data/vendor/assets/scss/Fabric.Typography.Fonts.Extended.Output.scss +67 -0
  20. data/vendor/assets/scss/Fabric.Typography.Fonts.Output.scss +0 -63
  21. data/vendor/assets/scss/Fabric.Typography.Language.Overrides.Output.scss +32 -35
  22. data/vendor/assets/scss/Fabric.Typography.Output.scss +1 -1
  23. data/vendor/assets/scss/Fabric.scss +0 -4
  24. data/vendor/assets/scss/_Fabric.Common.scss +0 -1
  25. data/vendor/assets/scss/_Fabric.Icons.scss +6 -0
  26. data/vendor/assets/scss/_Fabric.Mixins.RTL.scss +13 -3
  27. data/vendor/assets/scss/_Fabric.Typography.Fonts.scss +19 -22
  28. data/vendor/assets/scss/_Fabric.Typography.Language.Overrides.scss +10 -78
  29. data/vendor/assets/scss/_Fabric.Typography.Variables.scss +6 -4
  30. data/vendor/assets/scss/_Fabric.Typography.scss +26 -37
  31. data/vendor/assets/scss/_Fabric.Utilities.scss +0 -1
  32. metadata +9 -7
  33. data/vendor/assets/js/jquery.fabric.js +0 -2451
  34. data/vendor/assets/js/jquery.fabric.min.js +0 -2
  35. data/vendor/assets/scss/_Office.Color.Variables.scss +0 -34
data/vendor/assets/scss/Fabric.Components.scss CHANGED
@@ -3,20 +3,23 @@
3
3
  @import '../components/Breadcrumb/Breadcrumb';
4
4
  @import '../components/Button/Button';
5
5
  @import '../components/Callout/Callout';
6
- @import '../components/ChoiceField/ChoiceField';
6
+ @import '../components/CheckBox/CheckBox';
7
+ @import '../components/RadioButton/RadioButton';
8
+ @import '../components/ChoiceFieldGroup/ChoiceFieldGroup';
7
9
  @import '../components/CommandBar/CommandBar';
10
+ @import '../components/CommandButton/CommandButton';
8
11
  @import '../components/ContextualMenu/ContextualMenu';
9
12
  @import '../components/DatePicker/DatePicker';
10
13
  @import '../components/Dialog/Dialog';
11
14
  @import '../components/Dropdown/Dropdown';
12
- @import '../components/Facepile/Facepile';
15
+ @import '../components/FacePile/FacePile';
13
16
  @import '../components/Label/Label';
14
17
  @import '../components/Link/Link';
15
18
  @import '../components/List/List';
16
19
  @import '../components/ListItem/ListItem';
17
20
  @import '../components/MessageBanner/MessageBanner';
21
+ @import '../components/ContextualHost/ContextualHost';
18
22
  @import '../components/MessageBar/MessageBar';
19
- @import '../components/NavBar/NavBar';
20
23
  @import '../components/OrgChart/OrgChart';
21
24
  @import '../components/Overlay/Overlay';
22
25
  @import '../components/Panel/Panel';
data/vendor/assets/scss/Fabric.Icons.Output.scss CHANGED
@@ -355,6 +355,12 @@
355
355
  .ms-Icon--pictureEdit:before { @include ms-Icon--pictureEdit; }
356
356
  .ms-Icon--protectionCenter:before { @include ms-Icon--protectionCenter; }
357
357
  .ms-Icon--alert2:before { @include ms-Icon--alert2; }
358
+ .ms-Icon--skypeCircleCheck:before { @include ms-Icon--skypeCircleCheck; }
359
+ .ms-Icon--skypeCircleClock:before { @include ms-Icon--skypeCircleClock; }
360
+ .ms-Icon--skypeCircleMinus:before { @include ms-Icon--skypeCircleMinus; }
361
+ .ms-Icon--skypeCheck:before { @include ms-Icon--skypeCheck; }
362
+ .ms-Icon--skypeClock:before { @include ms-Icon--skypeClock; }
363
+ .ms-Icon--skypeMinus:before { @include ms-Icon--skypeMinus; }
358
364
 
359
365
  //*-- end
360
366
  // Modifier: Place the icon in a circle.
data/vendor/assets/scss/Fabric.RTL.scss CHANGED
@@ -34,6 +34,3 @@
34
34
 
35
35
  // Grid
36
36
  @import './Fabric.Grid.Output';
37
-
38
- // Office colors
39
- @import './Office.Color.Variables';
data/vendor/assets/scss/Fabric.Typography.Fonts.Extended.Output.scss ADDED
@@ -0,0 +1,67 @@
1
+ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
2
+
3
+ //
4
+ // Office UI Fabric
5
+ // --------------------------------------------------
6
+
7
+ // Additional @font-face rules for the Leelawadee font.
8
+ @font-face {
9
+ font-family: "Leelawadee UI";
10
+ src: local('Leelawadee UI Bold'),
11
+ url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Bold.woff2') format('woff2'),
12
+ url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Bold.woff') format('woff'),
13
+ url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Bold.ttf') format('truetype');
14
+ font-weight: 600;
15
+ font-style: normal;
16
+ }
17
+
18
+ @font-face {
19
+ font-family: "Leelawadee UI";
20
+ src: local('Leelawadee UI Regular'),
21
+ url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Regular.woff2') format('woff2'),
22
+ url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Regular.woff') format('woff'),
23
+ url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Regular.ttf') format('truetype');
24
+ font-weight: 400;
25
+ font-style: normal;
26
+ }
27
+
28
+ @font-face {
29
+ font-family: "Leelawadee UI";
30
+ src: local('Leelawadee UI Semilight'),
31
+ url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Semilight.woff2') format('woff2'),
32
+ url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Semilight.woff') format('woff'),
33
+ url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Semilight.ttf') format('truetype');
34
+ font-weight: 300;
35
+ font-style: normal;
36
+ }
37
+
38
+ // Mixins to generate language-specific font faces.
39
+ @include SegoeUIArabicLight;
40
+ @include SegoeUIArabicRegular;
41
+ @include SegoeUIArabicSemibold;
42
+ @include SegoeUIArabicSemilight;
43
+
44
+ @include SegoeUICyrillicLight;
45
+ @include SegoeUICyrillicRegular;
46
+ @include SegoeUICyrillicSemibold;
47
+ @include SegoeUICyrillicSemilight;
48
+
49
+ @include SegoeUIEastEuropeanLight;
50
+ @include SegoeUIEastEuropeanRegular;
51
+ @include SegoeUIEastEuropeanSemibold;
52
+ @include SegoeUIEastEuropeanSemilight;
53
+
54
+ @include SegoeUIGreekLight;
55
+ @include SegoeUIGreekRegular;
56
+ @include SegoeUIGreekSemibold;
57
+ @include SegoeUIGreekSemilight;
58
+
59
+ @include SegoeUIHebrewLight;
60
+ @include SegoeUIHebrewRegular;
61
+ @include SegoeUIHebrewSemibold;
62
+ @include SegoeUIHebrewSemilight;
63
+
64
+ @include SegoeUIVietnameseLight;
65
+ @include SegoeUIVietnameseRegular;
66
+ @include SegoeUIVietnameseSemibold;
67
+ @include SegoeUIVietnameseSemilight;
data/vendor/assets/scss/Fabric.Typography.Fonts.Output.scss CHANGED
@@ -7,69 +7,6 @@
7
7
 
8
8
  @import "Fabric.Typography.Fonts";
9
9
 
10
- // Additional @font-face rules for the Leelawadee font.
11
- @font-face {
12
- font-family: "Leelawadee UI Bold";
13
- src: url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Bold.eot?#iefix') format('embedded-opentype'),
14
- url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Bold.woff') format('woff'),
15
- url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Bold.ttf') format('truetype'),
16
- url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Bold#LeelawadeeUI-Bold') format('svg');
17
- font-weight: normal;
18
- font-style: normal;
19
- }
20
-
21
- @font-face {
22
- font-family: "Leelawadee UI";
23
- src: url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Regular.eot?#iefix') format('embedded-opentype'),
24
- url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Regular.woff') format('woff'),
25
- url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Regular.ttf') format('truetype'),
26
- url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Regular#LeelawadeeUI-Regular') format('svg');
27
- font-weight: normal;
28
- font-style: normal;
29
- }
30
-
31
- @font-face {
32
- font-family: "Leelawadee UI Semilight";
33
- src: url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Semilight.eot?#iefix') format('embedded-opentype'),
34
- url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Semilight.woff') format('woff'),
35
- url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Semilight.ttf') format('truetype'),
36
- url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Semilight#LeelawadeeUI-Semilight') format('svg');
37
- font-weight: normal;
38
- font-style: normal;
39
- }
40
-
41
-
42
- // Mixins to generate language-specific font faces.
43
- @include SegoeUIArabicLight;
44
- @include SegoeUIArabicRegular;
45
- @include SegoeUIArabicSemibold;
46
- @include SegoeUIArabicSemilight;
47
-
48
- @include SegoeUICyrillicLight;
49
- @include SegoeUICyrillicRegular;
50
- @include SegoeUICyrillicSemibold;
51
- @include SegoeUICyrillicSemilight;
52
-
53
- @include SegoeUIEastEuropeanLight;
54
- @include SegoeUIEastEuropeanRegular;
55
- @include SegoeUIEastEuropeanSemibold;
56
- @include SegoeUIEastEuropeanSemilight;
57
-
58
- @include SegoeUIGreekLight;
59
- @include SegoeUIGreekRegular;
60
- @include SegoeUIGreekSemibold;
61
- @include SegoeUIGreekSemilight;
62
-
63
- @include SegoeUIHebrewLight;
64
- @include SegoeUIHebrewRegular;
65
- @include SegoeUIHebrewSemibold;
66
- @include SegoeUIHebrewSemilight;
67
-
68
- @include SegoeUIVietnameseLight;
69
- @include SegoeUIVietnameseRegular;
70
- @include SegoeUIVietnameseSemibold;
71
- @include SegoeUIVietnameseSemilight;
72
-
73
10
  @include SegoeUIWestEuropeanLight;
74
11
  @include SegoeUIWestEuropeanRegular;
75
12
  @include SegoeUIWestEuropeanSemibold;
data/vendor/assets/scss/Fabric.Typography.Language.Overrides.Output.scss CHANGED
@@ -3,54 +3,51 @@
3
3
  //
4
4
  // Office UI Fabric
5
5
  // --------------------------------------------------
6
- // Language override definitions
6
+ // Language override definitions using ISO 639-3 language codes
7
7
 
8
8
  @import "./Fabric.Typography.Language.Overrides";
9
9
 
10
10
  // Generate the override classes for non-distributed fonts.
11
- @include language-override-system-fonts(ja-JP, $ms-font-stack-japanese);
12
- @include language-override-system-fonts(ko-KR, $ms-font-stack-korean);
13
- @include language-override-system-fonts(ch-ZHS, $ms-font-stack-chinese-simplified);
14
- @include language-override-system-fonts(ch-ZHT, $ms-font-stack-chinese-traditional);
15
- @include language-override-system-fonts(hi-IN, $ms-font-stack-hindi);
11
+ @include language-override-system-fonts(jpn, $ms-font-stack-japanese);
12
+ @include language-override-system-fonts(kor, $ms-font-stack-korean);
13
+ @include language-override-system-fonts(cmn, $ms-font-stack-chinese-simplified);
14
+ @include language-override-system-fonts(yue, $ms-font-stack-chinese-traditional);
15
+ @include language-override-system-fonts(hin, $ms-font-stack-hindi);
16
16
 
17
17
  // Generate the override classes for web fonts.
18
- // Leelawadee
19
- // th-TH
20
- @include language-override-web-fonts(th-TH, $ms-font-family-semilight-leelawadee, $ms-font-family-semilight-leelawadee, $ms-font-family-regular-leelawadee, $ms-font-family-semibold-leelawadee);
18
+ // Thai (Leelawadee)
19
+ // tha
20
+ @include language-override-system-fonts(tha, $ms-font-stack-leelawadee);
21
21
 
22
22
  // Arabic
23
- // ar
24
- @include language-override-web-fonts(ar, $ms-font-family-light-arabic, $ms-font-family-semilight-arabic, $ms-font-family-regular-arabic, $ms-font-family-semibold-arabic);
25
-
26
- // Cyrillic
27
- // bg-BG, ru-RU, uk-UA
28
- @include language-override-web-fonts(bg-BG, $ms-font-family-light-cyrillic, $ms-font-family-semilight-cyrillic, $ms-font-family-regular-cyrillic, $ms-font-family-semibold-cyrillic);
29
- @include language-override-web-fonts(ru-RU, $ms-font-family-light-cyrillic, $ms-font-family-semilight-cyrillic, $ms-font-family-regular-cyrillic, $ms-font-family-semibold-cyrillic);
30
- @include language-override-web-fonts(uk-UA, $ms-font-family-light-cyrillic, $ms-font-family-semilight-cyrillic, $ms-font-family-regular-cyrillic, $ms-font-family-semibold-cyrillic);
23
+ // ara
24
+ @include language-override-system-fonts(ara, $ms-font-stack-arabic);
31
25
 
32
26
  // East European
33
- // cs-CZ, et-EE, hr-HR, hu-HU, lt-LT, pl-PL, lt-sr-SP, tr-TR, sk-SK, kk-KZ
34
- @include language-override-web-fonts(cs-CZ, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
35
- @include language-override-web-fonts(et-EE, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
36
- @include language-override-web-fonts(hr-HR, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
37
- @include language-override-web-fonts(hu-HU, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
38
- @include language-override-web-fonts(lt-LT, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
39
- @include language-override-web-fonts(lv-LV, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
40
- @include language-override-web-fonts(pl-PL, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
41
- @include language-override-web-fonts(lt-sr-SP, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
42
- @include language-override-web-fonts(tr-TR, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
43
- @include language-override-web-fonts(sk-SK, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
44
- @include language-override-web-fonts(kk-KZ, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
27
+ // ces, et, hrv, hun, lit, pl, lat, tur, slk, kaz
28
+ @include language-override-system-fonts(ces, $ms-font-stack-eastEuropean);
29
+ @include language-override-system-fonts(est, $ms-font-stack-eastEuropean);
30
+ @include language-override-system-fonts(hrv, $ms-font-stack-eastEuropean);
31
+ @include language-override-system-fonts(hun, $ms-font-stack-eastEuropean);
32
+ @include language-override-system-fonts(kaz, $ms-font-stack-eastEuropean);
33
+ @include language-override-system-fonts(lav, $ms-font-stack-eastEuropean);
34
+ @include language-override-system-fonts(lit, $ms-font-stack-eastEuropean);
35
+ @include language-override-system-fonts(pol, $ms-font-stack-eastEuropean);
36
+ @include language-override-system-fonts(slk, $ms-font-stack-eastEuropean);
37
+ @include language-override-system-fonts(tur, $ms-font-stack-eastEuropean);
38
+
39
+ // Cyrillic
40
+ // rus
41
+ @include language-override-system-fonts(rus, $ms-font-stack-cyrillic);
45
42
 
46
43
  // Greek
47
- // el-GR
48
- @include language-override-web-fonts(el-GR, $ms-font-family-light-greek, $ms-font-family-semilight-greek, $ms-font-family-regular-greek, $ms-font-family-semibold-greek);
44
+ // ell
45
+ @include language-override-system-fonts(ell, $ms-font-stack-greek);
49
46
 
50
47
  // Hebrew
51
- // he-IL
52
- @include language-override-web-fonts(he-IL, $ms-font-family-light-hebrew, $ms-font-family-semilight-hebrew, $ms-font-family-regular-hebrew, $ms-font-family-semibold-hebrew);
48
+ // heb
49
+ @include language-override-system-fonts(heb, $ms-font-stack-hebrew);
53
50
 
54
51
  // Vietnamese
55
- // vi-VN
56
- @include language-override-web-fonts(vi-VN, $ms-font-family-light-vietnamese, $ms-font-family-semilight-vietnamese, $ms-font-family-regular-vietnamese, $ms-font-family-semibold-vietnamese);
52
+ // vie
53
+ @include language-override-system-fonts(vie, $ms-font-stack-vietnamese);
data/vendor/assets/scss/Fabric.Typography.Output.scss CHANGED
@@ -203,7 +203,7 @@
203
203
 
204
204
  .ms-fontColor-neutralSecondary,
205
205
  .ms-fontColor-neutralSecondary--hover:hover {
206
- @include ms-fontColor-neutralSecondary;
206
+ @include ms-fontColor-neutralSecondary;
207
207
  }
208
208
 
209
209
  .ms-fontColor-neutralSecondaryAlt,
data/vendor/assets/scss/Fabric.scss CHANGED
@@ -19,7 +19,6 @@
19
19
  @import './Fabric.Typography.Variables';
20
20
  @import './Fabric.Typography.Output';
21
21
  @import './Fabric.Typography.Fonts.Output';
22
- @import './Fabric.Typography.Language.Overrides.Output';
23
22
 
24
23
  // Icons
25
24
  @import './Fabric.Icons.Font.Output';
@@ -35,6 +34,3 @@
35
34
 
36
35
  // Grid
37
36
  @import './Fabric.Grid.Output';
38
-
39
- // Office colors
40
- @import './Office.Color.Variables';
data/vendor/assets/scss/_Fabric.Common.scss CHANGED
@@ -12,4 +12,3 @@
12
12
  @import "./Fabric.Typography.Variables";
13
13
  @import "./Fabric.Utilities";
14
14
  @import "./Fabric.ZIndex.Variables";
15
- @import "./Office.Color.Variables";
data/vendor/assets/scss/_Fabric.Icons.scss CHANGED
@@ -357,6 +357,12 @@
357
357
  @mixin ms-Icon--pictureEdit { content: '\e288'; } // ''
358
358
  @mixin ms-Icon--protectionCenter { content: '\e289'; } // ''
359
359
  @mixin ms-Icon--alert2 { content: '\e28a'; } // ''
360
+ @mixin ms-Icon--skypeCircleCheck { content: '\e310'; } // ''
361
+ @mixin ms-Icon--skypeCircleClock { content: '\e311'; } // ''
362
+ @mixin ms-Icon--skypeCircleMinus { content: '\e312'; } // ''
363
+ @mixin ms-Icon--skypeCheck { content: '\e315'; } // ''
364
+ @mixin ms-Icon--skypeClock { content: '\e316'; } // ''
365
+ @mixin ms-Icon--skypeMinus { content: '\e317'; } // ''
360
366
 
361
367
 
362
368
  @mixin ms-Icon--circle {
data/vendor/assets/scss/_Fabric.Mixins.RTL.scss CHANGED
@@ -283,13 +283,23 @@
283
283
  }
284
284
 
285
285
  // Transforms.
286
- @mixin transform-rtl() {
286
+ @mixin transform-scaleX($scaleX: 1) {
287
287
  @include LTR {
288
- transform: scaleX(1);
288
+ transform: scaleX($scaleX);
289
289
  }
290
290
 
291
291
  @include RTL {
292
- transform: scaleX(-1);
292
+ transform: scaleX(-$scaleX);
293
+ }
294
+ }
295
+
296
+ @mixin transform-translateX($distance) {
297
+ @include LTR {
298
+ transform: translateX($distance);
299
+ }
300
+
301
+ @include RTL {
302
+ transform: translateX(-$distance);
293
303
  }
294
304
  }
295
305
 
data/vendor/assets/scss/_Fabric.Typography.Fonts.scss CHANGED
@@ -7,10 +7,7 @@
7
7
 
8
8
 
9
9
  // Font weights.
10
- $ms-light: "Segoe UI Light";
11
- $ms-regular: "Segoe UI Regular";
12
- $ms-semibold: "Segoe UI Semibold";
13
- $ms-semilight: "Segoe UI Semilight";
10
+ $ms-font-name: "Segoe UI";
14
11
 
15
12
 
16
13
  // Font paths.
@@ -31,48 +28,48 @@ $ms-font-path-westeuropean: "SegoeUI-WestEuropean";
31
28
  // Mixins to generate @font-face rules for unique languages.
32
29
  @mixin SegoeUILight($ms-font-language, $ms-font-path) {
33
30
  @font-face {
34
- font-family: "#{$ms-light} #{$ms-font-language}";
31
+ font-family: "#{$ms-font-name} #{$ms-font-language}";
35
32
  src: local("Segoe UI Light"),
36
33
  url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Light.woff2') format('woff2'),
37
34
  url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Light.woff') format('woff'),
38
35
  url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Light.ttf') format('truetype');
39
- font-weight: normal;
40
- font-style: normal;
41
- }
42
- }
43
-
44
- @mixin SegoeUIRegular($ms-font-language, $ms-font-path) {
45
- @font-face {
46
- font-family: "#{$ms-regular} #{$ms-font-language}";
47
- src: local("Segoe UI"),
48
- url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Regular.woff2') format('woff2'),
49
- url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Regular.woff') format('woff'),
50
- url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Regular.ttf') format('truetype');
51
- font-weight: normal;
36
+ font-weight: 100;
52
37
  font-style: normal;
53
38
  }
54
39
  }
55
40
 
56
41
  @mixin SegoeUISemilight($ms-font-language, $ms-font-path) {
57
42
  @font-face {
58
- font-family: "#{$ms-semilight} #{$ms-font-language}";
43
+ font-family: "#{$ms-font-name} #{$ms-font-language}";
59
44
  src: local("Segoe UI Semilight"),
60
45
  url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Semilight.woff2') format('woff2'),
61
46
  url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Semilight.woff') format('woff'),
62
47
  url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Semilight.ttf') format('truetype');
63
- font-weight: normal;
48
+ font-weight: 200;
49
+ font-style: normal;
50
+ }
51
+ }
52
+
53
+ @mixin SegoeUIRegular($ms-font-language, $ms-font-path) {
54
+ @font-face {
55
+ font-family: "#{$ms-font-name} #{$ms-font-language}";
56
+ src: local("Segoe UI"),
57
+ url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Regular.woff2') format('woff2'),
58
+ url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Regular.woff') format('woff'),
59
+ url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Regular.ttf') format('truetype');
60
+ font-weight: 400;
64
61
  font-style: normal;
65
62
  }
66
63
  }
67
64
 
68
65
  @mixin SegoeUISemibold($ms-font-language, $ms-font-path) {
69
66
  @font-face {
70
- font-family: "#{$ms-semibold} #{$ms-font-language}";
67
+ font-family: "#{$ms-font-name} #{$ms-font-language}";
71
68
  src: local("Segoe UI Semibold"),
72
69
  url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Semibold.woff2') format('woff2'),
73
70
  url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Semibold.woff') format('woff'),
74
71
  url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Semibold.ttf') format('truetype');
75
- font-weight: normal;
72
+ font-weight: 600;
76
73
  font-style: normal;
77
74
  }
78
75
  }
data/vendor/assets/scss/_Fabric.Typography.Language.Overrides.scss CHANGED
@@ -8,8 +8,8 @@
8
8
 
9
9
  // A mixin that overrides all of the font classes for languages that
10
10
  // use system fonts. A single font-family is used for all weights.
11
- @mixin language-override-system-fonts($ms-lang-code, $ms-font-family) {
12
- *[lang="#{$ms-lang-code}"] {
11
+ @mixin language-override-system-fonts($lang-code, $font-family) {
12
+ *[lang="#{$lang-code}"] {
13
13
  .ms-font-mi,
14
14
  .ms-font-xs,
15
15
  .ms-font-s,
@@ -28,14 +28,11 @@
28
28
  .ms-fontWeight-regular-hover:hover,
29
29
  .ms-fontWeight-semibold,
30
30
  .ms-fontWeight-semibold-hover:hover {
31
- font-family: $ms-font-family;
31
+ font-family: $font-family;
32
32
  }
33
33
  }
34
34
  }
35
35
 
36
- // Base font stack.
37
- $ms-font-system-base: 'Segoe UI', Tahoma, Arial, sans-serif;
38
-
39
36
  // Variables for each of the non-distributed (native) font stacks.
40
37
  $ms-font-stack-japanese: 'Yu Gothic', 'Meiryo UI', Meiryo, 'MS Pgothic', Osaka, $ms-font-system-base;
41
38
  $ms-font-stack-korean: 'Malgun Gothic', Gulim, $ms-font-system-base;
@@ -43,76 +40,11 @@ $ms-font-stack-chinese-simplified: 'Microsoft Yahei', Verdana, Simsun, $ms-font-
43
40
  $ms-font-stack-chinese-traditional: 'Microsoft Jhenghei', Pmingliu, $ms-font-system-base;
44
41
  $ms-font-stack-hindi: 'Nirmala UI', $ms-font-system-base;
45
42
 
46
-
47
- //== Web fonts
48
- //
49
- // A mixin that overrides all of the font classes for languages that use
50
- // distributed web fonts. These reference different fonts for each weight.
51
- @mixin language-override-web-fonts($ms-lang-code, $ms-font-family-light, $ms-font-family-semilight, $ms-font-family-regular, $ms-font-family-semibold) {
52
- *[lang="#{$ms-lang-code}"] {
53
- .ms-font-xl,
54
- .ms-font-xxl,
55
- .ms-fontWeight-light,
56
- .ms-fontWeight-light-hover:hover {
57
- font-family: $ms-font-family-light;
58
- }
59
- .ms-font-l,
60
- .ms-font-su,
61
- .ms-fontWeight-semilight,
62
- .ms-fontWeight-semilight-hover:hover {
63
- font-family: $ms-font-family-semilight;
64
- }
65
- .ms-fontWeight-regular,
66
- .ms-fontweight-regular-hover:hover {
67
- font-family: $ms-font-family-regular;
68
- }
69
- .ms-font-mi,
70
- .ms-fontWeight-semibold,
71
- .ms-fontWeight-semibold-hover:hover {
72
- font-family: $ms-font-family-semibold;
73
- }
74
- }
75
- }
76
-
77
43
  // Variables for each of the web font stacks.
78
-
79
- // East European
80
- $ms-font-family-light-eastEuropean: 'Segoe UI Light EastEuropean', $ms-font-family-light;
81
- $ms-font-family-semilight-eastEuropean: 'Segoe UI Semilight EastEuropean', $ms-font-family-semilight;
82
- $ms-font-family-regular-eastEuropean: 'Segoe UI Regular EastEuropean', $ms-font-family-regular;
83
- $ms-font-family-semibold-eastEuropean: 'Segoe UI Semibold EastEuropean', $ms-font-family-semibold;
84
-
85
- // Cyrillic
86
- $ms-font-family-light-cyrillic: 'Segoe UI Light Cyrillic', $ms-font-family-light;
87
- $ms-font-family-semilight-cyrillic: 'Segoe UI Semilight Cyrillic', $ms-font-family-semilight;
88
- $ms-font-family-regular-cyrillic: 'Segoe UI Regular Cyrillic', $ms-font-family-regular;
89
- $ms-font-family-semibold-cyrillic: 'Segoe UI Semibold Cyrillic', $ms-font-family-semibold;
90
-
91
- // Leelawadee
92
- $ms-font-family-semilight-leelawadee: 'Leelawadee UI Semilight', 'Kmer UI', $ms-font-family-semilight;
93
- $ms-font-family-regular-leelawadee: 'Leelawadee UI Regular', 'Kmer UI', $ms-font-family-regular;
94
- $ms-font-family-semibold-leelawadee: 'Leelawadee UI Bold', 'Kmer UI', $ms-font-family-semibold;
95
-
96
- // Arabic
97
- $ms-font-family-light-arabic: 'Segoe UI Light Arabic', $ms-font-family-light;
98
- $ms-font-family-semilight-arabic: 'Segoe UI Semilight Arabic', $ms-font-family-semilight;
99
- $ms-font-family-regular-arabic: 'Segoe UI Regular Arabic', $ms-font-family-regular;
100
- $ms-font-family-semibold-arabic: 'Segoe UI Semibold Arabic', $ms-font-family-semibold;
101
-
102
- // Greek
103
- $ms-font-family-light-greek: 'Segoe UI Light Greek', $ms-font-family-light;
104
- $ms-font-family-semilight-greek: 'Segoe UI Semilight Greek', $ms-font-family-semilight;
105
- $ms-font-family-regular-greek: 'Segoe UI Regular Greek', $ms-font-family-regular;
106
- $ms-font-family-semibold-greek: 'Segoe UI Semibold Greek', $ms-font-family-semibold;
107
-
108
- // Hebrew
109
- $ms-font-family-light-hebrew: 'Segoe UI Light Hebrew', $ms-font-family-light;
110
- $ms-font-family-semilight-hebrew: 'Segoe UI Semilight Hebrew', $ms-font-family-semilight;
111
- $ms-font-family-regular-hebrew: 'Segoe UI Regular Hebrew', $ms-font-family-regular;
112
- $ms-font-family-semibold-hebrew: 'Segoe UI Semibold Hebrew', $ms-font-family-semibold;
113
-
114
- // Vietnamese
115
- $ms-font-family-light-vietnamese: 'Segoe UI Light Vietnamese', $ms-font-family-light;
116
- $ms-font-family-semilight-vietnamese: 'Segoe UI Semilight Vietnamese', $ms-font-family-semilight;
117
- $ms-font-family-regular-vietnamese: 'Segoe UI Regular Vietnamese', $ms-font-family-regular;
118
- $ms-font-family-semibold-vietnamese: 'Segoe UI Semibold Vietnamese', $ms-font-family-semibold;
44
+ $ms-font-stack-arabic: 'Segoe UI Arabic', $ms-font-family-base;
45
+ $ms-font-stack-cyrillic: 'Segoe UI Cyrillic', $ms-font-family-base;
46
+ $ms-font-stack-eastEuropean: 'Segoe UI EastEuropean', $ms-font-family-base;
47
+ $ms-font-stack-greek: 'Segoe UI Greek', $ms-font-family-base;
48
+ $ms-font-stack-hebrew: 'Segoe UI Hebrew', $ms-font-family-base;
49
+ $ms-font-stack-vietnamese: 'Segoe UI Vietnamese', $ms-font-family-base;
50
+ $ms-font-stack-leelawadee: 'Leelawadee UI', 'Kmer UI', $ms-font-family-base;