Releases: OfficeDev/office-ui-fabric-core
Releases · OfficeDev/office-ui-fabric-core
7.1.0
New
- #986 Update to version 2.30 of the icon font, which adds 135 new icons.
- #975 Update to version 2.23 of the icon font, which adds 104 new icons.
- #977 Adds Lao language support, which uses the Leelawadee UI web font when
lang='lo'is set.
Fixed
- #988 Removed
-ms-high-contrast-adjust: none;from thems-Fabricwrapper class. While we want this to be used on all Fabric components, where we have specific high contrast styles that we want to use in place of IE/Edge's default styles, thems-Fabricwrapper was not the right place for this.
Changed
- #973 Updates the gulp-changed package to version 3.0.0. This is used only in the build and has no impact on the output.
7.0.0
Breaking Changes
- #948 The
ms-Fabricwrapper now sets a base font size of medium (14px).- This is potentially a breaking change if your application counted on the browser setting another default, or if font size was being inherited by a parent element. If so, you can use a class like
.ms-fontSize-sto override this default. Note that Fabric React components may assume a font size of 14px.
- This is potentially a breaking change if your application counted on the browser setting another default, or if font size was being inherited by a parent element. If so, you can use a class like
- #946 Two icons have been renamed without deprecation, as the old names are used by new icons:
- DelveLogo is now DelveLogoInverse
- OfficeVideoLogo is now OfficeVideoLogoInverse
- #950 Removes various reset mixins. While these were never documented or widely used, it is possible that you've discovered these and used them in your application. If so, copy the old definition to your local project.
New
- #963 Adds a new 24px font size, XL Plus, to the type ramp.
- #946, #965 Updating to version 2.21 of the icon font adds 167 new icons. 🎉
Fixed
- #947 Updates the
ms-background-gradient()mixin to output the proper CSS syntax. We've added logic to preserve the existing parameters, so that there is no change to the API or end result. - #959 Fixes a bug in the animations where the classes were referring to the wrong
@keyframesdefinitions. Animations should now be working again. - #956 We now append the icon font version number to the CDN address, ensuring that the CDN doesn't serve a cached version of the icon font that may be out of date.
Changed
- #947 Cleans up some internal mixin code. There are no changes to the API or functionality.
- #945, #941, #936, #957 Update our build system dependencies to the latest versions.
- #954 Uses the font weight variables in the
ms-font-face()mixin, ensuring that the values match everywhere if these ever change. - #966 Due to a number of bugs with using the local copy of Segoe UI, we've temporarily reverted to serving web fonts in all scenarios. We are actively tracking the related Chromium bug and testing other approaches in our products, so that we can bring back this performance optimization in a future release.
Removed/Deprecated
- #946 Renames five icons. The old names will stop working in a future release. Two previously-deprecated icons, Planner and AppForOfficeLogo, have been removed and will no longer work.
Documentation
- #943 Markdown documentation for the 2.6.x branch of Fabric is now formatted more cleanly. Thanks, @hongbo-miao!
6.0.1
2.6.3
As requested in issue 261 in Fabric JS, this release patches an issue with the Dropdown for those who require compatibility with the 2.6.x versions of Office UI Fabric, rather than more recent versions of Fabric JS.
There are no other changes or features in this release that make it different from 2.6.2.
6.0.0
Breaking Changes
- #868
- The
sassfolder has been reorganized, so any references you have will likely need to updated. Variables and mixins are now in their own folders. - The mixin file
_Fabric.i18n.scsshas been removed. This file was an unintentional duplicate. If you have a reference to it in your project, you should instead usemixins/_Directionality.Mixins.scss. - Mixins that existed solely to generate browser prefixes have been removed. We recommend you use a build tool like Autoprefixer that can be configured to your project's unique browser support requirements.
- The
ms-Fabricwrapper component is now defined in_Wrapper.scssinstead of_Fabric.Base.scss. - The
ms-Fabricwrapper component is now required on all pages using Fabric, as it applies the font family that is inherited by all other components and styles. You can include this class directly on thebodyelement, or on any element that wraps your application. _Fabric.Common.scsshas been renamed to_References.scss. Importing this file in your project provides access to all of Fabric's variables and mixins, without outputting any CSS.
- The
- #888 Component-specific z-indexes have been removed. These should be defined within component libraries like Fabric React.
- #887 Many mixins and variables have been renamed for consistency. See the PR for full details on these changes.
- #902 The utility prefix is no longer in use:
- You will need to find all instances of
ms-u-and replace withms-. - Examples:
ms-u-sm12is nowms-sm12ms-u-slideRightIn10is nowms-slideRightIn10
- You will need to find all instances of
- #910 The AlchemyLogo and CollabsDBLogo icons have been removed without deprecation by special request.
New
- #854
- The focusBorder() mixin has been added from Fabric React. This removes the browser's default keyboard focus style and uses a pseudoelement to create a consistent focus style. It works in conjunction with the ms-Fabric wrapper's is-focusVisible state, so that focus rectangles are only visible during keyboard interactions.
- A new mixin,
ms-animation-keyframes(), has been added to output all of the@keyframesrequired by the animation classes.
- #877
- Fabric now support version scoping, so that multiple versions of Fabric can be used on a single page without conflicting. See the PR for details on how to use this feature.
- #899
- Localized font families are now supported by default, without requiring a custom bundle.
- Added support for Selawik as an open source alternative to Segoe UI.
- #910
- New icons:
- Snowflake (there were previously two icons named Snow by mistake)
- SingleColumn
- DoubleColumn
- TripleColumn
- ColumnLeftTwoThirds
- ColumnRightTwoThirds
- New icons:
- #913 Set '-ms-high-contrast-adjust' to 'none', preventing Edge from overriding the high-contrast mode styles that have been designed for the components.
- #914 Added a
ms-focus-outline()mixin, which overrides the browser's default outline styles. This is useful for inline elements (such as links) that may span multiple lines and can't usems-focus-border().
Fixed
- #868
- The
ms-Grid-colclass now styles childms-Gridclasses, so that grids nest correctly. - Animations now work correctly in right-to-left (RTL) layouts.
- Brand icons are now included in
fabric.rtl.css.
- The
Changed
- #862 The build now uses gulp-sass 3.1.0.
- #911 The color of "theme light" has been updated very slightly.
Deprecations
- #910
- The Planner icon has been renamed to PlannerLogo
- The AppsForOfficeLogo icon has been renamed to OfficeAddinsLogo
- Two previously-deprecated icons have been removed:
- DynamicsCRMLogo
- CarotRightSolid8
Documentation updates
- #899
- Added an example of the
ms-Fabric--selawikmodifier class, which applies a font-family that loads the Selawik web font if Segoe UI is not available locally. - Shows how to write a custom class that will set the base font family for the application, if another font is preferred to Segoe UI and Selawik. Fixes #871.
- Updated the font weight model to correctly render the table (name and class were reversed).
- Updated the localization table with the correct lang attributes, font families, and new samples of text in each language.
- Added an example of the
5.1.0
5.0.1
This release corrects the URL used for CDN references to the web font and icons.
5.0.0
Breaking Changes
- #825 Updated responsive mixins (e.g.
ms-u-mdPull2()) to include the media queries that make them work correctly. You likely weren't using these mixins, as they didn't function correctly, but to be on the safe side we are bumping Fabric Core to 5.0.0 with this change.
New
- #815 Variables can now be more easily overridden using the
!defaultfeature of SCSS - #823 A new
ms-BrandIconcomponent makes it easy to include branded icons that look right on any device. Documentation will be available on the brand icons page soon. - #828 Added new icons.
- #828 Our method for changing icons for right-to-left (RTL) users has changed. We now automatically substitute different icons where necessary, rather than flipping the icons using CSS.
Changed
- #822 Updated gulp-lintspaces to version 0.5.0
- #812 Updated typescript to version 2.0.3
- #829, #830 Updated gulp-typescript to version 3.1.1
- #831 Updated gulp-tslint to version 6.1.3
- #828, #833 The Segoe UI web font, icon font, and brand icons are now located in a new CDN location. This version of Fabric Core will also be published there and the Fabric website will be updated soon with new instructions. All files that were previously available on the old CDN will remain there, so there is no need to worry about apps using previous versions of Fabric.
Removed/Deprecated
- #828 Deprecated two icon names that will be removed in a future release. You should replace
ms-Icon--DynamicsCRMLogowithms-Icon--Dynamics365Logo, andms-Icon--CarotRightSolid8withms-Icon--CaretRightSolid8.
