Skip to content
This repository has been archived by the owner on Jun 18, 2024. It is now read-only.

Releases: OfficeDev/office-ui-fabric-core

7.1.0

09 Jun 16:47
Compare
Choose a tag to compare

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 the ms-Fabric wrapper 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, the ms-Fabric wrapper 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

14 Apr 20:55
Compare
Choose a tag to compare

Breaking Changes

  • #948 The ms-Fabric wrapper 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-s to override this default. Note that Fabric React components may assume a font size of 14px.
  • #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 @keyframes definitions. 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

16 Mar 21:29
Compare
Choose a tag to compare

This release includes two small fixes:

  • #923: When using the scoped styles, the correct CDN path is now used for the icon font.
  • #934: _References.scss now contains a reference to general variables that was missing.

2.6.3

19 Feb 22:52
Compare
Choose a tag to compare

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

03 Feb 00:51
Compare
Choose a tag to compare

Breaking Changes

  • #868
    • The sass folder 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.scss has been removed. This file was an unintentional duplicate. If you have a reference to it in your project, you should instead use mixins/_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-Fabric wrapper component is now defined in _Wrapper.scss instead of _Fabric.Base.scss.
    • The ms-Fabric wrapper 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 the body element, or on any element that wraps your application.
    • _Fabric.Common.scss has 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.
  • #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 with ms-.
    • Examples:
      • ms-u-sm12 is now ms-sm12
      • ms-u-slideRightIn10 is now ms-slideRightIn10
  • #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 @keyframes required 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
  • #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 use ms-focus-border().

Fixed

  • #868
    • The ms-Grid-col class now styles child ms-Grid classes, so that grids nest correctly.
    • Animations now work correctly in right-to-left (RTL) layouts.
    • Brand icons are now included in fabric.rtl.css.

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--selawik modifier 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.

5.1.0

05 Dec 19:06
Compare
Choose a tag to compare

New

  • #858 New icons added getting us up to date with 2016.11.23's version of the fabric icons. New icons included
    • RedEye
    • Headset
    • Devices3
    • Devices4
    • Hide
    • FolderHorizontal
    • MicrosoftStaffhubLogo
    • CaloriesAdd
    • BranchFork
  • #845 Add WOFF2 version of the icon font

Changed

  • #850 Update remaining link to new CDN
  • #851 Update link to asset license
  • #849 Update gulp-tslint to version 7.0.1
  • #844 Update tslint to version 4.0.0
  • #842 Update CDN paths to support HTTP/2
  • #837 Update gulp-debug to version 3.0.0

5.0.1

09 Nov 19:48
Compare
Choose a tag to compare

This release corrects the URL used for CDN references to the web font and icons.

5.0.0

03 Nov 22:18
Compare
Choose a tag to compare

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 !default feature of SCSS
  • #823 A new ms-BrandIcon component 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--DynamicsCRMLogo with ms-Icon--Dynamics365Logo, and ms-Icon--CarotRightSolid8 with ms-Icon--CaretRightSolid8.

Documentation

  • #801 Added link to Trello requests board in README.
  • #800 Made it clear that Fabric Core does not yet support suite-wide theming.
  • #806 Fixed a broken link in documentation
  • #814 Clarified instructions for building legacy Fabric 2.6.x

4.1.0

17 Oct 22:05
Compare
Choose a tag to compare

Changed

  • #791 Updated project name in banner.
  • #790 Roadmap updates

Fixed

  • #791 Fixed error in comments.

New

  • #792 Add RTL support for directional MDL2 icons.

Removed

  • #795 Removed Mirrored icons from sass
  • #788 Removed unused modules in package.json

Documentation

  • #786 Removing tutorial.md since it's out of date and no longer helpful for the new components and assets.

2.6.2

06 Oct 23:29
Compare
Choose a tag to compare

This release fixes an issue with Bundling (#808) that was preventing all builds from running on Node 6.x+.

Note: This is purely a patch release for a critical bug in 2.6.1 and contains no new features or functionality.