office-ui-fabric-core-rails 4.1.0.0 → 5.0.0.0

data/vendor/assets/scss/Fabric.Typography.Fonts.Extended.Output.scss

@@ -8,9 +8,9 @@
 @font-face {
   font-family: "Leelawadee UI";
   src: local('Leelawadee UI Bold'), 
-       url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Bold.woff2') format('woff2'),
-       url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Bold.woff') format('woff'),
-       url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Bold.ttf') format('truetype');
+       url('#{$ms-font-directory}/leelawadeeui-thai/leelawadeeui-bold.woff2') format('woff2'),
+       url('#{$ms-font-directory}/leelawadeeui-thai/leelawadeeui-bold.woff') format('woff'),
+       url('#{$ms-font-directory}/leelawadeeui-thai/leelawadeeui-bold.ttf') format('truetype');
   font-weight: 600;
   font-style: normal;
 }
@@ -18,9 +18,9 @@
 @font-face {
   font-family: "Leelawadee UI";
   src: local('Leelawadee UI Regular'),
-       url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Regular.woff2') format('woff2'),
-       url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Regular.woff') format('woff'),
-       url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Regular.ttf') format('truetype');
+       url('#{$ms-font-directory}/leelawadeeui-thai/leelawadeeui-regular.woff2') format('woff2'),
+       url('#{$ms-font-directory}/leelawadeeui-thai/leelawadeeui-regular.woff') format('woff'),
+       url('#{$ms-font-directory}/leelawadeeui-thai/leelawadeeui-regular.ttf') format('truetype');
   font-weight: 400;
   font-style: normal;
 }
@@ -28,9 +28,9 @@
 @font-face {
   font-family: "Leelawadee UI";
   src: local('Leelawadee UI Semilight'),
-       url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Semilight.woff2') format('woff2'),
-       url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Semilight.woff') format('woff'),
-       url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Semilight.ttf') format('truetype');
+       url('#{$ms-font-directory}/leelawadeeui-thai/leelawadeeui-semilight.woff2') format('woff2'),
+       url('#{$ms-font-directory}/leelawadeeui-thai/leelawadeeui-semilight.woff') format('woff'),
+       url('#{$ms-font-directory}/leelawadeeui-thai/leelawadeeui-semilight.ttf') format('truetype');
   font-weight: 300;
   font-style: normal;
 }

data/vendor/assets/scss/Fabric.scss

@@ -25,6 +25,9 @@
 @import './Fabric.Icons.Font.Output';
 @import './Fabric.Icons.Output';
 
+// Brand Icons
+@import './Fabric.Brand.Icons.Output';
+
 // Animations
 @import './Fabric.Animations.Output';
 

data/vendor/assets/scss/_Fabric.Animations.scss

@@ -10,12 +10,12 @@
 // The original class names are deprecated and will be removed in a future release.
 
 // Variables
-$ms-ease1:     cubic-bezier(0.1,0.9,0.2,1);
-$ms-ease2:     cubic-bezier(0.1,0.25,0.75,0.9);
-$ms-duration1: 0.167s;
-$ms-duration2: 0.267s;
-$ms-duration3: 0.367s;
-$ms-duration4: 0.467s;
+$ms-ease1:     cubic-bezier(0.1,0.9,0.2,1) !default;
+$ms-ease2:     cubic-bezier(0.1,0.25,0.75,0.9) !default;
+$ms-duration1: 0.167s !default;
+$ms-duration2: 0.267s !default;
+$ms-duration3: 0.367s !default;
+$ms-duration4: 0.467s !default;
 
 
 // Animation mixin

data/vendor/assets/scss/_Fabric.Brand.Icons.scss

@@ -0,0 +1,51 @@
+// Images Path for Product Icons
+$productImagesPath: "https://spoppe-a.akamaihd.net/files/fabric/assets/brand-icons/product/png";
+
+// Images Path for Document Icons
+$documentImagesPath: "https://spoppe-a.akamaihd.net/files/fabric/assets/brand-icons/document/png";
+
+// Icon Names
+$productIconList: access excel infopath office onedrive onenote outlook powerpoint project sharepoint visio word;
+
+$documentIconList: accdb csv docx dotx mpp mpt odp ods odt one onepkg onetoc potx ppsx pptx pub vsdx vssx vstx xls xlsx xltx xsn;
+
+// Icon Sizes
+$iconSizes: 16 48 96;
+
+
+//  Generate Icon Classes for product and document icons
+@mixin brandIconClasses($retina) {
+	// Generate Product icon list
+	@each $icon in $productIconList {
+		.ms-BrandIcon--#{$icon} {
+			@include brandIconSizes($icon, $retina, $productImagesPath);
+		}
+	}
+
+	// Generate Document icon list
+	@each $icon in $documentIconList {
+		.ms-BrandIcon--#{$icon} {
+			@include brandIconSizes($icon, $retina, $documentImagesPath);
+		}
+	}
+}
+
+// Generate size classes for each icon
+@mixin brandIconSizes($icon, $retina, $imagesPath) {
+	@each $size in $iconSizes {
+		&.ms-BrandIcon--Icon#{$size} {
+			background-image: url(#{$imagesPath}/#{$icon}_#{$size}x#{$retina}.png);
+		}
+	}
+}
+
+// Generate generic icon size classes
+@mixin brandIconSizesClasses() {
+	@each $size in $iconSizes {
+		.ms-BrandIcon--Icon#{$size} {
+			background-size: 100% 100%;
+			width: #{$size}px;
+			height: #{$size}px;
+		}
+	}
+}

data/vendor/assets/scss/_Fabric.Color.Variables.scss

@@ -8,86 +8,86 @@
 
 //== Theme Colors
 //
-$ms-color-themeDarker:     #004578;
-$ms-color-themeDark:       #005a9e;
-$ms-color-themeDarkAlt:    #106ebe;
-$ms-color-themePrimary:    #0078d7;
-$ms-color-themeSecondary:  #2488d8;
-$ms-color-themeTertiary:   #69afe5;
-$ms-color-themeLight:      #b3d6f2;
-$ms-color-themeLighter:    #deecf9;
-$ms-color-themeLighterAlt: #eff6fc;
+$ms-color-themeDarker:     #004578 !default;
+$ms-color-themeDark:       #005a9e !default;
+$ms-color-themeDarkAlt:    #106ebe !default;
+$ms-color-themePrimary:    #0078d7 !default;
+$ms-color-themeSecondary:  #2488d8 !default;
+$ms-color-themeTertiary:   #69afe5 !default;
+$ms-color-themeLight:      #b3d6f2 !default;
+$ms-color-themeLighter:    #deecf9 !default;
+$ms-color-themeLighterAlt: #eff6fc !default;
 
 
 //== Grayscale Colors
 //
-$ms-color-black:                 #000000;
-$ms-color-neutralDark:           #212121;
-$ms-color-neutralPrimary:        #333333;
-$ms-color-neutralPrimaryAlt:     #3C3C3C;
-$ms-color-neutralSecondary:      #666666;
-$ms-color-neutralSecondaryAlt:   #767676;
-$ms-color-neutralTertiary:       #a6a6a6;
-$ms-color-neutralTertiaryAlt:    #c8c8c8;
-$ms-color-neutralQuaternary:     #d0d0d0;
-$ms-color-neutralQuaternaryAlt:  #dadada;
-$ms-color-neutralLight:          #eaeaea;
-$ms-color-neutralLighter:        #f4f4f4;
-$ms-color-neutralLighterAlt:     #f8f8f8;
-$ms-color-white:                 #ffffff;
+$ms-color-black:                 #000000 !default;
+$ms-color-neutralDark:           #212121 !default;
+$ms-color-neutralPrimary:        #333333 !default;
+$ms-color-neutralPrimaryAlt:     #3C3C3C !default;
+$ms-color-neutralSecondary:      #666666 !default;
+$ms-color-neutralSecondaryAlt:   #767676 !default;
+$ms-color-neutralTertiary:       #a6a6a6 !default;
+$ms-color-neutralTertiaryAlt:    #c8c8c8 !default;
+$ms-color-neutralQuaternary:     #d0d0d0 !default;
+$ms-color-neutralQuaternaryAlt:  #dadada !default;
+$ms-color-neutralLight:          #eaeaea !default;
+$ms-color-neutralLighter:        #f4f4f4 !default;
+$ms-color-neutralLighterAlt:     #f8f8f8 !default;
+$ms-color-white:                 #ffffff !default;
 
 //== Translucent Colors
 //
-$ms-color-blackTranslucent40:  rgba(0,0,0,.4);
-$ms-color-whiteTranslucent40:  rgba(255,255,255,.4);
+$ms-color-blackTranslucent40:  rgba(0,0,0,.4) !default;
+$ms-color-whiteTranslucent40:  rgba(255,255,255,.4) !default;
 
 
 //== Core brand and accent colors
 //
-$ms-color-yellow:        #ffb900;
-$ms-color-yellowLight:   #fff100;
-$ms-color-orange:        #d83b01;
-$ms-color-orangeLight:   #ea4300;
-$ms-color-orangeLighter: #ff8c00;
-$ms-color-redDark:       #a80000;
-$ms-color-red:           #e81123;
-$ms-color-magentaDark:   #5c005c;
-$ms-color-magenta:       #b4009e;
-$ms-color-magentaLight:  #e3008c;
-$ms-color-purpleDark:    #32145a;
-$ms-color-purple:        #5c2d91;
-$ms-color-purpleLight:   #b4a0ff;
-$ms-color-blueDark:      #002050;
-$ms-color-blueMid:       #00188f;
-$ms-color-blue:          #0078d7;
-$ms-color-blueLight:     #00bcf2;
-$ms-color-tealDark:      #004b50;
-$ms-color-teal:          #008272;
-$ms-color-tealLight:     #00b294;
-$ms-color-greenDark:     #004b1c;
-$ms-color-green:         #107c10;
-$ms-color-greenLight:    #bad80a;
+$ms-color-yellow:        #ffb900 !default;
+$ms-color-yellowLight:   #fff100 !default;
+$ms-color-orange:        #d83b01 !default;
+$ms-color-orangeLight:   #ea4300 !default;
+$ms-color-orangeLighter: #ff8c00 !default;
+$ms-color-redDark:       #a80000 !default;
+$ms-color-red:           #e81123 !default;
+$ms-color-magentaDark:   #5c005c !default;
+$ms-color-magenta:       #b4009e !default;
+$ms-color-magentaLight:  #e3008c !default;
+$ms-color-purpleDark:    #32145a !default;
+$ms-color-purple:        #5c2d91 !default;
+$ms-color-purpleLight:   #b4a0ff !default;
+$ms-color-blueDark:      #002050 !default;
+$ms-color-blueMid:       #00188f !default;
+$ms-color-blue:          #0078d7 !default;
+$ms-color-blueLight:     #00bcf2 !default;
+$ms-color-tealDark:      #004b50 !default;
+$ms-color-teal:          #008272 !default;
+$ms-color-tealLight:     #00b294 !default;
+$ms-color-greenDark:     #004b1c !default;
+$ms-color-green:         #107c10 !default;
+$ms-color-greenLight:    #bad80a !default;
 
 
 //== Message colors
 //
-$ms-color-info:              $ms-color-neutralSecondaryAlt;
-$ms-color-infoBackground:    $ms-color-neutralLighter;
-$ms-color-success:           $ms-color-green;
-$ms-color-successBackground: #dff6dd;
-$ms-color-severeWarning:     $ms-color-orange;
-$ms-color-severeWarningBackground: #fed9cc;
-$ms-color-alert:             $ms-color-severeWarning;   // Deprecated: Use $ms-color-severeWarning
-$ms-color-alertBackground:   $ms-color-severeWarningBackground; // Deprecated: Use $ms-color-severeWarningBackground
-$ms-color-warning:           $ms-color-neutralSecondaryAlt;
-$ms-color-warningBackground: #fff4ce;
-$ms-color-error:             $ms-color-redDark;
-$ms-color-errorBackground:   #fde7e9;
+$ms-color-info:              $ms-color-neutralSecondaryAlt !default;
+$ms-color-infoBackground:    $ms-color-neutralLighter !default;
+$ms-color-success:           $ms-color-green !default;
+$ms-color-successBackground: #dff6dd !default;
+$ms-color-severeWarning:     $ms-color-orange !default;
+$ms-color-severeWarningBackground: #fed9cc !default;
+$ms-color-alert:             $ms-color-severeWarning !default;   // Deprecated: Use $ms-color-severeWarning
+$ms-color-alertBackground:   $ms-color-severeWarningBackground !default; // Deprecated: Use $ms-color-severeWarningBackground
+$ms-color-warning:           $ms-color-neutralSecondaryAlt !default;
+$ms-color-warningBackground: #fff4ce !default;
+$ms-color-error:             $ms-color-redDark !default;
+$ms-color-errorBackground:   #fde7e9 !default;
 
 
 //== High contrast colors
 //
-$ms-color-contrastBlackDisabled: #00ff00;
-$ms-color-contrastWhiteDisabled: #600000;
-$ms-color-contrastBlackSelected: #1AEBFF;
-$ms-color-contrastWhiteSelected: #37006E;
+$ms-color-contrastBlackDisabled: #00ff00 !default;
+$ms-color-contrastWhiteDisabled: #600000 !default;
+$ms-color-contrastBlackSelected: #1AEBFF !default;
+$ms-color-contrastWhiteSelected: #37006E !default;

data/vendor/assets/scss/_Fabric.Icons.scss

@@ -17,6 +17,57 @@
   speak: none;
 }
 
+
+// Modifier: Place the icon in a circle.
+@mixin ms-Icon--circle {
+  position: relative;
+  display: inline-block;
+  font-size: 1rem;
+  width:   1em;
+  height:  1em;
+  margin:  0 0.5em 0 0;
+  padding: 0;
+  text-align: left;
+  -webkit-font-smoothing: antialiased;
+
+  &::before, &::after {
+    line-height: 1;
+    font-size: inherit;
+  }
+
+  &::before {
+    display: block;
+    width:  100%;
+    height: 100%;
+    margin:  0;
+    padding: 0;
+    vertical-align: top;
+    position: absolute;
+  }
+
+  &::after {
+    content: '\e000';
+    position: absolute;
+    top:  0;
+    left: 0;
+    transform: scale(2);
+    transform-origin: 50% 50%;
+    z-index: $ms-zIndex-back;
+  }
+}
+
+// Variables: Icon sizes
+$ms-icon-size-xs: 10px;
+$ms-icon-size-s: 12px;
+$ms-icon-size-m: 16px;
+$ms-icon-size-l: 20px;
+
+// Modifiers: Icon sizes
+@mixin ms-Icon--xs { font-size: $ms-icon-size-xs; }
+@mixin ms-Icon--s { font-size: $ms-icon-size-s; }
+@mixin ms-Icon--m { font-size: $ms-icon-size-m; }
+@mixin ms-Icon--l { font-size: $ms-icon-size-l; }
+
 // Modifiers: Each of the icons.
 @mixin ms-Icon--DecreaseIndentLegacy { content: "\E290"; }
 @mixin ms-Icon--IncreaseIndentLegacy { content: "\E291"; }
@@ -107,6 +158,7 @@
 @mixin ms-Icon--Contrast { content: "\E7A1"; }
 @mixin ms-Icon--Redo { content: "\E7A6"; }
 @mixin ms-Icon--Undo { content: "\E7A7"; }
+@mixin ms-Icon--PhotoCollection { content: "\E7AA"; }
 @mixin ms-Icon--Album { content: "\E7AB"; }
 @mixin ms-Icon--Rotate { content: "\E7AD"; }
 @mixin ms-Icon--PanoIndicator { content: "\E7B0"; }
@@ -127,6 +179,7 @@
 @mixin ms-Icon--Admin { content: "\E7EF"; }
 @mixin ms-Icon--TVMonitor { content: "\E7F4"; }
 @mixin ms-Icon--Speakers { content: "\E7F5"; }
+@mixin ms-Icon--Nav2DMapView { content: "\E800"; }
 @mixin ms-Icon--Car { content: "\E804"; }
 @mixin ms-Icon--EatDrink { content: "\E807"; }
 @mixin ms-Icon--LocationCircle { content: "\E80E"; }
@@ -216,6 +269,7 @@
 @mixin ms-Icon--RadioBullet { content: "\E915"; }
 @mixin ms-Icon--Stopwatch { content: "\E916"; }
 @mixin ms-Icon--Clock { content: "\E917"; }
+@mixin ms-Icon--WorldClock { content: "\E918"; }
 @mixin ms-Icon--AlarmClock { content: "\E919"; }
 @mixin ms-Icon--Hospital { content: "\E91D"; }
 @mixin ms-Icon--Timer { content: "\E91E"; }
@@ -264,6 +318,7 @@
 @mixin ms-Icon--Volume3 { content: "\E995"; }
 @mixin ms-Icon--CaretHollow { content: "\E817"; }
 @mixin ms-Icon--CaretSolid { content: "\E818"; }
+@mixin ms-Icon--FolderOpen { content: "\E838"; }
 @mixin ms-Icon--Pinned { content: "\E840"; }
 @mixin ms-Icon--PinnedFill { content: "\E842"; }
 @mixin ms-Icon--Chart { content: "\E999"; }
@@ -306,6 +361,7 @@
 @mixin ms-Icon--HailNight { content: "\EA13"; }
 @mixin ms-Icon--Info2 { content: "\EA1F"; }
 @mixin ms-Icon--StoreLogo { content: "\EA96"; }
+@mixin ms-Icon--MultiSelectMirrored { content: "\EA98"; }
 @mixin ms-Icon--Broom { content: "\EA99"; }
 @mixin ms-Icon--MusicInCollectionFill { content: "\EA36"; }
 @mixin ms-Icon--List { content: "\EA37"; }
@@ -313,6 +369,23 @@
 @mixin ms-Icon--ErrorBadge { content: "\EA39"; }
 @mixin ms-Icon--CircleRing { content: "\EA3A"; }
 @mixin ms-Icon--CircleFill { content: "\EA3B"; }
+@mixin ms-Icon--BookmarksMirrored { content: "\EA41"; }
+@mixin ms-Icon--BulletedListMirrored { content: "\EA42"; }
+@mixin ms-Icon--CaretHollowMirrored { content: "\EA45"; }
+@mixin ms-Icon--CaretSolidMirrored { content: "\EA46"; }
+@mixin ms-Icon--ChromeBackMirrored { content: "\EA47"; }
+@mixin ms-Icon--ClosePaneMirrored { content: "\EA49"; }
+@mixin ms-Icon--DockLeftMirrored { content: "\EA4C"; }
+@mixin ms-Icon--DoubleChevronLeftMedMirrored { content: "\EA4D"; }
+@mixin ms-Icon--HelpMirrored { content: "\EA51"; }
+@mixin ms-Icon--ListMirrored { content: "\EA55"; }
+@mixin ms-Icon--MailForwardMirrored { content: "\EA56"; }
+@mixin ms-Icon--MailReplyMirrored { content: "\EA57"; }
+@mixin ms-Icon--MailReplyAllMirrored { content: "\EA58"; }
+@mixin ms-Icon--OpenPaneMirrored { content: "\EA5B"; }
+@mixin ms-Icon--SendMirrored { content: "\EA63"; }
+@mixin ms-Icon--ShowResultsMirrored { content: "\EA65"; }
+@mixin ms-Icon--ThumbnailViewMirrored { content: "\EA67"; }
 @mixin ms-Icon--Lightbulb { content: "\EA80"; }
 @mixin ms-Icon--StatusTriangle { content: "\EA82"; }
 @mixin ms-Icon--VolumeDisabled { content: "\EA85"; }
@@ -367,6 +440,7 @@
 @mixin ms-Icon--OfficeLogo { content: "\EB6E"; }
 @mixin ms-Icon--SkypeLogo { content: "\EB6F"; }
 @mixin ms-Icon--Door { content: "\EB75"; }
+@mixin ms-Icon--EditMirrored { content: "\EB7E"; }
 @mixin ms-Icon--GiftCard { content: "\EB8E"; }
 @mixin ms-Icon--DoubleBookmark { content: "\EB8F"; }
 @mixin ms-Icon--StatusErrorFull { content: "\EB90"; }
@@ -440,6 +514,7 @@
 @mixin ms-Icon--YammerLogo { content: "\ED19"; }
 @mixin ms-Icon--ReturnToSession { content: "\ED24"; }
 @mixin ms-Icon--OpenFolderHorizontal { content: "\ED25"; }
+@mixin ms-Icon--CalendarMirrored { content: "\ED28"; }
 @mixin ms-Icon--SwayLogo { content: "\ED29"; }
 @mixin ms-Icon--OutOfOffice { content: "\ED34"; }
 @mixin ms-Icon--Trophy { content: "\ED3F"; }
@@ -504,6 +579,7 @@
 @mixin ms-Icon--Subscribe { content: "\EDA1"; }
 @mixin ms-Icon--RecurringTask { content: "\EDB2"; }
 @mixin ms-Icon--TaskManager { content: "\EDB7"; }
+@mixin ms-Icon--TaskManagerMirrored { content: "\EDB8"; }
 @mixin ms-Icon--Combine { content: "\EDBB"; }
 @mixin ms-Icon--Split { content: "\EDBC"; }
 @mixin ms-Icon--DoubleChevronUp { content: "\EDBD"; }
@@ -520,7 +596,7 @@
 @mixin ms-Icon--CollabsDBLogo { content: "\EDC9"; }
 @mixin ms-Icon--DelveAnalyticsLogo { content: "\EDCA"; }
 @mixin ms-Icon--DocsLogo { content: "\EDCB"; }
-@mixin ms-Icon--DynamicsCRMLogo { content: "\EDCC"; }
+@mixin ms-Icon--Dynamics365Logo { content: "\EDCC"; }
 @mixin ms-Icon--DynamicSMBLogo { content: "\EDCD"; }
 @mixin ms-Icon--OfficeAssistantLogo { content: "\EDCE"; }
 @mixin ms-Icon--OfficeStoreLogo { content: "\EDCF"; }
@@ -534,7 +610,7 @@
 @mixin ms-Icon--CaretUp8 { content: "\EDD7"; }
 @mixin ms-Icon--CaretDown8 { content: "\EDD8"; }
 @mixin ms-Icon--CaretLeftSolid8 { content: "\EDD9"; }
-@mixin ms-Icon--CarotRightSolid8 { content: "\EDDA"; }
+@mixin ms-Icon--CaretRightSolid8 { content: "\EDDA"; }
 @mixin ms-Icon--CaretUpSolid8 { content: "\EDDB"; }
 @mixin ms-Icon--CaretDownSolid8 { content: "\EDDC"; }
 @mixin ms-Icon--ClearFormatting { content: "\EDDD"; }
@@ -546,7 +622,10 @@
 @mixin ms-Icon--ReplyAll { content: "\EE0A"; }
 @mixin ms-Icon--GoogleDriveLogo { content: "\EE0B"; }
 @mixin ms-Icon--Questionnaire { content: "\EE19"; }
+@mixin ms-Icon--ReplyMirrored { content: "\EE35"; }
+@mixin ms-Icon--ReplyAllMirrored { content: "\EE36"; }
 @mixin ms-Icon--AddGroup { content: "\EE3D"; }
+@mixin ms-Icon--QuestionnaireMirrored { content: "\EE4B"; }
 @mixin ms-Icon--TemporaryUser { content: "\EE58"; }
 @mixin ms-Icon--GroupedDescending { content: "\EE66"; }
 @mixin ms-Icon--GroupedAscending { content: "\EE67"; }
@@ -555,6 +634,7 @@
 @mixin ms-Icon--AwayStatus { content: "\EE6A"; }
 @mixin ms-Icon--SyncToPC { content: "\EE6E"; }
 @mixin ms-Icon--AustralianRules { content: "\EE70"; }
+@mixin ms-Icon--DateTimeMirrored { content: "\EE93"; }
 @mixin ms-Icon--DoubleChevronUp12 { content: "\EE96"; }
 @mixin ms-Icon--DoubleChevronDown12 { content: "\EE97"; }
 @mixin ms-Icon--DoubleChevronLeft12 { content: "\EE98"; }
@@ -565,10 +645,14 @@
 @mixin ms-Icon--DataConnectionLibrary { content: "\EEB7"; }
 @mixin ms-Icon--DocLibrary { content: "\EEB8"; }
 @mixin ms-Icon--FormLibrary { content: "\EEB9"; }
+@mixin ms-Icon--FormLibraryMirrored { content: "\EEBA"; }
 @mixin ms-Icon--ReportLibrary { content: "\EEBB"; }
+@mixin ms-Icon--ReportLibraryMirrored { content: "\EEBC"; }
 @mixin ms-Icon--ContactCard { content: "\EEBD"; }
 @mixin ms-Icon--CustomList { content: "\EEBE"; }
+@mixin ms-Icon--CustomListMirrored { content: "\EEBF"; }
 @mixin ms-Icon--IssueTracking { content: "\EEC0"; }
+@mixin ms-Icon--IssueTrackingMirrored { content: "\EEC1"; }
 @mixin ms-Icon--PictureLibrary { content: "\EEC2"; }
 @mixin ms-Icon--AppForOfficeLogo { content: "\EEC7"; }
 @mixin ms-Icon--OfflineOneDriveParachute { content: "\EEC8"; }
@@ -586,6 +670,8 @@
 @mixin ms-Icon--ArrowDownRight8 { content: "\EED5"; }
 @mixin ms-Icon--DocumentSet { content: "\EED6"; }
 @mixin ms-Icon--DelveAnalytics { content: "\EEEE"; }
+@mixin ms-Icon--ArrowUpRightMirrored8 { content: "\EEEF"; }
+@mixin ms-Icon--ArrowDownRightMirrored8 { content: "\EEF0"; }
 @mixin ms-Icon--OneDriveAdd { content: "\EF32"; }
 @mixin ms-Icon--Header2 { content: "\EF36"; }
 @mixin ms-Icon--Header3 { content: "\EF37"; }
@@ -653,56 +739,32 @@
 @mixin ms-Icon--Breadcrumb { content: "\EF8C"; }
 @mixin ms-Icon--ClearFilter { content: "\EF8F"; }
 @mixin ms-Icon--Flow { content: "\EF90"; }
+@mixin ms-Icon--PageCheckedOut { content: "\F02C"; }
+@mixin ms-Icon--SetAction { content: "\F071"; }
 @mixin ms-Icon--PowerAppsLogo { content: "\F091"; }
 @mixin ms-Icon--PowerApps2Logo { content: "\F092"; }
-
-
-// Modifier: Place the icon in a circle.
-@mixin ms-Icon--circle {
-  position: relative;
-  display: inline-block;
-  font-size: 1rem;
-  width:   1em;
-  height:  1em;
-  margin:  0 0.5em 0 0;
-  padding: 0;
-  text-align: left;
-  -webkit-font-smoothing: antialiased;
-
-  &::before, &::after {
-    line-height: 1;
-    font-size: inherit;
-  }
-
-  &::before {
-    display: block;
-    width:  100%;
-    height: 100%;
-    margin:  0;
-    padding: 0;
-    vertical-align: top;
-    position: absolute;
-  }
-
-  &::after {
-    content: '\e000';
-    position: absolute;
-    top:  0;
-    left: 0;
-    transform: scale(2);
-    transform-origin: 50% 50%;
-    z-index: $ms-zIndex-back;
-  }
-}
-
-// Icon size variables
-$ms-icon-size-xs: 10px;
-$ms-icon-size-s: 12px;
-$ms-icon-size-m: 16px;
-$ms-icon-size-l: 20px;
-
-// Icon size mixins
-@mixin ms-Icon--xs { font-size: $ms-icon-size-xs; }
-@mixin ms-Icon--s { font-size: $ms-icon-size-s; }
-@mixin ms-Icon--m { font-size: $ms-icon-size-m; }
-@mixin ms-Icon--l { font-size: $ms-icon-size-l; }
+@mixin ms-Icon--FabricAssetLibrary { content: "\F09C"; }
+@mixin ms-Icon--FabricDataConnectionLibrary { content: "\F09D"; }
+@mixin ms-Icon--FabricDocLibrary { content: "\F09E"; }
+@mixin ms-Icon--FabricFormLibrary { content: "\F09F"; }
+@mixin ms-Icon--FabricFormLibraryMirrored { content: "\F0A0"; }
+@mixin ms-Icon--FabricReportLibrary { content: "\F0A1"; }
+@mixin ms-Icon--FabricReportLibraryMirrored { content: "\F0A2"; }
+@mixin ms-Icon--FabricPublicFolder { content: "\F0A3"; }
+@mixin ms-Icon--FabricFolderSearch { content: "\F0A4"; }
+@mixin ms-Icon--FabricMovetoFolder { content: "\F0A5"; }
+@mixin ms-Icon--FabricUnsyncFolder { content: "\F0A6"; }
+@mixin ms-Icon--FabricSyncFolder { content: "\F0A7"; }
+@mixin ms-Icon--FabricOpenFolderHorizontal { content: "\F0A8"; }
+@mixin ms-Icon--FabricFolder { content: "\F0A9"; }
+@mixin ms-Icon--FabricFolderFill { content: "\F0AA"; }
+@mixin ms-Icon--FabricNewFolder { content: "\F0AB"; }
+@mixin ms-Icon--FabricPictureLibrary { content: "\F0AC"; }
+@mixin ms-Icon--AddFavorite { content: "\F0C8"; }
+@mixin ms-Icon--AddFavoriteFill { content: "\F0C9"; }
+@mixin ms-Icon--BufferTimeBefore { content: "\F0CF"; }
+@mixin ms-Icon--BufferTimeAfter { content: "\F0D0"; }
+@mixin ms-Icon--BufferTimeBoth { content: "\F0D1"; }
+@mixin ms-Icon--PageCheckedin { content: "\F104"; }
+@mixin ms-Icon--CaretBottomLeftSolid8 { content: "\F121"; }
+@mixin ms-Icon--CaretBottomRightSolid8 { content: "\F122"; }