The front-end CSS framework for building experiences for Office and Microsoft 365.

Related tags

Learning resource office-ui-fabric-core
Overview

Office UI Fabric Core

The front-end framework for building experiences for Office and Office 365.

Fabric is a responsive, mobile-first collection of styles and tools designed to make it quick and simple for you to create web experiences using the Office Design Language.

Latest version: 11.0.1

CONTENTS

What's included

This repository contains the core styles used across all aspects of Fabric including icons, type, fonts, colors, the grid, etc. This is a separate project from Office UI Fabric React, which contains the React components.

Get started

For a quick start, reference the latest release of Fabric from a CDN or add a copy to your project. See get started on the Office UI Fabric site for full details on the most common ways to get started with the core along with a description of what's included.

If you'd like to get Fabric through a package manager such as Bower, npm, or NuGet, check out the package manager docs.

Want to customize Fabric for your project? See building Fabric to learn about the build process.

Learn more

New to Fabric? Start with the project's site to understand its purpose and explore the full set of styles and components from Office UI Fabric React.

When you're ready to create an Office Add-in with Fabric, take a look at the Use Office UI Fabric with Office Add-ins on MSDN article.

Contribute to Fabric

Bug reports, feature requests, and questions are posted on the issue tracker. For details on our contribution process and how we label issues, see our contributing page.

Licenses

All files in this GitHub repository are subject to the MIT license. This project also references fonts and icons from a CDN, which are subject to a separate asset license.

Changelog

We use GitHub Releases to manage our releases, including the changelog between every release. View a complete list of additions, fixes, and changes since 1.0 on the releases page.

Join the Microsoft 365 Developer Program

Get a free sandbox, tools, and other resources you need to build solutions for the Microsoft 365 platform.

This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact [email protected] with any additional questions or comments.

Comments
  • Add support for Selawik as an alternative to Segoe UI web font

    Add support for Selawik as an alternative to Segoe UI web font

    It would be helpful for community if Fabric team can use Selawik as fallback approach where Segoe license has restriction. There is also a Symbol font which can be used along with Selawik.

    We can have wider adoption of this library and MDL2 outside of Office/MS linked usages.

    Looks like the development on the two project has stalled or not published to GitHub for over a year now. if Fabric team adopts these fonts, their further development can happen. It would be great contribution to open source community by Microsoft

    feature-request 
    opened by gautamsi 21
  • Localization: Set font-family with ms-Fabric wrapper

    Localization: Set font-family with ms-Fabric wrapper

    when I apply "lang='cn-ZHS'" to , the whole page font family keeps segoe ui, while it should be Microsoft yahei. Is it a bug or have I missed some steps? (I am trying as office ui fabric website shows.) Thanks in advance.

    bug VSTS 
    opened by kennywangjin 19
  • Dropdown component doesn't work...

    Dropdown component doesn't work...

    ...or I'm doing something stupid. A regular select control shows up, but only the dropdown icon is visible for the ms-Dropdown select. See my shared Napa project and /App/Read/DropdownTest.html: http://aka.ms/V127h2.

    Something looks weird in /Content/Dropdown/Jquery.Dropdown.js. While the main function initializes, none of the helper methods ever get executed (see my comments). It certainly looks and works differently compared to the code in the Jquery.*.js files for the other Fabric components.

    Also note the typos ("<option>Choose a sound&hellip;</option>") and missing value attributes in Dropdown.html and Dropdown.Disabled .html. The sample at dev.office.com is okay.

    documentation 
    opened by elegault 18
  • Icons don't load on a Windows Server 2016 machine

    Icons don't load on a Windows Server 2016 machine

    See the rendering of the Fabric site, for example:

    fabric icons

    The machine is a Windows Server 2016 machine. The site displays fine in Firefox, only IE has this issue. Other parts of the site (and other sites) load fine, it's just the Fabric icons that seem to have a problem.

    opened by Zlatkovsky 17
  • Icons not loading in Safari

    Icons not loading in Safari

    Hi,

    I'm using office fabric ui in our project and i found a issue that the office fabric icons are not getting loaded in safari browser where as it works well in all other browsers. Please let me know what i need to do..

    bug 
    opened by Chethansannju 16
  • DatePicker: JS conflicts with SharePoint Online datepicker

    DatePicker: JS conflicts with SharePoint Online datepicker

    When including jquery.fabric.*.js it makes the out of the box datepicker nonfunctional.

    datepicker js

    When trying to open the datepicker by clicking on the icon you get the error above.

    When removing the DatePicker plugin from the fabric js file the problem goes away. When looking through the sourcecode i see that some plugins does not have the fabric namespace. Maybe this is a problem?

    Also we worked around the problem by using Jquery.NavBar.js. We only needed the NavBar plugin and nothing else in the bundled fabric file.

    bug VSTS 
    opened by brannmar 16
  • Trouble with CDN

    Trouble with CDN

    I just started playing with Fabric so please excuse any noobness. But I just cannot figure out why the presence of the NavBar component disables everything on the page. I have a sample Napa Excel Task Pane app that demonstrates the issue here:

    http://aka.ms/V127h2

    I'm properly initializing the component during Office.initialize:

    $(".ms-NavBar").NavBar();

    I've added a Fabric Button as well just to demonstrate that it gets disabled as well. If you comment out the entire

    block the UI on the page then becomes enabled again (and the Fabric Button is NOT disabled). I believe something in the /Content/NavBar/Jquery.NavBar.js file is failing or disabling controls but I can't figure out what it is. Help please!

    needs-discussion 
    opened by elegault 15
  • Dropdown: Cannot modify items after initial load

    Dropdown: Cannot modify items after initial load

    After the initial load of the page you cannot modify a Dropdown. After looking at the HTML it appears that Select object is modified but not the corresponding un-ordered list. I plan to write a method that modifies both the select and the un-ordered list but it would be nice to be able to directly modify the list with native JQuery.

    enhancement VSTS 
    opened by v-rusmit 15
  • Question: Snippets

    Question: Snippets

    I currently have a collection of VSCode snippets: s43.io/FabricSnippets in beta, meaning they don't yet cover all components and need some work to bring them up to date with the 2.1.0 release and also make true extensions for VS Code, VS, and Textmate (which will support Sublime, IIRC). I have another release to rollout in the next couple of days and am beginning to think about ways to keep these up to date with Fabric as it evolves.

    So here's the question...is there any interest in adding these to the Fabric repo and having the build process handle the creation of the different versions (VS, Textmate) from the VSCode snippet? If so, I'll move in that direction. If not, I'm open to suggestions on how best to keep these current and providing value.

    Thanks,

    Dave

    question needs-discussion 
    opened by manndave 14
  • Provide a smaller list item component

    Provide a smaller list item component

    When a list hasn't a primaryText then a metaText is rendered under tertiaryText. Would be nice not to be forced to use primaryText. For a client web part it's too big. Just an idea. Thank you !

    VSTS needs-design 
    opened by ssandu 13
  • Restructure, tidy, and bug fix SCSS

    Restructure, tidy, and bug fix SCSS

    This PR restructures the sass folder to remove the confusing "output" file names (fixes #349), giving us a new structure like so:

    - sass
  - mixins
    - _Animation.Mixins.scss
    ...
  - variables 
    - _Animation.Variables.scss
    ...
  _Animation.scss
  Fabric.scss
  ...

    All of the variables and mixins are clearly separated out from the partials that actually generate CSS. Those partials use the underscore naming convention (e.g. _Grid.scss) to indicate that they shouldn't be converted directly to CSS. The only files without the underscore are Fabric.scss and Fabric.RTL.scss.

    Along the way, I discovered several other bugs and inconsistencies, many of which are fixed by this PR. Here are the changes and fixes:

    No impact on output CSS or use of mixins/partials

    • Standardized to use single quotes everywhere.
    • Removed _Fabric.i18n.scss. We replaced this with another file a while back, now located in mixins/_Directionality.Mixins.scss, but this original hadn't been deleted. Fortunately, it was loaded before the proper mixins and had no effect on the output.
    • Added missing semicolons, fixed indentation, etc.
    • Renamed the animation slideLeft400 to slideLeftIn400 to match the others. This is a change only in the @keyframes name and does not impact the mixins or class names.
    • Fabric.RTL.scss now simply imports Fabric.scss and then references RTL-specific overrides. Reduces the chance of future bugs caused by adding a reference to one file and not the other.

    Changes to mixins/partials

    • Many mixins/partials have been renamed, moved, merged together, etc. This will be a breaking change for anyone importing our SCSS files into their project. However, the improved structure and naming should make it easy to update references.
    • Removed some mixins that created browser prefixes for animations. This is handled by Autoprefixer so the mixins are not necessary.
    • Added a new mixin, ms-animation-keyframes(), that outputs all of the @keyframes used by the animation classes. Previously, you could use mixins to add animation to an element, but that animation wouldn't work because the @keyframes were unavailable.
    • Renamed the animationMix() mixin to ms-animation(). I'll be renaming more mixins and variables in a future PR to fix #832, as we're inconsistent here and should be scoping them all.
    • Renamed _Fabric.Base.scss to _Wrapper.scss, so we can consistently refer to it as the 'wrapper' class. No change to the actual output of ms-Fabric.
    • Renamed _Fabric.Common.scss to _References.scss and made sure this contains all of the variables and mixins. Then imported this file into Fabric.scss so that no references are missed.
    • The ms-Grid-col() mixin now styles child .ms-Grid classes, so that grids can be nested correctly.
    • Renamed the Typography files to Font to match the actual variable/mixin/class names.

    Differences in the output CSS

    • Animation classes no longer contain browser prefixes. These are not needed for the browsers we support. If prefixes are needed in the future, this will be taken care of by Autoprefixer.
    • fabric.css now contains the language overrides for font stacks (fixes #865).
    • fabric.rtl.css contained many animation classes that were referring to @keyframes by the wrong name. This meant that the animations weren't working in RTL. They now refer to the correct animations: slideLeftIn10, slideLeftIn20, slideLeftIn40, slideRightIn10, slideRightIn20, slideRightIn40, and slideRight400.
    • fabric.rtl.css now includes the BrandIcon classes (fixes #866).

    With so many file changes it's hard to look at the diffs, so I've used the super-helpful Alan's Compare CSS tool to compare the master versions of fabric.css and fabric.rtl.css with the versions from this branch. I went through several times to be sure I'm not introducing any unintended changes.

    opened by mikewheaton 12
  • Bump json-schema and jsprim

    Bump json-schema and jsprim

    Bumps json-schema and jsprim. These dependencies needed to be updated together. Updates json-schema from 0.2.3 to 0.4.0

    Commits
    • f6f6a3b Use a little more robust method of checking instances
    • ef60987 Update version
    • b62f1da Protect against constructor modification, #84
    • fb427cd Link to json-schema-org repository in addition to site, fixes #54
    • 22f1461 Don't allow proto property to be used for schema default/coerce, fixes #84
    • c52a27c Get basic test to pass
    • b3f42b3 Add security policy
    • 3b0cec3 Update version
    • c28470f Update readme to acknowledge the state of the package
    • 7dff9cd Merge pull request #81 from hodovani/patch-1
    • Additional commits viewable in compare view

    Updates jsprim from 1.4.1 to 1.4.2

    Changelog

    Sourced from jsprim's changelog.

    v1.4.2 (2021-11-29)

    • #35 Backport json-schema 0.4.0 to version 1.4.x
    Commits
    Maintainer changes

    This version was pushed to npm by bahamat, a new releaser for jsprim since your current version.


    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump express from 4.17.1 to 4.17.3

    Bump express from 4.17.1 to 4.17.3

    Bumps express from 4.17.1 to 4.17.3.

    Release notes

    Sourced from express's releases.

    4.17.3

    4.17.2

    Changelog

    Sourced from express's changelog.

    4.17.3 / 2022-02-16

    4.17.2 / 2021-12-16

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump qs from 6.5.2 to 6.5.3

    Bump qs from 6.5.2 to 6.5.3

    Bumps qs from 6.5.2 to 6.5.3.

    Changelog

    Sourced from qs's changelog.

    6.5.3

    • [Fix] parse: ignore __proto__ keys (#428)
    • [Fix] utils.merge`: avoid a crash with a null target and a truthy non-array source
    • [Fix] correctly parse nested arrays
    • [Fix] stringify: fix a crash with strictNullHandling and a custom filter/serializeDate (#279)
    • [Fix] utils: merge: fix crash when source is a truthy primitive & no options are provided
    • [Fix] when parseArrays is false, properly handle keys ending in []
    • [Fix] fix for an impossible situation: when the formatter is called with a non-string value
    • [Fix] utils.merge: avoid a crash with a null target and an array source
    • [Refactor] utils: reduce observable [[Get]]s
    • [Refactor] use cached Array.isArray
    • [Refactor] stringify: Avoid arr = arr.concat(...), push to the existing instance (#269)
    • [Refactor] parse: only need to reassign the var once
    • [Robustness] stringify: avoid relying on a global undefined (#427)
    • [readme] remove travis badge; add github actions/codecov badges; update URLs
    • [Docs] Clean up license text so it’s properly detected as BSD-3-Clause
    • [Docs] Clarify the need for "arrayLimit" option
    • [meta] fix README.md (#399)
    • [meta] add FUNDING.yml
    • [actions] backport actions from main
    • [Tests] always use String(x) over x.toString()
    • [Tests] remove nonexistent tape option
    • [Dev Deps] backport from main
    Commits
    • 298bfa5 v6.5.3
    • ed0f5dc [Fix] parse: ignore __proto__ keys (#428)
    • 691e739 [Robustness] stringify: avoid relying on a global undefined (#427)
    • 1072d57 [readme] remove travis badge; add github actions/codecov badges; update URLs
    • 12ac1c4 [meta] fix README.md (#399)
    • 0338716 [actions] backport actions from main
    • 5639c20 Clean up license text so it’s properly detected as BSD-3-Clause
    • 51b8a0b add FUNDING.yml
    • 45f6759 [Fix] fix for an impossible situation: when the formatter is called with a no...
    • f814a7f [Dev Deps] backport from main
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump decode-uri-component from 0.2.0 to 0.2.2

    Bump decode-uri-component from 0.2.0 to 0.2.2

    Bumps decode-uri-component from 0.2.0 to 0.2.2.

    Release notes

    Sourced from decode-uri-component's releases.

    v0.2.2

    • Prevent overwriting previously decoded tokens 980e0bf

    https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.1...v0.2.2

    v0.2.1

    • Switch to GitHub workflows 76abc93
    • Fix issue where decode throws - fixes #6 746ca5d
    • Update license (#1) 486d7e2
    • Tidelift tasks a650457
    • Meta tweaks 66e1c28

    https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.0...v0.2.1

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Scoped CSS is pointing to the wrong font file on CDN

    Scoped CSS is pointing to the wrong font file on CDN

    Hi. I've installed this package using NPM. The scoped CSS files in the dist files:

    node_modules/office-ui-fabric-core/dist/css/fabric-11.0.1.scoped.css
node_modules/office-ui-fabric-core/dist/css/fabric-11.0.1.scoped.min.css

    are pointing to a font file in the CDN that doesn't exist. More specifically:

    @font-face {
  font-family: 'FabricMDL2Icons-11';
  src: url('https://static2.sharepointonline.com/files/fabric/assets/icons/scoped/fabricmdl2icons-11-3.70.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

    The URL above doesn't exist. I checked the fabric.css file and it points to one that exists: https://static2.sharepointonline.com/files/fabric/assets/icons/fabricmdl2icons-3.70.woff

    Version: 11.0.1

    opened by c33k 0
  • Bump copy-props from 2.0.4 to 2.0.5

    Bump copy-props from 2.0.4 to 2.0.5

    Bumps copy-props from 2.0.4 to 2.0.5.

    Release notes

    Sourced from copy-props's releases.

    2.0.5

    Fix

    • Avoids prototype pollution (#7)

    Doc

    • Update license years.
    • Transfer ownership to Gulp Team (#6)

    Build

    • Update dependencies: each-props (>=1.3.2), is-plain-object (>=5.0.0).

    Test

    • Expand test versions to v11〜v14.
    Changelog

    Sourced from copy-props's changelog.

    Changelog

    3.0.1 (2021-10-31)

    Bug Fixes

    • ci: Rename prettierignore typo & avoid formatting web (192badf)
    • Update dependencies (ba8a51c)

    3.0.0 (2021-09-25)

    âš  BREAKING CHANGES

    • Normalize repository, dropping node <10.13 support (#8)

    Miscellaneous Chores

    • Normalize repository, dropping node <10.13 support (#8) (85b1165)
    Commits
    • 40b7974 2.0.5
    • 2c738f5 Fix: Avoids prototype pollution (#7)
    • 4cac863 Merge: Transfer ownership to Gulp Team (#6)
    • 54a791d Doc: Transfer ownership to Gulp Team
    • 196fc9e Merge: Update dependencies and expand ci test versions (#5)
    • e89907f Test: Update npm to v4 when nodejs is v5 because of npm install error.
    • e970322 Test: Run coveralls when nodejs >= 6 because of its supports
    • 063e534 Test: Add nodejs v11-v14 into ci test versions
    • 72270af Doc: Update license years
    • f60b928 Build: Update versions of dependencies
    • See full diff in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
Releases(11.1.0)

  • 11.1.0(Dec 9, 2022)

  • 11.0.1(Apr 27, 2022)

    What's Changed

    • Fix incompatibility with Angular 8.x and up. by @josteink in https://github.com/OfficeDev/office-ui-fabric-core/pull/1216
    • Update icons to v3.70 by @Jahnp in https://github.com/OfficeDev/office-ui-fabric-core/pull/1210
    • [admin] add M365 dev program info by @lindalu-MSFT in https://github.com/OfficeDev/office-ui-fabric-core/pull/1245
    • Bump lodash from 4.17.15 to 4.17.20 by @dependabot in https://github.com/OfficeDev/office-ui-fabric-core/pull/1246
    • Update README.md by @demonslayer10 in https://github.com/OfficeDev/office-ui-fabric-core/pull/1241
    • Fix missing edit (and other) icons by @sayers24 in https://github.com/OfficeDev/office-ui-fabric-core/pull/1242
    • Update icons.json by @fsheik in https://github.com/OfficeDev/office-ui-fabric-core/pull/1240
    • Fix SASS compilation error with ms-animation mixin by @KevinTCoughlin in https://github.com/OfficeDev/office-ui-fabric-core/pull/1256

    Full Changelog: https://github.com/OfficeDev/office-ui-fabric-core/compare/11.0.0...11.0.1

    Source code(tar.gz)
    Source code(zip)
    office-ui-fabric-core-11.0.1.zip(285.15 KB)

  • 11.0.0(Oct 16, 2019)

    This release includes the icon changes captured in PR #1195 . While that change is mostly minor additions and changes to the icon font, it removes 4 icons that are no longer supported, so it's technically a breaking change if you were using those icons.

    Here're the release notes adapted from that PR.

    Update icons to v3.54

    This release updates the base Fabric Core icon set to more closely match Fabric React's. The big news here is that this adds 356 new icons to Fabric Core. There may be some additional visual tweaks to existing icons as well, to match the latest design intent in Fabric React.

    First, let's review what else has been changed.

    No more .woff2 and .ttf support

    After the last release of the icons, there were a number of changes to the icon font/production toolchain that resulted in some different outputs. Today, that means that .woff2 and .tt files are not included. These may be restored in a future addition, but for now, .woff is the only format that will be provided.

    Renamed icons

    Two icons have been renamed from their original versions. These include:

    | Old name | New name | |---|---| | OneDrive | OneDriveLogo | | ToggleOff | ToggleRight |

    The original names have been retained in the definitions, variables, mixins, and classnames to support backwards compatibility.

    Removed icons (breaking changes)

    Four icons have been removed that are no longer supported for public distribution. These are considered a breaking change as they will affect the build and runtime usage of anyone using Fabric Core <=10 with any of these icons today.

    Icons removed include:

    • ExternalGit
    • GitFork
    • MTMLogo
    • NonprofitLogo32

    New icons

    356 new icons have been added to Fabric Core. These represent requests from dozens of Microsoft product teams and other developers using Fabric Core.

    1. AccessibiltyChecker
    2. AccountActivity
    3. AccountBrowser
    4. ActionCenter
    5. AddHome
    6. AddIn
    7. AddLink
    8. AddReaction
    9. AddToShoppingList
    10. AddWork
    11. AlertSettings
    12. AllCurrency
    13. AppIconDefaultAdd
    14. AppIconDefaultList
    15. AuthenticatorApp
    16. BacklogList
    17. Bank
    18. BarChartVerticalEdit
    19. BarChartVerticalFill
    20. BarChartVerticalFilter
    21. BarChartVerticalFilterSolid
    22. Blocked2Solid
    23. BlockedSiteSolid12
    24. Blog
    25. BookAnswers
    26. BookmarkReport
    27. Brush
    28. BuildDefinition
    29. BulletedListBullet
    30. BulletedListBulletMirrored
    31. BulletedListText
    32. BulletedListTextMirrored
    33. BulletedTreeList
    34. BullseyeTarget
    35. BullseyeTargetEdit
    36. ButtonControl
    37. CalculatorPercentage
    38. CalendarYear
    39. Calories
    40. CampaignTemplate
    41. ChangeEntitlements
    42. ChartTemplate
    43. ChatBot
    44. CheckboxFill
    45. CheckListCheck
    46. CheckListCheckMirrored
    47. CheckListText
    48. CheckListTextMirrored
    49. Childof
    50. ChromeFullScreen
    51. ChromeRestore
    52. CityNext2
    53. ClearFormattingA
    54. ClearFormattingEraser
    55. ClearSelection
    56. ClearSelectionMirrored
    57. ClipboardList
    58. ClipboardListMirrored
    59. CloudImportExport
    60. ColumnVerticalSection
    61. ColumnVerticalSectionEdit
    62. CommentActive
    63. CommentSolid
    64. Compare
    65. ComplianceAudit
    66. ConnectVirtualMachine
    67. ContactHeart
    68. ContactList
    69. Coupon
    70. CRMCustomerInsightsApp
    71. CRMProcesses
    72. CRMServices
    73. CubeShape
    74. CustomizeToolbar
    75. D365TalentHRCore
    76. D365TalentInsight
    77. D365TalentLearn
    78. DatabaseSync
    79. Dataflows
    80. DataflowsLink
    81. DataManagementSettings
    82. Decimals
    83. DecreaseIndentArrow
    84. DecreaseIndentArrowMirrored
    85. DecreaseIndentText
    86. DecreaseIndentTextMirrored
    87. DefenderTVM
    88. DependencyAdd
    89. DependencyRemove
    90. Devices2
    91. DiagnosticDataBarTooltip
    92. Diamond
    93. DisconnectVirtualMachine
    94. DistributeDown
    95. DoubleDownArrow
    96. DuplicateRow
    97. EaseOfAccess
    98. eDiscovery
    99. EditCreate
    100. EntitlementPolicy
    101. EntitlementRedemption
    102. Event12
    103. EventDateMissed12
    104. EventToDoLogo
    105. Eyedropper
    106. EyeShadow
    107. FabricFolderConfirm
    108. FabricNetworkFolder
    109. FabricTextHighlight
    110. FabricTextHighlightComposite
    111. FabricUserFolder
    112. FileRequest
    113. FilterSettings
    114. FitPage
    115. FitWidth
    116. Flashlight
    117. FlowChart
    118. Flower
    119. Focus
    120. Footer
    121. Forum
    122. FrontCamera
    123. FunnelChart
    124. Game
    125. GenericScanFilled
    126. GIF
    127. GlobalNavButtonActive
    128. Go
    129. GoMirrored
    130. GoToDashboard
    131. GreetingCard
    132. GripperDotsVertical
    133. GroupList
    134. Header
    135. Hide3
    136. HistoricalWeather
    137. HomeGroup
    138. HomeVerify
    139. HorizontalTabKey
    140. IgnoreConversation
    141. ImportAllMirrored
    142. IncomingCall
    143. IncreaseIndentArrow
    144. IncreaseIndentArrowMirrored
    145. IncreaseIndentText
    146. IncreaseIndentTextMirrored
    147. InformationBarriers
    148. InkingTool
    149. Insert
    150. Installation
    151. InternalInvestigation
    152. KeyboardClassic
    153. KnowledgeArticle
    154. Link12
    155. LinkedDatabase
    156. Lock12
    157. M365InvoicingLogo
    158. MailAttached
    159. MailOptions
    160. MailSchedule
    161. Manufacturing
    162. MapLayers
    163. MarkAsProtected
    164. MedalSolid
    165. Media
    166. MicOff2
    167. MicrosoftTranslatorLogo
    168. MicrosoftTranslatorLogoBlue
    169. MicrosoftTranslatorLogoGreen
    170. MiniContractMirrored
    171. MiniExpandMirrored
    172. ModelingView
    173. MountainClimbing
    174. MuteChat
    175. NewMail
    176. NumberedListNumber
    177. NumberedListNumberMirrored
    178. NumberedListText
    179. NumberedListTextMirrored
    180. NumberSymbol
    181. OfficeChat
    182. OfficeChatSolid
    183. OfflineStorage
    184. Onboarding
    185. OneDriveLogo
    186. OpenEnrollment
    187. OpenInNewTab
    188. OpenWith
    189. OpenWithMirrored
    190. Orientation2
    191. PageArrowRight
    192. PageData
    193. PageHeader
    194. PageHeaderEdit
    195. PageLink
    196. PageList
    197. PageListFilter
    198. PageShared
    199. PassiveAuthentication
    200. PasswordField
    201. PenWorkspace
    202. Photo
    203. Photo2Fill
    204. PhotoVideoMedia
    205. PinnedSolid
    206. PinSolid12
    207. PinSolidOff12
    208. PlainText
    209. PlaybackRate1x
    210. PlayReverse
    211. PlayReverseResume
    212. PollResults
    213. PowerAppsCDS
    214. PowerBILogo16
    215. PowerBILogoBackplate16
    216. PowerShell
    217. PowerShell2
    218. Presentation
    219. Presentation12
    220. ProductCatalog
    221. ProductionFloorManagement
    222. ProductList
    223. ProductRelease
    224. ProductVariant
    225. ProjectDocument
    226. PromotedDatabase
    227. PublishContent
    228. QandA
    229. QandAMirror
    230. QRCode
    231. QuadColumn
    232. Quantity
    233. RealEstate
    234. RecruitmentManagement
    235. RectangleShape
    236. Relationship
    237. ReleaseDefinition
    238. ReleaseGate
    239. ReleaseGateCheck
    240. ReleaseGateError
    241. ReminderTime
    242. RemoveFromShoppingList
    243. RemoveFromTrash
    244. RemoveLinkChain
    245. RemoveLinkX
    246. RepeatAll
    247. RepeatOne
    248. ReportDocument
    249. ReportLock
    250. ReportWarning
    251. Rerun
    252. ReservationOrders
    253. ResetDevice
    254. ResponsesMenu
    255. ReturnKey
    256. RingerSolid
    257. Rotate90Clockwise
    258. Rotate90CounterClockwise
    259. SaveTemplate
    260. SaveToMobile
    261. ScaleVolume
    262. ScatterChart
    263. SchoolDataSyncLogo
    264. ScreenCast
    265. SearchData
    266. SearchNearby
    267. SecondaryNav
    268. SeeDo
    269. ShakeDevice
    270. Shapes
    271. SharepointAppIcon16
    272. ShieldAlert
    273. Shirt
    274. ShowGrid
    275. ShowTimeAs
    276. Signin
    277. SkypeArrow
    278. SkypeCircleArrow
    279. SkypeCircleSlash
    280. SkypeSlash
    281. Slideshow
    282. SmartGlassRemote
    283. SnapToGrid
    284. SpecialEvent
    285. StackColumnChart
    286. StackedColumnChart2
    287. StackedColumnChart2Fill
    288. StatusCircleBlock
    289. StatusCircleSync
    290. StickyNotesOutlineAppIcon
    291. StickyNotesSolidAppIcon
    292. StorageOptical
    293. Street
    294. StreetsideSplitMinimize
    295. SyncStatus
    296. SyncStatusSolid
    297. TabCenter
    298. TableComputed
    299. TableGroup
    300. TableLink
    301. TabOneColumn
    302. TabThreeColumn
    303. TabTwoColumn
    304. TagSolid
    305. TagUnknown
    306. TagUnknown12
    307. TagUnknown12Mirror
    308. TagUnknownMirror
    309. TeamsLogo16
    310. TeamsLogoFill16
    311. Telemarketer
    312. TimePicker
    313. ToDoLogoOutline
    314. ToggleLeft
    315. ToggleRight
    316. Toolbox
    317. Translate
    318. TriangleShape
    319. Trim
    320. TrimEnd
    321. TrimStart
    322. TripleColumnWide
    323. Uneditable2
    324. Uneditable2Mirrored
    325. UnpublishContent
    326. UnSetColor
    327. UnstackSelected
    328. Untag
    329. UpgradeAnalysis
    330. USB
    331. UserGauge
    332. UserOptional
    333. UserWarning
    334. Variable2
    335. VerifiedBrand
    336. VerifiedBrandSolid
    337. Video360Generic
    338. VideoLightOff
    339. ViewOriginal
    340. VisioDiagramSync
    341. VisuallyImpaired
    342. WarningSolid
    343. WavingHand
    344. WebAppBuilderFragment
    345. WebAppBuilderFragmentCreate
    346. WebAppBuilderModule
    347. WebAppBuilderSlot
    348. Webcam2
    349. Webcam2Off
    350. WebComponents
    351. WebTemplate
    352. Wheelchair
    353. WifiWarning4
    354. WorkItemAlert
    355. ZoomOut
    356. ZoomToFit
    Source code(tar.gz)
    Source code(zip)
    office-ui-fabric-core-11.0.0.zip(283.77 KB)

  • 10.1.0(May 13, 2019)

  • 10.0.0(Apr 16, 2019)

    This release updates Fabric to include a new set of styles that support the Fluent Design System.

    What this release includes

    The Fluent style updates include new colors, type styles, depths (shadows), and motion helpers. Here are details on some of the style updates:

    • Colors are updated to include neutrals that are warmer and more approachable. There are also new color palettes for different types of use cases, like Personas, Communication, and a shared set for common components like personas, sites, and more.
    • Typography has been updated to a new common type ramp that is or will be in use across core Microsoft apps, leveraging the latest type weights from Fluent.
    • Depth styles now include a common set of shadow levels from Fluent, which can be applied to context menus, dialogs, panels, and other surfaces.
    • Motion styles have been updated to match the latest Fluent styles.

    Note: this release is also backwards-compatible with 9.x classes, meaning it does not remove any existing class names. We recognize that most Fabric Core users are likely using these classes, so we've retained them in .MDL2.scss files. We will monitor their usage to see if it makes sense to remove them in the future.

    What this release does not include

    We aren't including the new Office App Icons in this release (#1162). We're still working on some details to release these soon, but in the meantime, we want to get the base Fluent styles out the door.

    What is Fluent?

    Fluent is Microsoft's Design System, which includes the following principles:

    • Adaptive: Experiences feel natural on each device
    • Empathetic: Experiences are intuitive and powerful
    • Beautiful: Experiences are engaging and immersive

    You can read more about these principles on the Fluent Design System website.

    Breaking Changes

    To cleanly support the new Fluent styles, the contents of some .scss files no longer include their MDL2 styles, e.g. _Animation.scss. Those have been moved to *.MDL2.scss files, e.g. _Animation.MDL2.scss. While this is not technically a breaking change if you're using Fabric.css, it will be breaking if you are using any of the MDL2 variables & mixins from the below files in 9.x.

    9.x filename | 10.x filename --- | --- _Color.Variables.scss | _Color.Variables.MDL2.scss _Font.Variables.scss | _Font.Variables.MDL2.scss _Color.Mixins.scss | _Color.Mixins.MDL2.scss _Font.Mixins.scss | _Font.Mixins.MDL2.scss _Animation.scss | _Animation.MDL2.scss _Font.scss | _Font.MDL2.scss

    If you are consuming these .scss files directly downstream, you may need to switch to the MDL2 variants to include those classes in your compiled SCSS. To use the MDL2 variables and mixins, consider importing dist/_References.scss, which imports all Fluent and MDL2 .scss files.

    What else is new

    • #1144: Adds variable CDN path for icons and fonts (thanks @thornyweb!)

    Deprecated

    • The MDL2 styles are deprecated in the 10.x releases, but for backwards-compatibility will not be removed until a future date.
    Source code(tar.gz)
    Source code(zip)
    office-ui-fabric-core-10.0.0.zip(251.86 KB)

  • 9.6.1(Sep 18, 2018)

  • 9.6.0(Mar 21, 2018)

  • 9.5.0(Mar 13, 2018)

  • 9.4.0(Jan 26, 2018)

  • 9.3.1(Jan 3, 2018)

    Fixed

    • #1083 Fixes a bug (introduced in version 9.3.0 by #1070) where animation and transition classes weren't working on many browsers, due to the incorrect usage of a media query that is not yet widely available. This fix restores animation for most users while continuing to remove it for those who prefer reduced motion and are on supported browsers.

    • #1082 Updates the license for this repository to point to the correct location of the Fabric assets license.

    Source code(tar.gz)
    Source code(zip)
    office-ui-fabric-core-9.3.1.zip(213.52 KB)

  • 9.3.0(Dec 5, 2017)

    New

    • #1069 Adds a new ms-background-position() mixin, which outputs left-to-right and right-to-left styles for the background-position property.
    • #1071, #1074 Add 26 new icons. 🌶
    • #1070 Improves accessibility by wrapping animations in the prefers-reduced-motion media query. This allows users to opt-out of animations, which is especially important for those with vestibular disorders. You can read more about the media query on CSS-Tricks.

    Deprecated

    • #1074 Deprecates the HumanResources icon. This will be removed in an upcoming major release.

    Documentation

    • #1065 Updates the NuGet package documentation to comply with Microsoft's new publishing policies.
    Source code(tar.gz)
    Source code(zip)
    office-ui-fabric-core-9.3.0.zip(212.78 KB)

  • 9.2.0(Nov 14, 2017)

  • 9.1.0(Oct 26, 2017)

    New

    • #1046: Adds background and border hover color classes that were missing in previous releases, such as .ms-bgColor-orange--hover.
    • #1049: Updates the icons, adding a new WaffleOffice365 icon.
    • #1050: Updates the icons, adding 80 news icons.
    • #1052: Adds a bold font weight for Segoe UI.

    Changed

    • #1047: Removes two translucent color variables. This is not considered a breaking change as the variables were never used within Fabric or documented for use.

    Removed/Deprecated

    • #1050: Renames two icons: StoreLogo to StoreLogo16 and StoreLogoMed to StoreLogoMed20. The previous names are supported in this version but will be removed in a future release.
    Source code(tar.gz)
    Source code(zip)
    office-ui-fabric-core-9.1.0.zip(205.78 KB)

  • 9.0.0(Oct 12, 2017)

  • 8.1.0(Oct 11, 2017)

    New

    • #1033: Adds new mixins for applying styles within min-width and max-width media queries. For example, ms-screen-md-upand ms-screen-xl-down.
    • #1040: Updates the icon font to version 2.51, which includes 18 new icons.

    Fixed

    • #1036: Ensures that textarea elements inherit the correct font family when placed inside the .ms-Fabric wrapper class.
    • #1039: Fixes a bug where the ms-textAlignCenter class was not centering text.

    Removed/Deprecated

    • #1035: Removes the undocumented font weight hover classes.
    • #1034: Removes the borderColorTop-themePrimary classes and mixin, which were added by special request years ago and were never documented.
    • #1039: The ms-textAlign() mixin (not to be confused with the ms-text-align() directionality mixin) has been deprecated and will be removed in a future release. This mixin was never documented and has only been used internally.
    Source code(tar.gz)
    Source code(zip)

  • 8.0.0(Sep 29, 2017)

    Breaking Changes

    #1029 Removes fabric.rtl.css, the separate right-to-left (RTL) stylesheet, and places those styles alongside the left-to-right (LTR) styles. For the correct styles to apply, you must set a direction on the parent element of any Fabric classes. The most common place to do this is on the html element, like so:

    <html dir='ltr' ... >

    or

    <html dir='rtl' ... >

    This is all that is required to switch modes between LTR and RTL. Fabric will automatically update "flip" the grid layout, directional icons (e.g. arrows), animations, and more. If your application supports multiple languages/locales, please consider making this small change to improve the experience for users reading right-to-left scripts.

    Documentation

    #1026 Improved the Markdown formatting of the building documentation.

    Source code(tar.gz)
    Source code(zip)
    office-ui-fabric-core-8.0.0.zip(198.05 KB)

  • 7.3.0(Sep 19, 2017)

    New

    • https://github.com/OfficeDev/office-ui-fabric-core/pull/1017: Updated MDL2 icons to version 2.47, which adds ~118 new icons.

    Fixed

    • https://github.com/OfficeDev/office-ui-fabric-core/pull/1011: Updated three theme colors to match design guidance. The color variable names remain the same, but the hex values have changed.

    Deprecated

    • https://github.com/OfficeDev/office-ui-fabric-core/pull/1017: Renamed 11 icons.
    Source code(tar.gz)
    Source code(zip)
    office-ui-fabric-core-7.3.0.zip.zip(229.27 KB)

  • 7.2.0(Jul 27, 2017)

  • 7.1.2(Jun 13, 2017)

  • 7.1.1(Jun 11, 2017)

  • 7.1.0(Jun 9, 2017)

    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.
    Source code(tar.gz)
    Source code(zip)
    office-ui-fabric-core-7.1.0.zip(215.70 KB)

  • 7.0.0(Apr 14, 2017)

    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!
    Source code(tar.gz)
    Source code(zip)
    office-ui-fabric-core-7.0.0.zip(199.67 KB)

  • 6.0.1(Mar 16, 2017)

  • 2.6.3(Feb 19, 2017)

  • 6.0.0(Feb 3, 2017)

    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.
    Source code(tar.gz)
    Source code(zip)
    office-ui-fabric-core-6.0.0.zip(186.26 KB)

  • 5.1.0(Dec 5, 2016)

    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
    Source code(tar.gz)
    Source code(zip)
    office-ui-fabric-core-5.1.0.zip(146.56 KB)

  • 5.0.1(Nov 9, 2016)

  • 5.0.0(Nov 3, 2016)

    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
    Source code(tar.gz)
    Source code(zip)
    office-ui-fabric-core-5.0.0.zip(144.51 KB)

  • 4.1.0(Oct 17, 2016)

    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.
    Source code(tar.gz)
    Source code(zip)
    office-ui-fabric-core-4.1.0.zip(136.49 KB)

  • 2.6.2(Oct 6, 2016)

Owner
Office Developer
Developer tools, samples, and other resources for building solutions on the Office 365 platform.
Office Developer
GitHub https://developer.microsoft.com/en-us/fabric
jQuery UI widget for color picking (similar to the one in Microsoft Office 2010).

evol-colorpicker · evol-colorpicker is a web color picker which looks like the one in Microsoft Office 2010. It can be used inline or as a popup bound

Olivier Giulieri 285 Dec 14, 2022
365 Days of study and preparation to get an internship and then a job at Google.

365DaysToGoogle 365 Days of study and preparation to get an internship and then a job at Google. Study Program Introduction Let's make a quick introdu

null 8 Jan 19, 2022
Remix enables you to build fantastic user experiences for the web and feel happy with the code that got you there. In this workshop, we'll look at some more advanced use cases when building Remix applications.

?? Advanced Remix Workshop Remix enables you to build fantastic user experiences for the web and feel happy with the code that got you there. In this

Frontend Masters 167 Dec 9, 2022
Omnichannel Live Chat Widget UI Components offers a re-usable component-based library to help create a custom chat widget that can be connected to the Dynamics 365 Customer Service experience.

Omnichannel Live Chat Widget UI Components @microsoft/omnichannel-chat-widget is a React-based UI component library which allows you to build your own

Microsoft 14 Dec 15, 2022
A Zphisher GUI Back-Office Plugin

DISCLAIMER This toolkit contains materials that can be potentially damaging or dangerous for social media. Refer to the laws in your province/country

MicroJoan 158 Dec 23, 2022
From the Linux Foundation office in New York City, welcome to The Untold Stories of Open Source

From the Linux Foundation office in New York City, welcome to The Untold Stories of Open Source. Each week we explore the people who are supporting Open Source projects, how they became involved with it, and the problems they faced along the way.

The Linux Foundation 77 Jan 5, 2023
Personal Blog - a project developed with Angular for the front-end interface and Wordpress for the back-end API served with Docker containers

PersonalBlog This project was generated with Angular CLI version 13.0.1. Front-end Interface Development server Run ng serve or ng serve --configurati

null 9 Oct 5, 2022
It consists of a recreation of Twitter, to put into practice both Front-end and Back-end knowledge by implementing the MERN Stack together with other technologies to add more value to the project.

Twitter-Clone_Back-end ✨ Demo. ?? About the project. ?? Descriptions. It consists of a recreation of Twitter, to put into practice knowledge of both F

Mario Quirós Luna 5 Apr 12, 2022
It consists of a recreation of Twitter, to put into practice knowledge of both Front-end and Back-end implementing the MERN Stack along with other technologies to add more value to the project.

Twitter-Clone_Front-end ✨ Demo. Login Home Profile Message Notifications Deployed in: https://twitter-clone-front-end.vercel.app/ ?? About the project

Mario Quirós Luna 5 Jun 26, 2022
Web-Technology with Aj Zero Coding. In this tutorial we learn front-end and back-end development.

Installation through NPM: The jQWidgets framework is available as NPM package: jQuery, Javascript, Angular, Vue, React, Web Components: https://www

Ajay Dhangar 3 Nov 19, 2022
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
Pass trust from a front-end Algorand WalletConnect session, to a back-end web service

AlgoAuth Authenticate to a website using only your Algorand wallet Pass trust from a front-end Algorand WalletConnect session, to a back-end web servi

Nullable Labs 16 Dec 15, 2022
Markdoc is a Markdown-based syntax and toolchain for creating custom documentation sites and experiences.

A powerful, flexible, Markdown-based authoring framework. Markdoc is a Markdown-based syntax and toolchain for creating custom documentation sites and

Markdoc 5.8k Jan 2, 2023
... a contemporary perspective on how to integrate B2C Commerce and the Salesforce Customer 360 Platform to power frictionless customer experiences in the B2C domain.

Salesforce B2C Commerce / Customer 360 Platform Integration Introduction Salesforce B2C Commerce / CRM Sync is an enablement solution designed by Sale

Salesforce CommerceCloud 45 Dec 9, 2022
Remix enables you to build fantastic user experiences for the web and feel happy with the code that got you there. Get a jumpstart on Remix with this workshop.

?? Remix Fundamentals Build Better websites with Remix Remix enables you to build fantastic user experiences for the web and feel happy with the code

Frontend Masters 204 Dec 25, 2022
🚀 A web extension starter built with React, Typescript, and Tailwind CSS. Build once, and run on multiple browsers: Google Chrome, Mozilla Firefox, Microsoft Edge, Brave, and Opera..

Web Extension Starter A web extension starter, built with React, Typescript, and Tailwind CSS. Build once, and run on multiple browsers: Google Chrome

BCIT Design & Development Club (BCIT-DDC) 28 Dec 28, 2022
front-end framework for fast and powerful configuration of utilities and intuitive UI

front-end framework for fast and powerful configuration of utilities and intuitive UI Getting Started with Vector → Getting started A variety of optio

Skill Class 12 Jun 29, 2022