office-ui-fabric-rails 2.5.0.0 → 2.6.0.0

data/vendor/assets/scss/Fabric.Color.Mixins.Output.scss

@@ -15,58 +15,58 @@
   @include ms-bgColor-themeDark;
 }
 
-.ms-bgColor-themeDarkAlt, 
+.ms-bgColor-themeDarkAlt,
 .ms-bgColor-themeDarkAlt--hover:hover {
   @include ms-bgColor-themeDarkAlt;
 }
 
-.ms-bgColor-themeDarker, 
+.ms-bgColor-themeDarker,
 .ms-bgColor-themeDarker--hover:hover {
   @include ms-bgColor-themeDarker;
 }
 
-.ms-bgColor-themePrimary, 
+.ms-bgColor-themePrimary,
 .ms-bgColor-themePrimary--hover:hover {
   @include ms-bgColor-themePrimary;
 }
 
-.ms-bgColor-themeSecondary, 
+.ms-bgColor-themeSecondary,
 .ms-bgColor-themeSecondary--hover:hover {
   @include ms-bgColor-themeSecondary;
 }
 
-.ms-bgColor-themeTertiary, 
+.ms-bgColor-themeTertiary,
 .ms-bgColor-themeTertiary--hover:hover {
   @include ms-bgColor-themeTertiary;
 }
 
-.ms-bgColor-themeLight, 
+.ms-bgColor-themeLight,
 .ms-bgColor-themeLight--hover:hover {
   @include ms-bgColor-themeLight;
 }
 
-.ms-bgColor-themeLighter, 
+.ms-bgColor-themeLighter,
 .ms-bgColor-themeLighter--hover:hover {
   @include ms-bgColor-themeLighter;
 }
 
-.ms-bgColor-themeLighterAlt, 
+.ms-bgColor-themeLighterAlt,
 .ms-bgColor-themeLighterAlt--hover:hover {
   @include ms-bgColor-themeLighterAlt;
 }
 
 // Neutral colors
-.ms-bgColor-black, 
+.ms-bgColor-black,
 .ms-bgColor-black--hover:hover {
   @include ms-bgColor-black;
 }
 
-.ms-bgColor-neutralDark, 
+.ms-bgColor-neutralDark,
 .ms-bgColor-neutralDark--hover:hover {
   @include ms-bgColor-neutralDark;
 }
 
-.ms-bgColor-neutralPrimary, 
+.ms-bgColor-neutralPrimary,
 .ms-bgColor-neutralPrimary--hover:hover {
   @include ms-bgColor-neutralPrimary;
 }
@@ -81,37 +81,37 @@
   @include ms-bgColor-neutralSecondary;
 }
 
-.ms-bgColor-neutralSecondaryAlt, 
+.ms-bgColor-neutralSecondaryAlt,
 .ms-bgColor-neutralSecondaryAlt--hover:hover {
   @include ms-bgColor-neutralSecondaryAlt;
 }
 
-.ms-bgColor-neutralTertiary, 
+.ms-bgColor-neutralTertiary,
 .ms-bgColor-neutralTertiary--hover:hover {
   @include ms-bgColor-neutralTertiary;
 }
 
-.ms-bgColor-neutralTertiaryAlt, 
+.ms-bgColor-neutralTertiaryAlt,
 .ms-bgColor-neutralTertiaryAlt--hover:hover {
   @include ms-bgColor-neutralTertiaryAlt;
 }
 
-.ms-bgColor-neutralLight, 
+.ms-bgColor-neutralLight,
 .ms-bgColor-neutralLight--hover:hover {
   @include ms-bgColor-neutralLight;
 }
 
-.ms-bgColor-neutralLighter, 
+.ms-bgColor-neutralLighter,
 .ms-bgColor-neutralLighter--hover:hover {
   @include ms-bgColor-neutralLighter;
 }
 
-.ms-bgColor-neutralLighterAlt, 
+.ms-bgColor-neutralLighterAlt,
 .ms-bgColor-neutralLighterAlt--hover:hover {
   @include ms-bgColor-neutralLighterAlt;
 }
 
-.ms-bgColor-white, 
+.ms-bgColor-white,
 .ms-bgColor-white--hover:hover {
   @include ms-bgColor-white;
 }
@@ -219,8 +219,12 @@
   @include ms-bgColor-success;
 }
 
-.ms-bgColor-alert {
-  @include ms-bgColor-alert;
+.ms-bgColor-severeWarning {
+  @include ms-bgColor-severeWarning;
+}
+
+.ms-bgColor-warning {
+  @include ms-bgColor-warning;
 }
 
 .ms-bgColor-error {
@@ -232,64 +236,64 @@
 //
 
 // Theme colors
-.ms-borderColor-themeDark, 
+.ms-borderColor-themeDark,
 .ms-borderColor-themeDark--hover:hover {
   @include ms-borderColor-themeDark;
 }
 
-.ms-borderColor-themeDarkAlt, 
+.ms-borderColor-themeDarkAlt,
 .ms-borderColor-themeDarkAlt--hover:hover {
   @include ms-borderColor-themeDarkAlt;
 }
 
-.ms-borderColor-themeDarker, 
+.ms-borderColor-themeDarker,
 .ms-borderColor-themeDarker--hover:hover {
   @include ms-borderColor-themeDarker;
 }
 
-.ms-borderColor-themePrimary, 
+.ms-borderColor-themePrimary,
 .ms-borderColor-themePrimary--hover:hover {
   @include ms-borderColor-themePrimary;
 }
 
-.ms-borderColor-themeSecondary, 
+.ms-borderColor-themeSecondary,
 .ms-borderColor-themeSecondary--hover:hover {
   @include ms-borderColor-themeSecondary;
 }
 
-.ms-borderColor-themeTertiary, 
+.ms-borderColor-themeTertiary,
 .ms-borderColor-themeTertiary--hover:hover {
   @include ms-borderColor-themeTertiary;
 }
 
-.ms-borderColor-themeLight, 
+.ms-borderColor-themeLight,
 .ms-borderColor-themeLight--hover:hover {
   @include ms-borderColor-themeLight;
 }
 
-.ms-borderColor-themeLighter, 
+.ms-borderColor-themeLighter,
 .ms-borderColor-themeLighter--hover:hover {
   @include ms-borderColor-themeLighter;
 }
 
-.ms-borderColor-themeLighterAlt, 
+.ms-borderColor-themeLighterAlt,
 .ms-borderColor-themeLighterAlt--hover:hover {
   @include ms-borderColor-themeLighterAlt;
 }
 
 
 // Neutral colors
-.ms-borderColor-black, 
+.ms-borderColor-black,
 .ms-borderColor-black--hover:hover {
   @include ms-borderColor-black;
 }
 
-.ms-borderColor-neutralDark, 
+.ms-borderColor-neutralDark,
 .ms-borderColor-neutralDark--hover:hover {
   @include ms-borderColor-neutralDark;
 }
 
-.ms-borderColor-neutralPrimary, 
+.ms-borderColor-neutralPrimary,
 .ms-borderColor-neutralPrimary--hover:hover {
   @include ms-borderColor-neutralPrimary;
 }
@@ -304,38 +308,38 @@
   @include ms-borderColor-neutralSecondary;
 }
 
-.ms-borderColor-neutralSecondaryAlt, 
+.ms-borderColor-neutralSecondaryAlt,
 .ms-borderColor-neutralSecondaryAlt--hover:hover {
   @include ms-borderColor-neutralSecondaryAlt;
 }
 
-.ms-borderColor-neutralTertiary, 
+.ms-borderColor-neutralTertiary,
 .ms-borderColor-neutralTertiary--hover:hover {
   @include ms-borderColor-neutralTertiary;
 }
 
-.ms-borderColor-neutralTertiaryAlt, 
+.ms-borderColor-neutralTertiaryAlt,
 .ms-borderColor-neutralTertiaryAlt--hover:hover {
   @include ms-borderColor-neutralTertiaryAlt;
 }
 
-.ms-borderColor-neutralLight, 
+.ms-borderColor-neutralLight,
 .ms-borderColor-neutralLight--hover:hover {
   @include ms-borderColor-neutralLight;
 }
 
-.ms-borderColor-neutralLighter, 
+.ms-borderColor-neutralLighter,
 .ms-borderColor-neutralLighter--hover:hover {
   @include ms-borderColor-neutralLighter;
 }
 
-.ms-borderColor-neutralLighterAlt, 
+.ms-borderColor-neutralLighterAlt,
 .ms-borderColor-neutralLighterAlt--hover:hover {
   @include ms-borderColor-neutralLighterAlt;
 }
 
-.ms-borderColor-white, 
-.ms-borderColor-white--hover:hover { 
+.ms-borderColor-white,
+.ms-borderColor-white--hover:hover {
   @include ms-borderColor-white;
 }
 
@@ -432,27 +436,8 @@
   @include ms-borderColor-greenLight;
 }
 
-
-// Message colors
-.ms-borderColor-info {
-  @include ms-borderColor-info;
-}
-
-.ms-borderColor-success {
-  @include ms-borderColor-success;
-}
-
-.ms-borderColor-alert {
-  @include ms-borderColor-alert;
-}
-
-.ms-borderColor-error {
-  @include ms-borderColor-error;
-}
-
-
 // Individual borders, by request
-.ms-borderColorTop-themePrimary, 
+.ms-borderColorTop-themePrimary,
 .ms-borderColorTop-themePrimary--hover:hover {
   @include ms-borderColorTop-themePrimary;
 }

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

@@ -72,22 +72,22 @@
 // Helper mixins to override default type values
 
 // Font weights
-.ms-fontWeight-light, 
+.ms-fontWeight-light,
 .ms-fontWeight-light--hover:hover {
   @include ms-fontWeight-light;
 }
 
-.ms-fontWeight-semilight, 
+.ms-fontWeight-semilight,
 .ms-fontWeight-semilight--hover:hover {
   @include ms-fontWeight-semilight;
 }
 
-.ms-fontWeight-regular, 
+.ms-fontWeight-regular,
 .ms-fontWeight-regular--hover:hover {
   @include ms-fontWeight-regular;
 }
 
-.ms-fontWeight-semibold, 
+.ms-fontWeight-semibold,
 .ms-fontWeight-semibold--hover:hover {
   @include ms-fontWeight-semibold;
 }
@@ -139,59 +139,59 @@
   @include ms-fontColor-themeDarker;
 }
 
-.ms-fontColor-themeDark, 
+.ms-fontColor-themeDark,
 .ms-fontColor-themeDark--hover:hover {
   @include ms-fontColor-themeDark;
 }
 
-.ms-fontColor-themeDarkAlt, 
+.ms-fontColor-themeDarkAlt,
 .ms-fontColor-themeDarkAlt--hover:hover {
   @include ms-fontColor-themeDarkAlt;
 }
 
-.ms-fontColor-themePrimary, 
+.ms-fontColor-themePrimary,
 .ms-fontColor-themePrimary--hover:hover {
   @include ms-fontColor-themePrimary;
 }
 
-.ms-fontColor-themeSecondary, 
+.ms-fontColor-themeSecondary,
 .ms-fontColor-themeSecondary--hover:hover {
   @include ms-fontColor-themeSecondary;
 }
 
-.ms-fontColor-themeTertiary, 
+.ms-fontColor-themeTertiary,
 .ms-fontColor-themeTertiary--hover:hover {
   @include ms-fontColor-themeTertiary;
 }
 
-.ms-fontColor-themeLight, 
+.ms-fontColor-themeLight,
 .ms-fontColor-themeLight--hover:hover {
   @include ms-fontColor-themeLight;
 }
 
-.ms-fontColor-themeLighter, 
+.ms-fontColor-themeLighter,
 .ms-fontColor-themeLighter--hover:hover {
   @include ms-fontColor-themeLighter;
 }
 
-.ms-fontColor-themeLighterAlt, 
+.ms-fontColor-themeLighterAlt,
 .ms-fontColor-themeLighterAlt--hover:hover {
   @include ms-fontColor-themeLighterAlt;
 }
 
 
 // Neutral colors
-.ms-fontColor-black, 
+.ms-fontColor-black,
 .ms-fontColor-black--hover:hover {
   @include ms-fontColor-black;
 }
 
-.ms-fontColor-neutralDark, 
+.ms-fontColor-neutralDark,
 .ms-fontColor-neutralDark--hover:hover {
   @include ms-fontColor-neutralDark;
 }
 
-.ms-fontColor-neutralPrimary, 
+.ms-fontColor-neutralPrimary,
 .ms-fontColor-neutralPrimary--hover:hover {
   @include ms-fontColor-neutralPrimary;
 }
@@ -206,58 +206,58 @@
  @include ms-fontColor-neutralSecondary;
 }
 
-.ms-fontColor-neutralSecondaryAlt, 
-.ms-fontColor-neutralSecondaryAlt--hover:hover { 
+.ms-fontColor-neutralSecondaryAlt,
+.ms-fontColor-neutralSecondaryAlt--hover:hover {
   @include ms-fontColor-neutralSecondaryAlt;
 }
 
-.ms-fontColor-neutralTertiary, 
+.ms-fontColor-neutralTertiary,
 .ms-fontColor-neutralTertiary--hover:hover {
   @include ms-fontColor-neutralTertiary;
 }
 
-.ms-fontColor-neutralTertiaryAlt, 
-.ms-fontColor-neutralTertiaryAlt--hover:hover { 
+.ms-fontColor-neutralTertiaryAlt,
+.ms-fontColor-neutralTertiaryAlt--hover:hover {
   @include ms-fontColor-neutralTertiaryAlt;
 }
 
-.ms-fontColor-neutralLight, 
+.ms-fontColor-neutralLight,
 .ms-fontColor-neutralLight--hover:hover {
   @include ms-fontColor-neutralLight;
 }
 
-.ms-fontColor-neutralLighter, 
+.ms-fontColor-neutralLighter,
 .ms-fontColor-neutralLighter--hover:hover {
   @include ms-fontColor-neutralLighter;
 }
 
-.ms-fontColor-neutralLighterAlt, 
+.ms-fontColor-neutralLighterAlt,
 .ms-fontColor-neutralLighterAlt--hover:hover {
   @include ms-fontColor-neutralLighterAlt;
 }
 
-.ms-fontColor-white, 
+.ms-fontColor-white,
 .ms-fontColor-white--hover:hover {
   @include ms-fontColor-white;
 }
 
 // Brand and accent colors
-.ms-fontColor-yellow, 
+.ms-fontColor-yellow,
 .ms-fontColor-yellow--hover:hover {
   @include ms-fontColor-yellow;
 }
 
-.ms-fontColor-yellowLight, 
+.ms-fontColor-yellowLight,
 .ms-fontColor-yellowLight--hover:hover {
   @include ms-fontColor-yellowLight;
 }
 
-.ms-fontColor-orange, 
+.ms-fontColor-orange,
 .ms-fontColor-orange--hover:hover {
   @include ms-fontColor-orange;
 }
 
-.ms-fontColor-orangeLight, 
+.ms-fontColor-orangeLight,
 .ms-fontColor-orangeLight--hover:hover {
   @include ms-fontColor-orangeLight;
 }
@@ -267,113 +267,123 @@
   @include ms-fontColor-orangeLighter;
 }
 
-.ms-fontColor-redDark, 
+.ms-fontColor-redDark,
 .ms-fontColor-redDark--hover:hover {
   @include ms-fontColor-redDark;
 }
 
-.ms-fontColor-red, 
+.ms-fontColor-red,
 .ms-fontColor-red--hover:hover {
   @include ms-fontColor-red;
 }
 
-.ms-fontColor-magentaDark, 
+.ms-fontColor-magentaDark,
 .ms-fontColor-magentaDark--hover:hover {
   @include ms-fontColor-magentaDark;
 }
 
-.ms-fontColor-magenta, 
+.ms-fontColor-magenta,
 .ms-fontColor-magenta--hover:hover {
   @include ms-fontColor-magenta;
 }
 
-.ms-fontColor-magentaLight, 
+.ms-fontColor-magentaLight,
 .ms-fontColor-magentaLight--hover:hover {
   @include ms-fontColor-magentaLight;
 }
 
-.ms-fontColor-purpleDark, 
+.ms-fontColor-purpleDark,
 .ms-fontColor-purpleDark--hover:hover {
   @include ms-fontColor-purpleDark;
 }
 
-.ms-fontColor-purple, 
+.ms-fontColor-purple,
 .ms-fontColor-purple--hover:hover {
   @include ms-fontColor-purple;
 }
 
-.ms-fontColor-purpleLight, 
+.ms-fontColor-purpleLight,
 .ms-fontColor-purpleLight--hover:hover {
   @include ms-fontColor-purpleLight;
 }
 
-.ms-fontColor-blueDark, 
+.ms-fontColor-blueDark,
 .ms-fontColor-blueDark--hover:hover {
   @include ms-fontColor-blueDark;
 }
 
-.ms-fontColor-blueMid, 
+.ms-fontColor-blueMid,
 .ms-fontColor-blueMid--hover:hover {
   @include ms-fontColor-blueMid;
 }
 
-.ms-fontColor-blue, 
+.ms-fontColor-blue,
 .ms-fontColor-blue--hover:hover {
   @include ms-fontColor-blue;
 }
 
-.ms-fontColor-blueLight, 
+.ms-fontColor-blueLight,
 .ms-fontColor-blueLight--hover:hover {
   @include ms-fontColor-blueLight;
 }
 
-.ms-fontColor-tealDark, 
+.ms-fontColor-tealDark,
 .ms-fontColor-tealDark--hover:hover {
   @include ms-fontColor-tealDark;
 }
 
-.ms-fontColor-teal, 
+.ms-fontColor-teal,
 .ms-fontColor-teal--hover:hover {
   @include ms-fontColor-teal;
 }
 
-.ms-fontColor-tealLight, 
+.ms-fontColor-tealLight,
 .ms-fontColor-tealLight--hover:hover {
   @include ms-fontColor-tealLight;
 }
 
-.ms-fontColor-greenDark, 
+.ms-fontColor-greenDark,
 .ms-fontColor-greenDark--hover:hover {
   @include ms-fontColor-greenDark;
 }
 
-.ms-fontColor-green, 
+.ms-fontColor-green,
 .ms-fontColor-green--hover:hover {
   @include ms-fontColor-green;
 }
 
-.ms-fontColor-greenLight, 
+.ms-fontColor-greenLight,
 .ms-fontColor-greenLight--hover:hover {
   @include ms-fontColor-greenLight;
 }
 
 // Message colors
-.ms-fontColor-info, 
+.ms-fontColor-info,
 .ms-fontColor-info--hover:hover {
   @include ms-fontColor-info;
 }
 
-.ms-fontColor-success, 
+.ms-fontColor-success,
 .ms-fontColor-success--hover:hover {
   @include ms-fontColor-success;
 }
 
 .ms-fontColor-alert, 
-.ms-fontColor-alert--hover:hover {
-  @include ms-fontColor-alert;
+.ms-fontColor-alert--hover:hover {   // Deprecated: Use ms-fontColor-severeWarning
+   @include ms-fontColor-alert;
 }
 
-.ms-fontColor-error, 
+.ms-fontColor-warning,
+.ms-fontColor-warning--hover:hover {
+  @include ms-fontColor-warning;
+}
+
+.ms-fontColor-severeWarning,
+.ms-fontColor-severeWarning--hover:hover {
+  @include ms-fontColor-severeWarning;
+}
+
+.ms-fontColor-error,
 .ms-fontColor-error--hover:hover {
   @include ms-fontColor-error;
 }

data/vendor/assets/scss/Fabric.Utilities.Output.scss

@@ -12,6 +12,11 @@
   @include ms-u-borderBox;
 }
 
+// To apply border base settings
+.ms-u-borderBase {
+  @include ms-u-borderBase;
+}
+
 // Ensures the block expands to the full height to enclose its floated childen.
 .ms-u-clearfix {
   @include ms-u-clearfix;
@@ -21,3 +26,21 @@
 .ms-u-normalize {
   @include ms-u-normalize;
 }
+
+// Use to set left, center, right text alignment styles 
+@include ms-u-textAlign(left, center, right);
+
+// Use to hide content while still making it readable by screen reader (Accessibility)
+.ms-u-screenReaderOnly {
+  @include ms-u-screenReaderOnly
+}
+
+// Use to add truncation with ellipsis
+.ms-u-textTruncate {
+  @include ms-u-textTruncate
+}
+
+// Use to disable text wrapping
+.ms-u-noWrap{
+  @include ms-u-noWrap
+}

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

@@ -197,8 +197,12 @@
   background-color: $ms-color-successBackground;
 }
 
-@mixin ms-bgColor-alert {
-  background-color: $ms-color-alertBackground;
+@mixin ms-bgColor-severeWarning {
+  background-color: $ms-color-severeWarningBackground;
+}
+
+@mixin ms-bgColor-warning {
+  background-color: $ms-color-warningBackground;
 }
 
 @mixin ms-bgColor-error {
@@ -292,8 +296,8 @@
   border-color: $ms-color-neutralLighterAlt;
 }
 
-@mixin ms-borderColor-white { 
-  border-color: $ms-color-white; 
+@mixin ms-borderColor-white {
+  border-color: $ms-color-white;
 }
 
 // Brand and accent colors

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

@@ -70,12 +70,16 @@ $ms-color-greenLight:    #bad80a;
 
 //== Message colors
 //
-$ms-color-info:              $ms-color-green;
+$ms-color-info:              $ms-color-neutralSecondaryAlt;
 $ms-color-infoBackground:    $ms-color-neutralLighter;
 $ms-color-success:           $ms-color-green;
 $ms-color-successBackground: #dff6dd;
-$ms-color-alert:             $ms-color-orange;
-$ms-color-alertBackground:   #fed9cc;
+$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;