diff --git a/apps/fabric-website/CHANGELOG.json b/apps/fabric-website/CHANGELOG.json index ed9f302601f33..b7b6161fbe4ac 100644 --- a/apps/fabric-website/CHANGELOG.json +++ b/apps/fabric-website/CHANGELOG.json @@ -1,6 +1,25 @@ { "name": "@uifabric/fabric-website", "entries": [ + { + "version": "5.3.0", + "tag": "@uifabric/fabric-website_v5.3.0", + "date": "Mon, 22 Jan 2018 11:14:27 GMT", + "comments": { + "minor": [ + { + "author": "lynamemi ", + "commit": "a9d0f70495f315998a5dad78699ffd2349436420", + "comment": "Adding left nav scroll functionality, including fixing the left nav with the header. Other layout refactoring to accommodate." + } + ], + "dependency": [ + { + "comment": "Updating dependency \"office-ui-fabric-react\" from `>=5.40.1 <6.0.0` to `>=5.41.0 <6.0.0`" + } + ] + } + }, { "version": "5.2.1", "tag": "@uifabric/fabric-website_v5.2.1", diff --git a/apps/fabric-website/CHANGELOG.md b/apps/fabric-website/CHANGELOG.md index d976af8115344..5f789e2e71bb9 100644 --- a/apps/fabric-website/CHANGELOG.md +++ b/apps/fabric-website/CHANGELOG.md @@ -1,6 +1,13 @@ # Change Log - @uifabric/fabric-website -This log was last generated on Fri, 22 Dec 2017 11:10:56 GMT and should not be manually modified. +This log was last generated on Mon, 22 Jan 2018 11:14:27 GMT and should not be manually modified. + +## 5.3.0 +Mon, 22 Jan 2018 11:14:27 GMT + +### Minor changes + +- Adding left nav scroll functionality, including fixing the left nav with the header. Other layout refactoring to accommodate. ## 5.2.1 Fri, 22 Dec 2017 11:10:56 GMT diff --git a/apps/fabric-website/package.json b/apps/fabric-website/package.json index 2a2599b37dcac..fb05e91dcafa9 100644 --- a/apps/fabric-website/package.json +++ b/apps/fabric-website/package.json @@ -1,6 +1,6 @@ { "name": "@uifabric/fabric-website", - "version": "5.2.1", + "version": "5.3.0", "description": "Reusable React components for building experiences for Office 365.", "main": "lib/index.js", "typings": "lib/index.d.ts", @@ -39,7 +39,7 @@ "@microsoft/load-themed-styles": "^1.7.13", "color-functions": "1.1.0", "json-loader": "^0.5.7", - "office-ui-fabric-react": ">=5.40.1 <6.0.0", + "office-ui-fabric-react": ">=5.45.1 <6.0.0", "tslib": "^1.7.1" } } \ No newline at end of file diff --git a/apps/fabric-website/src/components/App/App.scss b/apps/fabric-website/src/components/App/App.scss index 68dba7bef333a..088921c759926 100644 --- a/apps/fabric-website/src/components/App/App.scss +++ b/apps/fabric-website/src/components/App/App.scss @@ -13,14 +13,12 @@ // Nav is hidden off screen by default .App-nav { -webkit-overflow-scrolling: touch; // Improves scrolling performance - bottom: 0; - @include ms-left(-$Nav-width); overflow-y: auto; position: fixed; top: $Header-height; - transition: $ms-animation-duration-2 $ms-animation-ease-1; - @include ms-transition-property(left); width: $Nav-width; + @include ms-float(left); + z-index: $ms-zIndex-1; } .App-content { @@ -39,31 +37,6 @@ } } - // When the nav is open (smaller screens only) push the content over and prevent app from scrolling - @media screen and (max-width: $uhf-screen-min-mobile) { - .App { - padding: 0; - } - - .App.is-navOpen { - bottom: 0; - left: 0; - overflow: hidden; - position: fixed; - right: 0; - top: 0; - - .App-nav { - @include ms-left(0); - } - - .App-content { - @include ms-left($Nav-width); - opacity: 0.5; // Dim the content - } - } - } - // Show the nav at all times, to the left of the content @media screen and (min-width: $uhf-screen-min-mobile) { .App { @@ -78,27 +51,17 @@ } .App-nav { - @include ms-left(auto); - top: auto; // Mobile nav bar is no longer there - position: relative; - overflow-y: visible + top: $Header-height*2; + bottom: 0; + overflow-y: auto; + overflow-x: hidden; } .App-content { - margin-top: 0; flex-grow: unset; + max-width: calc(100% - #{$Nav-width}); // IE needs max-width, it was ignoring width width: calc(100% - #{$Nav-width}); - } - - // Reset values for the nav and content if opened on larger screens - .App.is-navOpen { - .App-nav { - @include ms-left(auto); - } - - .App-content { - @include ms-left(auto); - } + @include ms-left($Nav-width); } } @@ -111,6 +74,11 @@ .App-nav { @include ms-margin-left(18px); } + + .App-content { + width: calc(100% - #{$Nav-width}); + @include ms-left($Nav-width + 18px); + } } } @@ -118,4 +86,4 @@ .App { padding: 0; } -} +} \ No newline at end of file diff --git a/apps/fabric-website/src/components/App/App.tsx b/apps/fabric-website/src/components/App/App.tsx index cdf7eb1b571d7..5611b0d616a57 100644 --- a/apps/fabric-website/src/components/App/App.tsx +++ b/apps/fabric-website/src/components/App/App.tsx @@ -1,7 +1,8 @@ import * as React from 'react'; import './App.scss'; import { AppState } from './AppState'; -import { css } from 'office-ui-fabric-react/lib/Utilities'; +import { autobind } from 'office-ui-fabric-react/lib/Utilities'; +import AttachedScrollUtility from '../../utilities/AttachedScrollUtility'; import { Fabric } from 'office-ui-fabric-react/lib/Fabric'; import { Nav } from '../Nav/Nav'; @@ -9,37 +10,66 @@ export interface IAppProps extends React.Props { } export interface IAppState { - isNavOpen: boolean; + isAttached: boolean; + navHeight: number; } export class App extends React.Component { + private _attachedScrollThreshold: number; + private _appContent: HTMLDivElement; + private _appContentRect: ClientRect; + constructor(props: IAppProps) { super(props); this.state = { - isNavOpen: false + isAttached: false }; } + public componentDidMount() { + window.addEventListener('scroll', this._handleNavPositioning); + window.addEventListener('resize', this._handleNavPositioning); + + this._attachedScrollThreshold = AttachedScrollUtility.calculateAttachedScrollThreshold(); + this._handleNavPositioning(); + } + + public componentWillUnmount() { + window.removeEventListener('scroll', this._handleNavPositioning); + window.removeEventListener('resize', this._handleNavPositioning); + } + public render() { - let { isNavOpen } = this.state; + let { navHeight } = this.state; + let appContentTop = this._appContentRect ? this._appContentRect.top : 100; + // Using appContentTop as a reference to match instead of 'unset' because it does not work in IE. + let navTop: string = this.state.isAttached ? '0' : appContentTop.toString(); + let navStyle = { + top: navTop, + height: navHeight + }; return (
-
+
-
+
this._appContent = el } + data-app-content-div='true' + > { this.props.children }
@@ -47,9 +77,41 @@ export class App extends React.Component { ); } - private _onNavItemClicked(ev: MouseEvent) { + @autobind + private _handleNavPositioning() { + let { isAttached, navHeight } = this.state; + this._appContentRect = this._appContent.getBoundingClientRect(); + const viewPortHeight = window.innerHeight; + isAttached = AttachedScrollUtility.shouldComponentAttach(isAttached, this._attachedScrollThreshold); + navHeight = this._calculateNavHeight(viewPortHeight, this._appContentRect, navHeight); this.setState({ - isNavOpen: false + isAttached: isAttached, + navHeight: navHeight }); } + + private _calculateNavHeight(viewPortHeight: number, appContentRect: ClientRect, height: number): number { + if (!appContentRect) { + return height; + } + if (appContentRect.top >= 0) { + // This case accounts for space taken up by the UHF header in the viewport. + height = viewPortHeight - appContentRect.top; + if (appContentRect.height < appContentRect.bottom && viewPortHeight > appContentRect.bottom) { + // This case might only exist in the UHF testing environment, when content isn't rendering properly and its height is weird. + height = appContentRect.height; + } + } else if (viewPortHeight < appContentRect.bottom && appContentRect.top < 0) { + // For pages with content that's longer than the viewport, the viewport is the height. + // Takes effect when you scroll past the header. + height = viewPortHeight; + } else if (appContentRect.bottom < 0) { + // In smaller screens when you scroll till the footer takes the whole page, collapse the nav. + height = 0; + } else { + // Once the footer is in view, match nav bottom to content bottom. + height = appContentRect.bottom; + } + return height; + } } \ No newline at end of file diff --git a/apps/fabric-website/src/components/Nav/Nav.tsx b/apps/fabric-website/src/components/Nav/Nav.tsx index 0844cd7b62a74..1ca61b4a5c929 100644 --- a/apps/fabric-website/src/components/Nav/Nav.tsx +++ b/apps/fabric-website/src/components/Nav/Nav.tsx @@ -1,5 +1,6 @@ import * as React from 'react'; import { css } from 'office-ui-fabric-react/lib/Utilities'; +import { FocusZone } from 'office-ui-fabric-react/lib/FocusZone'; import * as stylesImport from './Nav.module.scss'; const styles: any = stylesImport; import { @@ -24,9 +25,11 @@ export class Nav extends React.Component { : null; return ( - + + + ); } diff --git a/apps/fabric-website/src/components/PageHeader/PageHeader.module.scss b/apps/fabric-website/src/components/PageHeader/PageHeader.module.scss index 6a5a20ccf4790..fb00f01fb9dcf 100644 --- a/apps/fabric-website/src/components/PageHeader/PageHeader.module.scss +++ b/apps/fabric-website/src/components/PageHeader/PageHeader.module.scss @@ -47,7 +47,6 @@ box-shadow: 0 10px 30px -10px rgba(0,0,0,.2); max-width: $App-maximumWidth - $Nav-width; position: fixed; - top: 0; width: calc(100% - #{$Nav-width} - #{$App-padding-left-lg} - #{$App-padding-right-lg}); z-index: $ms-zIndex-1; height: $PageHeader-attachedTitleHeight + $PageHeader-navHeight; @@ -131,7 +130,7 @@ .pageHeader { &.isAttached { .content { - width: calc(100% - #{$Nav-width} - #{$App-padding-right-sm} - #{$App-padding-left-sm} - 13px); + width: calc(100% - #{$Nav-width} - #{$App-padding-right-sm} - #{$App-padding-left-sm}); } } } diff --git a/apps/fabric-website/src/components/PageHeader/PageHeader.tsx b/apps/fabric-website/src/components/PageHeader/PageHeader.tsx index 21b583549ed9f..51833d676efc5 100644 --- a/apps/fabric-website/src/components/PageHeader/PageHeader.tsx +++ b/apps/fabric-website/src/components/PageHeader/PageHeader.tsx @@ -3,10 +3,9 @@ import { css, BaseComponent, IBaseProps } from 'office-ui-fabric-react/lib/Utili import * as stylesImport from './PageHeader.module.scss'; const styles: any = stylesImport; import { getPageRouteFromState } from '../../utilities/pageroute'; +import AttachedScrollUtility from '../../utilities/AttachedScrollUtility'; import { PageHeaderLink } from '../../components/PageHeaderLink/PageHeaderLink'; - -const FULL_HEADER_HEIGHT = 236; -const ATTACHED_HEADER_HEIGHT = 128; +import { FocusZone } from 'office-ui-fabric-react/lib/FocusZone'; export interface IPageHeaderProps extends IBaseProps { @@ -47,6 +46,8 @@ export interface IPageHeaderState { * The section title area is in a collapsed state. */ isAttached: boolean; + headerBottom: string; + headerTop: string; } export class PageHeader extends BaseComponent { @@ -56,12 +57,16 @@ export class PageHeader extends BaseComponent -
    - { links.map((link, linkIndex) => ( -
  • - -
    • - //
  • { link.text }
    • - )) } -
- + + + ); } @@ -122,21 +124,23 @@ export class PageHeader extends BaseComponent= this._attachedScrollThreshold) { - isAttached = true; + let { isAttached, headerBottom, headerTop } = this.state; + this._appContentRect = this._appContent && this._appContent.getBoundingClientRect(); + isAttached = AttachedScrollUtility.shouldComponentAttach(isAttached, this._attachedScrollThreshold); + + if (this._appContent && this._appContentRect.bottom < AttachedScrollUtility.attachedHeaderHeight) { + // This causes the header to bump into the footer instead of overlapping it, usually on narrow screens. + headerBottom = (window.innerHeight - this._appContentRect.bottom).toString(); + headerTop = 'unset'; } else { - isAttached = false; + headerBottom = 'unset'; + headerTop = '0'; } this.setState({ - isAttached: isAttached + isAttached: isAttached, + headerBottom: headerBottom, + headerTop: headerTop }); } - - private _calculateAttachedScrollThreshold() { - let attachedScrollThreshold = FULL_HEADER_HEIGHT - ATTACHED_HEADER_HEIGHT; - this._attachedScrollThreshold = attachedScrollThreshold; - } } diff --git a/apps/fabric-website/src/utilities/AttachedScrollUtility.ts b/apps/fabric-website/src/utilities/AttachedScrollUtility.ts new file mode 100644 index 0000000000000..a92154a9ae60f --- /dev/null +++ b/apps/fabric-website/src/utilities/AttachedScrollUtility.ts @@ -0,0 +1,24 @@ +/** + * @copyright Microsoft Corporation. All rights reserved. + * + * @file AttachedScrollUtility, returns window size + */ + +export default class AttachedScrollUtility { + public static attachedHeaderHeight = 128; + + public static shouldComponentAttach(isAttached, attachedScrollThreshold): boolean { + if (window.pageYOffset >= attachedScrollThreshold) { + isAttached = true; + } else { + isAttached = false; + } + return isAttached; + } + + public static calculateAttachedScrollThreshold(): number { + const UHF_HEADER_HEIGHT = 50; + const attachedScrollThreshold = UHF_HEADER_HEIGHT * 2; + return attachedScrollThreshold; + } +} \ No newline at end of file diff --git a/apps/ssr-tests/package.json b/apps/ssr-tests/package.json index 4e0d08eea9b22..d93a62255b90c 100644 --- a/apps/ssr-tests/package.json +++ b/apps/ssr-tests/package.json @@ -21,7 +21,7 @@ "@types/mocha": "2.2.39", "@types/webpack-env": "1.13.0", "mocha": "^3.3.0", - "office-ui-fabric-react": ">=5.40.1 <6.0.0", + "office-ui-fabric-react": ">=5.45.1 <6.0.0", "raw-loader": "^0.5.1", "react": "^16.2.0", "react-dom": "^16.2.0", diff --git a/apps/test-bundle-button/package.json b/apps/test-bundle-button/package.json index 52973455b9699..423e47748dc17 100644 --- a/apps/test-bundle-button/package.json +++ b/apps/test-bundle-button/package.json @@ -25,7 +25,7 @@ "dependencies": { "react": "^0.14 || ^15.0.1-0 || ^16.0.0-0", "react-dom": "^0.14 || ^15.0.1-0 || ^16.0.0-0", - "office-ui-fabric-react": ">=5.40.1 <6.0.0", + "office-ui-fabric-react": ">=5.45.1 <6.0.0", "tslib": "^1.7.1" } } \ No newline at end of file diff --git a/apps/todo-app/package.json b/apps/todo-app/package.json index 7f8ff26fa6dac..86563e4c8da56 100644 --- a/apps/todo-app/package.json +++ b/apps/todo-app/package.json @@ -18,8 +18,8 @@ "dependencies": { "@microsoft/load-themed-styles": "^1.7.13", "es6-promise": "^4.1.0", - "immutability-helper": "^2.0.0", - "office-ui-fabric-react": ">=5.40.1 <6.0.0", + "immutability-helper": "^2.6.4", + "office-ui-fabric-react": ">=5.45.1 <6.0.0", "react": "^16.2.0", "react-dom": "^16.2.0", "typescript": "2.6.2", diff --git a/apps/todo-app/src/components/Todo.tsx b/apps/todo-app/src/components/Todo.tsx index 09adfe573f9d2..b1437176d52ca 100644 --- a/apps/todo-app/src/components/Todo.tsx +++ b/apps/todo-app/src/components/Todo.tsx @@ -53,7 +53,7 @@ export default class Todo extends React.Component { ); } - private _renderWorkingOnItSpinner(): React.ReactElement> { + private _renderWorkingOnItSpinner(): React.ReactElement> | false { return (this.props.dataProvider.isLoading && this.state.items.length > 0) && (
@@ -61,7 +61,7 @@ export default class Todo extends React.Component { ); } - private _renderFetchingTasksSpinner(): React.ReactElement> { + private _renderFetchingTasksSpinner(): React.ReactElement> | false { return (this.props.dataProvider.isLoading && this.state.items.length === 0) && (
diff --git a/apps/todo-app/src/components/TodoForm.tsx b/apps/todo-app/src/components/TodoForm.tsx index 734130cb0c53e..72b714bc40964 100644 --- a/apps/todo-app/src/components/TodoForm.tsx +++ b/apps/todo-app/src/components/TodoForm.tsx @@ -1,12 +1,39 @@ import * as React from 'react'; -import { autobind } from 'office-ui-fabric-react/lib/Utilities'; +import { autobind, BaseComponent, IBaseProps } from 'office-ui-fabric-react/lib/Utilities'; import { PrimaryButton } from 'office-ui-fabric-react/lib/Button'; -import { TextField } from 'office-ui-fabric-react/lib/TextField'; -import { ITodoFormProps, ITodoFormState } from '../types/index'; +import { TextField, ITextField } from 'office-ui-fabric-react/lib/TextField'; import * as stylesImport from './Todo.scss'; const styles: any = stylesImport; import strings from './../strings'; +/** + * Props for TodoForm component. + */ +export interface ITodoFormProps extends IBaseProps { + /** + * onSubmit callback triggered when the is submitted. + * Either triggered by clicking on add button or pressed Enter key in input field. + * + * @params {string} title represents the value in input box when submitting. + */ + onSubmit: (title: string) => void; +} + +/** + * States for TodoForm component. + */ +export interface ITodoFormState { + /** + * inputValue is the react state of input box value. + */ + inputValue: string; + + /** + * The error message will show below the input box if the title filled in is invalid. + */ + errorMessage: string; +} + /** * The form component used for adding new item to the list. It uses fabric-react components * TextField and PrimaryButton. @@ -14,8 +41,8 @@ import strings from './../strings'; * TextField: https://fabricreact.azurewebsites.net/fabric-react/master/#/examples/textfield * Button: https://fabricreact.azurewebsites.net/fabric-react/master/#/examples/button */ -export default class TodoForm extends React.Component { - private _textField: TextField; +export default class TodoForm extends BaseComponent { + private _textField: ITextField; constructor(props: ITodoFormProps) { super(props); @@ -35,7 +62,7 @@ export default class TodoForm extends React.Component this._textField = ref } + componentRef={ this._resolveRef('_textField') } placeholder={ strings.inputBoxPlaceholder } onBeforeChange={ this._onBeforeTextFieldChange } autoComplete='off' @@ -55,12 +82,12 @@ export default class TodoForm extends React.Component): void { event.preventDefault(); - if (!this._getTitleErrorMessage(this._textField.value)) { + if (!this._getTitleErrorMessage(this._textField.value || '')) { this.setState({ inputValue: '' } as ITodoFormState); - this.props.onSubmit(this._textField.value); + this.props.onSubmit(this._textField.value || ''); } else { this.setState({ errorMessage: this._getTitleErrorMessage(this.state.inputValue) diff --git a/apps/todo-app/src/components/TodoItem.tsx b/apps/todo-app/src/components/TodoItem.tsx index 0ec6c4db0e265..dbb215e6ab296 100644 --- a/apps/todo-app/src/components/TodoItem.tsx +++ b/apps/todo-app/src/components/TodoItem.tsx @@ -78,7 +78,7 @@ export default class TodoItem extends React.Component { return `${completeState} ${titleString}`; } - private _onCheckboxChange(ev: React.FormEvent, isChecked: boolean): void { + private _onCheckboxChange(ev?: React.FormEvent, isChecked?: boolean): void { this._handleWithAnimation(this.props.onToggleComplete, 'ms-slideUpOut20'); } diff --git a/apps/todo-app/src/components/TodoTabs.tsx b/apps/todo-app/src/components/TodoTabs.tsx index c7fd2422c824a..1905304763535 100644 --- a/apps/todo-app/src/components/TodoTabs.tsx +++ b/apps/todo-app/src/components/TodoTabs.tsx @@ -23,8 +23,8 @@ import strings from './../strings'; * Link of : https://fabricreact.azurewebsites.net/fabric-react/master/#examples/focuszone */ export default class TodoTabs extends React.Component { - public render(): React.ReactElement { - const pivotArray: IPivotProps[] = []; + public render(): React.ReactElement | null { + const pivotArray: React.ReactElement[] = []; const activeTasks: ITodoItem[] = this.props.items.filter((task: ITodoItem) => task.isComplete === false); const completedTasks: ITodoItem[] = this.props.items.filter((task: ITodoItem) => task.isComplete === true); @@ -74,7 +74,7 @@ export default class TodoTabs extends React.Component { } @autobind - private _isInnerZoneKeystroke(ev): boolean { + private _isInnerZoneKeystroke(ev: React.KeyboardEvent): boolean { return ev.which === KeyCodes.right; } diff --git a/apps/todo-app/src/types/ITodoForm.ts b/apps/todo-app/src/types/ITodoForm.ts deleted file mode 100644 index 35c7a98e53909..0000000000000 --- a/apps/todo-app/src/types/ITodoForm.ts +++ /dev/null @@ -1,27 +0,0 @@ -/** - * Props for TodoForm component. - */ -export interface ITodoFormProps { - /** - * onSubmit callback triggered when the is submitted. - * Either triggered by clicking on add button or pressed Enter key in input field. - * - * @params {string} title represents the value in input box when submitting. - */ - onSubmit: (title: string) => void; -} - -/** - * States for TodoForm component. - */ -export interface ITodoFormState { - /** - * inputValue is the react state of input box value. - */ - inputValue: string; - - /** - * The error message will show below the input box if the title filled in is invalid. - */ - errorMessage: string; -} \ No newline at end of file diff --git a/apps/todo-app/src/types/index.ts b/apps/todo-app/src/types/index.ts index 86bc72a9d252a..fe97c9dcde007 100644 --- a/apps/todo-app/src/types/index.ts +++ b/apps/todo-app/src/types/index.ts @@ -1,5 +1,4 @@ export * from './ITodo'; export * from './ITodoTask'; -export * from './ITodoForm'; export * from './ITodoTabs'; export * from './IDataProvider'; \ No newline at end of file diff --git a/apps/todo-app/tsconfig.json b/apps/todo-app/tsconfig.json index e0cc58a3f09e3..bc1329ea89ddc 100644 --- a/apps/todo-app/tsconfig.json +++ b/apps/todo-app/tsconfig.json @@ -10,6 +10,11 @@ "forceConsistentCasingInFileNames": true, "moduleResolution": "node", "preserveConstEnums": true, + "strict": true, + "lib": [ + "es6", + "dom" + ], "types": [ "webpack-env" ] diff --git a/apps/vr-tests/package.json b/apps/vr-tests/package.json index 07696f330d576..87619aa70d8f7 100644 --- a/apps/vr-tests/package.json +++ b/apps/vr-tests/package.json @@ -28,7 +28,7 @@ "storybook-readme": "=3.0.6" }, "dependencies": { - "office-ui-fabric-react": ">=5.40.1 <6.0.0", + "office-ui-fabric-react": ">=5.45.1 <6.0.0", "react": "^16.2.0", "react-dom": "^16.2.0", "typescript": "2.6.2", diff --git a/apps/vr-tests/src/stories/ChoiceGroup.stories.tsx b/apps/vr-tests/src/stories/ChoiceGroup.stories.tsx index 38514271f950c..b3facd8fe5b42 100644 --- a/apps/vr-tests/src/stories/ChoiceGroup.stories.tsx +++ b/apps/vr-tests/src/stories/ChoiceGroup.stories.tsx @@ -87,7 +87,7 @@ storiesOf('ChoiceGroup', module) imageSrc: TestImages.choiceGroupBarUnselected, selectedImageSrc: TestImages.choiceGroupBarSelected, imageSize: { width: 32, height: 32 }, - text: 'Bar chart' + text: 'Clustered bar chart' }, { key: 'pie', diff --git a/apps/vr-tests/src/stories/Dropdown.stories.tsx b/apps/vr-tests/src/stories/Dropdown.stories.tsx index f42358208cdf9..3e6b5b397e0f7 100644 --- a/apps/vr-tests/src/stories/Dropdown.stories.tsx +++ b/apps/vr-tests/src/stories/Dropdown.stories.tsx @@ -34,7 +34,7 @@ storiesOf('Dropdown', module) { key: 'B', text: 'Option b' }, { key: 'divider_2', text: '-', itemType: DropdownMenuItemType.Divider }, { key: 'Header2', text: 'People', itemType: DropdownMenuItemType.Header }, - { key: 'F', text: 'Option f' }, + { key: 'F', text: 'Option f', disabled: true }, { key: 'G', text: 'Option g' } ] } @@ -59,17 +59,37 @@ storiesOf('Dropdown', module) } /> )) + .add('Disabled option selected', () => ( + + )) .add('Multiselect', () => ( (Info/default message bar. { link })) .add('Root dismiss', () => ( Info/default message bar. { link })) + .add('Root truncated', () => ( + Blocked lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi luctus, purus a lobortis tristique, odio augue pharetra metus, ac placerat nunc mi nec dui. Vestibulum aliquam et nunc semper scelerisque. Curabitur vitae orci nec quam condimentum porttitor et sed lacus. Vivamus ac efficitur leo. Cras faucibus mauris libero, ac placerat erat euismod et. Donec pulvinar commodo odio sit amet faucibus. In hac habitasse platea dictumst. Duis eu ante commodo, condimentum nibh pellentesque, laoreet enim. Fusce massa lorem, ultrices eu mi a, fermentum suscipit magna. Integer porta purus pulvinar, hendrerit felis eget, condimentum mauris. { link })) .add('Root actions', () => ( ", + "commit": "d94d83e908c3deed8de6a05063f18f857c95ea12", + "comment": "Updated theme override colors for MessageBar." + } + ], + "dependency": [ + { + "comment": "Updating dependency \"@uifabric/styling\" from `>=5.15.2 <6.0.0` to `>=5.15.3 <6.0.0`" + }, + { + "comment": "Updating dependency \"@uifabric/utilities\" from `>=5.6.1 <6.0.0` to `>=5.7.0 <6.0.0`" + } + ] + } + }, { "version": "5.2.0", "tag": "@uifabric/example-app-base_v5.2.0", diff --git a/packages/example-app-base/CHANGELOG.md b/packages/example-app-base/CHANGELOG.md index 694af417dbac1..5d7c957178263 100644 --- a/packages/example-app-base/CHANGELOG.md +++ b/packages/example-app-base/CHANGELOG.md @@ -1,6 +1,13 @@ # Change Log - @uifabric/example-app-base -This log was last generated on Sat, 16 Dec 2017 05:07:22 GMT and should not be manually modified. +This log was last generated on Mon, 22 Jan 2018 11:14:27 GMT and should not be manually modified. + +## 5.2.1 +Mon, 22 Jan 2018 11:14:27 GMT + +### Patches + +- Updated theme override colors for MessageBar. ## 5.2.0 Sat, 16 Dec 2017 05:07:22 GMT diff --git a/packages/example-app-base/package.json b/packages/example-app-base/package.json index 4d35674aba9dc..2bf696bc634db 100644 --- a/packages/example-app-base/package.json +++ b/packages/example-app-base/package.json @@ -1,6 +1,6 @@ { "name": "@uifabric/example-app-base", - "version": "5.2.0", + "version": "5.2.1", "description": "Office UI Fabric example app base utilities for building example sites.", "main": "lib/index.js", "typings": "lib/index.d.ts", @@ -32,8 +32,8 @@ "react-dom": "^0.14.9 || ^15.0.1-0 || ^16.0.0-0" }, "dependencies": { - "@uifabric/styling": ">=5.15.2 <6.0.0", - "@uifabric/utilities": ">=5.6.1 <6.0.0", + "@uifabric/styling": ">=5.17.0 <6.0.0", + "@uifabric/utilities": ">=5.9.0 <6.0.0", "highlight.js": "^9.12.0", "office-ui-fabric-react": ">=5.1.0 <6.0.0", "tslib": "^1.7.1" diff --git a/packages/experiments/CHANGELOG.json b/packages/experiments/CHANGELOG.json index b84ea9a188fcd..68522e4ca708d 100644 --- a/packages/experiments/CHANGELOG.json +++ b/packages/experiments/CHANGELOG.json @@ -1,6 +1,95 @@ { "name": "@uifabric/experiments", "entries": [ + { + "version": "5.16.1", + "tag": "@uifabric/experiments_v5.16.1", + "date": "Wed, 31 Jan 2018 11:11:59 GMT", + "comments": { + "patch": [ + { + "author": "amyngu <31973030+amyngu@users.noreply.github.com>", + "commit": "0bcc2870320b3940d9e386a9996981e759ba4ddf", + "comment": "Make Selection optional (create default seleciton fallback), change render typedef to any, to allow use in lower versions of types/react\"" + } + ], + "dependency": [ + { + "comment": "Updating dependency \"office-ui-fabric-react\" from `>=5.45.0 <6.0.0` to `>=5.45.1 <6.0.0`" + } + ] + } + }, + { + "version": "5.16.0", + "tag": "@uifabric/experiments_v5.16.0", + "date": "Mon, 29 Jan 2018 11:23:40 GMT", + "comments": { + "minor": [ + { + "author": "staylo8 <33881401+staylo8@users.noreply.github.com>", + "commit": "e2487c7a2bbf513b47f4f5694180b56e1f6a4ed1", + "comment": "Add overflowMenuProps to Experiments CommandBar" + } + ], + "dependency": [ + { + "comment": "Updating dependency \"office-ui-fabric-react\" from `>=5.43.0 <6.0.0` to `>=5.44.0 <6.0.0`" + }, + { + "comment": "Updating dependency \"@uifabric/icons\" from `>=5.4.0 <6.0.0` to `>=5.4.1 <6.0.0`" + } + ] + } + }, + { + "version": "5.15.0", + "tag": "@uifabric/experiments_v5.15.0", + "date": "Thu, 25 Jan 2018 11:23:06 GMT", + "comments": { + "minor": [ + { + "author": "amyngu <31973030+amyngu@users.noreply.github.com>", + "commit": "194ce4efa804ac4bbacef04b03d426c8a561a6b0", + "comment": "add optional title element to extendedPicker, css changes to have selected items flow on the same row as input" + } + ], + "dependency": [ + { + "comment": "Updating dependency \"office-ui-fabric-react\" from `>=5.41.2 <6.0.0` to `>=5.43.0 <6.0.0`" + } + ] + } + }, + { + "version": "5.14.0", + "tag": "@uifabric/experiments_v5.14.0", + "date": "Mon, 22 Jan 2018 11:14:27 GMT", + "comments": { + "minor": [ + { + "author": "staylo8 <33881401+staylo8@users.noreply.github.com>", + "commit": "60225fba2411d965163b74eae9d61046013115b1", + "comment": "Add callbacks for onDataReduced and onDataGrown" + } + ], + "patch": [ + { + "author": "Thomas Michon ", + "commit": "2f247fff85ffd515c41b20aacc771f1269657713", + "comment": "Minor visual alignment for FolderCover text" + } + ], + "dependency": [ + { + "comment": "Updating dependency \"office-ui-fabric-react\" from `>=5.40.1 <6.0.0` to `>=5.41.0 <6.0.0`" + }, + { + "comment": "Updating dependency \"@uifabric/example-app-base\" from `>=5.2.0 <6.0.0` to `>=5.2.1 <6.0.0`" + } + ] + } + }, { "version": "5.13.0", "tag": "@uifabric/experiments_v5.13.0", diff --git a/packages/experiments/CHANGELOG.md b/packages/experiments/CHANGELOG.md index 7169b39061be3..dbda5316b63fd 100644 --- a/packages/experiments/CHANGELOG.md +++ b/packages/experiments/CHANGELOG.md @@ -1,6 +1,38 @@ # Change Log - @uifabric/experiments -This log was last generated on Fri, 12 Jan 2018 20:03:21 GMT and should not be manually modified. +This log was last generated on Wed, 31 Jan 2018 11:11:59 GMT and should not be manually modified. + +## 5.16.1 +Wed, 31 Jan 2018 11:11:59 GMT + +### Patches + +- Make Selection optional (create default seleciton fallback), change render typedef to any, to allow use in lower versions of types/react" + +## 5.16.0 +Mon, 29 Jan 2018 11:23:40 GMT + +### Minor changes + +- Add overflowMenuProps to Experiments CommandBar + +## 5.15.0 +Thu, 25 Jan 2018 11:23:06 GMT + +### Minor changes + +- add optional title element to extendedPicker, css changes to have selected items flow on the same row as input + +## 5.14.0 +Mon, 22 Jan 2018 11:14:27 GMT + +### Minor changes + +- Add callbacks for onDataReduced and onDataGrown + +### Patches + +- Minor visual alignment for FolderCover text ## 5.13.0 Fri, 12 Jan 2018 20:03:21 GMT diff --git a/packages/experiments/package.json b/packages/experiments/package.json index f306d2dea3d0d..54932f82bea6f 100644 --- a/packages/experiments/package.json +++ b/packages/experiments/package.json @@ -1,6 +1,6 @@ { "name": "@uifabric/experiments", - "version": "5.13.0", + "version": "5.16.1", "description": "Experimental React components for building experiences for Office 365.", "main": "lib/index.js", "typings": "lib/index.d.ts", @@ -29,7 +29,7 @@ "@types/enzyme": "3.1.5", "@types/enzyme-adapter-react-16": "1.0.1", "@types/webpack-env": "1.13.0", - "@uifabric/example-app-base": ">=5.2.0 <6.0.0", + "@uifabric/example-app-base": ">=5.2.1 <6.0.0", "@uifabric/file-type-icons": ">=0.3.0 <1.0.0", "@uifabric/jest-serializer-merge-styles": ">=5.1.0 <6.0.0", "es6-weak-map": "^2.0.2", @@ -44,8 +44,8 @@ }, "dependencies": { "@microsoft/load-themed-styles": "^1.7.13", - "office-ui-fabric-react": ">=5.40.1 <6.0.0", - "@uifabric/icons": ">=5.4.0 <6.0.0", + "office-ui-fabric-react": ">=5.45.1 <6.0.0", + "@uifabric/icons": ">=5.4.1 <6.0.0", "prop-types": "^15.5.10", "tslib": "^1.7.1" }, diff --git a/packages/experiments/src/components/CommandBar/CommandBar.base.tsx b/packages/experiments/src/components/CommandBar/CommandBar.base.tsx index efb96a9b73c7a..150dfbf4ed8f3 100644 --- a/packages/experiments/src/components/CommandBar/CommandBar.base.tsx +++ b/packages/experiments/src/components/CommandBar/CommandBar.base.tsx @@ -67,6 +67,7 @@ export class CommandBarBase extends BaseComponent implemen farItems, elipisisAriaLabel, elipisisIconProps, + overflowMenuProps, buttonStyles, getStyles, theme, @@ -111,7 +112,7 @@ export class CommandBarBase extends BaseComponent implemen styles: { ...buttonStyles, menuIcon: { fontSize: '17px' } }, ariaLabel: elipisisAriaLabel, className: css('ms-CommandBar-overflowButton'), - menuProps: { items: renderedOverflowItems }, + menuProps: { ...overflowMenuProps, items: renderedOverflowItems }, menuIconProps: elipisisIconProps, }) ); @@ -155,7 +156,7 @@ export class CommandBarBase extends BaseComponent implemen @autobind private _onReduceData(data: ICommandBarData): ICommandBarData | undefined { - const { endAligned } = this.props; + const { endAligned, onDataReduced } = this.props; let { primaryItems, overflowItems, cacheKey, farItems } = data; // Use first item if endAligned, otherwise use last item @@ -168,6 +169,10 @@ export class CommandBarBase extends BaseComponent implemen primaryItems = endAligned ? primaryItems.slice(1) : primaryItems.slice(0, -1); cacheKey = this._computeCacheKey(primaryItems, farItems!, !!overflowItems.length); + if (onDataReduced) { + onDataReduced(movedItem); + } + return { ...data, primaryItems, overflowItems, cacheKey }; } @@ -176,7 +181,7 @@ export class CommandBarBase extends BaseComponent implemen @autobind private _onGrowData(data: ICommandBarData): ICommandBarData | undefined { - const { endAligned } = this.props; + const { endAligned, onDataGrown } = this.props; let { primaryItems, overflowItems, cacheKey, minimumOverflowItems, farItems } = data; const movedItem = overflowItems[0]; @@ -189,6 +194,10 @@ export class CommandBarBase extends BaseComponent implemen primaryItems = endAligned ? [movedItem, ...primaryItems] : [...primaryItems, movedItem]; cacheKey = this._computeCacheKey(primaryItems, farItems!, !!overflowItems.length); + if (onDataGrown) { + onDataGrown(movedItem); + } + return { ...data, primaryItems, overflowItems, cacheKey }; } diff --git a/packages/experiments/src/components/CommandBar/CommandBar.types.ts b/packages/experiments/src/components/CommandBar/CommandBar.types.ts index 494f85ed0f4a9..9231023f6e94b 100644 --- a/packages/experiments/src/components/CommandBar/CommandBar.types.ts +++ b/packages/experiments/src/components/CommandBar/CommandBar.types.ts @@ -1,6 +1,6 @@ import * as React from 'react'; -import { IContextualMenuItem } from 'office-ui-fabric-react/lib/ContextualMenu'; +import { IContextualMenuItem, IContextualMenuProps } from 'office-ui-fabric-react/lib/ContextualMenu'; import { IButtonStyles } from 'office-ui-fabric-react/lib/Button'; import { IIconProps } from 'office-ui-fabric-react/lib/Icon'; import { ICommandBarData } from './CommandBar.base'; @@ -51,6 +51,11 @@ export interface ICommandBarProps extends React.HTMLAttributes { */ elipisisIconProps?: IIconProps; + /** + * Menu props to be passed to overflow elipsis + */ + overflowMenuProps?: Partial; + /** * If endAligned, all icons will be aligned to the far side of the commandbar, and overflow items * will be taking from the starting side @@ -89,6 +94,16 @@ export interface ICommandBarProps extends React.HTMLAttributes { */ onGrowData?: (data: ICommandBarData) => ICommandBarData; + /** + * Function callback invoked when data has been reduced. + */ + onDataReduced?: (movedItem: ICommandBarItemProps) => void; + + /** + * Function callback invoked when data has been grown. + */ + onDataGrown?: (movedItem: ICommandBarItemProps) => void; + /** * Additional css class to apply to the command bar * @defaultvalue undefined diff --git a/packages/experiments/src/components/ExtendedPicker/BaseExtendedPicker.tsx b/packages/experiments/src/components/ExtendedPicker/BaseExtendedPicker.tsx index 50e8a2bed5337..b02d495cb1d07 100644 --- a/packages/experiments/src/components/ExtendedPicker/BaseExtendedPicker.tsx +++ b/packages/experiments/src/components/ExtendedPicker/BaseExtendedPicker.tsx @@ -15,6 +15,7 @@ import * as stylesImport from './BaseExtendedPicker.scss'; import { IBaseExtendedPickerProps, IBaseExtendedPicker } from './BaseExtendedPicker.types'; import { IBaseFloatingPickerProps, BaseFloatingPicker } from '../../FloatingPicker'; import { BaseSelectedItemsList, IBaseSelectedItemsListProps } from '../../SelectedItemsList'; +import { Selection, SelectionMode, SelectionZone } from 'office-ui-fabric-react/lib/Selection'; // tslint:disable-next-line:no-any const styles: any = stylesImport; @@ -38,6 +39,7 @@ export class BaseExtendedPicker> extend protected root: HTMLElement; protected input: BaseAutoFill; protected focusZone: FocusZone; + protected selection: Selection; protected floatingPickerProps: IBaseFloatingPickerProps; protected selectedItemsListProps: IBaseSelectedItemsListProps; @@ -46,6 +48,9 @@ export class BaseExtendedPicker> extend let items: T[] = basePickerProps.selectedItems || basePickerProps.defaultSelectedItems || []; + this.selection = new Selection({ onSelectionChanged: () => this.onSelectionChange() }); + this.selection.setItems(items); + this.state = { items: items ? items : [], suggestedDisplayValue: '', @@ -91,32 +96,40 @@ export class BaseExtendedPicker> extend onKeyDown={ this.onBackspace } onCopy={ this.onCopy } > -
- { this.renderSelectedItemsList() } - { this.canAddItems() && () } -
+ + +
+ { this.props.headerComponent } + { this.renderSelectedItemsList() } + { this.canAddItems() && () } +
+ { this.renderSuggestions() }
); } + protected onSelectionChange(): void { + this.forceUpdate(); + } + protected canAddItems(): boolean { const { items } = this.state; const { itemLimit } = this.props; @@ -217,6 +230,7 @@ export class BaseExtendedPicker> extend protected _onSuggestionSelected(item: T): void { this.selectedItemsList.addItems([item]); this.input.clear(); + this.floatingPicker.hidePicker(); } diff --git a/packages/experiments/src/components/ExtendedPicker/BaseExtendedPicker.types.ts b/packages/experiments/src/components/ExtendedPicker/BaseExtendedPicker.types.ts index de96937dd06b6..49b9a584262b8 100644 --- a/packages/experiments/src/components/ExtendedPicker/BaseExtendedPicker.types.ts +++ b/packages/experiments/src/components/ExtendedPicker/BaseExtendedPicker.types.ts @@ -18,6 +18,11 @@ export interface IBaseExtendedPicker { export interface IBaseExtendedPickerProps { componentRef?: (component?: IBaseExtendedPicker) => void; + /** + * Header/title element for the picker + */ + headerComponent?: JSX.Element; + /** * Initial items that have already been selected and should appear in the people picker. */ diff --git a/packages/experiments/src/components/ExtendedPicker/examples/ExtendedPeoplePicker.Basic.Example.tsx b/packages/experiments/src/components/ExtendedPicker/examples/ExtendedPeoplePicker.Basic.Example.tsx index 9ecc290c64d07..719bac468612b 100644 --- a/packages/experiments/src/components/ExtendedPicker/examples/ExtendedPeoplePicker.Basic.Example.tsx +++ b/packages/experiments/src/components/ExtendedPicker/examples/ExtendedPeoplePicker.Basic.Example.tsx @@ -100,10 +100,15 @@ export class ExtendedPeoplePickerTypesExample extends BaseComponent<{}, IPeopleP 'aria-label': 'People Picker' } } componentRef={ this._setComponentRef } + headerComponent={ this._renderHeader() } /> ); } + private _renderHeader(): JSX.Element { + return
TO:
; + } + private _onRenderFloatingPicker(props: IBaseFloatingPickerProps): JSX.Element { return (); } diff --git a/packages/experiments/src/components/FolderCover/FolderCover.scss b/packages/experiments/src/components/FolderCover/FolderCover.scss index 81bb2bf2279fe..dc7a14c35fa2d 100644 --- a/packages/experiments/src/components/FolderCover/FolderCover.scss +++ b/packages/experiments/src/components/FolderCover/FolderCover.scss @@ -85,19 +85,12 @@ &, &.isSmall { font-size: $ms-font-size-s; + margin-bottom: 3px; } .isLarge & { font-size: $ms-font-size-m; - } - - &, - &.isDefault { - margin-bottom: 8px; - } - - .isMedia & { - margin-bottom: 4px; + margin-bottom: 3px; } } @@ -111,19 +104,11 @@ &, &.isSmall { font-size: $ms-font-size-l; + margin-bottom: 3px; } .isLarge & { font-size: $ms-font-size-xl; - } - - - &, - &.isDefault { - margin-bottom: 8px; - } - - .isMedia & { - margin-bottom: 4px; + margin-bottom: 3px; } } diff --git a/packages/experiments/src/components/FolderCover/FolderCover.types.ts b/packages/experiments/src/components/FolderCover/FolderCover.types.ts index d81c8cb147a97..5c0d5f83a14d0 100644 --- a/packages/experiments/src/components/FolderCover/FolderCover.types.ts +++ b/packages/experiments/src/components/FolderCover/FolderCover.types.ts @@ -1,4 +1,3 @@ - import * as React from 'react'; import { IBaseProps } from '../../Utilities'; import { FolderCover } from './FolderCover'; diff --git a/packages/experiments/src/components/FolderCover/examples/FolderCover.Basic.Example.tsx b/packages/experiments/src/components/FolderCover/examples/FolderCover.Basic.Example.tsx index 97838a31f1fb3..c769f4d50b34c 100644 --- a/packages/experiments/src/components/FolderCover/examples/FolderCover.Basic.Example.tsx +++ b/packages/experiments/src/components/FolderCover/examples/FolderCover.Basic.Example.tsx @@ -4,7 +4,6 @@ import { FolderCover, getFolderCoverLayout, renderFolderCoverWithLayout } from ' import { IFolderCoverProps } from '../FolderCover.types'; import { ISize, fitContentToBounds } from '../../../Utilities'; import { SharedSignal } from '../../signals/Signals'; -import { lorem } from '@uifabric/example-app-base'; interface IFolderCoverWithImageProps extends IFolderCoverProps { originalImageSize: ISize; @@ -76,7 +75,8 @@ export class FolderCoverBasicExample extends React.Component<{}, {}> { } folderCoverSize='large' folderCoverType='media' - metadata={ lorem(5) } + metadata={ 20 } + signal={ } />

Small Media Cover

> extends BaseComponent implements IBaseSelectedItemsList { - protected selection: Selection; - protected root: HTMLElement; - protected focusZone: FocusZone; + protected selection: Selection; constructor(basePickerProps: P) { super(basePickerProps); let items: T[] = basePickerProps.selectedItems || basePickerProps.defaultSelectedItems || []; - - this.selection = new Selection({ onSelectionChanged: () => this.onSelectionChange() }); - this.selection.setItems(items); this.state = { items: items, }; + + // Create a new selection if one is not specified + this.selection = this.props.selection ? this.props.selection as Selection : new Selection({ onSelectionChanged: this.forceUpdate }); } public get items(): T[] { @@ -56,11 +53,11 @@ export class BaseSelectedItemsList> if (processedItemPromiseLikes && processedItemPromiseLikes.then) { processedItemPromiseLikes.then((resolvedProcessedItems: T[]) => { let newItems: T[] = this.state.items.concat(resolvedProcessedItems); - this.updateSelectedItems(newItems); + this.updateItems(newItems); }); } else { let newItems: T[] = this.state.items.concat(processedItemObjects); - this.updateSelectedItems(newItems); + this.updateItems(newItems); } this.setState({ suggestedDisplayValue: '' }); } @@ -71,7 +68,7 @@ export class BaseSelectedItemsList> // tslint:disable-next-line:no-any if (index > -1) { let newItems = items.slice(0, index).concat(items.slice(index + 1)); - this.updateSelectedItems(newItems); + this.updateItems(newItems); } } @@ -103,33 +100,15 @@ export class BaseSelectedItemsList> if (newItems) { this.setState({ items: newProps.selectedItems }); } + + if (newProps.selection) { + this.selection = newProps.selection; + } } - public render(): JSX.Element { - let { className } = this.props; - - return ( -
- - -
- { this.renderItems() } -
- - -
- ); + // tslint:disable-next-line:no-any + public render(): any { + return this.renderItems(); } @autobind @@ -151,10 +130,6 @@ export class BaseSelectedItemsList> })); } - protected onSelectionChange(): void { - this.forceUpdate(); - } - protected onChange(items?: T[]): void { if (this.props.onChange) { (this.props.onChange as (items?: T[]) => void)(items); @@ -182,7 +157,7 @@ export class BaseSelectedItemsList> let newItems: T[] = items; newItems[index] = changedItem; - this.updateSelectedItems(newItems); + this.updateItems(newItems); } } @@ -193,7 +168,7 @@ export class BaseSelectedItemsList> if (index >= 0) { let newItems: T[] = items.slice(0, index).concat(items.slice(index + 1)); - this.updateSelectedItems(newItems); + this.updateItems(newItems); } } @@ -206,7 +181,7 @@ export class BaseSelectedItemsList> let firstItemToRemove = itemsToRemove[0]; let index: number = items.indexOf(firstItemToRemove); - this.updateSelectedItems(newItems, index); + this.updateItems(newItems, index); } // This is protected because we may expect the backspace key to work differently in a different kind of picker. @@ -225,7 +200,7 @@ export class BaseSelectedItemsList> * Controls what happens whenever there is an action that impacts the selected items. * If selectedItems is provided as a property then this will act as a controlled component and it will not update it's own state. */ - protected updateSelectedItems(items: T[], focusIndex?: number): void { + protected updateItems(items: T[], focusIndex?: number): void { if (this.props.selectedItems) { // If the component is a controlled component then the controlling component will need this.onChange(items); diff --git a/packages/experiments/src/components/SelectedItemsList/BaseSelectedItemsList.types.ts b/packages/experiments/src/components/SelectedItemsList/BaseSelectedItemsList.types.ts index 2f5262bf02dd2..b0f82dfbaefe9 100644 --- a/packages/experiments/src/components/SelectedItemsList/BaseSelectedItemsList.types.ts +++ b/packages/experiments/src/components/SelectedItemsList/BaseSelectedItemsList.types.ts @@ -1,5 +1,6 @@ import * as React from 'react'; import { IPickerItemProps, ISuggestionModel, ValidationState } from 'office-ui-fabric-react/lib/Pickers'; +import { Selection } from 'office-ui-fabric-react/lib/Selection'; export interface IBaseSelectedItemsList { /** Gets the current value of the input. */ @@ -17,6 +18,11 @@ export interface ISelectedItemProps extends IPickerItemProps { // tslint:disable-next-line:no-any export interface IBaseSelectedItemsListProps extends React.Props { componentRef?: (component?: IBaseSelectedItemsList) => void; + + /** + * The selection + */ + selection?: Selection; /** * A callback for when items are copied */ diff --git a/packages/experiments/src/components/SelectedItemsList/SelectedPeopleList/SelectedPeopleList.tsx b/packages/experiments/src/components/SelectedItemsList/SelectedPeopleList/SelectedPeopleList.tsx index 3fd25ed60c77a..63bd372d812e4 100644 --- a/packages/experiments/src/components/SelectedItemsList/SelectedPeopleList/SelectedPeopleList.tsx +++ b/packages/experiments/src/components/SelectedItemsList/SelectedPeopleList/SelectedPeopleList.tsx @@ -44,7 +44,7 @@ export class SelectedPeopleList extends BasePeopleSelectedItemsList { let filteredExpandedItems = expandedItems.filter((item: any) => items.indexOf(item) === -1); if (index > -1) { let newItems = items.slice(0, index).concat(filteredExpandedItems).concat(items.slice(index + 1)); - this.updateSelectedItems(newItems); + this.updateItems(newItems); } } diff --git a/packages/experiments/src/components/SelectedItemsList/examples/SelectedPeopleList.Basic.Example.tsx b/packages/experiments/src/components/SelectedItemsList/examples/SelectedPeopleList.Basic.Example.tsx index b77f6a7a7d775..1402db0f8d37b 100644 --- a/packages/experiments/src/components/SelectedItemsList/examples/SelectedPeopleList.Basic.Example.tsx +++ b/packages/experiments/src/components/SelectedItemsList/examples/SelectedPeopleList.Basic.Example.tsx @@ -8,12 +8,13 @@ import { import { PrimaryButton } from 'office-ui-fabric-react/lib/Button'; import { people, groupOne, groupTwo } from '../../ExtendedPicker'; import 'office-ui-fabric-react/lib/components/Pickers/PeoplePicker/examples/PeoplePicker.Types.Example.scss'; -import { IBaseSelectedItemsListProps } from '../BaseSelectedItemsList.types'; import { IExtendedPersonaProps, SelectedPeopleList } from '../SelectedPeopleList/SelectedPeopleList'; +import { Selection } from 'office-ui-fabric-react/lib/Selection'; -export class PeopleSelectedItemsListExample extends BaseComponent, {}> { +export class PeopleSelectedItemsListExample extends BaseComponent<{}, {}> { private _selectionList: SelectedPeopleList; private index: number; + private selection: Selection = new Selection({ onSelectionChanged: () => this._onSelectionChange() }); public render(): JSX.Element { return ( @@ -39,6 +40,7 @@ export class PeopleSelectedItemsListExample extends BaseComponent ); } @@ -65,6 +67,10 @@ export class PeopleSelectedItemsListExample extends BaseComponent { diff --git a/packages/file-type-icons/package.json b/packages/file-type-icons/package.json index 7c3d96d5a56c4..1cda2d14ad073 100644 --- a/packages/file-type-icons/package.json +++ b/packages/file-type-icons/package.json @@ -26,7 +26,7 @@ "react-dom": "^16.2.0" }, "dependencies": { - "@uifabric/styling": ">=5.15.2 <6.0.0", + "@uifabric/styling": ">=5.16.0 <6.0.0", "tslib": "^1.7.1" }, "peerDependencies": { diff --git a/packages/icons/CHANGELOG.json b/packages/icons/CHANGELOG.json index 458594bab786f..b77224eddf7cf 100644 --- a/packages/icons/CHANGELOG.json +++ b/packages/icons/CHANGELOG.json @@ -1,6 +1,20 @@ { "name": "@uifabric/icons", "entries": [ + { + "version": "5.4.1", + "tag": "@uifabric/icons_v5.4.1", + "date": "Mon, 29 Jan 2018 11:23:40 GMT", + "comments": { + "patch": [ + { + "author": "Srikanth Deshpande ", + "commit": "25129e761bc4463160015d5282c82f66aad99174", + "comment": "Updating fabric icons in office-ui-fabric-react's @uifabric/icons package" + } + ] + } + }, { "version": "5.4.0", "tag": "@uifabric/icons_v5.4.0", diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index a6cb3ad141863..41811b8733de0 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,6 +1,13 @@ # Change Log - @uifabric/icons -This log was last generated on Wed, 03 Jan 2018 11:23:12 GMT and should not be manually modified. +This log was last generated on Mon, 29 Jan 2018 11:23:40 GMT and should not be manually modified. + +## 5.4.1 +Mon, 29 Jan 2018 11:23:40 GMT + +### Patches + +- Updating fabric icons in office-ui-fabric-react's @uifabric/icons package ## 5.4.0 Wed, 03 Jan 2018 11:23:12 GMT diff --git a/packages/icons/config/fabric-icons-0.json b/packages/icons/config/fabric-icons-0.json index 1a70365cbdf51..2a824e10112ee 100644 --- a/packages/icons/config/fabric-icons-0.json +++ b/packages/icons/config/fabric-icons-0.json @@ -1,412 +1,412 @@ { - "fontName": "fabric-icons-0", - "fontFamilyName": "FabricMDL2Icons-0", - "excludeGlyphs": false, - "chunkSubsets": true, - "hashFontFileName": true, - "subsetChunkSettings": { - "maxSubsetSize": 100 - }, - "glyphs": [ - { - "name": "DecreaseIndentLegacy", - "unicode": "E290" - }, - { - "name": "IncreaseIndentLegacy", - "unicode": "E291" - }, - { - "name": "InternetSharing", - "unicode": "E704" - }, - { - "name": "Brightness", - "unicode": "E706" - }, - { - "name": "MapPin", - "unicode": "E707" - }, - { - "name": "Airplane", - "unicode": "E709" - }, - { - "name": "Tablet", - "unicode": "E70A" - }, - { - "name": "QuickNote", - "unicode": "E70B" - }, - { - "name": "Video", - "unicode": "E714" - }, - { - "name": "People", - "unicode": "E716" - }, - { - "name": "Phone", - "unicode": "E717" - }, - { - "name": "Pin", - "unicode": "E718" - }, - { - "name": "Shop", - "unicode": "E719" - }, - { - "name": "Stop", - "unicode": "E71A" - }, - { - "name": "Link", - "unicode": "E71B" - }, - { - "name": "Zoom", - "unicode": "E71E" - }, - { - "name": "ZoomOut", - "unicode": "E71F" - }, - { - "name": "Microphone", - "unicode": "E720" - }, - { - "name": "Camera", - "unicode": "E722" - }, - { - "name": "Attach", - "unicode": "E723" - }, - { - "name": "Send", - "unicode": "E724" - }, - { - "name": "FavoriteList", - "unicode": "E728" - }, - { - "name": "PageSolid", - "unicode": "E729" - }, - { - "name": "Forward", - "unicode": "E72A" - }, - { - "name": "Back", - "unicode": "E72B" - }, - { - "name": "Refresh", - "unicode": "E72C" - }, - { - "name": "Lock", - "unicode": "E72E" - }, - { - "name": "EMI", - "unicode": "E731" - }, - { - "name": "MiniLink", - "unicode": "E732" - }, - { - "name": "Blocked", - "unicode": "E733" - }, - { - "name": "ReadingMode", - "unicode": "E736" - }, - { - "name": "Favicon", - "unicode": "E737" - }, - { - "name": "Remove", - "unicode": "E738" - }, - { - "name": "Checkbox", - "unicode": "E739" - }, - { - "name": "CheckboxComposite", - "unicode": "E73A" - }, - { - "name": "CheckboxIndeterminate", - "unicode": "E73C" - }, - { - "name": "CheckboxCompositeReversed", - "unicode": "E73D" - }, - { - "name": "BackToWindow", - "unicode": "E73F" - }, - { - "name": "FullScreen", - "unicode": "E740" - }, - { - "name": "Print", - "unicode": "E749" - }, - { - "name": "Up", - "unicode": "E74A" - }, - { - "name": "Down", - "unicode": "E74B" - }, - { - "name": "Save", - "unicode": "E74E" - }, - { - "name": "Cloud", - "unicode": "E753" - }, - { - "name": "CommandPrompt", - "unicode": "E756" - }, - { - "name": "Sad", - "unicode": "E757" - }, - { - "name": "SIPMove", - "unicode": "E759" - }, - { - "name": "EraseTool", - "unicode": "E75C" - }, - { - "name": "GripperTool", - "unicode": "E75E" - }, - { - "name": "Dialpad", - "unicode": "E75F" - }, - { - "name": "PageLeft", - "unicode": "E760" - }, - { - "name": "PageRight", - "unicode": "E761" - }, - { - "name": "MultiSelect", - "unicode": "E762" - }, - { - "name": "Play", - "unicode": "E768" - }, - { - "name": "Pause", - "unicode": "E769" - }, - { - "name": "Emoji2", - "unicode": "E76E" - }, - { - "name": "GripperBarHorizontal", - "unicode": "E76F" - }, - { - "name": "System", - "unicode": "E770" - }, - { - "name": "Personalize", - "unicode": "E771" - }, - { - "name": "SearchAndApps", - "unicode": "E773" - }, - { - "name": "Globe", - "unicode": "E774" - }, - { - "name": "ContactInfo", - "unicode": "E779" - }, - { - "name": "Unpin", - "unicode": "E77A" - }, - { - "name": "Contact", - "unicode": "E77B" - }, - { - "name": "Memo", - "unicode": "E77C" - }, - { - "name": "Paste", - "unicode": "E77F" - }, - { - "name": "WindowsLogo", - "unicode": "E782" - }, - { - "name": "Error", - "unicode": "E783" - }, - { - "name": "GripperBarVertical", - "unicode": "E784" - }, - { - "name": "Unlock", - "unicode": "E785" - }, - { - "name": "Megaphone", - "unicode": "E789" - }, - { - "name": "AutoEnhanceOn", - "unicode": "E78D" - }, - { - "name": "AutoEnhanceOff", - "unicode": "E78E" - }, - { - "name": "Color", - "unicode": "E790" - }, - { - "name": "SaveAs", - "unicode": "E792" - }, - { - "name": "Light", - "unicode": "E793" - }, - { - "name": "Filters", - "unicode": "E795" - }, - { - "name": "AspectRatio", - "unicode": "E799" - }, - { - "name": "Contrast", - "unicode": "E7A1" - }, - { - "name": "Redo", - "unicode": "E7A6" - }, - { - "name": "PhotoCollection", - "unicode": "E7AA" - }, - { - "name": "Album", - "unicode": "E7AB" - }, - { - "name": "Rotate", - "unicode": "E7AD" - }, - { - "name": "PanoIndicator", - "unicode": "E7B0" - }, - { - "name": "RedEye", - "unicode": "E7B3" - }, - { - "name": "ThumbnailView", - "unicode": "E7B6" - }, - { - "name": "Package", - "unicode": "E7B8" - }, - { - "name": "Warning", - "unicode": "E7BA" - }, - { - "name": "Financial", - "unicode": "E7BB" - }, - { - "name": "Education", - "unicode": "E7BE" - }, - { - "name": "ShoppingCart", - "unicode": "E7BF" - }, - { - "name": "Train", - "unicode": "E7C0" - }, - { - "name": "Move", - "unicode": "E7C2" - }, - { - "name": "TouchPointer", - "unicode": "E7C9" - }, - { - "name": "Merge", - "unicode": "E7D5" - }, - { - "name": "TurnRight", - "unicode": "E7DB" - }, - { - "name": "Ferry", - "unicode": "E7E3" - }, - { - "name": "Highlight", - "unicode": "E7E6" - }, - { - "name": "Tab", - "unicode": "E7E9" - }, - { - "name": "Admin", - "unicode": "E7EF" - } - ] + "fontName": "fabric-icons-0", + "fontFamilyName": "FabricMDL2Icons-0", + "excludeGlyphs": false, + "chunkSubsets": true, + "hashFontFileName": true, + "subsetChunkSettings": { + "maxSubsetSize": 100 + }, + "glyphs": [ + { + "name": "DecreaseIndentLegacy", + "unicode": "E290" + }, + { + "name": "IncreaseIndentLegacy", + "unicode": "E291" + }, + { + "name": "SizeLegacy", + "unicode": "E2B2" + }, + { + "name": "InternetSharing", + "unicode": "E704" + }, + { + "name": "Brightness", + "unicode": "E706" + }, + { + "name": "MapPin", + "unicode": "E707" + }, + { + "name": "Airplane", + "unicode": "E709" + }, + { + "name": "Tablet", + "unicode": "E70A" + }, + { + "name": "QuickNote", + "unicode": "E70B" + }, + { + "name": "Video", + "unicode": "E714" + }, + { + "name": "People", + "unicode": "E716" + }, + { + "name": "Phone", + "unicode": "E717" + }, + { + "name": "Pin", + "unicode": "E718" + }, + { + "name": "Shop", + "unicode": "E719" + }, + { + "name": "Stop", + "unicode": "E71A" + }, + { + "name": "Link", + "unicode": "E71B" + }, + { + "name": "Zoom", + "unicode": "E71E" + }, + { + "name": "ZoomOut", + "unicode": "E71F" + }, + { + "name": "Microphone", + "unicode": "E720" + }, + { + "name": "Camera", + "unicode": "E722" + }, + { + "name": "Attach", + "unicode": "E723" + }, + { + "name": "Send", + "unicode": "E724" + }, + { + "name": "FavoriteList", + "unicode": "E728" + }, + { + "name": "PageSolid", + "unicode": "E729" + }, + { + "name": "Forward", + "unicode": "E72A" + }, + { + "name": "Back", + "unicode": "E72B" + }, + { + "name": "Refresh", + "unicode": "E72C" + }, + { + "name": "Lock", + "unicode": "E72E" + }, + { + "name": "BlockedSite", + "unicode": "E72F" + }, + { + "name": "ReportHacked", + "unicode": "E730" + }, + { + "name": "EMI", + "unicode": "E731" + }, + { + "name": "MiniLink", + "unicode": "E732" + }, + { + "name": "Blocked", + "unicode": "E733" + }, + { + "name": "ReadingMode", + "unicode": "E736" + }, + { + "name": "Favicon", + "unicode": "E737" + }, + { + "name": "Remove", + "unicode": "E738" + }, + { + "name": "Checkbox", + "unicode": "E739" + }, + { + "name": "CheckboxComposite", + "unicode": "E73A" + }, + { + "name": "CheckboxIndeterminate", + "unicode": "E73C" + }, + { + "name": "CheckboxCompositeReversed", + "unicode": "E73D" + }, + { + "name": "BackToWindow", + "unicode": "E73F" + }, + { + "name": "FullScreen", + "unicode": "E740" + }, + { + "name": "Print", + "unicode": "E749" + }, + { + "name": "Up", + "unicode": "E74A" + }, + { + "name": "Down", + "unicode": "E74B" + }, + { + "name": "OEM", + "unicode": "E74C" + }, + { + "name": "Save", + "unicode": "E74E" + }, + { + "name": "Cloud", + "unicode": "E753" + }, + { + "name": "CommandPrompt", + "unicode": "E756" + }, + { + "name": "Sad", + "unicode": "E757" + }, + { + "name": "SIPMove", + "unicode": "E759" + }, + { + "name": "EraseTool", + "unicode": "E75C" + }, + { + "name": "GripperTool", + "unicode": "E75E" + }, + { + "name": "Dialpad", + "unicode": "E75F" + }, + { + "name": "PageLeft", + "unicode": "E760" + }, + { + "name": "PageRight", + "unicode": "E761" + }, + { + "name": "MultiSelect", + "unicode": "E762" + }, + { + "name": "Play", + "unicode": "E768" + }, + { + "name": "Pause", + "unicode": "E769" + }, + { + "name": "Emoji2", + "unicode": "E76E" + }, + { + "name": "GripperBarHorizontal", + "unicode": "E76F" + }, + { + "name": "System", + "unicode": "E770" + }, + { + "name": "Personalize", + "unicode": "E771" + }, + { + "name": "SearchAndApps", + "unicode": "E773" + }, + { + "name": "Globe", + "unicode": "E774" + }, + { + "name": "ContactInfo", + "unicode": "E779" + }, + { + "name": "Unpin", + "unicode": "E77A" + }, + { + "name": "Contact", + "unicode": "E77B" + }, + { + "name": "Memo", + "unicode": "E77C" + }, + { + "name": "Paste", + "unicode": "E77F" + }, + { + "name": "WindowsLogo", + "unicode": "E782" + }, + { + "name": "Error", + "unicode": "E783" + }, + { + "name": "GripperBarVertical", + "unicode": "E784" + }, + { + "name": "Unlock", + "unicode": "E785" + }, + { + "name": "AutoEnhanceOn", + "unicode": "E78D" + }, + { + "name": "AutoEnhanceOff", + "unicode": "E78E" + }, + { + "name": "Color", + "unicode": "E790" + }, + { + "name": "SaveAs", + "unicode": "E792" + }, + { + "name": "Light", + "unicode": "E793" + }, + { + "name": "Filters", + "unicode": "E795" + }, + { + "name": "AspectRatio", + "unicode": "E799" + }, + { + "name": "Contrast", + "unicode": "E7A1" + }, + { + "name": "Redo", + "unicode": "E7A6" + }, + { + "name": "Crop", + "unicode": "E7A8" + }, + { + "name": "PhotoCollection", + "unicode": "E7AA" + }, + { + "name": "Album", + "unicode": "E7AB" + }, + { + "name": "Rotate", + "unicode": "E7AD" + }, + { + "name": "PanoIndicator", + "unicode": "E7B0" + }, + { + "name": "RedEye", + "unicode": "E7B3" + }, + { + "name": "ThumbnailView", + "unicode": "E7B6" + }, + { + "name": "Package", + "unicode": "E7B8" + }, + { + "name": "Warning", + "unicode": "E7BA" + }, + { + "name": "Financial", + "unicode": "E7BB" + }, + { + "name": "Education", + "unicode": "E7BE" + }, + { + "name": "ShoppingCart", + "unicode": "E7BF" + }, + { + "name": "Train", + "unicode": "E7C0" + }, + { + "name": "Move", + "unicode": "E7C2" + }, + { + "name": "TouchPointer", + "unicode": "E7C9" + }, + { + "name": "Merge", + "unicode": "E7D5" + }, + { + "name": "TurnRight", + "unicode": "E7DB" + } + ] } \ No newline at end of file diff --git a/packages/icons/config/fabric-icons-1.json b/packages/icons/config/fabric-icons-1.json index 93b0274ca2d4f..417ff4dac8a4c 100644 --- a/packages/icons/config/fabric-icons-1.json +++ b/packages/icons/config/fabric-icons-1.json @@ -1,412 +1,412 @@ { - "fontName": "fabric-icons-1", - "fontFamilyName": "FabricMDL2Icons-1", - "excludeGlyphs": false, - "chunkSubsets": true, - "hashFontFileName": true, - "subsetChunkSettings": { - "maxSubsetSize": 100 - }, - "glyphs": [ - { - "name": "TVMonitor", - "unicode": "E7F4" - }, - { - "name": "Speakers", - "unicode": "E7F5" - }, - { - "name": "Nav2DMapView", - "unicode": "E800" - }, - { - "name": "Car", - "unicode": "E804" - }, - { - "name": "Bus", - "unicode": "E806" - }, - { - "name": "EatDrink", - "unicode": "E807" - }, - { - "name": "LocationCircle", - "unicode": "E80E" - }, - { - "name": "Home", - "unicode": "E80F" - }, - { - "name": "SwitcherStartEnd", - "unicode": "E810" - }, - { - "name": "ParkingLocation", - "unicode": "E811" - }, - { - "name": "IncidentTriangle", - "unicode": "E814" - }, - { - "name": "Touch", - "unicode": "E815" - }, - { - "name": "MapDirections", - "unicode": "E816" - }, - { - "name": "History", - "unicode": "E81C" - }, - { - "name": "Location", - "unicode": "E81D" - }, - { - "name": "Work", - "unicode": "E821" - }, - { - "name": "Recent", - "unicode": "E823" - }, - { - "name": "Hotel", - "unicode": "E824" - }, - { - "name": "LocationDot", - "unicode": "E827" - }, - { - "name": "News", - "unicode": "E900" - }, - { - "name": "Chat", - "unicode": "E901" - }, - { - "name": "Group", - "unicode": "E902" - }, - { - "name": "Previous", - "unicode": "E892" - }, - { - "name": "Next", - "unicode": "E893" - }, - { - "name": "Sync", - "unicode": "E895" - }, - { - "name": "Help", - "unicode": "E897" - }, - { - "name": "Emoji", - "unicode": "E899" - }, - { - "name": "MailForward", - "unicode": "E89C" - }, - { - "name": "ClosePane", - "unicode": "E89F" - }, - { - "name": "OpenPane", - "unicode": "E8A0" - }, - { - "name": "PreviewLink", - "unicode": "E8A1" - }, - { - "name": "ZoomIn", - "unicode": "E8A3" - }, - { - "name": "Bookmarks", - "unicode": "E8A4" - }, - { - "name": "Document", - "unicode": "E8A5" - }, - { - "name": "ProtectedDocument", - "unicode": "E8A6" - }, - { - "name": "OpenInNewWindow", - "unicode": "E8A7" - }, - { - "name": "MailFill", - "unicode": "E8A8" - }, - { - "name": "ViewAll", - "unicode": "E8A9" - }, - { - "name": "Switch", - "unicode": "E8AB" - }, - { - "name": "Rename", - "unicode": "E8AC" - }, - { - "name": "Import", - "unicode": "E8B5" - }, - { - "name": "Picture", - "unicode": "E8B9" - }, - { - "name": "ShowResults", - "unicode": "E8BC" - }, - { - "name": "Message", - "unicode": "E8BD" - }, - { - "name": "CalendarDay", - "unicode": "E8BF" - }, - { - "name": "CalendarWeek", - "unicode": "E8C0" - }, - { - "name": "MailReplyAll", - "unicode": "E8C2" - }, - { - "name": "Read", - "unicode": "E8C3" - }, - { - "name": "Cut", - "unicode": "E8C6" - }, - { - "name": "PaymentCard", - "unicode": "E8C7" - }, - { - "name": "Copy", - "unicode": "E8C8" - }, - { - "name": "Important", - "unicode": "E8C9" - }, - { - "name": "MailReply", - "unicode": "E8CA" - }, - { - "name": "GotoToday", - "unicode": "E8D1" - }, - { - "name": "Font", - "unicode": "E8D2" - }, - { - "name": "FontColor", - "unicode": "E8D3" - }, - { - "name": "FolderFill", - "unicode": "E8D5" - }, - { - "name": "Permissions", - "unicode": "E8D7" - }, - { - "name": "DisableUpdates", - "unicode": "E8D8" - }, - { - "name": "Unfavorite", - "unicode": "E8D9" - }, - { - "name": "Italic", - "unicode": "E8DB" - }, - { - "name": "Underline", - "unicode": "E8DC" - }, - { - "name": "Bold", - "unicode": "E8DD" - }, - { - "name": "MoveToFolder", - "unicode": "E8DE" - }, - { - "name": "Dislike", - "unicode": "E8E0" - }, - { - "name": "Like", - "unicode": "E8E1" - }, - { - "name": "AlignCenter", - "unicode": "E8E3" - }, - { - "name": "OpenFile", - "unicode": "E8E5" - }, - { - "name": "FontDecrease", - "unicode": "E8E7" - }, - { - "name": "FontIncrease", - "unicode": "E8E8" - }, - { - "name": "FontSize", - "unicode": "E8E9" - }, - { - "name": "CellPhone", - "unicode": "E8EA" - }, - { - "name": "Library", - "unicode": "E8F1" - }, - { - "name": "PostUpdate", - "unicode": "E8F3" - }, - { - "name": "NewFolder", - "unicode": "E8F4" - }, - { - "name": "CalendarReply", - "unicode": "E8F5" - }, - { - "name": "UnsyncFolder", - "unicode": "E8F6" - }, - { - "name": "SyncFolder", - "unicode": "E8F7" - }, - { - "name": "BlockContact", - "unicode": "E8F8" - }, - { - "name": "BulletedList", - "unicode": "E8FD" - }, - { - "name": "Preview", - "unicode": "E8FF" - }, - { - "name": "World", - "unicode": "E909" - }, - { - "name": "Comment", - "unicode": "E90A" - }, - { - "name": "DockLeft", - "unicode": "E90C" - }, - { - "name": "DockRight", - "unicode": "E90D" - }, - { - "name": "Repair", - "unicode": "E90F" - }, - { - "name": "Accounts", - "unicode": "E910" - }, - { - "name": "RadioBullet", - "unicode": "E915" - }, - { - "name": "Stopwatch", - "unicode": "E916" - }, - { - "name": "Clock", - "unicode": "E917" - }, - { - "name": "WorldClock", - "unicode": "E918" - }, - { - "name": "AlarmClock", - "unicode": "E919" - }, - { - "name": "Hospital", - "unicode": "E91D" - }, - { - "name": "Timer", - "unicode": "E91E" - }, - { - "name": "FullCircleMask", - "unicode": "E91F" - }, - { - "name": "LocationFill", - "unicode": "E920" - }, - { - "name": "ChromeMinimize", - "unicode": "E921" - }, - { - "name": "Annotation", - "unicode": "E924" - }, - { - "name": "ChromeClose", - "unicode": "E8BB" - }, - { - "name": "Accept", - "unicode": "E8FB" - } - ] + "fontName": "fabric-icons-1", + "fontFamilyName": "FabricMDL2Icons-1", + "excludeGlyphs": false, + "chunkSubsets": true, + "hashFontFileName": true, + "subsetChunkSettings": { + "maxSubsetSize": 100 + }, + "glyphs": [ + { + "name": "Ferry", + "unicode": "E7E3" + }, + { + "name": "Highlight", + "unicode": "E7E6" + }, + { + "name": "Tab", + "unicode": "E7E9" + }, + { + "name": "Admin", + "unicode": "E7EF" + }, + { + "name": "TVMonitor", + "unicode": "E7F4" + }, + { + "name": "Speakers", + "unicode": "E7F5" + }, + { + "name": "StackIndicator", + "unicode": "E7FF" + }, + { + "name": "Nav2DMapView", + "unicode": "E800" + }, + { + "name": "Car", + "unicode": "E804" + }, + { + "name": "Bus", + "unicode": "E806" + }, + { + "name": "EatDrink", + "unicode": "E807" + }, + { + "name": "LocationCircle", + "unicode": "E80E" + }, + { + "name": "Home", + "unicode": "E80F" + }, + { + "name": "SwitcherStartEnd", + "unicode": "E810" + }, + { + "name": "ParkingLocation", + "unicode": "E811" + }, + { + "name": "IncidentTriangle", + "unicode": "E814" + }, + { + "name": "Touch", + "unicode": "E815" + }, + { + "name": "MapDirections", + "unicode": "E816" + }, + { + "name": "CaretHollow", + "unicode": "E817" + }, + { + "name": "CaretSolid", + "unicode": "E818" + }, + { + "name": "History", + "unicode": "E81C" + }, + { + "name": "Location", + "unicode": "E81D" + }, + { + "name": "Work", + "unicode": "E821" + }, + { + "name": "Recent", + "unicode": "E823" + }, + { + "name": "Hotel", + "unicode": "E824" + }, + { + "name": "LocationDot", + "unicode": "E827" + }, + { + "name": "Dictionary", + "unicode": "E82D" + }, + { + "name": "ChromeBack", + "unicode": "E830" + }, + { + "name": "FolderOpen", + "unicode": "E838" + }, + { + "name": "PinnedFill", + "unicode": "E842" + }, + { + "name": "RevToggleKey", + "unicode": "E845" + }, + { + "name": "Previous", + "unicode": "E892" + }, + { + "name": "Next", + "unicode": "E893" + }, + { + "name": "Sync", + "unicode": "E895" + }, + { + "name": "Help", + "unicode": "E897" + }, + { + "name": "Emoji", + "unicode": "E899" + }, + { + "name": "MailForward", + "unicode": "E89C" + }, + { + "name": "ClosePane", + "unicode": "E89F" + }, + { + "name": "OpenPane", + "unicode": "E8A0" + }, + { + "name": "PreviewLink", + "unicode": "E8A1" + }, + { + "name": "ZoomIn", + "unicode": "E8A3" + }, + { + "name": "Bookmarks", + "unicode": "E8A4" + }, + { + "name": "Document", + "unicode": "E8A5" + }, + { + "name": "ProtectedDocument", + "unicode": "E8A6" + }, + { + "name": "OpenInNewWindow", + "unicode": "E8A7" + }, + { + "name": "MailFill", + "unicode": "E8A8" + }, + { + "name": "ViewAll", + "unicode": "E8A9" + }, + { + "name": "Switch", + "unicode": "E8AB" + }, + { + "name": "Rename", + "unicode": "E8AC" + }, + { + "name": "Remote", + "unicode": "E8AF" + }, + { + "name": "SelectAll", + "unicode": "E8B3" + }, + { + "name": "Orientation", + "unicode": "E8B4" + }, + { + "name": "Import", + "unicode": "E8B5" + }, + { + "name": "Picture", + "unicode": "E8B9" + }, + { + "name": "ChromeClose", + "unicode": "E8BB" + }, + { + "name": "ShowResults", + "unicode": "E8BC" + }, + { + "name": "Message", + "unicode": "E8BD" + }, + { + "name": "CalendarDay", + "unicode": "E8BF" + }, + { + "name": "CalendarWeek", + "unicode": "E8C0" + }, + { + "name": "MailReplyAll", + "unicode": "E8C2" + }, + { + "name": "Read", + "unicode": "E8C3" + }, + { + "name": "Cut", + "unicode": "E8C6" + }, + { + "name": "PaymentCard", + "unicode": "E8C7" + }, + { + "name": "Copy", + "unicode": "E8C8" + }, + { + "name": "Important", + "unicode": "E8C9" + }, + { + "name": "MailReply", + "unicode": "E8CA" + }, + { + "name": "GotoToday", + "unicode": "E8D1" + }, + { + "name": "Font", + "unicode": "E8D2" + }, + { + "name": "FontColor", + "unicode": "E8D3" + }, + { + "name": "FolderFill", + "unicode": "E8D5" + }, + { + "name": "Permissions", + "unicode": "E8D7" + }, + { + "name": "DisableUpdates", + "unicode": "E8D8" + }, + { + "name": "Unfavorite", + "unicode": "E8D9" + }, + { + "name": "Italic", + "unicode": "E8DB" + }, + { + "name": "Underline", + "unicode": "E8DC" + }, + { + "name": "Bold", + "unicode": "E8DD" + }, + { + "name": "MoveToFolder", + "unicode": "E8DE" + }, + { + "name": "Dislike", + "unicode": "E8E0" + }, + { + "name": "Like", + "unicode": "E8E1" + }, + { + "name": "AlignCenter", + "unicode": "E8E3" + }, + { + "name": "OpenFile", + "unicode": "E8E5" + }, + { + "name": "FontDecrease", + "unicode": "E8E7" + }, + { + "name": "FontIncrease", + "unicode": "E8E8" + }, + { + "name": "FontSize", + "unicode": "E8E9" + }, + { + "name": "CellPhone", + "unicode": "E8EA" + }, + { + "name": "Calculator", + "unicode": "E8EF" + }, + { + "name": "Library", + "unicode": "E8F1" + }, + { + "name": "PostUpdate", + "unicode": "E8F3" + }, + { + "name": "NewFolder", + "unicode": "E8F4" + }, + { + "name": "CalendarReply", + "unicode": "E8F5" + }, + { + "name": "UnsyncFolder", + "unicode": "E8F6" + }, + { + "name": "SyncFolder", + "unicode": "E8F7" + }, + { + "name": "BlockContact", + "unicode": "E8F8" + }, + { + "name": "Accept", + "unicode": "E8FB" + }, + { + "name": "BulletedList", + "unicode": "E8FD" + }, + { + "name": "Preview", + "unicode": "E8FF" + }, + { + "name": "News", + "unicode": "E900" + }, + { + "name": "Chat", + "unicode": "E901" + }, + { + "name": "Group", + "unicode": "E902" + }, + { + "name": "World", + "unicode": "E909" + } + ] } \ No newline at end of file diff --git a/packages/icons/config/fabric-icons-10.json b/packages/icons/config/fabric-icons-10.json index 64720f2ec6aef..c05e8831b8bea 100644 --- a/packages/icons/config/fabric-icons-10.json +++ b/packages/icons/config/fabric-icons-10.json @@ -1,396 +1,412 @@ { - "fontName": "fabric-icons-10", - "fontFamilyName": "FabricMDL2Icons-10", - "excludeGlyphs": false, - "chunkSubsets": false, - "hashFontFileName": true, - "subsetChunkSettings": { - "maxSubsetSize": 100 - }, - "glyphs": [ - { - "name": "BankSolid", - "unicode": "F34F" - }, - { - "name": "DecisionSolid", - "unicode": "F350" - }, - { - "name": "Parachute", - "unicode": "F351" - }, - { - "name": "ParachuteSolid", - "unicode": "F352" - }, - { - "name": "FiltersSolid", - "unicode": "F353" - }, - { - "name": "ColorSolid", - "unicode": "F354" - }, - { - "name": "ReviewSolid", - "unicode": "F355" - }, - { - "name": "ReviewRequestSolid", - "unicode": "F356" - }, - { - "name": "ReviewRequestMirroredSolid", - "unicode": "F357" - }, - { - "name": "ReviewResponseSolid", - "unicode": "F358" - }, - { - "name": "FeedbackRequestSolid", - "unicode": "F359" - }, - { - "name": "FeedbackRequestMirroredSolid", - "unicode": "F35A" - }, - { - "name": "FeedbackResponseSolid", - "unicode": "F35B" - }, - { - "name": "WorkItemBar", - "unicode": "F35C" - }, - { - "name": "WorkItemBarSolid", - "unicode": "F35D" - }, - { - "name": "Separator", - "unicode": "F35E" - }, - { - "name": "NavigateExternalInline", - "unicode": "F35F" - }, - { - "name": "PlanView", - "unicode": "F360" - }, - { - "name": "TimelineMatrixView", - "unicode": "F361" - }, - { - "name": "EngineeringGroup", - "unicode": "F362" - }, - { - "name": "ProjectCollection", - "unicode": "F363" - }, - { - "name": "CaretBottomRightCenter8", - "unicode": "F364" - }, - { - "name": "CaretBottomLeftCenter8", - "unicode": "F365" - }, - { - "name": "CaretTopRightCenter8", - "unicode": "F366" - }, - { - "name": "CaretTopLeftCenter8", - "unicode": "F367" - }, - { - "name": "DonutChart", - "unicode": "F368" - }, - { - "name": "ChevronUnfold10", - "unicode": "F369" - }, - { - "name": "ChevronFold10", - "unicode": "F36A" - }, - { - "name": "DoubleChevronDown8", - "unicode": "F36B" - }, - { - "name": "DoubleChevronUp8", - "unicode": "F36C" - }, - { - "name": "DoubleChevronLeft8", - "unicode": "F36D" - }, - { - "name": "DoubleChevronRight8", - "unicode": "F36E" - }, - { - "name": "ChevronDownEnd6", - "unicode": "F36F" - }, - { - "name": "ChevronUpEnd6", - "unicode": "F370" - }, - { - "name": "ChevronLeftEnd6", - "unicode": "F371" - }, - { - "name": "ChevronRightEnd6", - "unicode": "F372" - }, - { - "name": "AzureAPIManagement", - "unicode": "F37F" - }, - { - "name": "AzureServiceEndpoint", - "unicode": "F380" - }, - { - "name": "VSTSLogo", - "unicode": "F381" - }, - { - "name": "VSTSAltLogo1", - "unicode": "F382" - }, - { - "name": "VSTSAltLogo2", - "unicode": "F383" - }, - { - "name": "FileTypeSolution", - "unicode": "F387" - }, - { - "name": "WordLogoInverse16", - "unicode": "F390" - }, - { - "name": "WordLogo16", - "unicode": "F391" - }, - { - "name": "WordLogoFill16", - "unicode": "F392" - }, - { - "name": "PowerPointLogoInverse16", - "unicode": "F393" - }, - { - "name": "PowerPointLogo16", - "unicode": "F394" - }, - { - "name": "PowerPointLogoFill16", - "unicode": "F395" - }, - { - "name": "ExcelLogoInverse16", - "unicode": "F396" - }, - { - "name": "ExcelLogo16", - "unicode": "F397" - }, - { - "name": "ExcelLogoFill16", - "unicode": "F398" - }, - { - "name": "OneNoteLogoInverse16", - "unicode": "F399" - }, - { - "name": "OneNoteLogo16", - "unicode": "F39A" - }, - { - "name": "OneNoteLogoFill16", - "unicode": "F39B" - }, - { - "name": "OutlookLogoInverse16", - "unicode": "F39C" - }, - { - "name": "OutlookLogo16", - "unicode": "F39D" - }, - { - "name": "OutlookLogoFill16", - "unicode": "F39E" - }, - { - "name": "PublisherLogoInverse16", - "unicode": "F39F" - }, - { - "name": "PublisherLogo16", - "unicode": "F3A0" - }, - { - "name": "PublisherLogoFill16", - "unicode": "F3A1" - }, - { - "name": "VisioLogoInverse16", - "unicode": "F3A2" - }, - { - "name": "VisioLogo16", - "unicode": "F3A3" - }, - { - "name": "VisioLogoFill16", - "unicode": "F3A4" - }, - { - "name": "TestBeaker", - "unicode": "F3A5" - }, - { - "name": "TestBeakerSolid", - "unicode": "F3A6" - }, - { - "name": "TestExploreSolid", - "unicode": "F3A7" - }, - { - "name": "TestAutoSolid", - "unicode": "F3A8" - }, - { - "name": "TestUserSolid", - "unicode": "F3A9" - }, - { - "name": "TestImpactSolid", - "unicode": "F3AA" - }, - { - "name": "TestPlan", - "unicode": "F3AB" - }, - { - "name": "TestStep", - "unicode": "F3AC" - }, - { - "name": "TestParameter", - "unicode": "F3AD" - }, - { - "name": "TestSuite", - "unicode": "F3AE" - }, - { - "name": "TestCase", - "unicode": "F3AF" - }, - { - "name": "Sprint", - "unicode": "F3B0" - }, - { - "name": "SignOut", - "unicode": "F3B1" - }, - { - "name": "TriggerApproval", - "unicode": "F3B2" - }, - { - "name": "Rocket", - "unicode": "F3B3" - }, - { - "name": "AzureKeyVault", - "unicode": "F3B4" - }, - { - "name": "LikeSolid", - "unicode": "F3BF" - }, - { - "name": "DislikeSolid", - "unicode": "F3C0" - }, - { - "name": "DeclineCall", - "unicode": "F405" - }, - { - "name": "Spacer", - "unicode": "F40D" - }, - { - "name": "SkypeLogo16", - "unicode": "F40E" - }, - { - "name": "SkypeForBusinessLogo16", - "unicode": "F40F" - }, - { - "name": "SkypeForBusinessLogoFill16", - "unicode": "F410" - }, - { - "name": "FilterSolid", - "unicode": "F412" - }, - { - "name": "MailUndelivered", - "unicode": "F415" - }, - { - "name": "MailTentative", - "unicode": "F416" - }, - { - "name": "MailTentativeMirrored", - "unicode": "F417" - }, - { - "name": "MailReminder", - "unicode": "F418" - }, - { - "name": "ReceiptUndelivered", - "unicode": "F419" - }, - { - "name": "ReceiptTentative", - "unicode": "F41A" - }, - { - "name": "ReceiptTentativeMirrored", - "unicode": "F41B" - }, - { - "name": "Inbox", - "unicode": "F41C" - }, - { - "name": "IRMReply", - "unicode": "F41D" - } - ] + "fontName": "fabric-icons-10", + "fontFamilyName": "FabricMDL2Icons-10", + "excludeGlyphs": false, + "chunkSubsets": true, + "hashFontFileName": true, + "subsetChunkSettings": { + "maxSubsetSize": 100 + }, + "glyphs": [ + { + "name": "DiffInline", + "unicode": "F309" + }, + { + "name": "DiffSideBySide", + "unicode": "F30A" + }, + { + "name": "ImageDiff", + "unicode": "F30B" + }, + { + "name": "ImagePixel", + "unicode": "F30C" + }, + { + "name": "FileBug", + "unicode": "F30D" + }, + { + "name": "FileCode", + "unicode": "F30E" + }, + { + "name": "FileComment", + "unicode": "F30F" + }, + { + "name": "BusinessHoursSign", + "unicode": "F310" + }, + { + "name": "FileImage", + "unicode": "F311" + }, + { + "name": "FileSymlink", + "unicode": "F312" + }, + { + "name": "AutoFillTemplate", + "unicode": "F313" + }, + { + "name": "WorkItem", + "unicode": "F314" + }, + { + "name": "WorkItemBug", + "unicode": "F315" + }, + { + "name": "LogRemove", + "unicode": "F316" + }, + { + "name": "ColumnOptions", + "unicode": "F317" + }, + { + "name": "Packages", + "unicode": "F318" + }, + { + "name": "BuildIssue", + "unicode": "F319" + }, + { + "name": "AssessmentGroup", + "unicode": "F31A" + }, + { + "name": "VariableGroup", + "unicode": "F31B" + }, + { + "name": "FullHistory", + "unicode": "F31C" + }, + { + "name": "SingleColumnEdit", + "unicode": "F321" + }, + { + "name": "DoubleColumnEdit", + "unicode": "F322" + }, + { + "name": "TripleColumnEdit", + "unicode": "F323" + }, + { + "name": "ColumnLeftTwoThirdsEdit", + "unicode": "F324" + }, + { + "name": "ColumnRightTwoThirdsEdit", + "unicode": "F325" + }, + { + "name": "StreamLogo", + "unicode": "F329" + }, + { + "name": "AlertSolid", + "unicode": "F331" + }, + { + "name": "MegaphoneSolid", + "unicode": "F332" + }, + { + "name": "TaskSolid", + "unicode": "F333" + }, + { + "name": "ConfigurationSolid", + "unicode": "F334" + }, + { + "name": "BugSolid", + "unicode": "F335" + }, + { + "name": "CrownSolid", + "unicode": "F336" + }, + { + "name": "Trophy2Solid", + "unicode": "F337" + }, + { + "name": "QuickNoteSolid", + "unicode": "F338" + }, + { + "name": "ConstructionConeSolid", + "unicode": "F339" + }, + { + "name": "PageListSolid", + "unicode": "F33A" + }, + { + "name": "PageListMirroredSolid", + "unicode": "F33B" + }, + { + "name": "StarburstSolid", + "unicode": "F33C" + }, + { + "name": "ReadingModeSolid", + "unicode": "F33D" + }, + { + "name": "SadSolid", + "unicode": "F33E" + }, + { + "name": "HealthSolid", + "unicode": "F33F" + }, + { + "name": "ShieldSolid", + "unicode": "F340" + }, + { + "name": "GiftBoxSolid", + "unicode": "F341" + }, + { + "name": "ShoppingCartSolid", + "unicode": "F342" + }, + { + "name": "MailSolid", + "unicode": "F343" + }, + { + "name": "ChatSolid", + "unicode": "F344" + }, + { + "name": "RibbonSolid", + "unicode": "F345" + }, + { + "name": "FinancialSolid", + "unicode": "F346" + }, + { + "name": "FinancialMirroredSolid", + "unicode": "F347" + }, + { + "name": "HeadsetSolid", + "unicode": "F348" + }, + { + "name": "PermissionsSolid", + "unicode": "F349" + }, + { + "name": "ParkingSolid", + "unicode": "F34A" + }, + { + "name": "ParkingMirroredSolid", + "unicode": "F34B" + }, + { + "name": "DiamondSolid", + "unicode": "F34C" + }, + { + "name": "AsteriskSolid", + "unicode": "F34D" + }, + { + "name": "OfflineStorageSolid", + "unicode": "F34E" + }, + { + "name": "BankSolid", + "unicode": "F34F" + }, + { + "name": "DecisionSolid", + "unicode": "F350" + }, + { + "name": "Parachute", + "unicode": "F351" + }, + { + "name": "ParachuteSolid", + "unicode": "F352" + }, + { + "name": "FiltersSolid", + "unicode": "F353" + }, + { + "name": "ColorSolid", + "unicode": "F354" + }, + { + "name": "ReviewSolid", + "unicode": "F355" + }, + { + "name": "ReviewRequestSolid", + "unicode": "F356" + }, + { + "name": "ReviewRequestMirroredSolid", + "unicode": "F357" + }, + { + "name": "ReviewResponseSolid", + "unicode": "F358" + }, + { + "name": "FeedbackRequestSolid", + "unicode": "F359" + }, + { + "name": "FeedbackRequestMirroredSolid", + "unicode": "F35A" + }, + { + "name": "FeedbackResponseSolid", + "unicode": "F35B" + }, + { + "name": "WorkItemBar", + "unicode": "F35C" + }, + { + "name": "WorkItemBarSolid", + "unicode": "F35D" + }, + { + "name": "Separator", + "unicode": "F35E" + }, + { + "name": "NavigateExternalInline", + "unicode": "F35F" + }, + { + "name": "PlanView", + "unicode": "F360" + }, + { + "name": "TimelineMatrixView", + "unicode": "F361" + }, + { + "name": "EngineeringGroup", + "unicode": "F362" + }, + { + "name": "ProjectCollection", + "unicode": "F363" + }, + { + "name": "CaretBottomRightCenter8", + "unicode": "F364" + }, + { + "name": "CaretBottomLeftCenter8", + "unicode": "F365" + }, + { + "name": "CaretTopRightCenter8", + "unicode": "F366" + }, + { + "name": "CaretTopLeftCenter8", + "unicode": "F367" + }, + { + "name": "DonutChart", + "unicode": "F368" + }, + { + "name": "ChevronUnfold10", + "unicode": "F369" + }, + { + "name": "ChevronFold10", + "unicode": "F36A" + }, + { + "name": "DoubleChevronDown8", + "unicode": "F36B" + }, + { + "name": "DoubleChevronUp8", + "unicode": "F36C" + }, + { + "name": "DoubleChevronLeft8", + "unicode": "F36D" + }, + { + "name": "DoubleChevronRight8", + "unicode": "F36E" + }, + { + "name": "ChevronDownEnd6", + "unicode": "F36F" + }, + { + "name": "ChevronUpEnd6", + "unicode": "F370" + }, + { + "name": "ChevronLeftEnd6", + "unicode": "F371" + }, + { + "name": "ChevronRightEnd6", + "unicode": "F372" + }, + { + "name": "EgnyteLogo", + "unicode": "F373" + }, + { + "name": "GoogleDriveLogoLeftGreen", + "unicode": "F374" + }, + { + "name": "GoogleDriveLogoBottomBlue", + "unicode": "F375" + }, + { + "name": "GoogleDriveLogoRightYellow", + "unicode": "F376" + }, + { + "name": "ContextMenu", + "unicode": "F37C" + }, + { + "name": "AzureAPIManagement", + "unicode": "F37F" + }, + { + "name": "AzureServiceEndpoint", + "unicode": "F380" + }, + { + "name": "VSTSLogo", + "unicode": "F381" + } + ] } \ No newline at end of file diff --git a/packages/icons/config/fabric-icons-11.json b/packages/icons/config/fabric-icons-11.json index 89181f7e50c81..9067084096c1f 100644 --- a/packages/icons/config/fabric-icons-11.json +++ b/packages/icons/config/fabric-icons-11.json @@ -1,348 +1,412 @@ { - "fontName": "fabric-icons-11", - "fontFamilyName": "FabricMDL2Icons-11", - "excludeGlyphs": false, - "chunkSubsets": true, - "hashFontFileName": true, - "subsetChunkSettings": { - "maxSubsetSize": 100 - }, - "glyphs": [ - { - "name": "IRMReplyMirrored", - "unicode": "F41E" - }, - { - "name": "IRMForward", - "unicode": "F41F" - }, - { - "name": "IRMForwardMirrored", - "unicode": "F420" - }, - { - "name": "VoicemailIRM", - "unicode": "F421" - }, - { - "name": "EventAccepted", - "unicode": "F422" - }, - { - "name": "EventTentative", - "unicode": "F423" - }, - { - "name": "EventTentativeMirrored", - "unicode": "F424" - }, - { - "name": "EventDeclined", - "unicode": "F425" - }, - { - "name": "IDBadge", - "unicode": "F427" - }, - { - "name": "OfficeFormsLogoInverse16", - "unicode": "F433" - }, - { - "name": "OfficeFormsLogo", - "unicode": "F434" - }, - { - "name": "OfficeFormsLogoFill", - "unicode": "F435" - }, - { - "name": "OfficeFormsLogo16", - "unicode": "F436" - }, - { - "name": "OfficeFormsLogoFill16", - "unicode": "F437" - }, - { - "name": "OfficeFormsLogoInverse24", - "unicode": "F43A" - }, - { - "name": "OfficeFormsLogo24", - "unicode": "F43B" - }, - { - "name": "OfficeFormsLogoFill24", - "unicode": "F43C" - }, - { - "name": "PageLock", - "unicode": "F43F" - }, - { - "name": "NotExecuted", - "unicode": "F440" - }, - { - "name": "NotImpactedSolid", - "unicode": "F441" - }, - { - "name": "FieldReadOnly", - "unicode": "F442" - }, - { - "name": "FieldRequired", - "unicode": "F443" - }, - { - "name": "BacklogBoard", - "unicode": "F444" - }, - { - "name": "ExternalBuild", - "unicode": "F445" - }, - { - "name": "ExternalTFVC", - "unicode": "F446" - }, - { - "name": "ExternalXAML", - "unicode": "F447" - }, - { - "name": "IssueSolid", - "unicode": "F448" - }, - { - "name": "DefectSolid", - "unicode": "F449" - }, - { - "name": "LadybugSolid", - "unicode": "F44A" - }, - { - "name": "MTMLogo", - "unicode": "F44B" - }, - { - "name": "NugetLogo", - "unicode": "F44C" - }, - { - "name": "TFVCLogo", - "unicode": "F44D" - }, - { - "name": "ProjectLogo32", - "unicode": "F47E" - }, - { - "name": "ProjectLogoFill32", - "unicode": "F47F" - }, - { - "name": "ProjectLogo16", - "unicode": "F480" - }, - { - "name": "ProjectLogoFill16", - "unicode": "F481" - }, - { - "name": "SwayLogo32", - "unicode": "F482" - }, - { - "name": "SwayLogoFill32", - "unicode": "F483" - }, - { - "name": "SwayLogo16", - "unicode": "F484" - }, - { - "name": "SwayLogoFill16", - "unicode": "F485" - }, - { - "name": "ClassNotebookLogo32", - "unicode": "F486" - }, - { - "name": "ClassNotebookLogoFill32", - "unicode": "F487" - }, - { - "name": "ClassNotebookLogo16", - "unicode": "F488" - }, - { - "name": "ClassNotebookLogoFill16", - "unicode": "F489" - }, - { - "name": "ClassNotebookLogoInverse32", - "unicode": "F48A" - }, - { - "name": "ClassNotebookLogoInverse16", - "unicode": "F48B" - }, - { - "name": "StaffNotebookLogo32", - "unicode": "F48C" - }, - { - "name": "StaffNotebookLogoFill32", - "unicode": "F48D" - }, - { - "name": "StaffNotebookLogo16", - "unicode": "F48E" - }, - { - "name": "StaffNotebookLogoFill16", - "unicode": "F48F" - }, - { - "name": "StaffNotebookLogoInverted32", - "unicode": "F490" - }, - { - "name": "StaffNotebookLogoInverted16", - "unicode": "F491" - }, - { - "name": "KaizalaLogo", - "unicode": "F492" - }, - { - "name": "TaskLogo", - "unicode": "F493" - }, - { - "name": "ProtectionCenterLogo32", - "unicode": "F494" - }, - { - "name": "NonprofitLogo32", - "unicode": "F495" - }, - { - "name": "GallatinLogo", - "unicode": "F496" - }, - { - "name": "Globe2", - "unicode": "F49A" - }, - { - "name": "Guitar", - "unicode": "F49B" - }, - { - "name": "Breakfast", - "unicode": "F49C" - }, - { - "name": "Brunch", - "unicode": "F49D" - }, - { - "name": "BeerMug", - "unicode": "F49E" - }, - { - "name": "Vacation", - "unicode": "F49F" - }, - { - "name": "Teeth", - "unicode": "F4A0" - }, - { - "name": "Taxi", - "unicode": "F4A1" - }, - { - "name": "Chopsticks", - "unicode": "F4A2" - }, - { - "name": "SyncOccurence", - "unicode": "F4A3" - }, - { - "name": "UnsyncOccurence", - "unicode": "F4A4" - }, - { - "name": "PrimaryCalendar", - "unicode": "F4AE" - }, - { - "name": "SearchCalendar", - "unicode": "F4AF" - }, - { - "name": "VideoOff", - "unicode": "F4B0" - }, - { - "name": "MicrosoftFlowLogo", - "unicode": "F4B1" - }, - { - "name": "BusinessCenterLogo", - "unicode": "F4B2" - }, - { - "name": "ToDoLogoBottom", - "unicode": "F4B3" - }, - { - "name": "ToDoLogoTop", - "unicode": "F4B4" - }, - { - "name": "EditSolid12", - "unicode": "F4B5" - }, - { - "name": "EditSolidMirrored12", - "unicode": "F4B6" - }, - { - "name": "UneditableSolid12", - "unicode": "F4B7" - }, - { - "name": "UneditableSolidMirrored12", - "unicode": "F4B8" - }, - { - "name": "UneditableMirrored", - "unicode": "F4B9" - }, - { - "name": "AdminALogo32", - "unicode": "F4BA" - }, - { - "name": "AdminALogoFill32", - "unicode": "F4BB" - }, - { - "name": "ToDoLogoInverse", - "unicode": "F4BC" - }, - { - "name": "Snooze", - "unicode": "F4BD" - } - ] + "fontName": "fabric-icons-11", + "fontFamilyName": "FabricMDL2Icons-11", + "excludeGlyphs": false, + "chunkSubsets": true, + "hashFontFileName": true, + "subsetChunkSettings": { + "maxSubsetSize": 100 + }, + "glyphs": [ + { + "name": "VSTSAltLogo1", + "unicode": "F382" + }, + { + "name": "VSTSAltLogo2", + "unicode": "F383" + }, + { + "name": "FileTypeSolution", + "unicode": "F387" + }, + { + "name": "WordLogoInverse16", + "unicode": "F390" + }, + { + "name": "WordLogo16", + "unicode": "F391" + }, + { + "name": "WordLogoFill16", + "unicode": "F392" + }, + { + "name": "PowerPointLogoInverse16", + "unicode": "F393" + }, + { + "name": "PowerPointLogo16", + "unicode": "F394" + }, + { + "name": "PowerPointLogoFill16", + "unicode": "F395" + }, + { + "name": "ExcelLogoInverse16", + "unicode": "F396" + }, + { + "name": "ExcelLogo16", + "unicode": "F397" + }, + { + "name": "ExcelLogoFill16", + "unicode": "F398" + }, + { + "name": "OneNoteLogoInverse16", + "unicode": "F399" + }, + { + "name": "OneNoteLogo16", + "unicode": "F39A" + }, + { + "name": "OneNoteLogoFill16", + "unicode": "F39B" + }, + { + "name": "OutlookLogoInverse16", + "unicode": "F39C" + }, + { + "name": "OutlookLogo16", + "unicode": "F39D" + }, + { + "name": "OutlookLogoFill16", + "unicode": "F39E" + }, + { + "name": "PublisherLogoInverse16", + "unicode": "F39F" + }, + { + "name": "PublisherLogo16", + "unicode": "F3A0" + }, + { + "name": "PublisherLogoFill16", + "unicode": "F3A1" + }, + { + "name": "VisioLogoInverse16", + "unicode": "F3A2" + }, + { + "name": "VisioLogo16", + "unicode": "F3A3" + }, + { + "name": "VisioLogoFill16", + "unicode": "F3A4" + }, + { + "name": "TestBeaker", + "unicode": "F3A5" + }, + { + "name": "TestBeakerSolid", + "unicode": "F3A6" + }, + { + "name": "TestExploreSolid", + "unicode": "F3A7" + }, + { + "name": "TestAutoSolid", + "unicode": "F3A8" + }, + { + "name": "TestUserSolid", + "unicode": "F3A9" + }, + { + "name": "TestImpactSolid", + "unicode": "F3AA" + }, + { + "name": "TestPlan", + "unicode": "F3AB" + }, + { + "name": "TestStep", + "unicode": "F3AC" + }, + { + "name": "TestParameter", + "unicode": "F3AD" + }, + { + "name": "TestSuite", + "unicode": "F3AE" + }, + { + "name": "TestCase", + "unicode": "F3AF" + }, + { + "name": "Sprint", + "unicode": "F3B0" + }, + { + "name": "SignOut", + "unicode": "F3B1" + }, + { + "name": "TriggerApproval", + "unicode": "F3B2" + }, + { + "name": "Rocket", + "unicode": "F3B3" + }, + { + "name": "AzureKeyVault", + "unicode": "F3B4" + }, + { + "name": "Transition", + "unicode": "F3BC" + }, + { + "name": "LikeSolid", + "unicode": "F3BF" + }, + { + "name": "DislikeSolid", + "unicode": "F3C0" + }, + { + "name": "DeclineCall", + "unicode": "F405" + }, + { + "name": "RectangularClipping", + "unicode": "F407" + }, + { + "name": "Spacer", + "unicode": "F40D" + }, + { + "name": "SkypeLogo16", + "unicode": "F40E" + }, + { + "name": "SkypeForBusinessLogo16", + "unicode": "F40F" + }, + { + "name": "SkypeForBusinessLogoFill16", + "unicode": "F410" + }, + { + "name": "FilterSolid", + "unicode": "F412" + }, + { + "name": "MailUndelivered", + "unicode": "F415" + }, + { + "name": "MailTentative", + "unicode": "F416" + }, + { + "name": "MailTentativeMirrored", + "unicode": "F417" + }, + { + "name": "MailReminder", + "unicode": "F418" + }, + { + "name": "ReceiptUndelivered", + "unicode": "F419" + }, + { + "name": "ReceiptTentative", + "unicode": "F41A" + }, + { + "name": "ReceiptTentativeMirrored", + "unicode": "F41B" + }, + { + "name": "Inbox", + "unicode": "F41C" + }, + { + "name": "IRMReply", + "unicode": "F41D" + }, + { + "name": "IRMReplyMirrored", + "unicode": "F41E" + }, + { + "name": "IRMForward", + "unicode": "F41F" + }, + { + "name": "IRMForwardMirrored", + "unicode": "F420" + }, + { + "name": "VoicemailIRM", + "unicode": "F421" + }, + { + "name": "EventAccepted", + "unicode": "F422" + }, + { + "name": "EventTentative", + "unicode": "F423" + }, + { + "name": "EventTentativeMirrored", + "unicode": "F424" + }, + { + "name": "EventDeclined", + "unicode": "F425" + }, + { + "name": "IDBadge", + "unicode": "F427" + }, + { + "name": "BackgroundColor", + "unicode": "F42B" + }, + { + "name": "OfficeFormsLogoInverse16", + "unicode": "F433" + }, + { + "name": "OfficeFormsLogo", + "unicode": "F434" + }, + { + "name": "OfficeFormsLogoFill", + "unicode": "F435" + }, + { + "name": "OfficeFormsLogo16", + "unicode": "F436" + }, + { + "name": "OfficeFormsLogoFill16", + "unicode": "F437" + }, + { + "name": "OfficeFormsLogoInverse24", + "unicode": "F43A" + }, + { + "name": "OfficeFormsLogo24", + "unicode": "F43B" + }, + { + "name": "OfficeFormsLogoFill24", + "unicode": "F43C" + }, + { + "name": "PageLock", + "unicode": "F43F" + }, + { + "name": "NotExecuted", + "unicode": "F440" + }, + { + "name": "NotImpactedSolid", + "unicode": "F441" + }, + { + "name": "FieldReadOnly", + "unicode": "F442" + }, + { + "name": "FieldRequired", + "unicode": "F443" + }, + { + "name": "BacklogBoard", + "unicode": "F444" + }, + { + "name": "ExternalBuild", + "unicode": "F445" + }, + { + "name": "ExternalTFVC", + "unicode": "F446" + }, + { + "name": "ExternalXAML", + "unicode": "F447" + }, + { + "name": "IssueSolid", + "unicode": "F448" + }, + { + "name": "DefectSolid", + "unicode": "F449" + }, + { + "name": "LadybugSolid", + "unicode": "F44A" + }, + { + "name": "MTMLogo", + "unicode": "F44B" + }, + { + "name": "NugetLogo", + "unicode": "F44C" + }, + { + "name": "TFVCLogo", + "unicode": "F44D" + }, + { + "name": "ProjectLogo32", + "unicode": "F47E" + }, + { + "name": "ProjectLogoFill32", + "unicode": "F47F" + }, + { + "name": "ProjectLogo16", + "unicode": "F480" + }, + { + "name": "ProjectLogoFill16", + "unicode": "F481" + }, + { + "name": "SwayLogo32", + "unicode": "F482" + }, + { + "name": "SwayLogoFill32", + "unicode": "F483" + }, + { + "name": "SwayLogo16", + "unicode": "F484" + }, + { + "name": "SwayLogoFill16", + "unicode": "F485" + } + ] } \ No newline at end of file diff --git a/packages/icons/config/fabric-icons-12.json b/packages/icons/config/fabric-icons-12.json new file mode 100644 index 0000000000000..221828001e99c --- /dev/null +++ b/packages/icons/config/fabric-icons-12.json @@ -0,0 +1,412 @@ +{ + "fontName": "fabric-icons-12", + "fontFamilyName": "FabricMDL2Icons-12", + "excludeGlyphs": false, + "chunkSubsets": true, + "hashFontFileName": true, + "subsetChunkSettings": { + "maxSubsetSize": 100 + }, + "glyphs": [ + { + "name": "ClassNotebookLogo32", + "unicode": "F486" + }, + { + "name": "ClassNotebookLogoFill32", + "unicode": "F487" + }, + { + "name": "ClassNotebookLogo16", + "unicode": "F488" + }, + { + "name": "ClassNotebookLogoFill16", + "unicode": "F489" + }, + { + "name": "ClassNotebookLogoInverse32", + "unicode": "F48A" + }, + { + "name": "ClassNotebookLogoInverse16", + "unicode": "F48B" + }, + { + "name": "StaffNotebookLogo32", + "unicode": "F48C" + }, + { + "name": "StaffNotebookLogoFill32", + "unicode": "F48D" + }, + { + "name": "StaffNotebookLogo16", + "unicode": "F48E" + }, + { + "name": "StaffNotebookLogoFill16", + "unicode": "F48F" + }, + { + "name": "StaffNotebookLogoInverted32", + "unicode": "F490" + }, + { + "name": "StaffNotebookLogoInverted16", + "unicode": "F491" + }, + { + "name": "KaizalaLogo", + "unicode": "F492" + }, + { + "name": "TaskLogo", + "unicode": "F493" + }, + { + "name": "ProtectionCenterLogo32", + "unicode": "F494" + }, + { + "name": "NonprofitLogo32", + "unicode": "F495" + }, + { + "name": "GallatinLogo", + "unicode": "F496" + }, + { + "name": "Globe2", + "unicode": "F49A" + }, + { + "name": "Guitar", + "unicode": "F49B" + }, + { + "name": "Breakfast", + "unicode": "F49C" + }, + { + "name": "Brunch", + "unicode": "F49D" + }, + { + "name": "BeerMug", + "unicode": "F49E" + }, + { + "name": "Vacation", + "unicode": "F49F" + }, + { + "name": "Teeth", + "unicode": "F4A0" + }, + { + "name": "Taxi", + "unicode": "F4A1" + }, + { + "name": "Chopsticks", + "unicode": "F4A2" + }, + { + "name": "SyncOccurence", + "unicode": "F4A3" + }, + { + "name": "UnsyncOccurence", + "unicode": "F4A4" + }, + { + "name": "PrimaryCalendar", + "unicode": "F4AE" + }, + { + "name": "SearchCalendar", + "unicode": "F4AF" + }, + { + "name": "VideoOff", + "unicode": "F4B0" + }, + { + "name": "MicrosoftFlowLogo", + "unicode": "F4B1" + }, + { + "name": "BusinessCenterLogo", + "unicode": "F4B2" + }, + { + "name": "ToDoLogoBottom", + "unicode": "F4B3" + }, + { + "name": "ToDoLogoTop", + "unicode": "F4B4" + }, + { + "name": "EditSolid12", + "unicode": "F4B5" + }, + { + "name": "EditSolidMirrored12", + "unicode": "F4B6" + }, + { + "name": "UneditableSolid12", + "unicode": "F4B7" + }, + { + "name": "UneditableSolidMirrored12", + "unicode": "F4B8" + }, + { + "name": "UneditableMirrored", + "unicode": "F4B9" + }, + { + "name": "AdminALogo32", + "unicode": "F4BA" + }, + { + "name": "AdminALogoFill32", + "unicode": "F4BB" + }, + { + "name": "ToDoLogoInverse", + "unicode": "F4BC" + }, + { + "name": "Snooze", + "unicode": "F4BD" + }, + { + "name": "WaffleOffice365", + "unicode": "F4E0" + }, + { + "name": "ImageSearch", + "unicode": "F4E8" + }, + { + "name": "NewsSearch", + "unicode": "F4E9" + }, + { + "name": "VideoSearch", + "unicode": "F4EA" + }, + { + "name": "R", + "unicode": "F4EB" + }, + { + "name": "FontColorA", + "unicode": "F4EC" + }, + { + "name": "FontColorSwatch", + "unicode": "F4ED" + }, + { + "name": "LightWeight", + "unicode": "F4EE" + }, + { + "name": "NormalWeight", + "unicode": "F4EF" + }, + { + "name": "SemiboldWeight", + "unicode": "F4F0" + }, + { + "name": "GroupObject", + "unicode": "F4F1" + }, + { + "name": "UngroupObject", + "unicode": "F4F2" + }, + { + "name": "AlignHorizontalLeft", + "unicode": "F4F3" + }, + { + "name": "AlignHorizontalCenter", + "unicode": "F4F4" + }, + { + "name": "AlignHorizontalRight", + "unicode": "F4F5" + }, + { + "name": "AlignVerticalTop", + "unicode": "F4F6" + }, + { + "name": "AlignVerticalCenter", + "unicode": "F4F7" + }, + { + "name": "AlignVerticalBottom", + "unicode": "F4F8" + }, + { + "name": "HorizontalDistributeCenter", + "unicode": "F4F9" + }, + { + "name": "VerticalDistributeCenter", + "unicode": "F4FA" + }, + { + "name": "Ellipse", + "unicode": "F4FB" + }, + { + "name": "Line", + "unicode": "F4FC" + }, + { + "name": "Octagon", + "unicode": "F4FD" + }, + { + "name": "Hexagon", + "unicode": "F4FE" + }, + { + "name": "Pentagon", + "unicode": "F4FF" + }, + { + "name": "RightTriangle", + "unicode": "F500" + }, + { + "name": "HalfCircle", + "unicode": "F501" + }, + { + "name": "QuarterCircle", + "unicode": "F502" + }, + { + "name": "ThreeQuarterCircle", + "unicode": "F503" + }, + { + "name": "6PointStar", + "unicode": "F504" + }, + { + "name": "12PointStar", + "unicode": "F505" + }, + { + "name": "ArrangeBringToFront", + "unicode": "F506" + }, + { + "name": "ArrangeSendToBack", + "unicode": "F507" + }, + { + "name": "ArrangeSendBackward", + "unicode": "F508" + }, + { + "name": "ArrangeBringForward", + "unicode": "F509" + }, + { + "name": "BorderDash", + "unicode": "F50A" + }, + { + "name": "BorderDot", + "unicode": "F50B" + }, + { + "name": "LineStyle", + "unicode": "F50C" + }, + { + "name": "LineThickness", + "unicode": "F50D" + }, + { + "name": "WindowEdit", + "unicode": "F50E" + }, + { + "name": "HintText", + "unicode": "F50F" + }, + { + "name": "MediaAdd", + "unicode": "F510" + }, + { + "name": "AnchorLock", + "unicode": "F511" + }, + { + "name": "AutoHeight", + "unicode": "F512" + }, + { + "name": "ChartSeries", + "unicode": "F513" + }, + { + "name": "ChartXAngle", + "unicode": "F514" + }, + { + "name": "ChartYAngle", + "unicode": "F515" + }, + { + "name": "Combobox", + "unicode": "F516" + }, + { + "name": "LineSpacing", + "unicode": "F517" + }, + { + "name": "Padding", + "unicode": "F518" + }, + { + "name": "PaddingTop", + "unicode": "F519" + }, + { + "name": "PaddingBottom", + "unicode": "F51A" + }, + { + "name": "PaddingLeft", + "unicode": "F51B" + }, + { + "name": "PaddingRight", + "unicode": "F51C" + }, + { + "name": "NavigationFlipper", + "unicode": "F51D" + }, + { + "name": "AlignJustify", + "unicode": "F51E" + } + ] +} \ No newline at end of file diff --git a/packages/icons/config/fabric-icons-13.json b/packages/icons/config/fabric-icons-13.json new file mode 100644 index 0000000000000..73d02a787039a --- /dev/null +++ b/packages/icons/config/fabric-icons-13.json @@ -0,0 +1,412 @@ +{ + "fontName": "fabric-icons-13", + "fontFamilyName": "FabricMDL2Icons-13", + "excludeGlyphs": false, + "chunkSubsets": true, + "hashFontFileName": true, + "subsetChunkSettings": { + "maxSubsetSize": 100 + }, + "glyphs": [ + { + "name": "TextOverflow", + "unicode": "F51F" + }, + { + "name": "VisualsFolder", + "unicode": "F520" + }, + { + "name": "VisualsStore", + "unicode": "F521" + }, + { + "name": "PictureCenter", + "unicode": "F522" + }, + { + "name": "PictureFill", + "unicode": "F523" + }, + { + "name": "PicturePosition", + "unicode": "F524" + }, + { + "name": "PictureStretch", + "unicode": "F525" + }, + { + "name": "PictureTile", + "unicode": "F526" + }, + { + "name": "Slider", + "unicode": "F527" + }, + { + "name": "SliderHandleSize", + "unicode": "F528" + }, + { + "name": "DefaultRatio", + "unicode": "F529" + }, + { + "name": "NumberSequence", + "unicode": "F52A" + }, + { + "name": "GUID", + "unicode": "F52B" + }, + { + "name": "ReportAdd", + "unicode": "F52C" + }, + { + "name": "DashboardAdd", + "unicode": "F52D" + }, + { + "name": "MapPinSolid", + "unicode": "F52E" + }, + { + "name": "WebPublish", + "unicode": "F52F" + }, + { + "name": "PieSingleSolid", + "unicode": "F530" + }, + { + "name": "BlockedSolid", + "unicode": "F531" + }, + { + "name": "DrillDown", + "unicode": "F532" + }, + { + "name": "DrillDownSolid", + "unicode": "F533" + }, + { + "name": "DrillExpand", + "unicode": "F534" + }, + { + "name": "DrillShow", + "unicode": "F535" + }, + { + "name": "OneDriveFolder16", + "unicode": "F53B" + }, + { + "name": "ChronosLogo", + "unicode": "F541" + }, + { + "name": "FunctionalManagerDashboard", + "unicode": "F542" + }, + { + "name": "BIDashboard", + "unicode": "F543" + }, + { + "name": "CodeEdit", + "unicode": "F544" + }, + { + "name": "RenewalCurrent", + "unicode": "F545" + }, + { + "name": "RenewalFuture", + "unicode": "F546" + }, + { + "name": "SplitObject", + "unicode": "F547" + }, + { + "name": "BulkUpload", + "unicode": "F548" + }, + { + "name": "DownloadDocument", + "unicode": "F549" + }, + { + "name": "WaitlistConfirm", + "unicode": "F550" + }, + { + "name": "WaitlistConfirmMirrored", + "unicode": "F551" + }, + { + "name": "LaptopSecure", + "unicode": "F552" + }, + { + "name": "DragObject", + "unicode": "F553" + }, + { + "name": "EntryView", + "unicode": "F554" + }, + { + "name": "EntryDecline", + "unicode": "F555" + }, + { + "name": "ContactCardSettings", + "unicode": "F556" + }, + { + "name": "ContactCardSettingsMirrored", + "unicode": "F557" + }, + { + "name": "CalendarSettings", + "unicode": "F558" + }, + { + "name": "CalendarSettingsMirrored", + "unicode": "F559" + }, + { + "name": "HardDriveLock", + "unicode": "F55A" + }, + { + "name": "HardDriveUnlock", + "unicode": "F55B" + }, + { + "name": "AccountManagement", + "unicode": "F55C" + }, + { + "name": "TransitionPop", + "unicode": "F5B2" + }, + { + "name": "TransitionPush", + "unicode": "F5B3" + }, + { + "name": "TransitionEffect", + "unicode": "F5B4" + }, + { + "name": "LookupEntities", + "unicode": "F5B5" + }, + { + "name": "ExploreData", + "unicode": "F5B6" + }, + { + "name": "AddBookmark", + "unicode": "F5B7" + }, + { + "name": "SearchBookmark", + "unicode": "F5B8" + }, + { + "name": "DrillThrough", + "unicode": "F5B9" + }, + { + "name": "MasterDatabase", + "unicode": "F5BA" + }, + { + "name": "CertifiedDatabase", + "unicode": "F5BB" + }, + { + "name": "MaximumValue", + "unicode": "F5BC" + }, + { + "name": "MinimumValue", + "unicode": "F5BD" + }, + { + "name": "VisualStudioIDELogo32", + "unicode": "F5D0" + }, + { + "name": "ApacheIvyLogo32", + "unicode": "F5D1" + }, + { + "name": "BitbucketLogo32", + "unicode": "F5D2" + }, + { + "name": "LinuxLogo32", + "unicode": "F5D3" + }, + { + "name": "GradleLogo32", + "unicode": "F5D4" + }, + { + "name": "PasteAsText", + "unicode": "F5D5" + }, + { + "name": "PasteAsCode", + "unicode": "F5D6" + }, + { + "name": "BrowserTab", + "unicode": "F5D7" + }, + { + "name": "BrowserTabScreenshot", + "unicode": "F5D8" + }, + { + "name": "DesktopScreenshot", + "unicode": "F5D9" + }, + { + "name": "FileYML", + "unicode": "F5DA" + }, + { + "name": "ClipboardSolid", + "unicode": "F5DC" + }, + { + "name": "AnalyticsView", + "unicode": "F5F1" + }, + { + "name": "Leave", + "unicode": "F627" + }, + { + "name": "Trending12", + "unicode": "F62D" + }, + { + "name": "Blocked12", + "unicode": "F62E" + }, + { + "name": "Warning12", + "unicode": "F62F" + }, + { + "name": "CheckedOutByOther12", + "unicode": "F630" + }, + { + "name": "CheckedOutByYou12", + "unicode": "F631" + }, + { + "name": "CircleShapeSolid", + "unicode": "F63C" + }, + { + "name": "SquareShapeSolid", + "unicode": "F63D" + }, + { + "name": "TriangleShapeSolid", + "unicode": "F63E" + }, + { + "name": "DropShapeSolid", + "unicode": "F63F" + }, + { + "name": "InsertColumnsLeft", + "unicode": "F64A" + }, + { + "name": "InsertColumnsRight", + "unicode": "F64B" + }, + { + "name": "InsertRowsAbove", + "unicode": "F64C" + }, + { + "name": "InsertRowsBelow", + "unicode": "F64D" + }, + { + "name": "DeleteColumns", + "unicode": "F64E" + }, + { + "name": "DeleteRows", + "unicode": "F64F" + }, + { + "name": "DeleteRowsMirrored", + "unicode": "F650" + }, + { + "name": "DeleteTable", + "unicode": "F651" + }, + { + "name": "GitLogo", + "unicode": "F65D" + }, + { + "name": "GitHubLogo", + "unicode": "F65E" + }, + { + "name": "ApacheMavenLogo", + "unicode": "F65F" + }, + { + "name": "NPMLogo", + "unicode": "F660" + }, + { + "name": "GitFork", + "unicode": "F661" + }, + { + "name": "SVNLogo", + "unicode": "F662" + }, + { + "name": "JenkinsLogo", + "unicode": "F663" + }, + { + "name": "VersionControlPush", + "unicode": "F664" + }, + { + "name": "ExternalGit", + "unicode": "F665" + }, + { + "name": "InsertSignatureLine", + "unicode": "F677" + }, + { + "name": "ArrangeByFrom", + "unicode": "F678" + } + ] +} \ No newline at end of file diff --git a/packages/icons/config/fabric-icons-14.json b/packages/icons/config/fabric-icons-14.json new file mode 100644 index 0000000000000..3040a07465fc4 --- /dev/null +++ b/packages/icons/config/fabric-icons-14.json @@ -0,0 +1,20 @@ +{ + "fontName": "fabric-icons-14", + "fontFamilyName": "FabricMDL2Icons-14", + "excludeGlyphs": false, + "chunkSubsets": true, + "hashFontFileName": true, + "subsetChunkSettings": { + "maxSubsetSize": 100 + }, + "glyphs": [ + { + "name": "Phishing", + "unicode": "F679" + }, + { + "name": "CreateMailRule", + "unicode": "F67A" + } + ] +} \ No newline at end of file diff --git a/packages/icons/config/fabric-icons-2.json b/packages/icons/config/fabric-icons-2.json index 4740337c3f9b6..8bd6865dcaadf 100644 --- a/packages/icons/config/fabric-icons-2.json +++ b/packages/icons/config/fabric-icons-2.json @@ -1,412 +1,412 @@ { - "fontName": "fabric-icons-2", - "fontFamilyName": "FabricMDL2Icons-2", - "excludeGlyphs": false, - "chunkSubsets": true, - "hashFontFileName": true, - "subsetChunkSettings": { - "maxSubsetSize": 100 - }, - "glyphs": [ - { - "name": "Fingerprint", - "unicode": "E928" - }, - { - "name": "Handwriting", - "unicode": "E929" - }, - { - "name": "StackIndicator", - "unicode": "E7FF" - }, - { - "name": "Completed", - "unicode": "E930" - }, - { - "name": "Label", - "unicode": "E932" - }, - { - "name": "FlickDown", - "unicode": "E935" - }, - { - "name": "FlickUp", - "unicode": "E936" - }, - { - "name": "FlickLeft", - "unicode": "E937" - }, - { - "name": "FlickRight", - "unicode": "E938" - }, - { - "name": "Streaming", - "unicode": "E93E" - }, - { - "name": "MusicInCollection", - "unicode": "E940" - }, - { - "name": "OneDrive", - "unicode": "E941" - }, - { - "name": "CompassNW", - "unicode": "E942" - }, - { - "name": "Code", - "unicode": "E943" - }, - { - "name": "LightningBolt", - "unicode": "E945" - }, - { - "name": "CalculatorMultiply", - "unicode": "E947" - }, - { - "name": "CalculatorAddition", - "unicode": "E948" - }, - { - "name": "CalculatorSubtract", - "unicode": "E949" - }, - { - "name": "CalculatorEqualTo", - "unicode": "E94E" - }, - { - "name": "PrintfaxPrinterFile", - "unicode": "E956" - }, - { - "name": "Communications", - "unicode": "E95A" - }, - { - "name": "Headset", - "unicode": "E95B" - }, - { - "name": "Health", - "unicode": "E95E" - }, - { - "name": "ChevronUpSmall", - "unicode": "E96D" - }, - { - "name": "ChevronDownSmall", - "unicode": "E96E" - }, - { - "name": "ChevronLeftSmall", - "unicode": "E96F" - }, - { - "name": "ChevronRightSmall", - "unicode": "E970" - }, - { - "name": "ChevronUpMed", - "unicode": "E971" - }, - { - "name": "ChevronDownMed", - "unicode": "E972" - }, - { - "name": "ChevronLeftMed", - "unicode": "E973" - }, - { - "name": "ChevronRightMed", - "unicode": "E974" - }, - { - "name": "Dictionary", - "unicode": "E82D" - }, - { - "name": "ChromeBack", - "unicode": "E830" - }, - { - "name": "PC1", - "unicode": "E977" - }, - { - "name": "PresenceChickletVideo", - "unicode": "E979" - }, - { - "name": "Reply", - "unicode": "E97A" - }, - { - "name": "HalfAlpha", - "unicode": "E97E" - }, - { - "name": "LockSolid", - "unicode": "E9A2" - }, - { - "name": "ConstructionCone", - "unicode": "E98F" - }, - { - "name": "DoubleChevronLeftMed", - "unicode": "E991" - }, - { - "name": "Volume0", - "unicode": "E992" - }, - { - "name": "Volume1", - "unicode": "E993" - }, - { - "name": "Volume2", - "unicode": "E994" - }, - { - "name": "Volume3", - "unicode": "E995" - }, - { - "name": "CaretHollow", - "unicode": "E817" - }, - { - "name": "CaretSolid", - "unicode": "E818" - }, - { - "name": "FolderOpen", - "unicode": "E838" - }, - { - "name": "PinnedFill", - "unicode": "E842" - }, - { - "name": "Chart", - "unicode": "E999" - }, - { - "name": "Robot", - "unicode": "E99A" - }, - { - "name": "BidiLtr", - "unicode": "E9AA" - }, - { - "name": "BidiRtl", - "unicode": "E9AB" - }, - { - "name": "RevToggleKey", - "unicode": "E845" - }, - { - "name": "RightDoubleQuote", - "unicode": "E9B1" - }, - { - "name": "Sunny", - "unicode": "E9BD" - }, - { - "name": "CloudWeather", - "unicode": "E9BE" - }, - { - "name": "Cloudy", - "unicode": "E9BF" - }, - { - "name": "PartlyCloudyDay", - "unicode": "E9C0" - }, - { - "name": "PartlyCloudyNight", - "unicode": "E9C1" - }, - { - "name": "ClearNight", - "unicode": "E9C2" - }, - { - "name": "RainShowersDay", - "unicode": "E9C3" - }, - { - "name": "Rain", - "unicode": "E9C4" - }, - { - "name": "Thunderstorms", - "unicode": "E9C6" - }, - { - "name": "RainSnow", - "unicode": "E9C7" - }, - { - "name": "Snow", - "unicode": "E9C8" - }, - { - "name": "BlowingSnow", - "unicode": "E9C9" - }, - { - "name": "Frigid", - "unicode": "E9CA" - }, - { - "name": "Fog", - "unicode": "E9CB" - }, - { - "name": "Squalls", - "unicode": "E9CC" - }, - { - "name": "Duststorm", - "unicode": "E9CD" - }, - { - "name": "Unknown", - "unicode": "E9CE" - }, - { - "name": "Precipitation", - "unicode": "E9CF" - }, - { - "name": "Ringer", - "unicode": "EA8F" - }, - { - "name": "PDF", - "unicode": "EA90" - }, - { - "name": "Ribbon", - "unicode": "E9D1" - }, - { - "name": "AreaChart", - "unicode": "E9D2" - }, - { - "name": "Assign", - "unicode": "E9D3" - }, - { - "name": "CheckList", - "unicode": "E9D5" - }, - { - "name": "Diagnostic", - "unicode": "E9D9" - }, - { - "name": "Generate", - "unicode": "E9DA" - }, - { - "name": "LineChart", - "unicode": "E9E6" - }, - { - "name": "Equalizer", - "unicode": "E9E9" - }, - { - "name": "BarChartHorizontal", - "unicode": "E9EB" - }, - { - "name": "BarChartVertical", - "unicode": "E9EC" - }, - { - "name": "Freezing", - "unicode": "E9EF" - }, - { - "name": "Processing", - "unicode": "E9F5" - }, - { - "name": "SnowShowerDay", - "unicode": "E9FD" - }, - { - "name": "HailDay", - "unicode": "EA00" - }, - { - "name": "WorkFlow", - "unicode": "EA01" - }, - { - "name": "StoreLogoMed", - "unicode": "EA04" - }, - { - "name": "TriangleSolid", - "unicode": "EA08" - }, - { - "name": "RainShowersNight", - "unicode": "EA0F" - }, - { - "name": "SnowShowerNight", - "unicode": "EA11" - }, - { - "name": "HailNight", - "unicode": "EA13" - }, - { - "name": "Info2", - "unicode": "EA1F" - }, - { - "name": "StoreLogo", - "unicode": "EA96" - }, - { - "name": "MultiSelectMirrored", - "unicode": "EA98" - }, - { - "name": "Broom", - "unicode": "EA99" - }, - { - "name": "MusicInCollectionFill", - "unicode": "EA36" - }, - { - "name": "Asterisk", - "unicode": "EA38" - } - ] + "fontName": "fabric-icons-2", + "fontFamilyName": "FabricMDL2Icons-2", + "excludeGlyphs": false, + "chunkSubsets": true, + "hashFontFileName": true, + "subsetChunkSettings": { + "maxSubsetSize": 100 + }, + "glyphs": [ + { + "name": "Comment", + "unicode": "E90A" + }, + { + "name": "DockLeft", + "unicode": "E90C" + }, + { + "name": "DockRight", + "unicode": "E90D" + }, + { + "name": "Repair", + "unicode": "E90F" + }, + { + "name": "Accounts", + "unicode": "E910" + }, + { + "name": "RadioBullet", + "unicode": "E915" + }, + { + "name": "Stopwatch", + "unicode": "E916" + }, + { + "name": "Clock", + "unicode": "E917" + }, + { + "name": "WorldClock", + "unicode": "E918" + }, + { + "name": "AlarmClock", + "unicode": "E919" + }, + { + "name": "Hospital", + "unicode": "E91D" + }, + { + "name": "Timer", + "unicode": "E91E" + }, + { + "name": "FullCircleMask", + "unicode": "E91F" + }, + { + "name": "LocationFill", + "unicode": "E920" + }, + { + "name": "ChromeMinimize", + "unicode": "E921" + }, + { + "name": "Annotation", + "unicode": "E924" + }, + { + "name": "Fingerprint", + "unicode": "E928" + }, + { + "name": "Handwriting", + "unicode": "E929" + }, + { + "name": "Completed", + "unicode": "E930" + }, + { + "name": "Label", + "unicode": "E932" + }, + { + "name": "FlickDown", + "unicode": "E935" + }, + { + "name": "FlickUp", + "unicode": "E936" + }, + { + "name": "FlickLeft", + "unicode": "E937" + }, + { + "name": "FlickRight", + "unicode": "E938" + }, + { + "name": "MiniExpand", + "unicode": "E93A" + }, + { + "name": "MiniContract", + "unicode": "E93B" + }, + { + "name": "Streaming", + "unicode": "E93E" + }, + { + "name": "MusicInCollection", + "unicode": "E940" + }, + { + "name": "OneDrive", + "unicode": "E941" + }, + { + "name": "CompassNW", + "unicode": "E942" + }, + { + "name": "Code", + "unicode": "E943" + }, + { + "name": "LightningBolt", + "unicode": "E945" + }, + { + "name": "CalculatorMultiply", + "unicode": "E947" + }, + { + "name": "CalculatorAddition", + "unicode": "E948" + }, + { + "name": "CalculatorSubtract", + "unicode": "E949" + }, + { + "name": "CalculatorEqualTo", + "unicode": "E94E" + }, + { + "name": "PrintfaxPrinterFile", + "unicode": "E956" + }, + { + "name": "Communications", + "unicode": "E95A" + }, + { + "name": "Headset", + "unicode": "E95B" + }, + { + "name": "Health", + "unicode": "E95E" + }, + { + "name": "ChevronUpSmall", + "unicode": "E96D" + }, + { + "name": "ChevronDownSmall", + "unicode": "E96E" + }, + { + "name": "ChevronLeftSmall", + "unicode": "E96F" + }, + { + "name": "ChevronRightSmall", + "unicode": "E970" + }, + { + "name": "ChevronUpMed", + "unicode": "E971" + }, + { + "name": "ChevronDownMed", + "unicode": "E972" + }, + { + "name": "ChevronLeftMed", + "unicode": "E973" + }, + { + "name": "ChevronRightMed", + "unicode": "E974" + }, + { + "name": "PC1", + "unicode": "E977" + }, + { + "name": "PresenceChickletVideo", + "unicode": "E979" + }, + { + "name": "Reply", + "unicode": "E97A" + }, + { + "name": "HalfAlpha", + "unicode": "E97E" + }, + { + "name": "ConstructionCone", + "unicode": "E98F" + }, + { + "name": "DoubleChevronLeftMed", + "unicode": "E991" + }, + { + "name": "Volume0", + "unicode": "E992" + }, + { + "name": "Volume1", + "unicode": "E993" + }, + { + "name": "Volume2", + "unicode": "E994" + }, + { + "name": "Volume3", + "unicode": "E995" + }, + { + "name": "Chart", + "unicode": "E999" + }, + { + "name": "Robot", + "unicode": "E99A" + }, + { + "name": "LockSolid", + "unicode": "E9A2" + }, + { + "name": "BidiLtr", + "unicode": "E9AA" + }, + { + "name": "BidiRtl", + "unicode": "E9AB" + }, + { + "name": "RightDoubleQuote", + "unicode": "E9B1" + }, + { + "name": "Sunny", + "unicode": "E9BD" + }, + { + "name": "CloudWeather", + "unicode": "E9BE" + }, + { + "name": "Cloudy", + "unicode": "E9BF" + }, + { + "name": "PartlyCloudyDay", + "unicode": "E9C0" + }, + { + "name": "PartlyCloudyNight", + "unicode": "E9C1" + }, + { + "name": "ClearNight", + "unicode": "E9C2" + }, + { + "name": "RainShowersDay", + "unicode": "E9C3" + }, + { + "name": "Rain", + "unicode": "E9C4" + }, + { + "name": "Thunderstorms", + "unicode": "E9C6" + }, + { + "name": "RainSnow", + "unicode": "E9C7" + }, + { + "name": "Snow", + "unicode": "E9C8" + }, + { + "name": "BlowingSnow", + "unicode": "E9C9" + }, + { + "name": "Frigid", + "unicode": "E9CA" + }, + { + "name": "Fog", + "unicode": "E9CB" + }, + { + "name": "Squalls", + "unicode": "E9CC" + }, + { + "name": "Duststorm", + "unicode": "E9CD" + }, + { + "name": "Unknown", + "unicode": "E9CE" + }, + { + "name": "Precipitation", + "unicode": "E9CF" + }, + { + "name": "Ribbon", + "unicode": "E9D1" + }, + { + "name": "AreaChart", + "unicode": "E9D2" + }, + { + "name": "Assign", + "unicode": "E9D3" + }, + { + "name": "CheckList", + "unicode": "E9D5" + }, + { + "name": "Diagnostic", + "unicode": "E9D9" + }, + { + "name": "Generate", + "unicode": "E9DA" + }, + { + "name": "LineChart", + "unicode": "E9E6" + }, + { + "name": "Equalizer", + "unicode": "E9E9" + }, + { + "name": "BarChartHorizontal", + "unicode": "E9EB" + }, + { + "name": "BarChartVertical", + "unicode": "E9EC" + }, + { + "name": "Freezing", + "unicode": "E9EF" + }, + { + "name": "Processing", + "unicode": "E9F5" + }, + { + "name": "SnowShowerDay", + "unicode": "E9FD" + }, + { + "name": "HailDay", + "unicode": "EA00" + }, + { + "name": "WorkFlow", + "unicode": "EA01" + }, + { + "name": "HourGlass", + "unicode": "EA03" + }, + { + "name": "StoreLogoMed20", + "unicode": "EA04" + }, + { + "name": "TimeSheet", + "unicode": "EA05" + } + ] } \ No newline at end of file diff --git a/packages/icons/config/fabric-icons-3.json b/packages/icons/config/fabric-icons-3.json index dc4c3665aadaa..588abc9f72e8e 100644 --- a/packages/icons/config/fabric-icons-3.json +++ b/packages/icons/config/fabric-icons-3.json @@ -1,412 +1,412 @@ { - "fontName": "fabric-icons-3", - "fontFamilyName": "FabricMDL2Icons-3", - "excludeGlyphs": false, - "chunkSubsets": true, - "hashFontFileName": true, - "subsetChunkSettings": { - "maxSubsetSize": 100 - }, - "glyphs": [ - { - "name": "ErrorBadge", - "unicode": "EA39" - }, - { - "name": "CircleFill", - "unicode": "EA3B" - }, - { - "name": "Record2", - "unicode": "EA3F" - }, - { - "name": "BookmarksMirrored", - "unicode": "EA41" - }, - { - "name": "BulletedListMirrored", - "unicode": "EA42" - }, - { - "name": "CaretHollowMirrored", - "unicode": "EA45" - }, - { - "name": "CaretSolidMirrored", - "unicode": "EA46" - }, - { - "name": "ChromeBackMirrored", - "unicode": "EA47" - }, - { - "name": "ClosePaneMirrored", - "unicode": "EA49" - }, - { - "name": "DockLeftMirrored", - "unicode": "EA4C" - }, - { - "name": "DoubleChevronLeftMedMirrored", - "unicode": "EA4D" - }, - { - "name": "HelpMirrored", - "unicode": "EA51" - }, - { - "name": "ImportMirrored", - "unicode": "EA52" - }, - { - "name": "ListMirrored", - "unicode": "EA55" - }, - { - "name": "MailForwardMirrored", - "unicode": "EA56" - }, - { - "name": "MailReplyMirrored", - "unicode": "EA57" - }, - { - "name": "MailReplyAllMirrored", - "unicode": "EA58" - }, - { - "name": "OpenPaneMirrored", - "unicode": "EA5B" - }, - { - "name": "ParkingLocationMirrored", - "unicode": "EA5E" - }, - { - "name": "SendMirrored", - "unicode": "EA63" - }, - { - "name": "ShowResultsMirrored", - "unicode": "EA65" - }, - { - "name": "ThumbnailViewMirrored", - "unicode": "EA67" - }, - { - "name": "Devices3", - "unicode": "EA6C" - }, - { - "name": "Lightbulb", - "unicode": "EA80" - }, - { - "name": "StatusTriangle", - "unicode": "EA82" - }, - { - "name": "VolumeDisabled", - "unicode": "EA85" - }, - { - "name": "Puzzle", - "unicode": "EA86" - }, - { - "name": "EmojiNeutral", - "unicode": "EA87" - }, - { - "name": "EmojiDisappointed", - "unicode": "EA88" - }, - { - "name": "HomeSolid", - "unicode": "EA8A" - }, - { - "name": "Cocktails", - "unicode": "EA9D" - }, - { - "name": "Wines", - "unicode": "EABF" - }, - { - "name": "Articles", - "unicode": "EAC1" - }, - { - "name": "Cycling", - "unicode": "EAC7" - }, - { - "name": "DietPlanNotebook", - "unicode": "EAC8" - }, - { - "name": "Pill", - "unicode": "EACB" - }, - { - "name": "ExerciseTracker", - "unicode": "EACC" - }, - { - "name": "Medical", - "unicode": "EAD4" - }, - { - "name": "Running", - "unicode": "EADA" - }, - { - "name": "Weights", - "unicode": "EADB" - }, - { - "name": "BarChart4", - "unicode": "EAE7" - }, - { - "name": "CirclePlus", - "unicode": "EAEE" - }, - { - "name": "Coffee", - "unicode": "EAEF" - }, - { - "name": "Cotton", - "unicode": "EAF3" - }, - { - "name": "Market", - "unicode": "EAFC" - }, - { - "name": "Money", - "unicode": "EAFD" - }, - { - "name": "PieDouble", - "unicode": "EB04" - }, - { - "name": "PieSingle", - "unicode": "EB05" - }, - { - "name": "RemoveFilter", - "unicode": "EB08" - }, - { - "name": "Savings", - "unicode": "EB0B" - }, - { - "name": "StockDown", - "unicode": "EB0F" - }, - { - "name": "StockUp", - "unicode": "EB11" - }, - { - "name": "MSNVideos", - "unicode": "EB1C" - }, - { - "name": "Cricket", - "unicode": "EB1E" - }, - { - "name": "Golf", - "unicode": "EB1F" - }, - { - "name": "Baseball", - "unicode": "EB20" - }, - { - "name": "Soccer", - "unicode": "EB21" - }, - { - "name": "MoreSports", - "unicode": "EB22" - }, - { - "name": "AutoRacing", - "unicode": "EB24" - }, - { - "name": "CollegeHoops", - "unicode": "EB25" - }, - { - "name": "CollegeFootball", - "unicode": "EB26" - }, - { - "name": "ProFootball", - "unicode": "EB27" - }, - { - "name": "ProHockey", - "unicode": "EB28" - }, - { - "name": "Rugby", - "unicode": "EB2D" - }, - { - "name": "Tennis", - "unicode": "EB33" - }, - { - "name": "Arrivals", - "unicode": "EB34" - }, - { - "name": "Design", - "unicode": "EB3C" - }, - { - "name": "Website", - "unicode": "EB41" - }, - { - "name": "Drop", - "unicode": "EB42" - }, - { - "name": "SkiResorts", - "unicode": "EB45" - }, - { - "name": "Snowflake", - "unicode": "EB46" - }, - { - "name": "BusSolid", - "unicode": "EB47" - }, - { - "name": "FerrySolid", - "unicode": "EB48" - }, - { - "name": "AirplaneSolid", - "unicode": "EB4C" - }, - { - "name": "TrainSolid", - "unicode": "EB4D" - }, - { - "name": "Ticket", - "unicode": "EB54" - }, - { - "name": "Devices4", - "unicode": "EB66" - }, - { - "name": "AzureLogo", - "unicode": "EB6A" - }, - { - "name": "BingLogo", - "unicode": "EB6B" - }, - { - "name": "MSNLogo", - "unicode": "EB6C" - }, - { - "name": "OutlookLogoInverse", - "unicode": "EB6D" - }, - { - "name": "OfficeLogo", - "unicode": "EB6E" - }, - { - "name": "SkypeLogo", - "unicode": "EB6F" - }, - { - "name": "Door", - "unicode": "EB75" - }, - { - "name": "EditMirrored", - "unicode": "EB7E" - }, - { - "name": "GiftCard", - "unicode": "EB8E" - }, - { - "name": "DoubleBookmark", - "unicode": "EB8F" - }, - { - "name": "StatusErrorFull", - "unicode": "EB90" - }, - { - "name": "Certificate", - "unicode": "EB95" - }, - { - "name": "FastForward", - "unicode": "EB9D" - }, - { - "name": "Rewind", - "unicode": "EB9E" - }, - { - "name": "Photo2", - "unicode": "EB9F" - }, - { - "name": "OpenSource", - "unicode": "EBC2" - }, - { - "name": "CloudDownload", - "unicode": "EBD3" - }, - { - "name": "WindDirection", - "unicode": "EBE6" - }, - { - "name": "Family", - "unicode": "EBDA" - }, - { - "name": "CSS", - "unicode": "EBEF" - }, - { - "name": "JS", - "unicode": "EBF0" - }, - { - "name": "DeliveryTruck", - "unicode": "EBF4" - }, - { - "name": "ReminderPerson", - "unicode": "EBF7" - } - ] + "fontName": "fabric-icons-3", + "fontFamilyName": "FabricMDL2Icons-3", + "excludeGlyphs": false, + "chunkSubsets": true, + "hashFontFileName": true, + "subsetChunkSettings": { + "maxSubsetSize": 100 + }, + "glyphs": [ + { + "name": "TriangleSolid", + "unicode": "EA08" + }, + { + "name": "VideoSolid", + "unicode": "EA0C" + }, + { + "name": "RainShowersNight", + "unicode": "EA0F" + }, + { + "name": "SnowShowerNight", + "unicode": "EA11" + }, + { + "name": "Teamwork", + "unicode": "EA12" + }, + { + "name": "HailNight", + "unicode": "EA13" + }, + { + "name": "PeopleAdd", + "unicode": "EA15" + }, + { + "name": "Glasses", + "unicode": "EA16" + }, + { + "name": "DateTime2", + "unicode": "EA17" + }, + { + "name": "Shield", + "unicode": "EA18" + }, + { + "name": "Header1", + "unicode": "EA19" + }, + { + "name": "PageAdd", + "unicode": "EA1A" + }, + { + "name": "NumberedList", + "unicode": "EA1C" + }, + { + "name": "PowerBILogo", + "unicode": "EA1E" + }, + { + "name": "Info2", + "unicode": "EA1F" + }, + { + "name": "MusicInCollectionFill", + "unicode": "EA36" + }, + { + "name": "Asterisk", + "unicode": "EA38" + }, + { + "name": "ErrorBadge", + "unicode": "EA39" + }, + { + "name": "CircleFill", + "unicode": "EA3B" + }, + { + "name": "Record2", + "unicode": "EA3F" + }, + { + "name": "BookmarksMirrored", + "unicode": "EA41" + }, + { + "name": "BulletedListMirrored", + "unicode": "EA42" + }, + { + "name": "CaretHollowMirrored", + "unicode": "EA45" + }, + { + "name": "CaretSolidMirrored", + "unicode": "EA46" + }, + { + "name": "ChromeBackMirrored", + "unicode": "EA47" + }, + { + "name": "ClosePaneMirrored", + "unicode": "EA49" + }, + { + "name": "DockLeftMirrored", + "unicode": "EA4C" + }, + { + "name": "DoubleChevronLeftMedMirrored", + "unicode": "EA4D" + }, + { + "name": "HelpMirrored", + "unicode": "EA51" + }, + { + "name": "ImportMirrored", + "unicode": "EA52" + }, + { + "name": "ListMirrored", + "unicode": "EA55" + }, + { + "name": "MailForwardMirrored", + "unicode": "EA56" + }, + { + "name": "MailReplyMirrored", + "unicode": "EA57" + }, + { + "name": "MailReplyAllMirrored", + "unicode": "EA58" + }, + { + "name": "OpenPaneMirrored", + "unicode": "EA5B" + }, + { + "name": "ParkingLocationMirrored", + "unicode": "EA5E" + }, + { + "name": "SendMirrored", + "unicode": "EA63" + }, + { + "name": "ShowResultsMirrored", + "unicode": "EA65" + }, + { + "name": "ThumbnailViewMirrored", + "unicode": "EA67" + }, + { + "name": "Devices3", + "unicode": "EA6C" + }, + { + "name": "Lightbulb", + "unicode": "EA80" + }, + { + "name": "StatusTriangle", + "unicode": "EA82" + }, + { + "name": "VolumeDisabled", + "unicode": "EA85" + }, + { + "name": "Puzzle", + "unicode": "EA86" + }, + { + "name": "EmojiNeutral", + "unicode": "EA87" + }, + { + "name": "EmojiDisappointed", + "unicode": "EA88" + }, + { + "name": "HomeSolid", + "unicode": "EA8A" + }, + { + "name": "Ringer", + "unicode": "EA8F" + }, + { + "name": "PDF", + "unicode": "EA90" + }, + { + "name": "HeartBroken", + "unicode": "EA92" + }, + { + "name": "StoreLogo16", + "unicode": "EA96" + }, + { + "name": "MultiSelectMirrored", + "unicode": "EA98" + }, + { + "name": "Broom", + "unicode": "EA99" + }, + { + "name": "Cocktails", + "unicode": "EA9D" + }, + { + "name": "Wines", + "unicode": "EABF" + }, + { + "name": "Articles", + "unicode": "EAC1" + }, + { + "name": "Cycling", + "unicode": "EAC7" + }, + { + "name": "DietPlanNotebook", + "unicode": "EAC8" + }, + { + "name": "Pill", + "unicode": "EACB" + }, + { + "name": "ExerciseTracker", + "unicode": "EACC" + }, + { + "name": "HandsFree", + "unicode": "EAD0" + }, + { + "name": "Medical", + "unicode": "EAD4" + }, + { + "name": "Running", + "unicode": "EADA" + }, + { + "name": "Weights", + "unicode": "EADB" + }, + { + "name": "AddNotes", + "unicode": "EAE3" + }, + { + "name": "BarChart4", + "unicode": "EAE7" + }, + { + "name": "CirclePlus", + "unicode": "EAEE" + }, + { + "name": "Coffee", + "unicode": "EAEF" + }, + { + "name": "Cotton", + "unicode": "EAF3" + }, + { + "name": "Market", + "unicode": "EAFC" + }, + { + "name": "Money", + "unicode": "EAFD" + }, + { + "name": "PieDouble", + "unicode": "EB04" + }, + { + "name": "PieSingle", + "unicode": "EB05" + }, + { + "name": "RemoveFilter", + "unicode": "EB08" + }, + { + "name": "Savings", + "unicode": "EB0B" + }, + { + "name": "Sell", + "unicode": "EB0C" + }, + { + "name": "StockDown", + "unicode": "EB0F" + }, + { + "name": "StockUp", + "unicode": "EB11" + }, + { + "name": "Lamp", + "unicode": "EB19" + }, + { + "name": "MSNVideos", + "unicode": "EB1C" + }, + { + "name": "Cricket", + "unicode": "EB1E" + }, + { + "name": "Golf", + "unicode": "EB1F" + }, + { + "name": "Baseball", + "unicode": "EB20" + }, + { + "name": "Soccer", + "unicode": "EB21" + }, + { + "name": "MoreSports", + "unicode": "EB22" + }, + { + "name": "AutoRacing", + "unicode": "EB24" + }, + { + "name": "CollegeHoops", + "unicode": "EB25" + }, + { + "name": "CollegeFootball", + "unicode": "EB26" + }, + { + "name": "ProFootball", + "unicode": "EB27" + }, + { + "name": "ProHockey", + "unicode": "EB28" + }, + { + "name": "Rugby", + "unicode": "EB2D" + }, + { + "name": "SubstitutionsIn", + "unicode": "EB31" + }, + { + "name": "Tennis", + "unicode": "EB33" + }, + { + "name": "Arrivals", + "unicode": "EB34" + }, + { + "name": "Design", + "unicode": "EB3C" + }, + { + "name": "Website", + "unicode": "EB41" + }, + { + "name": "Drop", + "unicode": "EB42" + }, + { + "name": "SkiResorts", + "unicode": "EB45" + }, + { + "name": "Snowflake", + "unicode": "EB46" + }, + { + "name": "BusSolid", + "unicode": "EB47" + } + ] } \ No newline at end of file diff --git a/packages/icons/config/fabric-icons-4.json b/packages/icons/config/fabric-icons-4.json index fa558c24e62ce..91b09abaf0e77 100644 --- a/packages/icons/config/fabric-icons-4.json +++ b/packages/icons/config/fabric-icons-4.json @@ -1,396 +1,412 @@ { - "fontName": "fabric-icons-4", - "fontFamilyName": "FabricMDL2Icons-4", - "excludeGlyphs": false, - "chunkSubsets": false, - "hashFontFileName": true, - "subsetChunkSettings": { - "maxSubsetSize": 100 - }, - "glyphs": [ - { - "name": "ReminderGroup", - "unicode": "EBF8" - }, - { - "name": "Umbrella", - "unicode": "EC04" - }, - { - "name": "NetworkTower", - "unicode": "EC05" - }, - { - "name": "CityNext", - "unicode": "EC06" - }, - { - "name": "Section", - "unicode": "EC0C" - }, - { - "name": "OneNoteLogoInverse", - "unicode": "EC0D" - }, - { - "name": "ToggleFilled", - "unicode": "EC11" - }, - { - "name": "ToggleBorder", - "unicode": "EC12" - }, - { - "name": "SliderThumb", - "unicode": "EC13" - }, - { - "name": "ToggleThumb", - "unicode": "EC14" - }, - { - "name": "Documentation", - "unicode": "EC17" - }, - { - "name": "Badge", - "unicode": "EC1B" - }, - { - "name": "Giftbox", - "unicode": "EC1F" - }, - { - "name": "VisualStudioLogo", - "unicode": "EC22" - }, - { - "name": "ExcelLogoInverse", - "unicode": "EC28" - }, - { - "name": "WordLogoInverse", - "unicode": "EC29" - }, - { - "name": "PowerPointLogoInverse", - "unicode": "EC2A" - }, - { - "name": "Cafe", - "unicode": "EC32" - }, - { - "name": "SpeedHigh", - "unicode": "EC4A" - }, - { - "name": "ThisPC", - "unicode": "EC4E" - }, - { - "name": "MusicNote", - "unicode": "EC4F" - }, - { - "name": "MicOff", - "unicode": "EC54" - }, - { - "name": "EdgeLogo", - "unicode": "EC60" - }, - { - "name": "CompletedSolid", - "unicode": "EC61" - }, - { - "name": "AlbumRemove", - "unicode": "EC62" - }, - { - "name": "MessageFill", - "unicode": "EC70" - }, - { - "name": "TabletSelected", - "unicode": "EC74" - }, - { - "name": "MobileSelected", - "unicode": "EC75" - }, - { - "name": "LaptopSelected", - "unicode": "EC76" - }, - { - "name": "TVMonitorSelected", - "unicode": "EC77" - }, - { - "name": "DeveloperTools", - "unicode": "EC7A" - }, - { - "name": "InsertTextBox", - "unicode": "EC7D" - }, - { - "name": "LowerBrightness", - "unicode": "EC8A" - }, - { - "name": "CloudUpload", - "unicode": "EC8E" - }, - { - "name": "ScrollUpDown", - "unicode": "EC8F" - }, - { - "name": "DateTime", - "unicode": "EC92" - }, - { - "name": "Event", - "unicode": "ECA3" - }, - { - "name": "Cake", - "unicode": "ECA4" - }, - { - "name": "Org", - "unicode": "ECA6" - }, - { - "name": "PartyLeader", - "unicode": "ECA7" - }, - { - "name": "DRM", - "unicode": "ECA8" - }, - { - "name": "CloudAdd", - "unicode": "ECA9" - }, - { - "name": "AppIconDefault", - "unicode": "ECAA" - }, - { - "name": "Photo2Add", - "unicode": "ECAB" - }, - { - "name": "Photo2Remove", - "unicode": "ECAC" - }, - { - "name": "POI", - "unicode": "ECAF" - }, - { - "name": "AddTo", - "unicode": "ECC8" - }, - { - "name": "RadioBtnOff", - "unicode": "ECCA" - }, - { - "name": "RadioBtnOn", - "unicode": "ECCB" - }, - { - "name": "ExploreContent", - "unicode": "ECCD" - }, - { - "name": "VideoSolid", - "unicode": "EA0C" - }, - { - "name": "Teamwork", - "unicode": "EA12" - }, - { - "name": "PeopleAdd", - "unicode": "EA15" - }, - { - "name": "Glasses", - "unicode": "EA16" - }, - { - "name": "DateTime2", - "unicode": "EA17" - }, - { - "name": "Shield", - "unicode": "EA18" - }, - { - "name": "Header1", - "unicode": "EA19" - }, - { - "name": "PageAdd", - "unicode": "EA1A" - }, - { - "name": "NumberedList", - "unicode": "EA1C" - }, - { - "name": "PowerBILogo", - "unicode": "EA1E" - }, - { - "name": "Product", - "unicode": "ECDC" - }, - { - "name": "ProgressLoopInner", - "unicode": "ECDE" - }, - { - "name": "ProgressLoopOuter", - "unicode": "ECDF" - }, - { - "name": "Blocked2", - "unicode": "ECE4" - }, - { - "name": "FangBody", - "unicode": "ECEB" - }, - { - "name": "Glimmer", - "unicode": "ECF4" - }, - { - "name": "ChatInviteFriend", - "unicode": "ECFE" - }, - { - "name": "Crown", - "unicode": "ED01" - }, - { - "name": "Feedback", - "unicode": "ED15" - }, - { - "name": "SharepointLogoInverse", - "unicode": "ED18" - }, - { - "name": "YammerLogo", - "unicode": "ED19" - }, - { - "name": "Hide", - "unicode": "ED1A" - }, - { - "name": "Uneditable", - "unicode": "ED1D" - }, - { - "name": "ReturnToSession", - "unicode": "ED24" - }, - { - "name": "OpenFolderHorizontal", - "unicode": "ED25" - }, - { - "name": "CalendarMirrored", - "unicode": "ED28" - }, - { - "name": "SwayLogoInverse", - "unicode": "ED29" - }, - { - "name": "OutOfOffice", - "unicode": "ED34" - }, - { - "name": "Trophy", - "unicode": "ED3F" - }, - { - "name": "ReopenPages", - "unicode": "ED50" - }, - { - "name": "AADLogo", - "unicode": "ED68" - }, - { - "name": "AccessLogo", - "unicode": "ED69" - }, - { - "name": "AdminALogoInverse32", - "unicode": "ED6A" - }, - { - "name": "AdminCLogoInverse32", - "unicode": "ED6B" - }, - { - "name": "AdminDLogoInverse32", - "unicode": "ED6C" - }, - { - "name": "AdminELogoInverse32", - "unicode": "ED6D" - }, - { - "name": "AdminLLogoInverse32", - "unicode": "ED6E" - }, - { - "name": "AdminMLogoInverse32", - "unicode": "ED6F" - }, - { - "name": "AdminOLogoInverse32", - "unicode": "ED70" - }, - { - "name": "AdminPLogoInverse32", - "unicode": "ED71" - }, - { - "name": "AdminSLogoInverse32", - "unicode": "ED72" - }, - { - "name": "AdminYLogoInverse32", - "unicode": "ED73" - }, - { - "name": "DelveLogoInverse", - "unicode": "ED76" - }, - { - "name": "ExchangeLogoInverse", - "unicode": "ED78" - }, - { - "name": "LyncLogo", - "unicode": "ED79" - }, - { - "name": "OfficeVideoLogoInverse", - "unicode": "ED7A" - } - ] + "fontName": "fabric-icons-4", + "fontFamilyName": "FabricMDL2Icons-4", + "excludeGlyphs": false, + "chunkSubsets": true, + "hashFontFileName": true, + "subsetChunkSettings": { + "maxSubsetSize": 100 + }, + "glyphs": [ + { + "name": "FerrySolid", + "unicode": "EB48" + }, + { + "name": "AirplaneSolid", + "unicode": "EB4C" + }, + { + "name": "TrainSolid", + "unicode": "EB4D" + }, + { + "name": "Ticket", + "unicode": "EB54" + }, + { + "name": "Devices4", + "unicode": "EB66" + }, + { + "name": "AzureLogo", + "unicode": "EB6A" + }, + { + "name": "BingLogo", + "unicode": "EB6B" + }, + { + "name": "MSNLogo", + "unicode": "EB6C" + }, + { + "name": "OutlookLogoInverse", + "unicode": "EB6D" + }, + { + "name": "OfficeLogo", + "unicode": "EB6E" + }, + { + "name": "SkypeLogo", + "unicode": "EB6F" + }, + { + "name": "Door", + "unicode": "EB75" + }, + { + "name": "EditMirrored", + "unicode": "EB7E" + }, + { + "name": "GiftCard", + "unicode": "EB8E" + }, + { + "name": "DoubleBookmark", + "unicode": "EB8F" + }, + { + "name": "StatusErrorFull", + "unicode": "EB90" + }, + { + "name": "Certificate", + "unicode": "EB95" + }, + { + "name": "FastForward", + "unicode": "EB9D" + }, + { + "name": "Rewind", + "unicode": "EB9E" + }, + { + "name": "Photo2", + "unicode": "EB9F" + }, + { + "name": "OpenSource", + "unicode": "EBC2" + }, + { + "name": "Movers", + "unicode": "EBCD" + }, + { + "name": "CloudDownload", + "unicode": "EBD3" + }, + { + "name": "Family", + "unicode": "EBDA" + }, + { + "name": "WindDirection", + "unicode": "EBE6" + }, + { + "name": "Bug", + "unicode": "EBE8" + }, + { + "name": "SiteScan", + "unicode": "EBEC" + }, + { + "name": "BrowserScreenShot", + "unicode": "EBED" + }, + { + "name": "F12DevTools", + "unicode": "EBEE" + }, + { + "name": "CSS", + "unicode": "EBEF" + }, + { + "name": "JS", + "unicode": "EBF0" + }, + { + "name": "DeliveryTruck", + "unicode": "EBF4" + }, + { + "name": "ReminderPerson", + "unicode": "EBF7" + }, + { + "name": "ReminderGroup", + "unicode": "EBF8" + }, + { + "name": "TabletMode", + "unicode": "EBFC" + }, + { + "name": "Umbrella", + "unicode": "EC04" + }, + { + "name": "NetworkTower", + "unicode": "EC05" + }, + { + "name": "CityNext", + "unicode": "EC06" + }, + { + "name": "Section", + "unicode": "EC0C" + }, + { + "name": "OneNoteLogoInverse", + "unicode": "EC0D" + }, + { + "name": "ToggleFilled", + "unicode": "EC11" + }, + { + "name": "ToggleBorder", + "unicode": "EC12" + }, + { + "name": "SliderThumb", + "unicode": "EC13" + }, + { + "name": "ToggleThumb", + "unicode": "EC14" + }, + { + "name": "Documentation", + "unicode": "EC17" + }, + { + "name": "Badge", + "unicode": "EC1B" + }, + { + "name": "Giftbox", + "unicode": "EC1F" + }, + { + "name": "VisualStudioLogo", + "unicode": "EC22" + }, + { + "name": "ExcelLogoInverse", + "unicode": "EC28" + }, + { + "name": "WordLogoInverse", + "unicode": "EC29" + }, + { + "name": "PowerPointLogoInverse", + "unicode": "EC2A" + }, + { + "name": "Cafe", + "unicode": "EC32" + }, + { + "name": "SpeedHigh", + "unicode": "EC4A" + }, + { + "name": "Commitments", + "unicode": "EC4D" + }, + { + "name": "ThisPC", + "unicode": "EC4E" + }, + { + "name": "MusicNote", + "unicode": "EC4F" + }, + { + "name": "MicOff", + "unicode": "EC54" + }, + { + "name": "EdgeLogo", + "unicode": "EC60" + }, + { + "name": "CompletedSolid", + "unicode": "EC61" + }, + { + "name": "AlbumRemove", + "unicode": "EC62" + }, + { + "name": "MessageFill", + "unicode": "EC70" + }, + { + "name": "TabletSelected", + "unicode": "EC74" + }, + { + "name": "MobileSelected", + "unicode": "EC75" + }, + { + "name": "LaptopSelected", + "unicode": "EC76" + }, + { + "name": "TVMonitorSelected", + "unicode": "EC77" + }, + { + "name": "DeveloperTools", + "unicode": "EC7A" + }, + { + "name": "InsertTextBox", + "unicode": "EC7D" + }, + { + "name": "LowerBrightness", + "unicode": "EC8A" + }, + { + "name": "DOM", + "unicode": "EC8D" + }, + { + "name": "CloudUpload", + "unicode": "EC8E" + }, + { + "name": "ScrollUpDown", + "unicode": "EC8F" + }, + { + "name": "DateTime", + "unicode": "EC92" + }, + { + "name": "Event", + "unicode": "ECA3" + }, + { + "name": "Cake", + "unicode": "ECA4" + }, + { + "name": "Org", + "unicode": "ECA6" + }, + { + "name": "PartyLeader", + "unicode": "ECA7" + }, + { + "name": "DRM", + "unicode": "ECA8" + }, + { + "name": "CloudAdd", + "unicode": "ECA9" + }, + { + "name": "AppIconDefault", + "unicode": "ECAA" + }, + { + "name": "Photo2Add", + "unicode": "ECAB" + }, + { + "name": "Photo2Remove", + "unicode": "ECAC" + }, + { + "name": "POI", + "unicode": "ECAF" + }, + { + "name": "FacebookLogo", + "unicode": "ECB3" + }, + { + "name": "AddTo", + "unicode": "ECC8" + }, + { + "name": "RadioBtnOff", + "unicode": "ECCA" + }, + { + "name": "RadioBtnOn", + "unicode": "ECCB" + }, + { + "name": "ExploreContent", + "unicode": "ECCD" + }, + { + "name": "Product", + "unicode": "ECDC" + }, + { + "name": "ProgressLoopInner", + "unicode": "ECDE" + }, + { + "name": "ProgressLoopOuter", + "unicode": "ECDF" + }, + { + "name": "Blocked2", + "unicode": "ECE4" + }, + { + "name": "FangBody", + "unicode": "ECEB" + }, + { + "name": "Glimmer", + "unicode": "ECF4" + }, + { + "name": "ChatInviteFriend", + "unicode": "ECFE" + }, + { + "name": "Crown", + "unicode": "ED01" + }, + { + "name": "ScaleUp", + "unicode": "ED09" + }, + { + "name": "Feedback", + "unicode": "ED15" + }, + { + "name": "SharepointLogoInverse", + "unicode": "ED18" + }, + { + "name": "YammerLogo", + "unicode": "ED19" + }, + { + "name": "Hide", + "unicode": "ED1A" + } + ] } \ No newline at end of file diff --git a/packages/icons/config/fabric-icons-5.json b/packages/icons/config/fabric-icons-5.json index 6cd86e2b81acb..326804413f435 100644 --- a/packages/icons/config/fabric-icons-5.json +++ b/packages/icons/config/fabric-icons-5.json @@ -1,408 +1,412 @@ { - "fontName": "fabric-icons-5", - "fontFamilyName": "FabricMDL2Icons-5", - "excludeGlyphs": false, - "chunkSubsets": false, - "hashFontFileName": true, - "subsetChunkSettings": { - "maxSubsetSize": 100 - }, - "glyphs": [ - { - "name": "SocialListeningLogo", - "unicode": "ED7C" - }, - { - "name": "VisioLogoInverse", - "unicode": "ED7D" - }, - { - "name": "Balloons", - "unicode": "ED7E" - }, - { - "name": "Cat", - "unicode": "ED7F" - }, - { - "name": "MailAlert", - "unicode": "ED80" - }, - { - "name": "MailCheck", - "unicode": "ED81" - }, - { - "name": "MailLowImportance", - "unicode": "ED82" - }, - { - "name": "MailPause", - "unicode": "ED83" - }, - { - "name": "MailRepeat", - "unicode": "ED84" - }, - { - "name": "SecurityGroup", - "unicode": "ED85" - }, - { - "name": "Table", - "unicode": "ED86" - }, - { - "name": "VoicemailForward", - "unicode": "ED87" - }, - { - "name": "VoicemailReply", - "unicode": "ED88" - }, - { - "name": "Waffle", - "unicode": "ED89" - }, - { - "name": "RemoveEvent", - "unicode": "ED8A" - }, - { - "name": "EventInfo", - "unicode": "ED8B" - }, - { - "name": "ForwardEvent", - "unicode": "ED8C" - }, - { - "name": "WipePhone", - "unicode": "ED8D" - }, - { - "name": "AddOnlineMeeting", - "unicode": "ED8E" - }, - { - "name": "JoinOnlineMeeting", - "unicode": "ED8F" - }, - { - "name": "RemoveLink", - "unicode": "ED90" - }, - { - "name": "PeopleBlock", - "unicode": "ED91" - }, - { - "name": "PeopleRepeat", - "unicode": "ED92" - }, - { - "name": "PeopleAlert", - "unicode": "ED93" - }, - { - "name": "PeoplePause", - "unicode": "ED94" - }, - { - "name": "TransferCall", - "unicode": "ED95" - }, - { - "name": "AddPhone", - "unicode": "ED96" - }, - { - "name": "UnknownCall", - "unicode": "ED97" - }, - { - "name": "NoteReply", - "unicode": "ED98" - }, - { - "name": "NoteForward", - "unicode": "ED99" - }, - { - "name": "NotePinned", - "unicode": "ED9A" - }, - { - "name": "RemoveOccurrence", - "unicode": "ED9B" - }, - { - "name": "Timeline", - "unicode": "ED9C" - }, - { - "name": "EditNote", - "unicode": "ED9D" - }, - { - "name": "CircleHalfFull", - "unicode": "ED9E" - }, - { - "name": "Room", - "unicode": "ED9F" - }, - { - "name": "Unsubscribe", - "unicode": "EDA0" - }, - { - "name": "Subscribe", - "unicode": "EDA1" - }, - { - "name": "RecurringTask", - "unicode": "EDB2" - }, - { - "name": "TaskManager", - "unicode": "EDB7" - }, - { - "name": "TaskManagerMirrored", - "unicode": "EDB8" - }, - { - "name": "Combine", - "unicode": "EDBB" - }, - { - "name": "Split", - "unicode": "EDBC" - }, - { - "name": "DoubleChevronUp", - "unicode": "EDBD" - }, - { - "name": "DoubleChevronLeft", - "unicode": "EDBE" - }, - { - "name": "DoubleChevronRight", - "unicode": "EDBF" - }, - { - "name": "TextBox", - "unicode": "EDC2" - }, - { - "name": "TextField", - "unicode": "EDC3" - }, - { - "name": "NumberField", - "unicode": "EDC4" - }, - { - "name": "Dropdown", - "unicode": "EDC5" - }, - { - "name": "BookingsLogo", - "unicode": "EDC7" - }, - { - "name": "ClassNotebookLogoInverse", - "unicode": "EDC8" - }, - { - "name": "DelveAnalyticsLogo", - "unicode": "EDCA" - }, - { - "name": "DocsLogoInverse", - "unicode": "EDCB" - }, - { - "name": "Dynamics365Logo", - "unicode": "EDCC" - }, - { - "name": "DynamicSMBLogo", - "unicode": "EDCD" - }, - { - "name": "OfficeAssistantLogo", - "unicode": "EDCE" - }, - { - "name": "OfficeStoreLogo", - "unicode": "EDCF" - }, - { - "name": "OneNoteEduLogoInverse", - "unicode": "EDD0" - }, - { - "name": "PlannerLogo", - "unicode": "EDD1" - }, - { - "name": "PowerApps", - "unicode": "EDD2" - }, - { - "name": "Suitcase", - "unicode": "EDD3" - }, - { - "name": "ProjectLogoInverse", - "unicode": "EDD4" - }, - { - "name": "CaretLeft8", - "unicode": "EDD5" - }, - { - "name": "CaretRight8", - "unicode": "EDD6" - }, - { - "name": "CaretUp8", - "unicode": "EDD7" - }, - { - "name": "CaretDown8", - "unicode": "EDD8" - }, - { - "name": "CaretLeftSolid8", - "unicode": "EDD9" - }, - { - "name": "CaretRightSolid8", - "unicode": "EDDA" - }, - { - "name": "CaretUpSolid8", - "unicode": "EDDB" - }, - { - "name": "CaretDownSolid8", - "unicode": "EDDC" - }, - { - "name": "ClearFormatting", - "unicode": "EDDD" - }, - { - "name": "Superscript", - "unicode": "EDDE" - }, - { - "name": "Subscript", - "unicode": "EDDF" - }, - { - "name": "Strikethrough", - "unicode": "EDE0" - }, - { - "name": "Export", - "unicode": "EDE1" - }, - { - "name": "ExportMirrored", - "unicode": "EDE2" - }, - { - "name": "SingleBookmark", - "unicode": "EDFF" - }, - { - "name": "DoubleChevronDown", - "unicode": "EE04" - }, - { - "name": "ReplyAll", - "unicode": "EE0A" - }, - { - "name": "Questionnaire", - "unicode": "EE19" - }, - { - "name": "ReplyMirrored", - "unicode": "EE35" - }, - { - "name": "ReplyAllMirrored", - "unicode": "EE36" - }, - { - "name": "AddGroup", - "unicode": "EE3D" - }, - { - "name": "QuestionnaireMirrored", - "unicode": "EE4B" - }, - { - "name": "TemporaryUser", - "unicode": "EE58" - }, - { - "name": "CaretSolid16", - "unicode": "EE62" - }, - { - "name": "GroupedDescending", - "unicode": "EE66" - }, - { - "name": "GroupedAscending", - "unicode": "EE67" - }, - { - "name": "AwayStatus", - "unicode": "EE6A" - }, - { - "name": "MyMoviesTV", - "unicode": "EE6C" - }, - { - "name": "AustralianRules", - "unicode": "EE70" - }, - { - "name": "WifiEthernet", - "unicode": "EE77" - }, - { - "name": "DateTimeMirrored", - "unicode": "EE93" - }, - { - "name": "StopSolid", - "unicode": "EE95" - }, - { - "name": "DoubleChevronUp12", - "unicode": "EE96" - }, - { - "name": "DoubleChevronDown12", - "unicode": "EE97" - }, - { - "name": "DoubleChevronLeft12", - "unicode": "EE98" - }, - { - "name": "DoubleChevronRight12", - "unicode": "EE99" - } - ] + "fontName": "fabric-icons-5", + "fontFamilyName": "FabricMDL2Icons-5", + "excludeGlyphs": false, + "chunkSubsets": true, + "hashFontFileName": true, + "subsetChunkSettings": { + "maxSubsetSize": 100 + }, + "glyphs": [ + { + "name": "Uneditable", + "unicode": "ED1D" + }, + { + "name": "ReturnToSession", + "unicode": "ED24" + }, + { + "name": "OpenFolderHorizontal", + "unicode": "ED25" + }, + { + "name": "CalendarMirrored", + "unicode": "ED28" + }, + { + "name": "SwayLogoInverse", + "unicode": "ED29" + }, + { + "name": "OutOfOffice", + "unicode": "ED34" + }, + { + "name": "Trophy", + "unicode": "ED3F" + }, + { + "name": "ReopenPages", + "unicode": "ED50" + }, + { + "name": "EmojiTabSymbols", + "unicode": "ED58" + }, + { + "name": "AADLogo", + "unicode": "ED68" + }, + { + "name": "AccessLogo", + "unicode": "ED69" + }, + { + "name": "AdminALogoInverse32", + "unicode": "ED6A" + }, + { + "name": "AdminCLogoInverse32", + "unicode": "ED6B" + }, + { + "name": "AdminDLogoInverse32", + "unicode": "ED6C" + }, + { + "name": "AdminELogoInverse32", + "unicode": "ED6D" + }, + { + "name": "AdminLLogoInverse32", + "unicode": "ED6E" + }, + { + "name": "AdminMLogoInverse32", + "unicode": "ED6F" + }, + { + "name": "AdminOLogoInverse32", + "unicode": "ED70" + }, + { + "name": "AdminPLogoInverse32", + "unicode": "ED71" + }, + { + "name": "AdminSLogoInverse32", + "unicode": "ED72" + }, + { + "name": "AdminYLogoInverse32", + "unicode": "ED73" + }, + { + "name": "BoxLogo", + "unicode": "ED75" + }, + { + "name": "DelveLogoInverse", + "unicode": "ED76" + }, + { + "name": "DropboxLogo", + "unicode": "ED77" + }, + { + "name": "ExchangeLogoInverse", + "unicode": "ED78" + }, + { + "name": "LyncLogo", + "unicode": "ED79" + }, + { + "name": "OfficeVideoLogoInverse", + "unicode": "ED7A" + }, + { + "name": "ParatureLogo", + "unicode": "ED7B" + }, + { + "name": "SocialListeningLogo", + "unicode": "ED7C" + }, + { + "name": "VisioLogoInverse", + "unicode": "ED7D" + }, + { + "name": "Balloons", + "unicode": "ED7E" + }, + { + "name": "Cat", + "unicode": "ED7F" + }, + { + "name": "MailAlert", + "unicode": "ED80" + }, + { + "name": "MailCheck", + "unicode": "ED81" + }, + { + "name": "MailLowImportance", + "unicode": "ED82" + }, + { + "name": "MailPause", + "unicode": "ED83" + }, + { + "name": "MailRepeat", + "unicode": "ED84" + }, + { + "name": "SecurityGroup", + "unicode": "ED85" + }, + { + "name": "Table", + "unicode": "ED86" + }, + { + "name": "VoicemailForward", + "unicode": "ED87" + }, + { + "name": "VoicemailReply", + "unicode": "ED88" + }, + { + "name": "Waffle", + "unicode": "ED89" + }, + { + "name": "RemoveEvent", + "unicode": "ED8A" + }, + { + "name": "EventInfo", + "unicode": "ED8B" + }, + { + "name": "ForwardEvent", + "unicode": "ED8C" + }, + { + "name": "WipePhone", + "unicode": "ED8D" + }, + { + "name": "AddOnlineMeeting", + "unicode": "ED8E" + }, + { + "name": "JoinOnlineMeeting", + "unicode": "ED8F" + }, + { + "name": "RemoveLink", + "unicode": "ED90" + }, + { + "name": "PeopleBlock", + "unicode": "ED91" + }, + { + "name": "PeopleRepeat", + "unicode": "ED92" + }, + { + "name": "PeopleAlert", + "unicode": "ED93" + }, + { + "name": "PeoplePause", + "unicode": "ED94" + }, + { + "name": "TransferCall", + "unicode": "ED95" + }, + { + "name": "AddPhone", + "unicode": "ED96" + }, + { + "name": "UnknownCall", + "unicode": "ED97" + }, + { + "name": "NoteReply", + "unicode": "ED98" + }, + { + "name": "NoteForward", + "unicode": "ED99" + }, + { + "name": "NotePinned", + "unicode": "ED9A" + }, + { + "name": "RemoveOccurrence", + "unicode": "ED9B" + }, + { + "name": "Timeline", + "unicode": "ED9C" + }, + { + "name": "EditNote", + "unicode": "ED9D" + }, + { + "name": "CircleHalfFull", + "unicode": "ED9E" + }, + { + "name": "Room", + "unicode": "ED9F" + }, + { + "name": "Unsubscribe", + "unicode": "EDA0" + }, + { + "name": "Subscribe", + "unicode": "EDA1" + }, + { + "name": "HardDrive", + "unicode": "EDA2" + }, + { + "name": "RecurringTask", + "unicode": "EDB2" + }, + { + "name": "TaskManager", + "unicode": "EDB7" + }, + { + "name": "TaskManagerMirrored", + "unicode": "EDB8" + }, + { + "name": "Combine", + "unicode": "EDBB" + }, + { + "name": "Split", + "unicode": "EDBC" + }, + { + "name": "DoubleChevronUp", + "unicode": "EDBD" + }, + { + "name": "DoubleChevronLeft", + "unicode": "EDBE" + }, + { + "name": "DoubleChevronRight", + "unicode": "EDBF" + }, + { + "name": "TextBox", + "unicode": "EDC2" + }, + { + "name": "TextField", + "unicode": "EDC3" + }, + { + "name": "NumberField", + "unicode": "EDC4" + }, + { + "name": "Dropdown", + "unicode": "EDC5" + }, + { + "name": "BookingsLogo", + "unicode": "EDC7" + }, + { + "name": "ClassNotebookLogoInverse", + "unicode": "EDC8" + }, + { + "name": "DelveAnalyticsLogo", + "unicode": "EDCA" + }, + { + "name": "DocsLogoInverse", + "unicode": "EDCB" + }, + { + "name": "Dynamics365Logo", + "unicode": "EDCC" + }, + { + "name": "DynamicSMBLogo", + "unicode": "EDCD" + }, + { + "name": "OfficeAssistantLogo", + "unicode": "EDCE" + }, + { + "name": "OfficeStoreLogo", + "unicode": "EDCF" + }, + { + "name": "OneNoteEduLogoInverse", + "unicode": "EDD0" + }, + { + "name": "PlannerLogo", + "unicode": "EDD1" + }, + { + "name": "PowerApps", + "unicode": "EDD2" + }, + { + "name": "Suitcase", + "unicode": "EDD3" + }, + { + "name": "ProjectLogoInverse", + "unicode": "EDD4" + }, + { + "name": "CaretLeft8", + "unicode": "EDD5" + }, + { + "name": "CaretRight8", + "unicode": "EDD6" + }, + { + "name": "CaretUp8", + "unicode": "EDD7" + }, + { + "name": "CaretDown8", + "unicode": "EDD8" + }, + { + "name": "CaretLeftSolid8", + "unicode": "EDD9" + }, + { + "name": "CaretRightSolid8", + "unicode": "EDDA" + }, + { + "name": "CaretUpSolid8", + "unicode": "EDDB" + }, + { + "name": "CaretDownSolid8", + "unicode": "EDDC" + } + ] } \ No newline at end of file diff --git a/packages/icons/config/fabric-icons-6.json b/packages/icons/config/fabric-icons-6.json index f864b0ec89370..57c1f60d89a27 100644 --- a/packages/icons/config/fabric-icons-6.json +++ b/packages/icons/config/fabric-icons-6.json @@ -1,404 +1,412 @@ { - "fontName": "fabric-icons-6", - "fontFamilyName": "FabricMDL2Icons-6", - "excludeGlyphs": false, - "chunkSubsets": false, - "hashFontFileName": true, - "subsetChunkSettings": { - "maxSubsetSize": 100 - }, - "glyphs": [ - { - "name": "CalendarAgenda", - "unicode": "EE9A" - }, - { - "name": "AddEvent", - "unicode": "EEB5" - }, - { - "name": "AssetLibrary", - "unicode": "EEB6" - }, - { - "name": "DataConnectionLibrary", - "unicode": "EEB7" - }, - { - "name": "DocLibrary", - "unicode": "EEB8" - }, - { - "name": "FormLibrary", - "unicode": "EEB9" - }, - { - "name": "FormLibraryMirrored", - "unicode": "EEBA" - }, - { - "name": "ReportLibrary", - "unicode": "EEBB" - }, - { - "name": "ReportLibraryMirrored", - "unicode": "EEBC" - }, - { - "name": "ContactCard", - "unicode": "EEBD" - }, - { - "name": "CustomList", - "unicode": "EEBE" - }, - { - "name": "CustomListMirrored", - "unicode": "EEBF" - }, - { - "name": "IssueTracking", - "unicode": "EEC0" - }, - { - "name": "IssueTrackingMirrored", - "unicode": "EEC1" - }, - { - "name": "PictureLibrary", - "unicode": "EEC2" - }, - { - "name": "OfficeAddinsLogo", - "unicode": "EEC7" - }, - { - "name": "OfflineOneDriveParachute", - "unicode": "EEC8" - }, - { - "name": "OfflineOneDriveParachuteDisabled", - "unicode": "EEC9" - }, - { - "name": "TriangleSolidUp12", - "unicode": "EECC" - }, - { - "name": "TriangleSolidDown12", - "unicode": "EECD" - }, - { - "name": "TriangleSolidLeft12", - "unicode": "EECE" - }, - { - "name": "TriangleSolidRight12", - "unicode": "EECF" - }, - { - "name": "TriangleUp12", - "unicode": "EED0" - }, - { - "name": "TriangleDown12", - "unicode": "EED1" - }, - { - "name": "TriangleLeft12", - "unicode": "EED2" - }, - { - "name": "TriangleRight12", - "unicode": "EED3" - }, - { - "name": "ArrowUpRight8", - "unicode": "EED4" - }, - { - "name": "ArrowDownRight8", - "unicode": "EED5" - }, - { - "name": "DocumentSet", - "unicode": "EED6" - }, - { - "name": "DelveAnalytics", - "unicode": "EEEE" - }, - { - "name": "ArrowUpRightMirrored8", - "unicode": "EEEF" - }, - { - "name": "ArrowDownRightMirrored8", - "unicode": "EEF0" - }, - { - "name": "OneDriveAdd", - "unicode": "EF32" - }, - { - "name": "Header2", - "unicode": "EF36" - }, - { - "name": "Header3", - "unicode": "EF37" - }, - { - "name": "Header4", - "unicode": "EF38" - }, - { - "name": "MarketDown", - "unicode": "EF42" - }, - { - "name": "CalendarWorkWeek", - "unicode": "EF51" - }, - { - "name": "SidePanel", - "unicode": "EF52" - }, - { - "name": "GlobeFavorite", - "unicode": "EF53" - }, - { - "name": "CaretTopLeftSolid8", - "unicode": "EF54" - }, - { - "name": "CaretTopRightSolid8", - "unicode": "EF55" - }, - { - "name": "ViewAll2", - "unicode": "EF56" - }, - { - "name": "DocumentReply", - "unicode": "EF57" - }, - { - "name": "PlayerSettings", - "unicode": "EF58" - }, - { - "name": "ReceiptForward", - "unicode": "EF59" - }, - { - "name": "ReceiptReply", - "unicode": "EF5A" - }, - { - "name": "ReceiptCheck", - "unicode": "EF5B" - }, - { - "name": "Fax", - "unicode": "EF5C" - }, - { - "name": "RecurringEvent", - "unicode": "EF5D" - }, - { - "name": "ReplyAlt", - "unicode": "EF5E" - }, - { - "name": "ReplyAllAlt", - "unicode": "EF5F" - }, - { - "name": "EditStyle", - "unicode": "EF60" - }, - { - "name": "EditMail", - "unicode": "EF61" - }, - { - "name": "Lifesaver", - "unicode": "EF62" - }, - { - "name": "LifesaverLock", - "unicode": "EF63" - }, - { - "name": "InboxCheck", - "unicode": "EF64" - }, - { - "name": "FolderSearch", - "unicode": "EF65" - }, - { - "name": "CollapseMenu", - "unicode": "EF66" - }, - { - "name": "ExpandMenu", - "unicode": "EF67" - }, - { - "name": "Boards", - "unicode": "EF68" - }, - { - "name": "SunAdd", - "unicode": "EF69" - }, - { - "name": "SunQuestionMark", - "unicode": "EF6A" - }, - { - "name": "LandscapeOrientation", - "unicode": "EF6B" - }, - { - "name": "DocumentSearch", - "unicode": "EF6C" - }, - { - "name": "PublicCalendar", - "unicode": "EF6D" - }, - { - "name": "PublicContactCard", - "unicode": "EF6E" - }, - { - "name": "PublicEmail", - "unicode": "EF6F" - }, - { - "name": "PublicFolder", - "unicode": "EF70" - }, - { - "name": "WordDocument", - "unicode": "EF71" - }, - { - "name": "PowerPointDocument", - "unicode": "EF72" - }, - { - "name": "ExcelDocument", - "unicode": "EF73" - }, - { - "name": "GroupedList", - "unicode": "EF74" - }, - { - "name": "ClassroomLogo", - "unicode": "EF75" - }, - { - "name": "Sections", - "unicode": "EF76" - }, - { - "name": "EditPhoto", - "unicode": "EF77" - }, - { - "name": "Starburst", - "unicode": "EF78" - }, - { - "name": "ShareiOS", - "unicode": "EF79" - }, - { - "name": "AirTickets", - "unicode": "EF7A" - }, - { - "name": "PencilReply", - "unicode": "EF7B" - }, - { - "name": "Tiles2", - "unicode": "EF7C" - }, - { - "name": "SkypeCircleCheck", - "unicode": "EF7D" - }, - { - "name": "SkypeCircleClock", - "unicode": "EF7E" - }, - { - "name": "SkypeCircleMinus", - "unicode": "EF7F" - }, - { - "name": "SkypeMessage", - "unicode": "EF83" - }, - { - "name": "ClosedCaption", - "unicode": "EF84" - }, - { - "name": "ATPLogo", - "unicode": "EF85" - }, - { - "name": "OfficeFormsLogoInverse", - "unicode": "EF86" - }, - { - "name": "RecycleBin", - "unicode": "EF87" - }, - { - "name": "EmptyRecycleBin", - "unicode": "EF88" - }, - { - "name": "Hide2", - "unicode": "EF89" - }, - { - "name": "Breadcrumb", - "unicode": "EF8C" - }, - { - "name": "PageEdit", - "unicode": "EFB6" - }, - { - "name": "Database", - "unicode": "EFC7" - }, - { - "name": "DocumentManagement", - "unicode": "EFFC" - }, - { - "name": "CRMReport", - "unicode": "EFFE" - }, - { - "name": "ZipFolder", - "unicode": "F012" - }, - { - "name": "TextDocument", - "unicode": "F029" - } - ] + "fontName": "fabric-icons-6", + "fontFamilyName": "FabricMDL2Icons-6", + "excludeGlyphs": false, + "chunkSubsets": true, + "hashFontFileName": true, + "subsetChunkSettings": { + "maxSubsetSize": 100 + }, + "glyphs": [ + { + "name": "ClearFormatting", + "unicode": "EDDD" + }, + { + "name": "Superscript", + "unicode": "EDDE" + }, + { + "name": "Subscript", + "unicode": "EDDF" + }, + { + "name": "Strikethrough", + "unicode": "EDE0" + }, + { + "name": "Export", + "unicode": "EDE1" + }, + { + "name": "ExportMirrored", + "unicode": "EDE2" + }, + { + "name": "SingleBookmark", + "unicode": "EDFF" + }, + { + "name": "DoubleChevronDown", + "unicode": "EE04" + }, + { + "name": "FollowUser", + "unicode": "EE05" + }, + { + "name": "ReplyAll", + "unicode": "EE0A" + }, + { + "name": "GoogleDriveLogo", + "unicode": "EE0B" + }, + { + "name": "WorkforceManagement", + "unicode": "EE0F" + }, + { + "name": "Questionnaire", + "unicode": "EE19" + }, + { + "name": "ManagerSelfService", + "unicode": "EE23" + }, + { + "name": "ReplyMirrored", + "unicode": "EE35" + }, + { + "name": "ReplyAllMirrored", + "unicode": "EE36" + }, + { + "name": "Medal", + "unicode": "EE38" + }, + { + "name": "AddGroup", + "unicode": "EE3D" + }, + { + "name": "QuestionnaireMirrored", + "unicode": "EE4B" + }, + { + "name": "TemporaryUser", + "unicode": "EE58" + }, + { + "name": "CaretSolid16", + "unicode": "EE62" + }, + { + "name": "GroupedDescending", + "unicode": "EE66" + }, + { + "name": "GroupedAscending", + "unicode": "EE67" + }, + { + "name": "AwayStatus", + "unicode": "EE6A" + }, + { + "name": "MyMoviesTV", + "unicode": "EE6C" + }, + { + "name": "GenericScan", + "unicode": "EE6F" + }, + { + "name": "AustralianRules", + "unicode": "EE70" + }, + { + "name": "WifiEthernet", + "unicode": "EE77" + }, + { + "name": "DateTimeMirrored", + "unicode": "EE93" + }, + { + "name": "StopSolid", + "unicode": "EE95" + }, + { + "name": "DoubleChevronUp12", + "unicode": "EE96" + }, + { + "name": "DoubleChevronDown12", + "unicode": "EE97" + }, + { + "name": "DoubleChevronLeft12", + "unicode": "EE98" + }, + { + "name": "DoubleChevronRight12", + "unicode": "EE99" + }, + { + "name": "CalendarAgenda", + "unicode": "EE9A" + }, + { + "name": "AddEvent", + "unicode": "EEB5" + }, + { + "name": "AssetLibrary", + "unicode": "EEB6" + }, + { + "name": "DataConnectionLibrary", + "unicode": "EEB7" + }, + { + "name": "DocLibrary", + "unicode": "EEB8" + }, + { + "name": "FormLibrary", + "unicode": "EEB9" + }, + { + "name": "FormLibraryMirrored", + "unicode": "EEBA" + }, + { + "name": "ReportLibrary", + "unicode": "EEBB" + }, + { + "name": "ReportLibraryMirrored", + "unicode": "EEBC" + }, + { + "name": "ContactCard", + "unicode": "EEBD" + }, + { + "name": "CustomList", + "unicode": "EEBE" + }, + { + "name": "CustomListMirrored", + "unicode": "EEBF" + }, + { + "name": "IssueTracking", + "unicode": "EEC0" + }, + { + "name": "IssueTrackingMirrored", + "unicode": "EEC1" + }, + { + "name": "PictureLibrary", + "unicode": "EEC2" + }, + { + "name": "OfficeAddinsLogo", + "unicode": "EEC7" + }, + { + "name": "OfflineOneDriveParachute", + "unicode": "EEC8" + }, + { + "name": "OfflineOneDriveParachuteDisabled", + "unicode": "EEC9" + }, + { + "name": "TriangleSolidUp12", + "unicode": "EECC" + }, + { + "name": "TriangleSolidDown12", + "unicode": "EECD" + }, + { + "name": "TriangleSolidLeft12", + "unicode": "EECE" + }, + { + "name": "TriangleSolidRight12", + "unicode": "EECF" + }, + { + "name": "TriangleUp12", + "unicode": "EED0" + }, + { + "name": "TriangleDown12", + "unicode": "EED1" + }, + { + "name": "TriangleLeft12", + "unicode": "EED2" + }, + { + "name": "TriangleRight12", + "unicode": "EED3" + }, + { + "name": "ArrowUpRight8", + "unicode": "EED4" + }, + { + "name": "ArrowDownRight8", + "unicode": "EED5" + }, + { + "name": "DocumentSet", + "unicode": "EED6" + }, + { + "name": "DelveAnalytics", + "unicode": "EEEE" + }, + { + "name": "ArrowUpRightMirrored8", + "unicode": "EEEF" + }, + { + "name": "ArrowDownRightMirrored8", + "unicode": "EEF0" + }, + { + "name": "CompanyDirectory", + "unicode": "EF0D" + }, + { + "name": "CompanyDirectoryMirrored", + "unicode": "EF2B" + }, + { + "name": "OneDriveAdd", + "unicode": "EF32" + }, + { + "name": "ProfileSearch", + "unicode": "EF35" + }, + { + "name": "Header2", + "unicode": "EF36" + }, + { + "name": "Header3", + "unicode": "EF37" + }, + { + "name": "Header4", + "unicode": "EF38" + }, + { + "name": "MarketDown", + "unicode": "EF42" + }, + { + "name": "CalendarWorkWeek", + "unicode": "EF51" + }, + { + "name": "SidePanel", + "unicode": "EF52" + }, + { + "name": "GlobeFavorite", + "unicode": "EF53" + }, + { + "name": "CaretTopLeftSolid8", + "unicode": "EF54" + }, + { + "name": "CaretTopRightSolid8", + "unicode": "EF55" + }, + { + "name": "ViewAll2", + "unicode": "EF56" + }, + { + "name": "DocumentReply", + "unicode": "EF57" + }, + { + "name": "PlayerSettings", + "unicode": "EF58" + }, + { + "name": "ReceiptForward", + "unicode": "EF59" + }, + { + "name": "ReceiptReply", + "unicode": "EF5A" + }, + { + "name": "ReceiptCheck", + "unicode": "EF5B" + }, + { + "name": "Fax", + "unicode": "EF5C" + }, + { + "name": "RecurringEvent", + "unicode": "EF5D" + }, + { + "name": "ReplyAlt", + "unicode": "EF5E" + }, + { + "name": "ReplyAllAlt", + "unicode": "EF5F" + }, + { + "name": "EditStyle", + "unicode": "EF60" + }, + { + "name": "EditMail", + "unicode": "EF61" + }, + { + "name": "Lifesaver", + "unicode": "EF62" + }, + { + "name": "LifesaverLock", + "unicode": "EF63" + }, + { + "name": "InboxCheck", + "unicode": "EF64" + }, + { + "name": "FolderSearch", + "unicode": "EF65" + }, + { + "name": "CollapseMenu", + "unicode": "EF66" + }, + { + "name": "ExpandMenu", + "unicode": "EF67" + }, + { + "name": "Boards", + "unicode": "EF68" + }, + { + "name": "SunAdd", + "unicode": "EF69" + }, + { + "name": "SunQuestionMark", + "unicode": "EF6A" + } + ] } \ No newline at end of file diff --git a/packages/icons/config/fabric-icons-7.json b/packages/icons/config/fabric-icons-7.json index addfa7ea3ba4c..c702f4c62638a 100644 --- a/packages/icons/config/fabric-icons-7.json +++ b/packages/icons/config/fabric-icons-7.json @@ -1,412 +1,412 @@ { - "fontName": "fabric-icons-7", - "fontFamilyName": "FabricMDL2Icons-7", - "excludeGlyphs": false, - "chunkSubsets": true, - "hashFontFileName": true, - "subsetChunkSettings": { - "maxSubsetSize": 100 - }, - "glyphs": [ - { - "name": "PageCheckedOut", - "unicode": "F02C" - }, - { - "name": "SaveAndClose", - "unicode": "F038" - }, - { - "name": "Script", - "unicode": "F03A" - }, - { - "name": "Archive", - "unicode": "F03F" - }, - { - "name": "ActivityFeed", - "unicode": "F056" - }, - { - "name": "EventDate", - "unicode": "F059" - }, - { - "name": "CaretRight", - "unicode": "F06B" - }, - { - "name": "SetAction", - "unicode": "F071" - }, - { - "name": "CaretSolidLeft", - "unicode": "F08D" - }, - { - "name": "CaretSolidDown", - "unicode": "F08E" - }, - { - "name": "CaretSolidRight", - "unicode": "F08F" - }, - { - "name": "CaretSolidUp", - "unicode": "F090" - }, - { - "name": "PowerAppsLogo", - "unicode": "F091" - }, - { - "name": "PowerApps2Logo", - "unicode": "F092" - }, - { - "name": "SearchIssue", - "unicode": "F09A" - }, - { - "name": "SearchIssueMirrored", - "unicode": "F09B" - }, - { - "name": "FabricAssetLibrary", - "unicode": "F09C" - }, - { - "name": "FabricDataConnectionLibrary", - "unicode": "F09D" - }, - { - "name": "FabricDocLibrary", - "unicode": "F09E" - }, - { - "name": "FabricFormLibrary", - "unicode": "F09F" - }, - { - "name": "FabricFormLibraryMirrored", - "unicode": "F0A0" - }, - { - "name": "FabricReportLibrary", - "unicode": "F0A1" - }, - { - "name": "FabricReportLibraryMirrored", - "unicode": "F0A2" - }, - { - "name": "FabricPublicFolder", - "unicode": "F0A3" - }, - { - "name": "FabricFolderSearch", - "unicode": "F0A4" - }, - { - "name": "FabricMovetoFolder", - "unicode": "F0A5" - }, - { - "name": "FabricUnsyncFolder", - "unicode": "F0A6" - }, - { - "name": "FabricSyncFolder", - "unicode": "F0A7" - }, - { - "name": "FabricOpenFolderHorizontal", - "unicode": "F0A8" - }, - { - "name": "FabricFolder", - "unicode": "F0A9" - }, - { - "name": "FabricFolderFill", - "unicode": "F0AA" - }, - { - "name": "FabricNewFolder", - "unicode": "F0AB" - }, - { - "name": "FabricPictureLibrary", - "unicode": "F0AC" - }, - { - "name": "AddFavorite", - "unicode": "F0C8" - }, - { - "name": "AddFavoriteFill", - "unicode": "F0C9" - }, - { - "name": "BufferTimeBefore", - "unicode": "F0CF" - }, - { - "name": "BufferTimeAfter", - "unicode": "F0D0" - }, - { - "name": "BufferTimeBoth", - "unicode": "F0D1" - }, - { - "name": "CannedChat", - "unicode": "F0F2" - }, - { - "name": "SkypeForBusinessLogo", - "unicode": "F0FC" - }, - { - "name": "PageCheckedin", - "unicode": "F104" - }, - { - "name": "CaretBottomLeftSolid8", - "unicode": "F121" - }, - { - "name": "CaretBottomRightSolid8", - "unicode": "F122" - }, - { - "name": "FolderHorizontal", - "unicode": "F12B" - }, - { - "name": "MicrosoftStaffhubLogo", - "unicode": "F130" - }, - { - "name": "GiftboxOpen", - "unicode": "F133" - }, - { - "name": "StatusCircleOuter", - "unicode": "F136" - }, - { - "name": "StatusCircleInner", - "unicode": "F137" - }, - { - "name": "ExploreContentSingle", - "unicode": "F164" - }, - { - "name": "CollapseContent", - "unicode": "F165" - }, - { - "name": "CollapseContentSingle", - "unicode": "F166" - }, - { - "name": "InfoSolid", - "unicode": "F167" - }, - { - "name": "ProgressRingDots", - "unicode": "F16A" - }, - { - "name": "CaloriesAdd", - "unicode": "F172" - }, - { - "name": "BranchFork", - "unicode": "F173" - }, - { - "name": "HardDriveGroup", - "unicode": "F18F" - }, - { - "name": "BucketColor", - "unicode": "F1B6" - }, - { - "name": "BucketColorFill", - "unicode": "F1B7" - }, - { - "name": "Taskboard", - "unicode": "F1C2" - }, - { - "name": "SingleColumn", - "unicode": "F1D3" - }, - { - "name": "DoubleColumn", - "unicode": "F1D4" - }, - { - "name": "TripleColumn", - "unicode": "F1D5" - }, - { - "name": "ColumnLeftTwoThirds", - "unicode": "F1D6" - }, - { - "name": "ColumnRightTwoThirds", - "unicode": "F1D7" - }, - { - "name": "AccessLogoFill", - "unicode": "F1DB" - }, - { - "name": "AnalyticsLogo", - "unicode": "F1DE" - }, - { - "name": "AnalyticsQuery", - "unicode": "F1DF" - }, - { - "name": "NewAnalyticsQuery", - "unicode": "F1E0" - }, - { - "name": "AnalyticsReport", - "unicode": "F1E1" - }, - { - "name": "WordLogo", - "unicode": "F1E3" - }, - { - "name": "WordLogoFill", - "unicode": "F1E4" - }, - { - "name": "ExcelLogo", - "unicode": "F1E5" - }, - { - "name": "ExcelLogoFill", - "unicode": "F1E6" - }, - { - "name": "OneNoteLogo", - "unicode": "F1E7" - }, - { - "name": "OneNoteLogoFill", - "unicode": "F1E8" - }, - { - "name": "OutlookLogo", - "unicode": "F1E9" - }, - { - "name": "OutlookLogoFill", - "unicode": "F1EA" - }, - { - "name": "PowerPointLogo", - "unicode": "F1EB" - }, - { - "name": "PowerPointLogoFill", - "unicode": "F1EC" - }, - { - "name": "PublisherLogo", - "unicode": "F1ED" - }, - { - "name": "PublisherLogoFill", - "unicode": "F1EE" - }, - { - "name": "ScheduleEventAction", - "unicode": "F1EF" - }, - { - "name": "FlameSolid", - "unicode": "F1F3" - }, - { - "name": "ServerProcesses", - "unicode": "F1FE" - }, - { - "name": "Server", - "unicode": "F201" - }, - { - "name": "SaveAll", - "unicode": "F203" - }, - { - "name": "LinkedInLogo", - "unicode": "F20A" - }, - { - "name": "SidePanelMirrored", - "unicode": "F221" - }, - { - "name": "ProtectRestrict", - "unicode": "F22A" - }, - { - "name": "GridViewSmall", - "unicode": "F232" - }, - { - "name": "GridViewMedium", - "unicode": "F233" - }, - { - "name": "GridViewLarge", - "unicode": "F234" - }, - { - "name": "Step", - "unicode": "F241" - }, - { - "name": "StepInsert", - "unicode": "F242" - }, - { - "name": "StepShared", - "unicode": "F243" - }, - { - "name": "StepSharedAdd", - "unicode": "F244" - }, - { - "name": "StepSharedInsert", - "unicode": "F245" - }, - { - "name": "ViewDashboard", - "unicode": "F246" - }, - { - "name": "ViewList", - "unicode": "F247" - }, - { - "name": "ViewListGroup", - "unicode": "F248" - } - ] + "fontName": "fabric-icons-7", + "fontFamilyName": "FabricMDL2Icons-7", + "excludeGlyphs": false, + "chunkSubsets": true, + "hashFontFileName": true, + "subsetChunkSettings": { + "maxSubsetSize": 100 + }, + "glyphs": [ + { + "name": "LandscapeOrientation", + "unicode": "EF6B" + }, + { + "name": "DocumentSearch", + "unicode": "EF6C" + }, + { + "name": "PublicCalendar", + "unicode": "EF6D" + }, + { + "name": "PublicContactCard", + "unicode": "EF6E" + }, + { + "name": "PublicEmail", + "unicode": "EF6F" + }, + { + "name": "PublicFolder", + "unicode": "EF70" + }, + { + "name": "WordDocument", + "unicode": "EF71" + }, + { + "name": "PowerPointDocument", + "unicode": "EF72" + }, + { + "name": "ExcelDocument", + "unicode": "EF73" + }, + { + "name": "GroupedList", + "unicode": "EF74" + }, + { + "name": "ClassroomLogo", + "unicode": "EF75" + }, + { + "name": "Sections", + "unicode": "EF76" + }, + { + "name": "EditPhoto", + "unicode": "EF77" + }, + { + "name": "Starburst", + "unicode": "EF78" + }, + { + "name": "ShareiOS", + "unicode": "EF79" + }, + { + "name": "AirTickets", + "unicode": "EF7A" + }, + { + "name": "PencilReply", + "unicode": "EF7B" + }, + { + "name": "Tiles2", + "unicode": "EF7C" + }, + { + "name": "SkypeCircleCheck", + "unicode": "EF7D" + }, + { + "name": "SkypeCircleClock", + "unicode": "EF7E" + }, + { + "name": "SkypeCircleMinus", + "unicode": "EF7F" + }, + { + "name": "SkypeMessage", + "unicode": "EF83" + }, + { + "name": "ClosedCaption", + "unicode": "EF84" + }, + { + "name": "ATPLogo", + "unicode": "EF85" + }, + { + "name": "OfficeFormsLogoInverse", + "unicode": "EF86" + }, + { + "name": "RecycleBin", + "unicode": "EF87" + }, + { + "name": "EmptyRecycleBin", + "unicode": "EF88" + }, + { + "name": "Hide2", + "unicode": "EF89" + }, + { + "name": "iOSAppStoreLogo", + "unicode": "EF8A" + }, + { + "name": "AndroidLogo", + "unicode": "EF8B" + }, + { + "name": "Breadcrumb", + "unicode": "EF8C" + }, + { + "name": "BirthdayCake", + "unicode": "EF8D" + }, + { + "name": "TimeEntry", + "unicode": "EF95" + }, + { + "name": "PageEdit", + "unicode": "EFB6" + }, + { + "name": "PageRemove", + "unicode": "EFBA" + }, + { + "name": "Database", + "unicode": "EFC7" + }, + { + "name": "EditContact", + "unicode": "EFD3" + }, + { + "name": "ConnectContacts", + "unicode": "EFD4" + }, + { + "name": "ActivateOrders", + "unicode": "EFE0" + }, + { + "name": "DeactivateOrders", + "unicode": "EFE1" + }, + { + "name": "DocumentManagement", + "unicode": "EFFC" + }, + { + "name": "CRMReport", + "unicode": "EFFE" + }, + { + "name": "ZipFolder", + "unicode": "F012" + }, + { + "name": "SurveyQuestions", + "unicode": "F01B" + }, + { + "name": "TextDocument", + "unicode": "F029" + }, + { + "name": "PageCheckedOut", + "unicode": "F02C" + }, + { + "name": "SaveAndClose", + "unicode": "F038" + }, + { + "name": "Script", + "unicode": "F03A" + }, + { + "name": "Archive", + "unicode": "F03F" + }, + { + "name": "ActivityFeed", + "unicode": "F056" + }, + { + "name": "EventDate", + "unicode": "F059" + }, + { + "name": "CaretRight", + "unicode": "F06B" + }, + { + "name": "SetAction", + "unicode": "F071" + }, + { + "name": "CaretSolidLeft", + "unicode": "F08D" + }, + { + "name": "CaretSolidDown", + "unicode": "F08E" + }, + { + "name": "CaretSolidRight", + "unicode": "F08F" + }, + { + "name": "CaretSolidUp", + "unicode": "F090" + }, + { + "name": "PowerAppsLogo", + "unicode": "F091" + }, + { + "name": "PowerApps2Logo", + "unicode": "F092" + }, + { + "name": "SearchIssue", + "unicode": "F09A" + }, + { + "name": "SearchIssueMirrored", + "unicode": "F09B" + }, + { + "name": "FabricAssetLibrary", + "unicode": "F09C" + }, + { + "name": "FabricDataConnectionLibrary", + "unicode": "F09D" + }, + { + "name": "FabricDocLibrary", + "unicode": "F09E" + }, + { + "name": "FabricFormLibrary", + "unicode": "F09F" + }, + { + "name": "FabricFormLibraryMirrored", + "unicode": "F0A0" + }, + { + "name": "FabricReportLibrary", + "unicode": "F0A1" + }, + { + "name": "FabricReportLibraryMirrored", + "unicode": "F0A2" + }, + { + "name": "FabricPublicFolder", + "unicode": "F0A3" + }, + { + "name": "FabricFolderSearch", + "unicode": "F0A4" + }, + { + "name": "FabricMovetoFolder", + "unicode": "F0A5" + }, + { + "name": "FabricUnsyncFolder", + "unicode": "F0A6" + }, + { + "name": "FabricSyncFolder", + "unicode": "F0A7" + }, + { + "name": "FabricOpenFolderHorizontal", + "unicode": "F0A8" + }, + { + "name": "FabricFolder", + "unicode": "F0A9" + }, + { + "name": "FabricFolderFill", + "unicode": "F0AA" + }, + { + "name": "FabricNewFolder", + "unicode": "F0AB" + }, + { + "name": "FabricPictureLibrary", + "unicode": "F0AC" + }, + { + "name": "AddFavorite", + "unicode": "F0C8" + }, + { + "name": "AddFavoriteFill", + "unicode": "F0C9" + }, + { + "name": "BufferTimeBefore", + "unicode": "F0CF" + }, + { + "name": "BufferTimeAfter", + "unicode": "F0D0" + }, + { + "name": "BufferTimeBoth", + "unicode": "F0D1" + }, + { + "name": "CannedChat", + "unicode": "F0F2" + }, + { + "name": "SkypeForBusinessLogo", + "unicode": "F0FC" + }, + { + "name": "PageCheckedin", + "unicode": "F104" + }, + { + "name": "CaretBottomLeftSolid8", + "unicode": "F121" + }, + { + "name": "CaretBottomRightSolid8", + "unicode": "F122" + }, + { + "name": "FolderHorizontal", + "unicode": "F12B" + }, + { + "name": "MicrosoftStaffhubLogo", + "unicode": "F130" + }, + { + "name": "GiftboxOpen", + "unicode": "F133" + }, + { + "name": "StatusCircleOuter", + "unicode": "F136" + }, + { + "name": "StatusCircleInner", + "unicode": "F137" + }, + { + "name": "Toll", + "unicode": "F160" + }, + { + "name": "ExploreContentSingle", + "unicode": "F164" + }, + { + "name": "CollapseContent", + "unicode": "F165" + }, + { + "name": "CollapseContentSingle", + "unicode": "F166" + }, + { + "name": "InfoSolid", + "unicode": "F167" + }, + { + "name": "ProgressRingDots", + "unicode": "F16A" + }, + { + "name": "CaloriesAdd", + "unicode": "F172" + } + ] } \ No newline at end of file diff --git a/packages/icons/config/fabric-icons-8.json b/packages/icons/config/fabric-icons-8.json index 9db80a930819f..021dbc41677a1 100644 --- a/packages/icons/config/fabric-icons-8.json +++ b/packages/icons/config/fabric-icons-8.json @@ -1,412 +1,412 @@ { - "fontName": "fabric-icons-8", - "fontFamilyName": "FabricMDL2Icons-8", - "excludeGlyphs": false, - "chunkSubsets": true, - "hashFontFileName": true, - "subsetChunkSettings": { - "maxSubsetSize": 100 - }, - "glyphs": [ - { - "name": "ViewListTree", - "unicode": "F249" - }, - { - "name": "TriggerAuto", - "unicode": "F24A" - }, - { - "name": "TriggerUser", - "unicode": "F24B" - }, - { - "name": "PivotChart", - "unicode": "F24C" - }, - { - "name": "StackedBarChart", - "unicode": "F24D" - }, - { - "name": "StackedLineChart", - "unicode": "F24E" - }, - { - "name": "BuildQueue", - "unicode": "F24F" - }, - { - "name": "BuildQueueNew", - "unicode": "F250" - }, - { - "name": "UserFollowed", - "unicode": "F25C" - }, - { - "name": "VennDiagram", - "unicode": "F273" - }, - { - "name": "FiveTileGrid", - "unicode": "F274" - }, - { - "name": "FocalPoint", - "unicode": "F277" - }, - { - "name": "TeamsLogoInverse", - "unicode": "F27A" - }, - { - "name": "TeamsLogo", - "unicode": "F27B" - }, - { - "name": "TeamsLogoFill", - "unicode": "F27C" - }, - { - "name": "SkypeForBusinessLogoFill", - "unicode": "F27D" - }, - { - "name": "SharepointLogo", - "unicode": "F27E" - }, - { - "name": "SharepointLogoFill", - "unicode": "F27F" - }, - { - "name": "DelveLogo", - "unicode": "F280" - }, - { - "name": "DelveLogoFill", - "unicode": "F281" - }, - { - "name": "OfficeVideoLogo", - "unicode": "F282" - }, - { - "name": "OfficeVideoLogoFill", - "unicode": "F283" - }, - { - "name": "ExchangeLogo", - "unicode": "F284" - }, - { - "name": "ExchangeLogoFill", - "unicode": "F285" - }, - { - "name": "DocumentApproval", - "unicode": "F28B" - }, - { - "name": "CloneToDesktop", - "unicode": "F28C" - }, - { - "name": "InstallToDrive", - "unicode": "F28D" - }, - { - "name": "Blur", - "unicode": "F28E" - }, - { - "name": "Build", - "unicode": "F28F" - }, - { - "name": "ProcessMetaTask", - "unicode": "F290" - }, - { - "name": "BranchFork2", - "unicode": "F291" - }, - { - "name": "BranchLocked", - "unicode": "F292" - }, - { - "name": "BranchCommit", - "unicode": "F293" - }, - { - "name": "BranchCompare", - "unicode": "F294" - }, - { - "name": "BranchMerge", - "unicode": "F295" - }, - { - "name": "BranchPullRequest", - "unicode": "F296" - }, - { - "name": "BranchSearch", - "unicode": "F297" - }, - { - "name": "BranchShelveset", - "unicode": "F298" - }, - { - "name": "RawSource", - "unicode": "F299" - }, - { - "name": "MergeDuplicate", - "unicode": "F29A" - }, - { - "name": "RowsGroup", - "unicode": "F29B" - }, - { - "name": "RowsChild", - "unicode": "F29C" - }, - { - "name": "Deploy", - "unicode": "F29D" - }, - { - "name": "Redeploy", - "unicode": "F29E" - }, - { - "name": "ServerEnviroment", - "unicode": "F29F" - }, - { - "name": "Plug", - "unicode": "F300" - }, - { - "name": "PlugSolid", - "unicode": "F301" - }, - { - "name": "PlugConnected", - "unicode": "F302" - }, - { - "name": "PlugDisconnected", - "unicode": "F303" - }, - { - "name": "UnlockSolid", - "unicode": "F304" - }, - { - "name": "Variable", - "unicode": "F305" - }, - { - "name": "Parameter", - "unicode": "F306" - }, - { - "name": "CommentUrgent", - "unicode": "F307" - }, - { - "name": "Storyboard", - "unicode": "F308" - }, - { - "name": "DiffInline", - "unicode": "F309" - }, - { - "name": "DiffSideBySide", - "unicode": "F30A" - }, - { - "name": "ImageDiff", - "unicode": "F30B" - }, - { - "name": "ImagePixel", - "unicode": "F30C" - }, - { - "name": "FileBug", - "unicode": "F30D" - }, - { - "name": "FileCode", - "unicode": "F30E" - }, - { - "name": "FileComment", - "unicode": "F30F" - }, - { - "name": "FileImage", - "unicode": "F311" - }, - { - "name": "FileSymlink", - "unicode": "F312" - }, - { - "name": "AutoFillTemplate", - "unicode": "F313" - }, - { - "name": "WorkItem", - "unicode": "F314" - }, - { - "name": "WorkItemBug", - "unicode": "F315" - }, - { - "name": "LogRemove", - "unicode": "F316" - }, - { - "name": "ColumnOptions", - "unicode": "F317" - }, - { - "name": "Packages", - "unicode": "F318" - }, - { - "name": "BuildIssue", - "unicode": "F319" - }, - { - "name": "AssessmentGroup", - "unicode": "F31A" - }, - { - "name": "VariableGroup", - "unicode": "F31B" - }, - { - "name": "FullHistory", - "unicode": "F31C" - }, - { - "name": "BusinessHoursSign", - "unicode": "F310" - }, - { - "name": "VisioDiagram", - "unicode": "F2A0" - }, - { - "name": "HighlightMappedShapes", - "unicode": "F2A1" - }, - { - "name": "TextCallout", - "unicode": "F2A2" - }, - { - "name": "IconSetsFlag", - "unicode": "F2A4" - }, - { - "name": "VisioLogo", - "unicode": "F2A7" - }, - { - "name": "VisioLogoFill", - "unicode": "F2A8" - }, - { - "name": "VisioDocument", - "unicode": "F2A9" - }, - { - "name": "TimelineProgress", - "unicode": "F2AA" - }, - { - "name": "TimelineDelivery", - "unicode": "F2AB" - }, - { - "name": "Backlog", - "unicode": "F2AC" - }, - { - "name": "TeamFavorite", - "unicode": "F2AD" - }, - { - "name": "TaskGroup", - "unicode": "F2AE" - }, - { - "name": "TaskGroupMirrored", - "unicode": "F2AF" - }, - { - "name": "ScopeTemplate", - "unicode": "F2B0" - }, - { - "name": "AssessmentGroupTemplate", - "unicode": "F2B1" - }, - { - "name": "NewTeamProject", - "unicode": "F2B2" - }, - { - "name": "CommentAdd", - "unicode": "F2B3" - }, - { - "name": "CommentNext", - "unicode": "F2B4" - }, - { - "name": "CommentPrevious", - "unicode": "F2B5" - }, - { - "name": "ShopServer", - "unicode": "F2B6" - }, - { - "name": "LocaleLanguage", - "unicode": "F2B7" - }, - { - "name": "QueryList", - "unicode": "F2B8" - }, - { - "name": "UserSync", - "unicode": "F2B9" - }, - { - "name": "UserPause", - "unicode": "F2BA" - }, - { - "name": "StreamingOff", - "unicode": "F2BB" - }, - { - "name": "ArrowTallUpLeft", - "unicode": "F2BD" - } - ] + "fontName": "fabric-icons-8", + "fontFamilyName": "FabricMDL2Icons-8", + "excludeGlyphs": false, + "chunkSubsets": true, + "hashFontFileName": true, + "subsetChunkSettings": { + "maxSubsetSize": 100 + }, + "glyphs": [ + { + "name": "BranchFork", + "unicode": "F173" + }, + { + "name": "MobileReport", + "unicode": "F18A" + }, + { + "name": "HardDriveGroup", + "unicode": "F18F" + }, + { + "name": "FastMode", + "unicode": "F19A" + }, + { + "name": "ToggleOff", + "unicode": "F19F" + }, + { + "name": "Trophy2", + "unicode": "F1AE" + }, + { + "name": "BucketColor", + "unicode": "F1B6" + }, + { + "name": "BucketColorFill", + "unicode": "F1B7" + }, + { + "name": "Taskboard", + "unicode": "F1C2" + }, + { + "name": "SingleColumn", + "unicode": "F1D3" + }, + { + "name": "DoubleColumn", + "unicode": "F1D4" + }, + { + "name": "TripleColumn", + "unicode": "F1D5" + }, + { + "name": "ColumnLeftTwoThirds", + "unicode": "F1D6" + }, + { + "name": "ColumnRightTwoThirds", + "unicode": "F1D7" + }, + { + "name": "AccessLogoFill", + "unicode": "F1DB" + }, + { + "name": "AnalyticsLogo", + "unicode": "F1DE" + }, + { + "name": "AnalyticsQuery", + "unicode": "F1DF" + }, + { + "name": "NewAnalyticsQuery", + "unicode": "F1E0" + }, + { + "name": "AnalyticsReport", + "unicode": "F1E1" + }, + { + "name": "WordLogo", + "unicode": "F1E3" + }, + { + "name": "WordLogoFill", + "unicode": "F1E4" + }, + { + "name": "ExcelLogo", + "unicode": "F1E5" + }, + { + "name": "ExcelLogoFill", + "unicode": "F1E6" + }, + { + "name": "OneNoteLogo", + "unicode": "F1E7" + }, + { + "name": "OneNoteLogoFill", + "unicode": "F1E8" + }, + { + "name": "OutlookLogo", + "unicode": "F1E9" + }, + { + "name": "OutlookLogoFill", + "unicode": "F1EA" + }, + { + "name": "PowerPointLogo", + "unicode": "F1EB" + }, + { + "name": "PowerPointLogoFill", + "unicode": "F1EC" + }, + { + "name": "PublisherLogo", + "unicode": "F1ED" + }, + { + "name": "PublisherLogoFill", + "unicode": "F1EE" + }, + { + "name": "ScheduleEventAction", + "unicode": "F1EF" + }, + { + "name": "FlameSolid", + "unicode": "F1F3" + }, + { + "name": "ServerProcesses", + "unicode": "F1FE" + }, + { + "name": "Server", + "unicode": "F201" + }, + { + "name": "SaveAll", + "unicode": "F203" + }, + { + "name": "LinkedInLogo", + "unicode": "F20A" + }, + { + "name": "SidePanelMirrored", + "unicode": "F221" + }, + { + "name": "ProtectRestrict", + "unicode": "F22A" + }, + { + "name": "UnknownMirrored", + "unicode": "F22E" + }, + { + "name": "PublicContactCardMirrored", + "unicode": "F230" + }, + { + "name": "GridViewSmall", + "unicode": "F232" + }, + { + "name": "GridViewMedium", + "unicode": "F233" + }, + { + "name": "GridViewLarge", + "unicode": "F234" + }, + { + "name": "Step", + "unicode": "F241" + }, + { + "name": "StepInsert", + "unicode": "F242" + }, + { + "name": "StepShared", + "unicode": "F243" + }, + { + "name": "StepSharedAdd", + "unicode": "F244" + }, + { + "name": "StepSharedInsert", + "unicode": "F245" + }, + { + "name": "ViewDashboard", + "unicode": "F246" + }, + { + "name": "ViewList", + "unicode": "F247" + }, + { + "name": "ViewListGroup", + "unicode": "F248" + }, + { + "name": "ViewListTree", + "unicode": "F249" + }, + { + "name": "TriggerAuto", + "unicode": "F24A" + }, + { + "name": "TriggerUser", + "unicode": "F24B" + }, + { + "name": "PivotChart", + "unicode": "F24C" + }, + { + "name": "StackedBarChart", + "unicode": "F24D" + }, + { + "name": "StackedLineChart", + "unicode": "F24E" + }, + { + "name": "BuildQueue", + "unicode": "F24F" + }, + { + "name": "BuildQueueNew", + "unicode": "F250" + }, + { + "name": "UserFollowed", + "unicode": "F25C" + }, + { + "name": "ContactLink", + "unicode": "F25F" + }, + { + "name": "Stack", + "unicode": "F26F" + }, + { + "name": "Bullseye", + "unicode": "F272" + }, + { + "name": "VennDiagram", + "unicode": "F273" + }, + { + "name": "FiveTileGrid", + "unicode": "F274" + }, + { + "name": "FocalPoint", + "unicode": "F277" + }, + { + "name": "RingerRemove", + "unicode": "F279" + }, + { + "name": "TeamsLogoInverse", + "unicode": "F27A" + }, + { + "name": "TeamsLogo", + "unicode": "F27B" + }, + { + "name": "TeamsLogoFill", + "unicode": "F27C" + }, + { + "name": "SkypeForBusinessLogoFill", + "unicode": "F27D" + }, + { + "name": "SharepointLogo", + "unicode": "F27E" + }, + { + "name": "SharepointLogoFill", + "unicode": "F27F" + }, + { + "name": "DelveLogo", + "unicode": "F280" + }, + { + "name": "DelveLogoFill", + "unicode": "F281" + }, + { + "name": "OfficeVideoLogo", + "unicode": "F282" + }, + { + "name": "OfficeVideoLogoFill", + "unicode": "F283" + }, + { + "name": "ExchangeLogo", + "unicode": "F284" + }, + { + "name": "ExchangeLogoFill", + "unicode": "F285" + }, + { + "name": "DocumentApproval", + "unicode": "F28B" + }, + { + "name": "CloneToDesktop", + "unicode": "F28C" + }, + { + "name": "InstallToDrive", + "unicode": "F28D" + }, + { + "name": "Blur", + "unicode": "F28E" + }, + { + "name": "Build", + "unicode": "F28F" + }, + { + "name": "ProcessMetaTask", + "unicode": "F290" + }, + { + "name": "BranchFork2", + "unicode": "F291" + }, + { + "name": "BranchLocked", + "unicode": "F292" + }, + { + "name": "BranchCommit", + "unicode": "F293" + }, + { + "name": "BranchCompare", + "unicode": "F294" + }, + { + "name": "BranchMerge", + "unicode": "F295" + }, + { + "name": "BranchPullRequest", + "unicode": "F296" + }, + { + "name": "BranchSearch", + "unicode": "F297" + }, + { + "name": "BranchShelveset", + "unicode": "F298" + }, + { + "name": "RawSource", + "unicode": "F299" + }, + { + "name": "MergeDuplicate", + "unicode": "F29A" + }, + { + "name": "RowsGroup", + "unicode": "F29B" + }, + { + "name": "RowsChild", + "unicode": "F29C" + }, + { + "name": "Deploy", + "unicode": "F29D" + }, + { + "name": "Redeploy", + "unicode": "F29E" + } + ] } \ No newline at end of file diff --git a/packages/icons/config/fabric-icons-9.json b/packages/icons/config/fabric-icons-9.json index c286705e82783..4f1f321b4a294 100644 --- a/packages/icons/config/fabric-icons-9.json +++ b/packages/icons/config/fabric-icons-9.json @@ -1,412 +1,412 @@ { - "fontName": "fabric-icons-9", - "fontFamilyName": "FabricMDL2Icons-9", - "excludeGlyphs": false, - "chunkSubsets": true, - "hashFontFileName": true, - "subsetChunkSettings": { - "maxSubsetSize": 100 - }, - "glyphs": [ - { - "name": "ArrowTallUpRight", - "unicode": "F2BE" - }, - { - "name": "ArrowTallDownLeft", - "unicode": "F2BF" - }, - { - "name": "ArrowTallDownRight", - "unicode": "F2C0" - }, - { - "name": "FieldEmpty", - "unicode": "F2C1" - }, - { - "name": "FieldFilled", - "unicode": "F2C2" - }, - { - "name": "FieldChanged", - "unicode": "F2C3" - }, - { - "name": "FieldNotChanged", - "unicode": "F2C4" - }, - { - "name": "RingerOff", - "unicode": "F2C5" - }, - { - "name": "PlayResume", - "unicode": "F2C6" - }, - { - "name": "BulletedList2", - "unicode": "F2C7" - }, - { - "name": "BulletedList2Mirrored", - "unicode": "F2C8" - }, - { - "name": "ImageCrosshair", - "unicode": "F2C9" - }, - { - "name": "GitGraph", - "unicode": "F2CA" - }, - { - "name": "Repo", - "unicode": "F2CB" - }, - { - "name": "RepoSolid", - "unicode": "F2CC" - }, - { - "name": "FolderQuery", - "unicode": "F2CD" - }, - { - "name": "FolderList", - "unicode": "F2CE" - }, - { - "name": "FolderListMirrored", - "unicode": "F2CF" - }, - { - "name": "LocationOutline", - "unicode": "F2D0" - }, - { - "name": "POISolid", - "unicode": "F2D1" - }, - { - "name": "CalculatorNotEqualTo", - "unicode": "F2D2" - }, - { - "name": "BoxSubtractSolid", - "unicode": "F2D3" - }, - { - "name": "BoxAdditionSolid", - "unicode": "F2D4" - }, - { - "name": "BoxMultiplySolid", - "unicode": "F2D5" - }, - { - "name": "BoxPlaySolid", - "unicode": "F2D6" - }, - { - "name": "BoxCheckmarkSolid", - "unicode": "F2D7" - }, - { - "name": "CirclePauseSolid", - "unicode": "F2D8" - }, - { - "name": "CirclePause", - "unicode": "F2D9" - }, - { - "name": "MSNVideosSolid", - "unicode": "F2DA" - }, - { - "name": "CircleStopSolid", - "unicode": "F2DB" - }, - { - "name": "CircleStop", - "unicode": "F2DC" - }, - { - "name": "NavigateBack", - "unicode": "F2DD" - }, - { - "name": "NavigateBackMirrored", - "unicode": "F2DE" - }, - { - "name": "NavigateForward", - "unicode": "F2DF" - }, - { - "name": "NavigateForwardMirrored", - "unicode": "F2E0" - }, - { - "name": "UnknownSolid", - "unicode": "F2E1" - }, - { - "name": "UnknownMirroredSolid", - "unicode": "F2E2" - }, - { - "name": "CircleAddition", - "unicode": "F2E3" - }, - { - "name": "CircleAdditionSolid", - "unicode": "F2E4" - }, - { - "name": "FilePDB", - "unicode": "F2E5" - }, - { - "name": "FileTemplate", - "unicode": "F2E6" - }, - { - "name": "FileSQL", - "unicode": "F2E7" - }, - { - "name": "FileJAVA", - "unicode": "F2E8" - }, - { - "name": "FileASPX", - "unicode": "F2E9" - }, - { - "name": "FileCSS", - "unicode": "F2EA" - }, - { - "name": "FileSass", - "unicode": "F2EB" - }, - { - "name": "FileLess", - "unicode": "F2EC" - }, - { - "name": "FileHTML", - "unicode": "F2ED" - }, - { - "name": "JavaScriptLanguage", - "unicode": "F2EE" - }, - { - "name": "CSharpLanguage", - "unicode": "F2EF" - }, - { - "name": "CSharp", - "unicode": "F2F0" - }, - { - "name": "VisualBasicLanguage", - "unicode": "F2F1" - }, - { - "name": "VB", - "unicode": "F2F2" - }, - { - "name": "CPlusPlusLanguage", - "unicode": "F2F3" - }, - { - "name": "CPlusPlus", - "unicode": "F2F4" - }, - { - "name": "FSharpLanguage", - "unicode": "F2F5" - }, - { - "name": "FSharp", - "unicode": "F2F6" - }, - { - "name": "TypeScriptLanguage", - "unicode": "F2F7" - }, - { - "name": "PythonLanguage", - "unicode": "F2F8" - }, - { - "name": "PY", - "unicode": "F2F9" - }, - { - "name": "CoffeeScript", - "unicode": "F2FA" - }, - { - "name": "MarkDownLanguage", - "unicode": "F2FB" - }, - { - "name": "FullWidth", - "unicode": "F2FE" - }, - { - "name": "FullWidthEdit", - "unicode": "F2FF" - }, - { - "name": "SingleColumnEdit", - "unicode": "F321" - }, - { - "name": "DoubleColumnEdit", - "unicode": "F322" - }, - { - "name": "TripleColumnEdit", - "unicode": "F323" - }, - { - "name": "ColumnLeftTwoThirdsEdit", - "unicode": "F324" - }, - { - "name": "ColumnRightTwoThirdsEdit", - "unicode": "F325" - }, - { - "name": "StreamLogo", - "unicode": "F329" - }, - { - "name": "AlertSolid", - "unicode": "F331" - }, - { - "name": "MegaphoneSolid", - "unicode": "F332" - }, - { - "name": "TaskSolid", - "unicode": "F333" - }, - { - "name": "ConfigurationSolid", - "unicode": "F334" - }, - { - "name": "BugSolid", - "unicode": "F335" - }, - { - "name": "CrownSolid", - "unicode": "F336" - }, - { - "name": "Trophy2Solid", - "unicode": "F337" - }, - { - "name": "QuickNoteSolid", - "unicode": "F338" - }, - { - "name": "ConstructionConeSolid", - "unicode": "F339" - }, - { - "name": "PageListSolid", - "unicode": "F33A" - }, - { - "name": "PageListMirroredSolid", - "unicode": "F33B" - }, - { - "name": "StarburstSolid", - "unicode": "F33C" - }, - { - "name": "ReadingModeSolid", - "unicode": "F33D" - }, - { - "name": "SadSolid", - "unicode": "F33E" - }, - { - "name": "HealthSolid", - "unicode": "F33F" - }, - { - "name": "ShieldSolid", - "unicode": "F340" - }, - { - "name": "GiftBoxSolid", - "unicode": "F341" - }, - { - "name": "ShoppingCartSolid", - "unicode": "F342" - }, - { - "name": "MailSolid", - "unicode": "F343" - }, - { - "name": "ChatSolid", - "unicode": "F344" - }, - { - "name": "RibbonSolid", - "unicode": "F345" - }, - { - "name": "FinancialSolid", - "unicode": "F346" - }, - { - "name": "FinancialMirroredSolid", - "unicode": "F347" - }, - { - "name": "HeadsetSolid", - "unicode": "F348" - }, - { - "name": "PermissionsSolid", - "unicode": "F349" - }, - { - "name": "ParkingSolid", - "unicode": "F34A" - }, - { - "name": "ParkingMirroredSolid", - "unicode": "F34B" - }, - { - "name": "DiamondSolid", - "unicode": "F34C" - }, - { - "name": "AsteriskSolid", - "unicode": "F34D" - }, - { - "name": "OfflineStorageSolid", - "unicode": "F34E" - } - ] + "fontName": "fabric-icons-9", + "fontFamilyName": "FabricMDL2Icons-9", + "excludeGlyphs": false, + "chunkSubsets": true, + "hashFontFileName": true, + "subsetChunkSettings": { + "maxSubsetSize": 100 + }, + "glyphs": [ + { + "name": "ServerEnviroment", + "unicode": "F29F" + }, + { + "name": "VisioDiagram", + "unicode": "F2A0" + }, + { + "name": "HighlightMappedShapes", + "unicode": "F2A1" + }, + { + "name": "TextCallout", + "unicode": "F2A2" + }, + { + "name": "IconSetsFlag", + "unicode": "F2A4" + }, + { + "name": "VisioLogo", + "unicode": "F2A7" + }, + { + "name": "VisioLogoFill", + "unicode": "F2A8" + }, + { + "name": "VisioDocument", + "unicode": "F2A9" + }, + { + "name": "TimelineProgress", + "unicode": "F2AA" + }, + { + "name": "TimelineDelivery", + "unicode": "F2AB" + }, + { + "name": "Backlog", + "unicode": "F2AC" + }, + { + "name": "TeamFavorite", + "unicode": "F2AD" + }, + { + "name": "TaskGroup", + "unicode": "F2AE" + }, + { + "name": "TaskGroupMirrored", + "unicode": "F2AF" + }, + { + "name": "ScopeTemplate", + "unicode": "F2B0" + }, + { + "name": "AssessmentGroupTemplate", + "unicode": "F2B1" + }, + { + "name": "NewTeamProject", + "unicode": "F2B2" + }, + { + "name": "CommentAdd", + "unicode": "F2B3" + }, + { + "name": "CommentNext", + "unicode": "F2B4" + }, + { + "name": "CommentPrevious", + "unicode": "F2B5" + }, + { + "name": "ShopServer", + "unicode": "F2B6" + }, + { + "name": "LocaleLanguage", + "unicode": "F2B7" + }, + { + "name": "QueryList", + "unicode": "F2B8" + }, + { + "name": "UserSync", + "unicode": "F2B9" + }, + { + "name": "UserPause", + "unicode": "F2BA" + }, + { + "name": "StreamingOff", + "unicode": "F2BB" + }, + { + "name": "ArrowTallUpLeft", + "unicode": "F2BD" + }, + { + "name": "ArrowTallUpRight", + "unicode": "F2BE" + }, + { + "name": "ArrowTallDownLeft", + "unicode": "F2BF" + }, + { + "name": "ArrowTallDownRight", + "unicode": "F2C0" + }, + { + "name": "FieldEmpty", + "unicode": "F2C1" + }, + { + "name": "FieldFilled", + "unicode": "F2C2" + }, + { + "name": "FieldChanged", + "unicode": "F2C3" + }, + { + "name": "FieldNotChanged", + "unicode": "F2C4" + }, + { + "name": "RingerOff", + "unicode": "F2C5" + }, + { + "name": "PlayResume", + "unicode": "F2C6" + }, + { + "name": "BulletedList2", + "unicode": "F2C7" + }, + { + "name": "BulletedList2Mirrored", + "unicode": "F2C8" + }, + { + "name": "ImageCrosshair", + "unicode": "F2C9" + }, + { + "name": "GitGraph", + "unicode": "F2CA" + }, + { + "name": "Repo", + "unicode": "F2CB" + }, + { + "name": "RepoSolid", + "unicode": "F2CC" + }, + { + "name": "FolderQuery", + "unicode": "F2CD" + }, + { + "name": "FolderList", + "unicode": "F2CE" + }, + { + "name": "FolderListMirrored", + "unicode": "F2CF" + }, + { + "name": "LocationOutline", + "unicode": "F2D0" + }, + { + "name": "POISolid", + "unicode": "F2D1" + }, + { + "name": "CalculatorNotEqualTo", + "unicode": "F2D2" + }, + { + "name": "BoxSubtractSolid", + "unicode": "F2D3" + }, + { + "name": "BoxAdditionSolid", + "unicode": "F2D4" + }, + { + "name": "BoxMultiplySolid", + "unicode": "F2D5" + }, + { + "name": "BoxPlaySolid", + "unicode": "F2D6" + }, + { + "name": "BoxCheckmarkSolid", + "unicode": "F2D7" + }, + { + "name": "CirclePauseSolid", + "unicode": "F2D8" + }, + { + "name": "CirclePause", + "unicode": "F2D9" + }, + { + "name": "MSNVideosSolid", + "unicode": "F2DA" + }, + { + "name": "CircleStopSolid", + "unicode": "F2DB" + }, + { + "name": "CircleStop", + "unicode": "F2DC" + }, + { + "name": "NavigateBack", + "unicode": "F2DD" + }, + { + "name": "NavigateBackMirrored", + "unicode": "F2DE" + }, + { + "name": "NavigateForward", + "unicode": "F2DF" + }, + { + "name": "NavigateForwardMirrored", + "unicode": "F2E0" + }, + { + "name": "UnknownSolid", + "unicode": "F2E1" + }, + { + "name": "UnknownMirroredSolid", + "unicode": "F2E2" + }, + { + "name": "CircleAddition", + "unicode": "F2E3" + }, + { + "name": "CircleAdditionSolid", + "unicode": "F2E4" + }, + { + "name": "FilePDB", + "unicode": "F2E5" + }, + { + "name": "FileTemplate", + "unicode": "F2E6" + }, + { + "name": "FileSQL", + "unicode": "F2E7" + }, + { + "name": "FileJAVA", + "unicode": "F2E8" + }, + { + "name": "FileASPX", + "unicode": "F2E9" + }, + { + "name": "FileCSS", + "unicode": "F2EA" + }, + { + "name": "FileSass", + "unicode": "F2EB" + }, + { + "name": "FileLess", + "unicode": "F2EC" + }, + { + "name": "FileHTML", + "unicode": "F2ED" + }, + { + "name": "JavaScriptLanguage", + "unicode": "F2EE" + }, + { + "name": "CSharpLanguage", + "unicode": "F2EF" + }, + { + "name": "CSharp", + "unicode": "F2F0" + }, + { + "name": "VisualBasicLanguage", + "unicode": "F2F1" + }, + { + "name": "VB", + "unicode": "F2F2" + }, + { + "name": "CPlusPlusLanguage", + "unicode": "F2F3" + }, + { + "name": "CPlusPlus", + "unicode": "F2F4" + }, + { + "name": "FSharpLanguage", + "unicode": "F2F5" + }, + { + "name": "FSharp", + "unicode": "F2F6" + }, + { + "name": "TypeScriptLanguage", + "unicode": "F2F7" + }, + { + "name": "PythonLanguage", + "unicode": "F2F8" + }, + { + "name": "PY", + "unicode": "F2F9" + }, + { + "name": "CoffeeScript", + "unicode": "F2FA" + }, + { + "name": "MarkDownLanguage", + "unicode": "F2FB" + }, + { + "name": "FullWidth", + "unicode": "F2FE" + }, + { + "name": "FullWidthEdit", + "unicode": "F2FF" + }, + { + "name": "Plug", + "unicode": "F300" + }, + { + "name": "PlugSolid", + "unicode": "F301" + }, + { + "name": "PlugConnected", + "unicode": "F302" + }, + { + "name": "PlugDisconnected", + "unicode": "F303" + }, + { + "name": "UnlockSolid", + "unicode": "F304" + }, + { + "name": "Variable", + "unicode": "F305" + }, + { + "name": "Parameter", + "unicode": "F306" + }, + { + "name": "CommentUrgent", + "unicode": "F307" + }, + { + "name": "Storyboard", + "unicode": "F308" + } + ] } \ No newline at end of file diff --git a/packages/icons/config/fabric-icons.json b/packages/icons/config/fabric-icons.json index 3135638f0bd45..1919619e0096d 100644 --- a/packages/icons/config/fabric-icons.json +++ b/packages/icons/config/fabric-icons.json @@ -1,228 +1,232 @@ { - "fontName": "fabric-icons", - "fontFamilyName": "FabricMDL2Icons", - "excludeGlyphs": false, - "chunkSubsets": true, - "hashFontFileName": true, - "subsetChunkSettings": { - "maxSubsetSize": 100 - }, - "glyphs": [ - { - "name": "GlobalNavButton", - "unicode": "E700" - }, - { - "name": "ChevronDown", - "unicode": "E70D" - }, - { - "name": "ChevronUp", - "unicode": "E70E" - }, - { - "name": "Edit", - "unicode": "E70F" - }, - { - "name": "Add", - "unicode": "E710" - }, - { - "name": "Cancel", - "unicode": "E711" - }, - { - "name": "More", - "unicode": "E712" - }, - { - "name": "Settings", - "unicode": "E713" - }, - { - "name": "Mail", - "unicode": "E715" - }, - { - "name": "Filter", - "unicode": "E71C" - }, - { - "name": "Search", - "unicode": "E721" - }, - { - "name": "Share", - "unicode": "E72D" - }, - { - "name": "FavoriteStar", - "unicode": "E734" - }, - { - "name": "FavoriteStarFill", - "unicode": "E735" - }, - { - "name": "CheckMark", - "unicode": "E73E" - }, - { - "name": "Delete", - "unicode": "E74D" - }, - { - "name": "ChevronLeft", - "unicode": "E76B" - }, - { - "name": "ChevronRight", - "unicode": "E76C" - }, - { - "name": "Calendar", - "unicode": "E787" - }, - { - "name": "Undo", - "unicode": "E7A7" - }, - { - "name": "Flag", - "unicode": "E7C1" - }, - { - "name": "Page", - "unicode": "E7C3" - }, - { - "name": "View", - "unicode": "E890" - }, - { - "name": "Clear", - "unicode": "E894" - }, - { - "name": "Download", - "unicode": "E896" - }, - { - "name": "Upload", - "unicode": "E898" - }, - { - "name": "Folder", - "unicode": "E8B7" - }, - { - "name": "Sort", - "unicode": "E8CB" - }, - { - "name": "AlignRight", - "unicode": "E8E2" - }, - { - "name": "AlignLeft", - "unicode": "E8E4" - }, - { - "name": "Tag", - "unicode": "E8EC" - }, - { - "name": "AddFriend", - "unicode": "E8FA" - }, - { - "name": "Info", - "unicode": "E946" - }, - { - "name": "Pinned", - "unicode": "E840" - }, - { - "name": "SortLines", - "unicode": "E9D0" - }, - { - "name": "List", - "unicode": "EA37" - }, - { - "name": "CircleRing", - "unicode": "EA3A" - }, - { - "name": "Heart", - "unicode": "EB51" - }, - { - "name": "HeartFill", - "unicode": "EB52" - }, - { - "name": "Tiles", - "unicode": "ECA5" - }, - { - "name": "Embed", - "unicode": "ECCE" - }, - { - "name": "Ascending", - "unicode": "EDC0" - }, - { - "name": "Descending", - "unicode": "EDC1" - }, - { - "name": "SortUp", - "unicode": "EE68" - }, - { - "name": "SortDown", - "unicode": "EE69" - }, - { - "name": "SyncToPC", - "unicode": "EE6E" - }, - { - "name": "LargeGrid", - "unicode": "EECB" - }, - { - "name": "SkypeCheck", - "unicode": "EF80" - }, - { - "name": "SkypeClock", - "unicode": "EF81" - }, - { - "name": "SkypeMinus", - "unicode": "EF82" - }, - { - "name": "ClearFilter", - "unicode": "EF8F" - }, - { - "name": "Flow", - "unicode": "EF90" - }, - { - "name": "StatusCircleCheckmark", - "unicode": "F13E" - }, - { - "name": "MoreVertical", - "unicode": "F2BC" - } - ] + "fontName": "fabric-icons", + "fontFamilyName": "FabricMDL2Icons", + "excludeGlyphs": false, + "chunkSubsets": true, + "hashFontFileName": true, + "subsetChunkSettings": { + "maxSubsetSize": 100 + }, + "glyphs": [ + { + "name": "GlobalNavButton", + "unicode": "E700" + }, + { + "name": "ChevronDown", + "unicode": "E70D" + }, + { + "name": "ChevronUp", + "unicode": "E70E" + }, + { + "name": "Edit", + "unicode": "E70F" + }, + { + "name": "Add", + "unicode": "E710" + }, + { + "name": "Cancel", + "unicode": "E711" + }, + { + "name": "More", + "unicode": "E712" + }, + { + "name": "Settings", + "unicode": "E713" + }, + { + "name": "Mail", + "unicode": "E715" + }, + { + "name": "Filter", + "unicode": "E71C" + }, + { + "name": "Search", + "unicode": "E721" + }, + { + "name": "Share", + "unicode": "E72D" + }, + { + "name": "FavoriteStar", + "unicode": "E734" + }, + { + "name": "FavoriteStarFill", + "unicode": "E735" + }, + { + "name": "CheckMark", + "unicode": "E73E" + }, + { + "name": "Delete", + "unicode": "E74D" + }, + { + "name": "ChevronLeft", + "unicode": "E76B" + }, + { + "name": "ChevronRight", + "unicode": "E76C" + }, + { + "name": "Calendar", + "unicode": "E787" + }, + { + "name": "Megaphone", + "unicode": "E789" + }, + { + "name": "Undo", + "unicode": "E7A7" + }, + { + "name": "Flag", + "unicode": "E7C1" + }, + { + "name": "Page", + "unicode": "E7C3" + }, + { + "name": "Pinned", + "unicode": "E840" + }, + { + "name": "View", + "unicode": "E890" + }, + { + "name": "Clear", + "unicode": "E894" + }, + { + "name": "Download", + "unicode": "E896" + }, + { + "name": "Upload", + "unicode": "E898" + }, + { + "name": "Folder", + "unicode": "E8B7" + }, + { + "name": "Sort", + "unicode": "E8CB" + }, + { + "name": "AlignRight", + "unicode": "E8E2" + }, + { + "name": "AlignLeft", + "unicode": "E8E4" + }, + { + "name": "Tag", + "unicode": "E8EC" + }, + { + "name": "AddFriend", + "unicode": "E8FA" + }, + { + "name": "Info", + "unicode": "E946" + }, + { + "name": "SortLines", + "unicode": "E9D0" + }, + { + "name": "List", + "unicode": "EA37" + }, + { + "name": "CircleRing", + "unicode": "EA3A" + }, + { + "name": "Heart", + "unicode": "EB51" + }, + { + "name": "HeartFill", + "unicode": "EB52" + }, + { + "name": "Tiles", + "unicode": "ECA5" + }, + { + "name": "Embed", + "unicode": "ECCE" + }, + { + "name": "Ascending", + "unicode": "EDC0" + }, + { + "name": "Descending", + "unicode": "EDC1" + }, + { + "name": "SortUp", + "unicode": "EE68" + }, + { + "name": "SortDown", + "unicode": "EE69" + }, + { + "name": "SyncToPC", + "unicode": "EE6E" + }, + { + "name": "LargeGrid", + "unicode": "EECB" + }, + { + "name": "SkypeCheck", + "unicode": "EF80" + }, + { + "name": "SkypeClock", + "unicode": "EF81" + }, + { + "name": "SkypeMinus", + "unicode": "EF82" + }, + { + "name": "ClearFilter", + "unicode": "EF8F" + }, + { + "name": "Flow", + "unicode": "EF90" + }, + { + "name": "StatusCircleCheckmark", + "unicode": "F13E" + }, + { + "name": "MoreVertical", + "unicode": "F2BC" + } + ] } \ No newline at end of file diff --git a/packages/icons/fonts/fabric-icons-0-2e092c7d.woff b/packages/icons/fonts/fabric-icons-0-2e092c7d.woff new file mode 100644 index 0000000000000..92734d72845d0 Binary files /dev/null and b/packages/icons/fonts/fabric-icons-0-2e092c7d.woff differ diff --git a/packages/icons/fonts/fabric-icons-0-8a1666a2.woff b/packages/icons/fonts/fabric-icons-0-8a1666a2.woff deleted file mode 100644 index e8f693e573c72..0000000000000 Binary files a/packages/icons/fonts/fabric-icons-0-8a1666a2.woff and /dev/null differ diff --git a/packages/icons/fonts/fabric-icons-1-a86438ef.woff b/packages/icons/fonts/fabric-icons-1-a86438ef.woff new file mode 100644 index 0000000000000..5a7ffad2bd4a2 Binary files /dev/null and b/packages/icons/fonts/fabric-icons-1-a86438ef.woff differ diff --git a/packages/icons/fonts/fabric-icons-1-a961c249.woff b/packages/icons/fonts/fabric-icons-1-a961c249.woff deleted file mode 100644 index 8b48cac6875c3..0000000000000 Binary files a/packages/icons/fonts/fabric-icons-1-a961c249.woff and /dev/null differ diff --git a/packages/icons/fonts/fabric-icons-10-90d2dc10.woff b/packages/icons/fonts/fabric-icons-10-90d2dc10.woff new file mode 100644 index 0000000000000..00dbeb3167aac Binary files /dev/null and b/packages/icons/fonts/fabric-icons-10-90d2dc10.woff differ diff --git a/packages/icons/fonts/fabric-icons-10-a9486bb8.woff b/packages/icons/fonts/fabric-icons-10-a9486bb8.woff deleted file mode 100644 index e36520bdba025..0000000000000 Binary files a/packages/icons/fonts/fabric-icons-10-a9486bb8.woff and /dev/null differ diff --git a/packages/icons/fonts/fabric-icons-11-18d2ffa4.woff b/packages/icons/fonts/fabric-icons-11-18d2ffa4.woff new file mode 100644 index 0000000000000..25023cd56faab Binary files /dev/null and b/packages/icons/fonts/fabric-icons-11-18d2ffa4.woff differ diff --git a/packages/icons/fonts/fabric-icons-11-c0dbf638.woff b/packages/icons/fonts/fabric-icons-11-c0dbf638.woff deleted file mode 100644 index a3b190466c007..0000000000000 Binary files a/packages/icons/fonts/fabric-icons-11-c0dbf638.woff and /dev/null differ diff --git a/packages/icons/fonts/fabric-icons-12-6c96597e.woff b/packages/icons/fonts/fabric-icons-12-6c96597e.woff new file mode 100644 index 0000000000000..7c86dbea9d017 Binary files /dev/null and b/packages/icons/fonts/fabric-icons-12-6c96597e.woff differ diff --git a/packages/icons/fonts/fabric-icons-13-02c4bea1.woff b/packages/icons/fonts/fabric-icons-13-02c4bea1.woff new file mode 100644 index 0000000000000..19f7eb1790589 Binary files /dev/null and b/packages/icons/fonts/fabric-icons-13-02c4bea1.woff differ diff --git a/packages/icons/fonts/fabric-icons-14-36569c01.woff b/packages/icons/fonts/fabric-icons-14-36569c01.woff new file mode 100644 index 0000000000000..5c3e6cd98e6c2 Binary files /dev/null and b/packages/icons/fonts/fabric-icons-14-36569c01.woff differ diff --git a/packages/icons/fonts/fabric-icons-2-2be8dca9.woff b/packages/icons/fonts/fabric-icons-2-2be8dca9.woff deleted file mode 100644 index 368f5b314192d..0000000000000 Binary files a/packages/icons/fonts/fabric-icons-2-2be8dca9.woff and /dev/null differ diff --git a/packages/icons/fonts/fabric-icons-2-e2ae1f0c.woff b/packages/icons/fonts/fabric-icons-2-e2ae1f0c.woff new file mode 100644 index 0000000000000..b1651930ba8d4 Binary files /dev/null and b/packages/icons/fonts/fabric-icons-2-e2ae1f0c.woff differ diff --git a/packages/icons/fonts/fabric-icons-3-80b6008d.woff b/packages/icons/fonts/fabric-icons-3-80b6008d.woff deleted file mode 100644 index 9d7bbdae0d8a8..0000000000000 Binary files a/packages/icons/fonts/fabric-icons-3-80b6008d.woff and /dev/null differ diff --git a/packages/icons/fonts/fabric-icons-3-a13cb765.woff b/packages/icons/fonts/fabric-icons-3-a13cb765.woff new file mode 100644 index 0000000000000..43e515991234b Binary files /dev/null and b/packages/icons/fonts/fabric-icons-3-a13cb765.woff differ diff --git a/packages/icons/fonts/fabric-icons-4-46fbc7bc.woff b/packages/icons/fonts/fabric-icons-4-46fbc7bc.woff deleted file mode 100644 index 21f88850142e8..0000000000000 Binary files a/packages/icons/fonts/fabric-icons-4-46fbc7bc.woff and /dev/null differ diff --git a/packages/icons/fonts/fabric-icons-4-97372384.woff b/packages/icons/fonts/fabric-icons-4-97372384.woff new file mode 100644 index 0000000000000..142ed7e3d4d3f Binary files /dev/null and b/packages/icons/fonts/fabric-icons-4-97372384.woff differ diff --git a/packages/icons/fonts/fabric-icons-5-125dbde8.woff b/packages/icons/fonts/fabric-icons-5-125dbde8.woff new file mode 100644 index 0000000000000..f1c985ca97aab Binary files /dev/null and b/packages/icons/fonts/fabric-icons-5-125dbde8.woff differ diff --git a/packages/icons/fonts/fabric-icons-5-5bc71068.woff b/packages/icons/fonts/fabric-icons-5-5bc71068.woff deleted file mode 100644 index f4eba2d21eecb..0000000000000 Binary files a/packages/icons/fonts/fabric-icons-5-5bc71068.woff and /dev/null differ diff --git a/packages/icons/fonts/fabric-icons-6-2e7e2914.woff b/packages/icons/fonts/fabric-icons-6-2e7e2914.woff new file mode 100644 index 0000000000000..fa1c0dca1b677 Binary files /dev/null and b/packages/icons/fonts/fabric-icons-6-2e7e2914.woff differ diff --git a/packages/icons/fonts/fabric-icons-6-328cd253.woff b/packages/icons/fonts/fabric-icons-6-328cd253.woff deleted file mode 100644 index 7fc776ee4d4af..0000000000000 Binary files a/packages/icons/fonts/fabric-icons-6-328cd253.woff and /dev/null differ diff --git a/packages/icons/fonts/fabric-icons-7-143895dd.woff b/packages/icons/fonts/fabric-icons-7-143895dd.woff new file mode 100644 index 0000000000000..dd0b6e1881638 Binary files /dev/null and b/packages/icons/fonts/fabric-icons-7-143895dd.woff differ diff --git a/packages/icons/fonts/fabric-icons-7-1bae3315.woff b/packages/icons/fonts/fabric-icons-7-1bae3315.woff deleted file mode 100644 index cd0a223d4bd9c..0000000000000 Binary files a/packages/icons/fonts/fabric-icons-7-1bae3315.woff and /dev/null differ diff --git a/packages/icons/fonts/fabric-icons-8-bd2a110b.woff b/packages/icons/fonts/fabric-icons-8-bd2a110b.woff new file mode 100644 index 0000000000000..3b6419e9a3ed6 Binary files /dev/null and b/packages/icons/fonts/fabric-icons-8-bd2a110b.woff differ diff --git a/packages/icons/fonts/fabric-icons-8-bf5c8e0c.woff b/packages/icons/fonts/fabric-icons-8-bf5c8e0c.woff deleted file mode 100644 index 94c540669f5e0..0000000000000 Binary files a/packages/icons/fonts/fabric-icons-8-bf5c8e0c.woff and /dev/null differ diff --git a/packages/icons/fonts/fabric-icons-9-8ab77260.woff b/packages/icons/fonts/fabric-icons-9-8ab77260.woff new file mode 100644 index 0000000000000..cf100875b1407 Binary files /dev/null and b/packages/icons/fonts/fabric-icons-9-8ab77260.woff differ diff --git a/packages/icons/fonts/fabric-icons-9-a362212c.woff b/packages/icons/fonts/fabric-icons-9-a362212c.woff deleted file mode 100644 index 5e56c03eae426..0000000000000 Binary files a/packages/icons/fonts/fabric-icons-9-a362212c.woff and /dev/null differ diff --git a/packages/icons/fonts/fabric-icons-cf6d96bb.woff b/packages/icons/fonts/fabric-icons-cf6d96bb.woff new file mode 100644 index 0000000000000..790840eadb124 Binary files /dev/null and b/packages/icons/fonts/fabric-icons-cf6d96bb.woff differ diff --git a/packages/icons/package.json b/packages/icons/package.json index af872ccf49507..7b87ae1fe5dcb 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@uifabric/icons", - "version": "5.4.0", + "version": "5.4.1", "description": "Office UI Fabric icon set.", "main": "lib/index.js", "typings": "lib/index.d.ts", @@ -22,7 +22,7 @@ "office-ui-fabric-react-tslint": ">=5.0.0 <6.0.0" }, "dependencies": { - "@uifabric/styling": ">=5.15.2 <6.0.0", + "@uifabric/styling": ">=5.16.0 <6.0.0", "tslib": "^1.7.1" } } \ No newline at end of file diff --git a/packages/icons/src/IconNames.ts b/packages/icons/src/IconNames.ts index 995f7100446d1..d0bdf920b1958 100644 --- a/packages/icons/src/IconNames.ts +++ b/packages/icons/src/IconNames.ts @@ -1,6 +1,7 @@ export const enum IconNames { DecreaseIndentLegacy = 'DecreaseIndentLegacy', IncreaseIndentLegacy = 'IncreaseIndentLegacy', + SizeLegacy = 'SizeLegacy', GlobalNavButton = 'GlobalNavButton', InternetSharing = 'InternetSharing', Brightness = 'Brightness', @@ -38,6 +39,8 @@ export const enum IconNames { Refresh = 'Refresh', Share = 'Share', Lock = 'Lock', + BlockedSite = 'BlockedSite', + ReportHacked = 'ReportHacked', EMI = 'EMI', MiniLink = 'MiniLink', Blocked = 'Blocked', @@ -56,6 +59,7 @@ export const enum IconNames { Print = 'Print', Up = 'Up', Down = 'Down', + OEM = 'OEM', Delete = 'Delete', Save = 'Save', Cloud = 'Cloud', @@ -99,6 +103,7 @@ export const enum IconNames { Contrast = 'Contrast', Redo = 'Redo', Undo = 'Undo', + Crop = 'Crop', PhotoCollection = 'PhotoCollection', Album = 'Album', Rotate = 'Rotate', @@ -123,6 +128,7 @@ export const enum IconNames { Admin = 'Admin', TVMonitor = 'TVMonitor', Speakers = 'Speakers', + StackIndicator = 'StackIndicator', Nav2DMapView = 'Nav2DMapView', Car = 'Car', Bus = 'Bus', @@ -134,15 +140,20 @@ export const enum IconNames { IncidentTriangle = 'IncidentTriangle', Touch = 'Touch', MapDirections = 'MapDirections', + CaretHollow = 'CaretHollow', + CaretSolid = 'CaretSolid', History = 'History', Location = 'Location', Work = 'Work', Recent = 'Recent', Hotel = 'Hotel', LocationDot = 'LocationDot', - News = 'News', - Chat = 'Chat', - Group = 'Group', + Dictionary = 'Dictionary', + ChromeBack = 'ChromeBack', + FolderOpen = 'FolderOpen', + Pinned = 'Pinned', + PinnedFill = 'PinnedFill', + RevToggleKey = 'RevToggleKey', View = 'View', Previous = 'Previous', Next = 'Next', @@ -165,9 +176,13 @@ export const enum IconNames { ViewAll = 'ViewAll', Switch = 'Switch', Rename = 'Rename', + Remote = 'Remote', + SelectAll = 'SelectAll', + Orientation = 'Orientation', Import = 'Import', Folder = 'Folder', Picture = 'Picture', + ChromeClose = 'ChromeClose', ShowResults = 'ShowResults', Message = 'Message', CalendarDay = 'CalendarDay', @@ -202,6 +217,7 @@ export const enum IconNames { FontSize = 'FontSize', CellPhone = 'CellPhone', Tag = 'Tag', + Calculator = 'Calculator', Library = 'Library', PostUpdate = 'PostUpdate', NewFolder = 'NewFolder', @@ -210,8 +226,12 @@ export const enum IconNames { SyncFolder = 'SyncFolder', BlockContact = 'BlockContact', AddFriend = 'AddFriend', + Accept = 'Accept', BulletedList = 'BulletedList', Preview = 'Preview', + News = 'News', + Chat = 'Chat', + Group = 'Group', World = 'World', Comment = 'Comment', DockLeft = 'DockLeft', @@ -229,17 +249,16 @@ export const enum IconNames { LocationFill = 'LocationFill', ChromeMinimize = 'ChromeMinimize', Annotation = 'Annotation', - ChromeClose = 'ChromeClose', - Accept = 'Accept', Fingerprint = 'Fingerprint', Handwriting = 'Handwriting', - StackIndicator = 'StackIndicator', Completed = 'Completed', Label = 'Label', FlickDown = 'FlickDown', FlickUp = 'FlickUp', FlickLeft = 'FlickLeft', FlickRight = 'FlickRight', + MiniExpand = 'MiniExpand', + MiniContract = 'MiniContract', Streaming = 'Streaming', MusicInCollection = 'MusicInCollection', OneDrive = 'OneDrive', @@ -263,29 +282,21 @@ export const enum IconNames { ChevronDownMed = 'ChevronDownMed', ChevronLeftMed = 'ChevronLeftMed', ChevronRightMed = 'ChevronRightMed', - Dictionary = 'Dictionary', - ChromeBack = 'ChromeBack', PC1 = 'PC1', PresenceChickletVideo = 'PresenceChickletVideo', Reply = 'Reply', HalfAlpha = 'HalfAlpha', - LockSolid = 'LockSolid', ConstructionCone = 'ConstructionCone', DoubleChevronLeftMed = 'DoubleChevronLeftMed', Volume0 = 'Volume0', Volume1 = 'Volume1', Volume2 = 'Volume2', Volume3 = 'Volume3', - CaretHollow = 'CaretHollow', - CaretSolid = 'CaretSolid', - FolderOpen = 'FolderOpen', - Pinned = 'Pinned', - PinnedFill = 'PinnedFill', Chart = 'Chart', Robot = 'Robot', + LockSolid = 'LockSolid', BidiLtr = 'BidiLtr', BidiRtl = 'BidiRtl', - RevToggleKey = 'RevToggleKey', RightDoubleQuote = 'RightDoubleQuote', Sunny = 'Sunny', CloudWeather = 'CloudWeather', @@ -305,8 +316,6 @@ export const enum IconNames { Duststorm = 'Duststorm', Unknown = 'Unknown', Precipitation = 'Precipitation', - Ringer = 'Ringer', - PDF = 'PDF', SortLines = 'SortLines', Ribbon = 'Ribbon', AreaChart = 'AreaChart', @@ -323,15 +332,24 @@ export const enum IconNames { SnowShowerDay = 'SnowShowerDay', HailDay = 'HailDay', WorkFlow = 'WorkFlow', - StoreLogoMed = 'StoreLogoMed', + HourGlass = 'HourGlass', + StoreLogoMed20 = 'StoreLogoMed20', + TimeSheet = 'TimeSheet', TriangleSolid = 'TriangleSolid', + VideoSolid = 'VideoSolid', RainShowersNight = 'RainShowersNight', SnowShowerNight = 'SnowShowerNight', + Teamwork = 'Teamwork', HailNight = 'HailNight', + PeopleAdd = 'PeopleAdd', + Glasses = 'Glasses', + DateTime2 = 'DateTime2', + Shield = 'Shield', + Header1 = 'Header1', + PageAdd = 'PageAdd', + NumberedList = 'NumberedList', + PowerBILogo = 'PowerBILogo', Info2 = 'Info2', - StoreLogo = 'StoreLogo', - MultiSelectMirrored = 'MultiSelectMirrored', - Broom = 'Broom', MusicInCollectionFill = 'MusicInCollectionFill', List = 'List', Asterisk = 'Asterisk', @@ -366,6 +384,12 @@ export const enum IconNames { EmojiNeutral = 'EmojiNeutral', EmojiDisappointed = 'EmojiDisappointed', HomeSolid = 'HomeSolid', + Ringer = 'Ringer', + PDF = 'PDF', + HeartBroken = 'HeartBroken', + StoreLogo16 = 'StoreLogo16', + MultiSelectMirrored = 'MultiSelectMirrored', + Broom = 'Broom', Cocktails = 'Cocktails', Wines = 'Wines', Articles = 'Articles', @@ -373,9 +397,11 @@ export const enum IconNames { DietPlanNotebook = 'DietPlanNotebook', Pill = 'Pill', ExerciseTracker = 'ExerciseTracker', + HandsFree = 'HandsFree', Medical = 'Medical', Running = 'Running', Weights = 'Weights', + AddNotes = 'AddNotes', BarChart4 = 'BarChart4', CirclePlus = 'CirclePlus', Coffee = 'Coffee', @@ -386,8 +412,10 @@ export const enum IconNames { PieSingle = 'PieSingle', RemoveFilter = 'RemoveFilter', Savings = 'Savings', + Sell = 'Sell', StockDown = 'StockDown', StockUp = 'StockUp', + Lamp = 'Lamp', MSNVideos = 'MSNVideos', Cricket = 'Cricket', Golf = 'Golf', @@ -400,6 +428,7 @@ export const enum IconNames { ProFootball = 'ProFootball', ProHockey = 'ProHockey', Rugby = 'Rugby', + SubstitutionsIn = 'SubstitutionsIn', Tennis = 'Tennis', Arrivals = 'Arrivals', Design = 'Design', @@ -431,14 +460,20 @@ export const enum IconNames { Rewind = 'Rewind', Photo2 = 'Photo2', OpenSource = 'OpenSource', + Movers = 'Movers', CloudDownload = 'CloudDownload', - WindDirection = 'WindDirection', Family = 'Family', + WindDirection = 'WindDirection', + Bug = 'Bug', + SiteScan = 'SiteScan', + BrowserScreenShot = 'BrowserScreenShot', + F12DevTools = 'F12DevTools', CSS = 'CSS', JS = 'JS', DeliveryTruck = 'DeliveryTruck', ReminderPerson = 'ReminderPerson', ReminderGroup = 'ReminderGroup', + TabletMode = 'TabletMode', Umbrella = 'Umbrella', NetworkTower = 'NetworkTower', CityNext = 'CityNext', @@ -457,6 +492,7 @@ export const enum IconNames { PowerPointLogoInverse = 'PowerPointLogoInverse', Cafe = 'Cafe', SpeedHigh = 'SpeedHigh', + Commitments = 'Commitments', ThisPC = 'ThisPC', MusicNote = 'MusicNote', MicOff = 'MicOff', @@ -471,6 +507,7 @@ export const enum IconNames { DeveloperTools = 'DeveloperTools', InsertTextBox = 'InsertTextBox', LowerBrightness = 'LowerBrightness', + DOM = 'DOM', CloudUpload = 'CloudUpload', ScrollUpDown = 'ScrollUpDown', DateTime = 'DateTime', @@ -490,16 +527,6 @@ export const enum IconNames { RadioBtnOn = 'RadioBtnOn', ExploreContent = 'ExploreContent', Embed = 'Embed', - VideoSolid = 'VideoSolid', - Teamwork = 'Teamwork', - PeopleAdd = 'PeopleAdd', - Glasses = 'Glasses', - DateTime2 = 'DateTime2', - Shield = 'Shield', - Header1 = 'Header1', - PageAdd = 'PageAdd', - NumberedList = 'NumberedList', - PowerBILogo = 'PowerBILogo', Product = 'Product', ProgressLoopInner = 'ProgressLoopInner', ProgressLoopOuter = 'ProgressLoopOuter', @@ -508,6 +535,7 @@ export const enum IconNames { Glimmer = 'Glimmer', ChatInviteFriend = 'ChatInviteFriend', Crown = 'Crown', + ScaleUp = 'ScaleUp', Feedback = 'Feedback', SharepointLogoInverse = 'SharepointLogoInverse', YammerLogo = 'YammerLogo', @@ -520,6 +548,7 @@ export const enum IconNames { OutOfOffice = 'OutOfOffice', Trophy = 'Trophy', ReopenPages = 'ReopenPages', + EmojiTabSymbols = 'EmojiTabSymbols', AADLogo = 'AADLogo', AccessLogo = 'AccessLogo', AdminALogoInverse32 = 'AdminALogoInverse32', @@ -574,6 +603,7 @@ export const enum IconNames { Room = 'Room', Unsubscribe = 'Unsubscribe', Subscribe = 'Subscribe', + HardDrive = 'HardDrive', RecurringTask = 'RecurringTask', TaskManager = 'TaskManager', TaskManagerMirrored = 'TaskManagerMirrored', @@ -617,10 +647,14 @@ export const enum IconNames { ExportMirrored = 'ExportMirrored', SingleBookmark = 'SingleBookmark', DoubleChevronDown = 'DoubleChevronDown', + FollowUser = 'FollowUser', ReplyAll = 'ReplyAll', + WorkforceManagement = 'WorkforceManagement', Questionnaire = 'Questionnaire', + ManagerSelfService = 'ManagerSelfService', ReplyMirrored = 'ReplyMirrored', ReplyAllMirrored = 'ReplyAllMirrored', + Medal = 'Medal', AddGroup = 'AddGroup', QuestionnaireMirrored = 'QuestionnaireMirrored', TemporaryUser = 'TemporaryUser', @@ -632,6 +666,7 @@ export const enum IconNames { AwayStatus = 'AwayStatus', MyMoviesTV = 'MyMoviesTV', SyncToPC = 'SyncToPC', + GenericScan = 'GenericScan', AustralianRules = 'AustralianRules', WifiEthernet = 'WifiEthernet', DateTimeMirrored = 'DateTimeMirrored', @@ -673,7 +708,10 @@ export const enum IconNames { DelveAnalytics = 'DelveAnalytics', ArrowUpRightMirrored8 = 'ArrowUpRightMirrored8', ArrowDownRightMirrored8 = 'ArrowDownRightMirrored8', + CompanyDirectory = 'CompanyDirectory', + CompanyDirectoryMirrored = 'CompanyDirectoryMirrored', OneDriveAdd = 'OneDriveAdd', + ProfileSearch = 'ProfileSearch', Header2 = 'Header2', Header3 = 'Header3', Header4 = 'Header4', @@ -736,13 +774,21 @@ export const enum IconNames { EmptyRecycleBin = 'EmptyRecycleBin', Hide2 = 'Hide2', Breadcrumb = 'Breadcrumb', + BirthdayCake = 'BirthdayCake', ClearFilter = 'ClearFilter', Flow = 'Flow', + TimeEntry = 'TimeEntry', PageEdit = 'PageEdit', + PageRemove = 'PageRemove', Database = 'Database', + EditContact = 'EditContact', + ConnectContacts = 'ConnectContacts', + ActivateOrders = 'ActivateOrders', + DeactivateOrders = 'DeactivateOrders', DocumentManagement = 'DocumentManagement', CRMReport = 'CRMReport', ZipFolder = 'ZipFolder', + SurveyQuestions = 'SurveyQuestions', TextDocument = 'TextDocument', PageCheckedOut = 'PageCheckedOut', SaveAndClose = 'SaveAndClose', @@ -793,6 +839,7 @@ export const enum IconNames { StatusCircleOuter = 'StatusCircleOuter', StatusCircleInner = 'StatusCircleInner', StatusCircleCheckmark = 'StatusCircleCheckmark', + Toll = 'Toll', ExploreContentSingle = 'ExploreContentSingle', CollapseContent = 'CollapseContent', CollapseContentSingle = 'CollapseContentSingle', @@ -800,7 +847,11 @@ export const enum IconNames { ProgressRingDots = 'ProgressRingDots', CaloriesAdd = 'CaloriesAdd', BranchFork = 'BranchFork', + MobileReport = 'MobileReport', HardDriveGroup = 'HardDriveGroup', + FastMode = 'FastMode', + ToggleOff = 'ToggleOff', + Trophy2 = 'Trophy2', BucketColor = 'BucketColor', BucketColorFill = 'BucketColorFill', Taskboard = 'Taskboard', @@ -834,6 +885,8 @@ export const enum IconNames { LinkedInLogo = 'LinkedInLogo', SidePanelMirrored = 'SidePanelMirrored', ProtectRestrict = 'ProtectRestrict', + UnknownMirrored = 'UnknownMirrored', + PublicContactCardMirrored = 'PublicContactCardMirrored', GridViewSmall = 'GridViewSmall', GridViewMedium = 'GridViewMedium', GridViewLarge = 'GridViewLarge', @@ -854,9 +907,13 @@ export const enum IconNames { BuildQueue = 'BuildQueue', BuildQueueNew = 'BuildQueueNew', UserFollowed = 'UserFollowed', + ContactLink = 'ContactLink', + Stack = 'Stack', + Bullseye = 'Bullseye', VennDiagram = 'VennDiagram', FiveTileGrid = 'FiveTileGrid', FocalPoint = 'FocalPoint', + RingerRemove = 'RingerRemove', TeamsLogoInverse = 'TeamsLogoInverse', TeamsLogo = 'TeamsLogo', TeamsLogoFill = 'TeamsLogoFill', @@ -890,35 +947,6 @@ export const enum IconNames { Deploy = 'Deploy', Redeploy = 'Redeploy', ServerEnviroment = 'ServerEnviroment', - Plug = 'Plug', - PlugSolid = 'PlugSolid', - PlugConnected = 'PlugConnected', - PlugDisconnected = 'PlugDisconnected', - UnlockSolid = 'UnlockSolid', - Variable = 'Variable', - Parameter = 'Parameter', - CommentUrgent = 'CommentUrgent', - Storyboard = 'Storyboard', - DiffInline = 'DiffInline', - DiffSideBySide = 'DiffSideBySide', - ImageDiff = 'ImageDiff', - ImagePixel = 'ImagePixel', - FileBug = 'FileBug', - FileCode = 'FileCode', - FileComment = 'FileComment', - FileImage = 'FileImage', - FileSymlink = 'FileSymlink', - AutoFillTemplate = 'AutoFillTemplate', - WorkItem = 'WorkItem', - WorkItemBug = 'WorkItemBug', - LogRemove = 'LogRemove', - ColumnOptions = 'ColumnOptions', - Packages = 'Packages', - BuildIssue = 'BuildIssue', - AssessmentGroup = 'AssessmentGroup', - VariableGroup = 'VariableGroup', - FullHistory = 'FullHistory', - BusinessHoursSign = 'BusinessHoursSign', VisioDiagram = 'VisioDiagram', HighlightMappedShapes = 'HighlightMappedShapes', TextCallout = 'TextCallout', @@ -1010,6 +1038,35 @@ export const enum IconNames { MarkDownLanguage = 'MarkDownLanguage', FullWidth = 'FullWidth', FullWidthEdit = 'FullWidthEdit', + Plug = 'Plug', + PlugSolid = 'PlugSolid', + PlugConnected = 'PlugConnected', + PlugDisconnected = 'PlugDisconnected', + UnlockSolid = 'UnlockSolid', + Variable = 'Variable', + Parameter = 'Parameter', + CommentUrgent = 'CommentUrgent', + Storyboard = 'Storyboard', + DiffInline = 'DiffInline', + DiffSideBySide = 'DiffSideBySide', + ImageDiff = 'ImageDiff', + ImagePixel = 'ImagePixel', + FileBug = 'FileBug', + FileCode = 'FileCode', + FileComment = 'FileComment', + BusinessHoursSign = 'BusinessHoursSign', + FileImage = 'FileImage', + FileSymlink = 'FileSymlink', + AutoFillTemplate = 'AutoFillTemplate', + WorkItem = 'WorkItem', + WorkItemBug = 'WorkItemBug', + LogRemove = 'LogRemove', + ColumnOptions = 'ColumnOptions', + Packages = 'Packages', + BuildIssue = 'BuildIssue', + AssessmentGroup = 'AssessmentGroup', + VariableGroup = 'VariableGroup', + FullHistory = 'FullHistory', SingleColumnEdit = 'SingleColumnEdit', DoubleColumnEdit = 'DoubleColumnEdit', TripleColumnEdit = 'TripleColumnEdit', @@ -1082,6 +1139,7 @@ export const enum IconNames { ChevronUpEnd6 = 'ChevronUpEnd6', ChevronLeftEnd6 = 'ChevronLeftEnd6', ChevronRightEnd6 = 'ChevronRightEnd6', + ContextMenu = 'ContextMenu', AzureAPIManagement = 'AzureAPIManagement', AzureServiceEndpoint = 'AzureServiceEndpoint', VSTSLogo = 'VSTSLogo', @@ -1125,9 +1183,11 @@ export const enum IconNames { TriggerApproval = 'TriggerApproval', Rocket = 'Rocket', AzureKeyVault = 'AzureKeyVault', + Transition = 'Transition', LikeSolid = 'LikeSolid', DislikeSolid = 'DislikeSolid', DeclineCall = 'DeclineCall', + RectangularClipping = 'RectangularClipping', Spacer = 'Spacer', SkypeLogo16 = 'SkypeLogo16', SkypeForBusinessLogo16 = 'SkypeForBusinessLogo16', @@ -1151,6 +1211,7 @@ export const enum IconNames { EventTentativeMirrored = 'EventTentativeMirrored', EventDeclined = 'EventDeclined', IDBadge = 'IDBadge', + BackgroundColor = 'BackgroundColor', OfficeFormsLogoInverse16 = 'OfficeFormsLogoInverse16', OfficeFormsLogo = 'OfficeFormsLogo', OfficeFormsLogoFill = 'OfficeFormsLogoFill', @@ -1225,5 +1286,159 @@ export const enum IconNames { AdminALogo32 = 'AdminALogo32', AdminALogoFill32 = 'AdminALogoFill32', ToDoLogoInverse = 'ToDoLogoInverse', - Snooze = 'Snooze' + Snooze = 'Snooze', + WaffleOffice365 = 'WaffleOffice365', + ImageSearch = 'ImageSearch', + NewsSearch = 'NewsSearch', + VideoSearch = 'VideoSearch', + R = 'R', + FontColorA = 'FontColorA', + FontColorSwatch = 'FontColorSwatch', + LightWeight = 'LightWeight', + NormalWeight = 'NormalWeight', + SemiboldWeight = 'SemiboldWeight', + GroupObject = 'GroupObject', + UngroupObject = 'UngroupObject', + AlignHorizontalLeft = 'AlignHorizontalLeft', + AlignHorizontalCenter = 'AlignHorizontalCenter', + AlignHorizontalRight = 'AlignHorizontalRight', + AlignVerticalTop = 'AlignVerticalTop', + AlignVerticalCenter = 'AlignVerticalCenter', + AlignVerticalBottom = 'AlignVerticalBottom', + HorizontalDistributeCenter = 'HorizontalDistributeCenter', + VerticalDistributeCenter = 'VerticalDistributeCenter', + Ellipse = 'Ellipse', + Line = 'Line', + Octagon = 'Octagon', + Hexagon = 'Hexagon', + Pentagon = 'Pentagon', + RightTriangle = 'RightTriangle', + HalfCircle = 'HalfCircle', + QuarterCircle = 'QuarterCircle', + ThreeQuarterCircle = 'ThreeQuarterCircle', + SixPointStar = '6PointStar', + TwelvePointStar = '12PointStar', + ArrangeBringToFront = 'ArrangeBringToFront', + ArrangeSendToBack = 'ArrangeSendToBack', + ArrangeSendBackward = 'ArrangeSendBackward', + ArrangeBringForward = 'ArrangeBringForward', + BorderDash = 'BorderDash', + BorderDot = 'BorderDot', + LineStyle = 'LineStyle', + LineThickness = 'LineThickness', + WindowEdit = 'WindowEdit', + HintText = 'HintText', + MediaAdd = 'MediaAdd', + AnchorLock = 'AnchorLock', + AutoHeight = 'AutoHeight', + ChartSeries = 'ChartSeries', + ChartXAngle = 'ChartXAngle', + ChartYAngle = 'ChartYAngle', + Combobox = 'Combobox', + LineSpacing = 'LineSpacing', + Padding = 'Padding', + PaddingTop = 'PaddingTop', + PaddingBottom = 'PaddingBottom', + PaddingLeft = 'PaddingLeft', + PaddingRight = 'PaddingRight', + NavigationFlipper = 'NavigationFlipper', + AlignJustify = 'AlignJustify', + TextOverflow = 'TextOverflow', + VisualsFolder = 'VisualsFolder', + VisualsStore = 'VisualsStore', + PictureCenter = 'PictureCenter', + PictureFill = 'PictureFill', + PicturePosition = 'PicturePosition', + PictureStretch = 'PictureStretch', + PictureTile = 'PictureTile', + Slider = 'Slider', + SliderHandleSize = 'SliderHandleSize', + DefaultRatio = 'DefaultRatio', + NumberSequence = 'NumberSequence', + GUID = 'GUID', + ReportAdd = 'ReportAdd', + DashboardAdd = 'DashboardAdd', + MapPinSolid = 'MapPinSolid', + WebPublish = 'WebPublish', + PieSingleSolid = 'PieSingleSolid', + BlockedSolid = 'BlockedSolid', + DrillDown = 'DrillDown', + DrillDownSolid = 'DrillDownSolid', + DrillExpand = 'DrillExpand', + DrillShow = 'DrillShow', + OneDriveFolder16 = 'OneDriveFolder16', + ChronosLogo = 'ChronosLogo', + FunctionalManagerDashboard = 'FunctionalManagerDashboard', + BIDashboard = 'BIDashboard', + CodeEdit = 'CodeEdit', + RenewalCurrent = 'RenewalCurrent', + RenewalFuture = 'RenewalFuture', + SplitObject = 'SplitObject', + BulkUpload = 'BulkUpload', + DownloadDocument = 'DownloadDocument', + WaitlistConfirm = 'WaitlistConfirm', + WaitlistConfirmMirrored = 'WaitlistConfirmMirrored', + LaptopSecure = 'LaptopSecure', + DragObject = 'DragObject', + EntryView = 'EntryView', + EntryDecline = 'EntryDecline', + ContactCardSettings = 'ContactCardSettings', + ContactCardSettingsMirrored = 'ContactCardSettingsMirrored', + CalendarSettings = 'CalendarSettings', + CalendarSettingsMirrored = 'CalendarSettingsMirrored', + HardDriveLock = 'HardDriveLock', + HardDriveUnlock = 'HardDriveUnlock', + AccountManagement = 'AccountManagement', + TransitionPop = 'TransitionPop', + TransitionPush = 'TransitionPush', + TransitionEffect = 'TransitionEffect', + LookupEntities = 'LookupEntities', + ExploreData = 'ExploreData', + AddBookmark = 'AddBookmark', + SearchBookmark = 'SearchBookmark', + DrillThrough = 'DrillThrough', + MasterDatabase = 'MasterDatabase', + CertifiedDatabase = 'CertifiedDatabase', + MaximumValue = 'MaximumValue', + MinimumValue = 'MinimumValue', + VisualStudioIDELogo32 = 'VisualStudioIDELogo32', + PasteAsText = 'PasteAsText', + PasteAsCode = 'PasteAsCode', + BrowserTab = 'BrowserTab', + BrowserTabScreenshot = 'BrowserTabScreenshot', + DesktopScreenshot = 'DesktopScreenshot', + FileYML = 'FileYML', + ClipboardSolid = 'ClipboardSolid', + AnalyticsView = 'AnalyticsView', + Leave = 'Leave', + Trending12 = 'Trending12', + Blocked12 = 'Blocked12', + Warning12 = 'Warning12', + CheckedOutByOther12 = 'CheckedOutByOther12', + CheckedOutByYou12 = 'CheckedOutByYou12', + CircleShapeSolid = 'CircleShapeSolid', + SquareShapeSolid = 'SquareShapeSolid', + TriangleShapeSolid = 'TriangleShapeSolid', + DropShapeSolid = 'DropShapeSolid', + InsertColumnsLeft = 'InsertColumnsLeft', + InsertColumnsRight = 'InsertColumnsRight', + InsertRowsAbove = 'InsertRowsAbove', + InsertRowsBelow = 'InsertRowsBelow', + DeleteColumns = 'DeleteColumns', + DeleteRows = 'DeleteRows', + DeleteRowsMirrored = 'DeleteRowsMirrored', + DeleteTable = 'DeleteTable', + GitLogo = 'GitLogo', + GitHubLogo = 'GitHubLogo', + ApacheMavenLogo = 'ApacheMavenLogo', + NPMLogo = 'NPMLogo', + GitFork = 'GitFork', + SVNLogo = 'SVNLogo', + JenkinsLogo = 'JenkinsLogo', + VersionControlPush = 'VersionControlPush', + ExternalGit = 'ExternalGit', + InsertSignatureLine = 'InsertSignatureLine', + ArrangeByFrom = 'ArrangeByFrom', + Phishing = 'Phishing', + CreateMailRule = 'CreateMailRule' } diff --git a/packages/icons/src/fabric-icons-0.ts b/packages/icons/src/fabric-icons-0.ts index 2cc3634fbd374..fb8f3cbf228fd 100644 --- a/packages/icons/src/fabric-icons-0.ts +++ b/packages/icons/src/fabric-icons-0.ts @@ -1,3 +1,5 @@ + // Your use of the content in the files referenced here is subject to the terms of the license at https://aka.ms/fabric-assets-license + // tslint:disable:max-line-length import { @@ -20,11 +22,12 @@ export function initializeIcons( }, fontFace: { fontFamily: `"FabricMDL2Icons-0"`, - src: `url('${baseUrl}fabric-icons-0-8a1666a2.woff') format('woff')`, + src: `url('${baseUrl}fabric-icons-0-2e092c7d.woff') format('woff')`, }, icons: { 'DecreaseIndentLegacy': '\uE290', 'IncreaseIndentLegacy': '\uE291', + 'SizeLegacy': '\uE2B2', 'InternetSharing': '\uE704', 'Brightness': '\uE706', 'MapPin': '\uE707', @@ -50,6 +53,8 @@ export function initializeIcons( 'Back': '\uE72B', 'Refresh': '\uE72C', 'Lock': '\uE72E', + 'BlockedSite': '\uE72F', + 'ReportHacked': '\uE730', 'EMI': '\uE731', 'MiniLink': '\uE732', 'Blocked': '\uE733', @@ -65,6 +70,7 @@ export function initializeIcons( 'Print': '\uE749', 'Up': '\uE74A', 'Down': '\uE74B', + 'OEM': '\uE74C', 'Save': '\uE74E', 'Cloud': '\uE753', 'CommandPrompt': '\uE756', @@ -93,7 +99,6 @@ export function initializeIcons( 'Error': '\uE783', 'GripperBarVertical': '\uE784', 'Unlock': '\uE785', - 'Megaphone': '\uE789', 'AutoEnhanceOn': '\uE78D', 'AutoEnhanceOff': '\uE78E', 'Color': '\uE790', @@ -103,6 +108,7 @@ export function initializeIcons( 'AspectRatio': '\uE799', 'Contrast': '\uE7A1', 'Redo': '\uE7A6', + 'Crop': '\uE7A8', 'PhotoCollection': '\uE7AA', 'Album': '\uE7AB', 'Rotate': '\uE7AD', @@ -118,11 +124,7 @@ export function initializeIcons( 'Move': '\uE7C2', 'TouchPointer': '\uE7C9', 'Merge': '\uE7D5', - 'TurnRight': '\uE7DB', - 'Ferry': '\uE7E3', - 'Highlight': '\uE7E6', - 'Tab': '\uE7E9', - 'Admin': '\uE7EF' + 'TurnRight': '\uE7DB' } }; diff --git a/packages/icons/src/fabric-icons-1.ts b/packages/icons/src/fabric-icons-1.ts index 165003f2f22b7..bfdc1140b9692 100644 --- a/packages/icons/src/fabric-icons-1.ts +++ b/packages/icons/src/fabric-icons-1.ts @@ -1,3 +1,5 @@ + // Your use of the content in the files referenced here is subject to the terms of the license at https://aka.ms/fabric-assets-license + // tslint:disable:max-line-length import { @@ -20,11 +22,16 @@ export function initializeIcons( }, fontFace: { fontFamily: `"FabricMDL2Icons-1"`, - src: `url('${baseUrl}fabric-icons-1-a961c249.woff') format('woff')`, + src: `url('${baseUrl}fabric-icons-1-a86438ef.woff') format('woff')`, }, icons: { + 'Ferry': '\uE7E3', + 'Highlight': '\uE7E6', + 'Tab': '\uE7E9', + 'Admin': '\uE7EF', 'TVMonitor': '\uE7F4', 'Speakers': '\uE7F5', + 'StackIndicator': '\uE7FF', 'Nav2DMapView': '\uE800', 'Car': '\uE804', 'Bus': '\uE806', @@ -36,15 +43,19 @@ export function initializeIcons( 'IncidentTriangle': '\uE814', 'Touch': '\uE815', 'MapDirections': '\uE816', + 'CaretHollow': '\uE817', + 'CaretSolid': '\uE818', 'History': '\uE81C', 'Location': '\uE81D', 'Work': '\uE821', 'Recent': '\uE823', 'Hotel': '\uE824', 'LocationDot': '\uE827', - 'News': '\uE900', - 'Chat': '\uE901', - 'Group': '\uE902', + 'Dictionary': '\uE82D', + 'ChromeBack': '\uE830', + 'FolderOpen': '\uE838', + 'PinnedFill': '\uE842', + 'RevToggleKey': '\uE845', 'Previous': '\uE892', 'Next': '\uE893', 'Sync': '\uE895', @@ -63,8 +74,12 @@ export function initializeIcons( 'ViewAll': '\uE8A9', 'Switch': '\uE8AB', 'Rename': '\uE8AC', + 'Remote': '\uE8AF', + 'SelectAll': '\uE8B3', + 'Orientation': '\uE8B4', 'Import': '\uE8B5', 'Picture': '\uE8B9', + 'ChromeClose': '\uE8BB', 'ShowResults': '\uE8BC', 'Message': '\uE8BD', 'CalendarDay': '\uE8BF', @@ -95,6 +110,7 @@ export function initializeIcons( 'FontIncrease': '\uE8E8', 'FontSize': '\uE8E9', 'CellPhone': '\uE8EA', + 'Calculator': '\uE8EF', 'Library': '\uE8F1', 'PostUpdate': '\uE8F3', 'NewFolder': '\uE8F4', @@ -102,27 +118,13 @@ export function initializeIcons( 'UnsyncFolder': '\uE8F6', 'SyncFolder': '\uE8F7', 'BlockContact': '\uE8F8', + 'Accept': '\uE8FB', 'BulletedList': '\uE8FD', 'Preview': '\uE8FF', - 'World': '\uE909', - 'Comment': '\uE90A', - 'DockLeft': '\uE90C', - 'DockRight': '\uE90D', - 'Repair': '\uE90F', - 'Accounts': '\uE910', - 'RadioBullet': '\uE915', - 'Stopwatch': '\uE916', - 'Clock': '\uE917', - 'WorldClock': '\uE918', - 'AlarmClock': '\uE919', - 'Hospital': '\uE91D', - 'Timer': '\uE91E', - 'FullCircleMask': '\uE91F', - 'LocationFill': '\uE920', - 'ChromeMinimize': '\uE921', - 'Annotation': '\uE924', - 'ChromeClose': '\uE8BB', - 'Accept': '\uE8FB' + 'News': '\uE900', + 'Chat': '\uE901', + 'Group': '\uE902', + 'World': '\uE909' } }; diff --git a/packages/icons/src/fabric-icons-10.ts b/packages/icons/src/fabric-icons-10.ts index 8c93d97a59894..d8d8a94390439 100644 --- a/packages/icons/src/fabric-icons-10.ts +++ b/packages/icons/src/fabric-icons-10.ts @@ -1,3 +1,5 @@ +// Your use of the content in the files referenced here is subject to the terms of the license at https://aka.ms/fabric-assets-license + // tslint:disable:max-line-length import { @@ -10,7 +12,7 @@ export function initializeIcons( baseUrl: string = '', options?: IIconOptions ): void { - const iconSubset: IIconSubset = { + const subset: IIconSubset = { style: { MozOsxFontSmoothing: 'grayscale', WebkitFontSmoothing: 'antialiased', @@ -20,9 +22,65 @@ export function initializeIcons( }, fontFace: { fontFamily: `"FabricMDL2Icons-10"`, - src: `url('${baseUrl}fabric-icons-10-a9486bb8.woff') format('woff')`, + src: `url('${baseUrl}fabric-icons-10-90d2dc10.woff') format('woff')`, }, icons: { + 'DiffInline': '\uF309', + 'DiffSideBySide': '\uF30A', + 'ImageDiff': '\uF30B', + 'ImagePixel': '\uF30C', + 'FileBug': '\uF30D', + 'FileCode': '\uF30E', + 'FileComment': '\uF30F', + 'BusinessHoursSign': '\uF310', + 'FileImage': '\uF311', + 'FileSymlink': '\uF312', + 'AutoFillTemplate': '\uF313', + 'WorkItem': '\uF314', + 'WorkItemBug': '\uF315', + 'LogRemove': '\uF316', + 'ColumnOptions': '\uF317', + 'Packages': '\uF318', + 'BuildIssue': '\uF319', + 'AssessmentGroup': '\uF31A', + 'VariableGroup': '\uF31B', + 'FullHistory': '\uF31C', + 'SingleColumnEdit': '\uF321', + 'DoubleColumnEdit': '\uF322', + 'TripleColumnEdit': '\uF323', + 'ColumnLeftTwoThirdsEdit': '\uF324', + 'ColumnRightTwoThirdsEdit': '\uF325', + 'StreamLogo': '\uF329', + 'AlertSolid': '\uF331', + 'MegaphoneSolid': '\uF332', + 'TaskSolid': '\uF333', + 'ConfigurationSolid': '\uF334', + 'BugSolid': '\uF335', + 'CrownSolid': '\uF336', + 'Trophy2Solid': '\uF337', + 'QuickNoteSolid': '\uF338', + 'ConstructionConeSolid': '\uF339', + 'PageListSolid': '\uF33A', + 'PageListMirroredSolid': '\uF33B', + 'StarburstSolid': '\uF33C', + 'ReadingModeSolid': '\uF33D', + 'SadSolid': '\uF33E', + 'HealthSolid': '\uF33F', + 'ShieldSolid': '\uF340', + 'GiftBoxSolid': '\uF341', + 'ShoppingCartSolid': '\uF342', + 'MailSolid': '\uF343', + 'ChatSolid': '\uF344', + 'RibbonSolid': '\uF345', + 'FinancialSolid': '\uF346', + 'FinancialMirroredSolid': '\uF347', + 'HeadsetSolid': '\uF348', + 'PermissionsSolid': '\uF349', + 'ParkingSolid': '\uF34A', + 'ParkingMirroredSolid': '\uF34B', + 'DiamondSolid': '\uF34C', + 'AsteriskSolid': '\uF34D', + 'OfflineStorageSolid': '\uF34E', 'BankSolid': '\uF34F', 'DecisionSolid': '\uF350', 'Parachute': '\uF351', @@ -59,68 +117,12 @@ export function initializeIcons( 'ChevronUpEnd6': '\uF370', 'ChevronLeftEnd6': '\uF371', 'ChevronRightEnd6': '\uF372', + 'ContextMenu': '\uF37C', 'AzureAPIManagement': '\uF37F', 'AzureServiceEndpoint': '\uF380', - 'VSTSLogo': '\uF381', - 'VSTSAltLogo1': '\uF382', - 'VSTSAltLogo2': '\uF383', - 'FileTypeSolution': '\uF387', - 'WordLogoInverse16': '\uF390', - 'WordLogo16': '\uF391', - 'WordLogoFill16': '\uF392', - 'PowerPointLogoInverse16': '\uF393', - 'PowerPointLogo16': '\uF394', - 'PowerPointLogoFill16': '\uF395', - 'ExcelLogoInverse16': '\uF396', - 'ExcelLogo16': '\uF397', - 'ExcelLogoFill16': '\uF398', - 'OneNoteLogoInverse16': '\uF399', - 'OneNoteLogo16': '\uF39A', - 'OneNoteLogoFill16': '\uF39B', - 'OutlookLogoInverse16': '\uF39C', - 'OutlookLogo16': '\uF39D', - 'OutlookLogoFill16': '\uF39E', - 'PublisherLogoInverse16': '\uF39F', - 'PublisherLogo16': '\uF3A0', - 'PublisherLogoFill16': '\uF3A1', - 'VisioLogoInverse16': '\uF3A2', - 'VisioLogo16': '\uF3A3', - 'VisioLogoFill16': '\uF3A4', - 'TestBeaker': '\uF3A5', - 'TestBeakerSolid': '\uF3A6', - 'TestExploreSolid': '\uF3A7', - 'TestAutoSolid': '\uF3A8', - 'TestUserSolid': '\uF3A9', - 'TestImpactSolid': '\uF3AA', - 'TestPlan': '\uF3AB', - 'TestStep': '\uF3AC', - 'TestParameter': '\uF3AD', - 'TestSuite': '\uF3AE', - 'TestCase': '\uF3AF', - 'Sprint': '\uF3B0', - 'SignOut': '\uF3B1', - 'TriggerApproval': '\uF3B2', - 'Rocket': '\uF3B3', - 'AzureKeyVault': '\uF3B4', - 'LikeSolid': '\uF3BF', - 'DislikeSolid': '\uF3C0', - 'DeclineCall': '\uF405', - 'Spacer': '\uF40D', - 'SkypeLogo16': '\uF40E', - 'SkypeForBusinessLogo16': '\uF40F', - 'SkypeForBusinessLogoFill16': '\uF410', - 'FilterSolid': '\uF412', - 'MailUndelivered': '\uF415', - 'MailTentative': '\uF416', - 'MailTentativeMirrored': '\uF417', - 'MailReminder': '\uF418', - 'ReceiptUndelivered': '\uF419', - 'ReceiptTentative': '\uF41A', - 'ReceiptTentativeMirrored': '\uF41B', - 'Inbox': '\uF41C', - 'IRMReply': '\uF41D' + 'VSTSLogo': '\uF381' } }; - registerIcons(iconSubset, options); + registerIcons(subset, options); } diff --git a/packages/icons/src/fabric-icons-11.ts b/packages/icons/src/fabric-icons-11.ts index fe66a01899911..dbb06f2a9f6a4 100644 --- a/packages/icons/src/fabric-icons-11.ts +++ b/packages/icons/src/fabric-icons-11.ts @@ -1,3 +1,5 @@ + // Your use of the content in the files referenced here is subject to the terms of the license at https://aka.ms/fabric-assets-license + // tslint:disable:max-line-length import { @@ -20,9 +22,68 @@ export function initializeIcons( }, fontFace: { fontFamily: `"FabricMDL2Icons-11"`, - src: `url('${baseUrl}fabric-icons-11-c0dbf638.woff') format('woff')`, + src: `url('${baseUrl}fabric-icons-11-18d2ffa4.woff') format('woff')`, }, icons: { + 'VSTSAltLogo1': '\uF382', + 'VSTSAltLogo2': '\uF383', + 'FileTypeSolution': '\uF387', + 'WordLogoInverse16': '\uF390', + 'WordLogo16': '\uF391', + 'WordLogoFill16': '\uF392', + 'PowerPointLogoInverse16': '\uF393', + 'PowerPointLogo16': '\uF394', + 'PowerPointLogoFill16': '\uF395', + 'ExcelLogoInverse16': '\uF396', + 'ExcelLogo16': '\uF397', + 'ExcelLogoFill16': '\uF398', + 'OneNoteLogoInverse16': '\uF399', + 'OneNoteLogo16': '\uF39A', + 'OneNoteLogoFill16': '\uF39B', + 'OutlookLogoInverse16': '\uF39C', + 'OutlookLogo16': '\uF39D', + 'OutlookLogoFill16': '\uF39E', + 'PublisherLogoInverse16': '\uF39F', + 'PublisherLogo16': '\uF3A0', + 'PublisherLogoFill16': '\uF3A1', + 'VisioLogoInverse16': '\uF3A2', + 'VisioLogo16': '\uF3A3', + 'VisioLogoFill16': '\uF3A4', + 'TestBeaker': '\uF3A5', + 'TestBeakerSolid': '\uF3A6', + 'TestExploreSolid': '\uF3A7', + 'TestAutoSolid': '\uF3A8', + 'TestUserSolid': '\uF3A9', + 'TestImpactSolid': '\uF3AA', + 'TestPlan': '\uF3AB', + 'TestStep': '\uF3AC', + 'TestParameter': '\uF3AD', + 'TestSuite': '\uF3AE', + 'TestCase': '\uF3AF', + 'Sprint': '\uF3B0', + 'SignOut': '\uF3B1', + 'TriggerApproval': '\uF3B2', + 'Rocket': '\uF3B3', + 'AzureKeyVault': '\uF3B4', + 'Transition': '\uF3BC', + 'LikeSolid': '\uF3BF', + 'DislikeSolid': '\uF3C0', + 'DeclineCall': '\uF405', + 'RectangularClipping': '\uF407', + 'Spacer': '\uF40D', + 'SkypeLogo16': '\uF40E', + 'SkypeForBusinessLogo16': '\uF40F', + 'SkypeForBusinessLogoFill16': '\uF410', + 'FilterSolid': '\uF412', + 'MailUndelivered': '\uF415', + 'MailTentative': '\uF416', + 'MailTentativeMirrored': '\uF417', + 'MailReminder': '\uF418', + 'ReceiptUndelivered': '\uF419', + 'ReceiptTentative': '\uF41A', + 'ReceiptTentativeMirrored': '\uF41B', + 'Inbox': '\uF41C', + 'IRMReply': '\uF41D', 'IRMReplyMirrored': '\uF41E', 'IRMForward': '\uF41F', 'IRMForwardMirrored': '\uF420', @@ -32,6 +93,7 @@ export function initializeIcons( 'EventTentativeMirrored': '\uF424', 'EventDeclined': '\uF425', 'IDBadge': '\uF427', + 'BackgroundColor': '\uF42B', 'OfficeFormsLogoInverse16': '\uF433', 'OfficeFormsLogo': '\uF434', 'OfficeFormsLogoFill': '\uF435', @@ -62,51 +124,7 @@ export function initializeIcons( 'SwayLogo32': '\uF482', 'SwayLogoFill32': '\uF483', 'SwayLogo16': '\uF484', - 'SwayLogoFill16': '\uF485', - 'ClassNotebookLogo32': '\uF486', - 'ClassNotebookLogoFill32': '\uF487', - 'ClassNotebookLogo16': '\uF488', - 'ClassNotebookLogoFill16': '\uF489', - 'ClassNotebookLogoInverse32': '\uF48A', - 'ClassNotebookLogoInverse16': '\uF48B', - 'StaffNotebookLogo32': '\uF48C', - 'StaffNotebookLogoFill32': '\uF48D', - 'StaffNotebookLogo16': '\uF48E', - 'StaffNotebookLogoFill16': '\uF48F', - 'StaffNotebookLogoInverted32': '\uF490', - 'StaffNotebookLogoInverted16': '\uF491', - 'KaizalaLogo': '\uF492', - 'TaskLogo': '\uF493', - 'ProtectionCenterLogo32': '\uF494', - 'NonprofitLogo32': '\uF495', - 'GallatinLogo': '\uF496', - 'Globe2': '\uF49A', - 'Guitar': '\uF49B', - 'Breakfast': '\uF49C', - 'Brunch': '\uF49D', - 'BeerMug': '\uF49E', - 'Vacation': '\uF49F', - 'Teeth': '\uF4A0', - 'Taxi': '\uF4A1', - 'Chopsticks': '\uF4A2', - 'SyncOccurence': '\uF4A3', - 'UnsyncOccurence': '\uF4A4', - 'PrimaryCalendar': '\uF4AE', - 'SearchCalendar': '\uF4AF', - 'VideoOff': '\uF4B0', - 'MicrosoftFlowLogo': '\uF4B1', - 'BusinessCenterLogo': '\uF4B2', - 'ToDoLogoBottom': '\uF4B3', - 'ToDoLogoTop': '\uF4B4', - 'EditSolid12': '\uF4B5', - 'EditSolidMirrored12': '\uF4B6', - 'UneditableSolid12': '\uF4B7', - 'UneditableSolidMirrored12': '\uF4B8', - 'UneditableMirrored': '\uF4B9', - 'AdminALogo32': '\uF4BA', - 'AdminALogoFill32': '\uF4BB', - 'ToDoLogoInverse': '\uF4BC', - 'Snooze': '\uF4BD' + 'SwayLogoFill16': '\uF485' } }; diff --git a/packages/icons/src/fabric-icons-12.ts b/packages/icons/src/fabric-icons-12.ts new file mode 100644 index 0000000000000..df412bbe53c58 --- /dev/null +++ b/packages/icons/src/fabric-icons-12.ts @@ -0,0 +1,132 @@ + // Your use of the content in the files referenced here is subject to the terms of the license at https://aka.ms/fabric-assets-license + +// tslint:disable:max-line-length + +import { + IIconOptions, + IIconSubset, + registerIcons +} from '@uifabric/styling/lib/index'; + +export function initializeIcons( + baseUrl: string = '', + options?: IIconOptions +): void { + const subset: IIconSubset = { + style: { + MozOsxFontSmoothing: 'grayscale', + WebkitFontSmoothing: 'antialiased', + fontStyle: 'normal', + fontWeight: 'normal', + speak: 'none' + }, + fontFace: { + fontFamily: `"FabricMDL2Icons-12"`, + src: `url('${baseUrl}fabric-icons-12-6c96597e.woff') format('woff')`, + }, + icons: { + 'ClassNotebookLogo32': '\uF486', + 'ClassNotebookLogoFill32': '\uF487', + 'ClassNotebookLogo16': '\uF488', + 'ClassNotebookLogoFill16': '\uF489', + 'ClassNotebookLogoInverse32': '\uF48A', + 'ClassNotebookLogoInverse16': '\uF48B', + 'StaffNotebookLogo32': '\uF48C', + 'StaffNotebookLogoFill32': '\uF48D', + 'StaffNotebookLogo16': '\uF48E', + 'StaffNotebookLogoFill16': '\uF48F', + 'StaffNotebookLogoInverted32': '\uF490', + 'StaffNotebookLogoInverted16': '\uF491', + 'KaizalaLogo': '\uF492', + 'TaskLogo': '\uF493', + 'ProtectionCenterLogo32': '\uF494', + 'NonprofitLogo32': '\uF495', + 'GallatinLogo': '\uF496', + 'Globe2': '\uF49A', + 'Guitar': '\uF49B', + 'Breakfast': '\uF49C', + 'Brunch': '\uF49D', + 'BeerMug': '\uF49E', + 'Vacation': '\uF49F', + 'Teeth': '\uF4A0', + 'Taxi': '\uF4A1', + 'Chopsticks': '\uF4A2', + 'SyncOccurence': '\uF4A3', + 'UnsyncOccurence': '\uF4A4', + 'PrimaryCalendar': '\uF4AE', + 'SearchCalendar': '\uF4AF', + 'VideoOff': '\uF4B0', + 'MicrosoftFlowLogo': '\uF4B1', + 'BusinessCenterLogo': '\uF4B2', + 'ToDoLogoBottom': '\uF4B3', + 'ToDoLogoTop': '\uF4B4', + 'EditSolid12': '\uF4B5', + 'EditSolidMirrored12': '\uF4B6', + 'UneditableSolid12': '\uF4B7', + 'UneditableSolidMirrored12': '\uF4B8', + 'UneditableMirrored': '\uF4B9', + 'AdminALogo32': '\uF4BA', + 'AdminALogoFill32': '\uF4BB', + 'ToDoLogoInverse': '\uF4BC', + 'Snooze': '\uF4BD', + 'WaffleOffice365': '\uF4E0', + 'ImageSearch': '\uF4E8', + 'NewsSearch': '\uF4E9', + 'VideoSearch': '\uF4EA', + 'R': '\uF4EB', + 'FontColorA': '\uF4EC', + 'FontColorSwatch': '\uF4ED', + 'LightWeight': '\uF4EE', + 'NormalWeight': '\uF4EF', + 'SemiboldWeight': '\uF4F0', + 'GroupObject': '\uF4F1', + 'UngroupObject': '\uF4F2', + 'AlignHorizontalLeft': '\uF4F3', + 'AlignHorizontalCenter': '\uF4F4', + 'AlignHorizontalRight': '\uF4F5', + 'AlignVerticalTop': '\uF4F6', + 'AlignVerticalCenter': '\uF4F7', + 'AlignVerticalBottom': '\uF4F8', + 'HorizontalDistributeCenter': '\uF4F9', + 'VerticalDistributeCenter': '\uF4FA', + 'Ellipse': '\uF4FB', + 'Line': '\uF4FC', + 'Octagon': '\uF4FD', + 'Hexagon': '\uF4FE', + 'Pentagon': '\uF4FF', + 'RightTriangle': '\uF500', + 'HalfCircle': '\uF501', + 'QuarterCircle': '\uF502', + 'ThreeQuarterCircle': '\uF503', + '6PointStar': '\uF504', + '12PointStar': '\uF505', + 'ArrangeBringToFront': '\uF506', + 'ArrangeSendToBack': '\uF507', + 'ArrangeSendBackward': '\uF508', + 'ArrangeBringForward': '\uF509', + 'BorderDash': '\uF50A', + 'BorderDot': '\uF50B', + 'LineStyle': '\uF50C', + 'LineThickness': '\uF50D', + 'WindowEdit': '\uF50E', + 'HintText': '\uF50F', + 'MediaAdd': '\uF510', + 'AnchorLock': '\uF511', + 'AutoHeight': '\uF512', + 'ChartSeries': '\uF513', + 'ChartXAngle': '\uF514', + 'ChartYAngle': '\uF515', + 'Combobox': '\uF516', + 'LineSpacing': '\uF517', + 'Padding': '\uF518', + 'PaddingTop': '\uF519', + 'PaddingBottom': '\uF51A', + 'PaddingLeft': '\uF51B', + 'PaddingRight': '\uF51C', + 'NavigationFlipper': '\uF51D', + 'AlignJustify': '\uF51E' + } + }; + + registerIcons(subset, options); +} diff --git a/packages/icons/src/fabric-icons-13.ts b/packages/icons/src/fabric-icons-13.ts new file mode 100644 index 0000000000000..1fa7cbff67e92 --- /dev/null +++ b/packages/icons/src/fabric-icons-13.ts @@ -0,0 +1,128 @@ +// Your use of the content in the files referenced here is subject to the terms of the license at https://aka.ms/fabric-assets-license + +// tslint:disable:max-line-length + +import { + IIconOptions, + IIconSubset, + registerIcons +} from '@uifabric/styling/lib/index'; + +export function initializeIcons( + baseUrl: string = '', + options?: IIconOptions +): void { + const subset: IIconSubset = { + style: { + MozOsxFontSmoothing: 'grayscale', + WebkitFontSmoothing: 'antialiased', + fontStyle: 'normal', + fontWeight: 'normal', + speak: 'none' + }, + fontFace: { + fontFamily: `"FabricMDL2Icons-13"`, + src: `url('${baseUrl}fabric-icons-13-02c4bea1.woff') format('woff')`, + }, + icons: { + 'TextOverflow': '\uF51F', + 'VisualsFolder': '\uF520', + 'VisualsStore': '\uF521', + 'PictureCenter': '\uF522', + 'PictureFill': '\uF523', + 'PicturePosition': '\uF524', + 'PictureStretch': '\uF525', + 'PictureTile': '\uF526', + 'Slider': '\uF527', + 'SliderHandleSize': '\uF528', + 'DefaultRatio': '\uF529', + 'NumberSequence': '\uF52A', + 'GUID': '\uF52B', + 'ReportAdd': '\uF52C', + 'DashboardAdd': '\uF52D', + 'MapPinSolid': '\uF52E', + 'WebPublish': '\uF52F', + 'PieSingleSolid': '\uF530', + 'BlockedSolid': '\uF531', + 'DrillDown': '\uF532', + 'DrillDownSolid': '\uF533', + 'DrillExpand': '\uF534', + 'DrillShow': '\uF535', + 'OneDriveFolder16': '\uF53B', + 'ChronosLogo': '\uF541', + 'FunctionalManagerDashboard': '\uF542', + 'BIDashboard': '\uF543', + 'CodeEdit': '\uF544', + 'RenewalCurrent': '\uF545', + 'RenewalFuture': '\uF546', + 'SplitObject': '\uF547', + 'BulkUpload': '\uF548', + 'DownloadDocument': '\uF549', + 'WaitlistConfirm': '\uF550', + 'WaitlistConfirmMirrored': '\uF551', + 'LaptopSecure': '\uF552', + 'DragObject': '\uF553', + 'EntryView': '\uF554', + 'EntryDecline': '\uF555', + 'ContactCardSettings': '\uF556', + 'ContactCardSettingsMirrored': '\uF557', + 'CalendarSettings': '\uF558', + 'CalendarSettingsMirrored': '\uF559', + 'HardDriveLock': '\uF55A', + 'HardDriveUnlock': '\uF55B', + 'AccountManagement': '\uF55C', + 'TransitionPop': '\uF5B2', + 'TransitionPush': '\uF5B3', + 'TransitionEffect': '\uF5B4', + 'LookupEntities': '\uF5B5', + 'ExploreData': '\uF5B6', + 'AddBookmark': '\uF5B7', + 'SearchBookmark': '\uF5B8', + 'DrillThrough': '\uF5B9', + 'MasterDatabase': '\uF5BA', + 'CertifiedDatabase': '\uF5BB', + 'MaximumValue': '\uF5BC', + 'MinimumValue': '\uF5BD', + 'VisualStudioIDELogo32': '\uF5D0', + 'PasteAsText': '\uF5D5', + 'PasteAsCode': '\uF5D6', + 'BrowserTab': '\uF5D7', + 'BrowserTabScreenshot': '\uF5D8', + 'DesktopScreenshot': '\uF5D9', + 'FileYML': '\uF5DA', + 'ClipboardSolid': '\uF5DC', + 'AnalyticsView': '\uF5F1', + 'Leave': '\uF627', + 'Trending12': '\uF62D', + 'Blocked12': '\uF62E', + 'Warning12': '\uF62F', + 'CheckedOutByOther12': '\uF630', + 'CheckedOutByYou12': '\uF631', + 'CircleShapeSolid': '\uF63C', + 'SquareShapeSolid': '\uF63D', + 'TriangleShapeSolid': '\uF63E', + 'DropShapeSolid': '\uF63F', + 'InsertColumnsLeft': '\uF64A', + 'InsertColumnsRight': '\uF64B', + 'InsertRowsAbove': '\uF64C', + 'InsertRowsBelow': '\uF64D', + 'DeleteColumns': '\uF64E', + 'DeleteRows': '\uF64F', + 'DeleteRowsMirrored': '\uF650', + 'DeleteTable': '\uF651', + 'GitLogo': '\uF65D', + 'GitHubLogo': '\uF65E', + 'ApacheMavenLogo': '\uF65F', + 'NPMLogo': '\uF660', + 'GitFork': '\uF661', + 'SVNLogo': '\uF662', + 'JenkinsLogo': '\uF663', + 'VersionControlPush': '\uF664', + 'ExternalGit': '\uF665', + 'InsertSignatureLine': '\uF677', + 'ArrangeByFrom': '\uF678' + } + }; + + registerIcons(subset, options); +} diff --git a/packages/icons/src/fabric-icons-14.ts b/packages/icons/src/fabric-icons-14.ts new file mode 100644 index 0000000000000..1492454e350b1 --- /dev/null +++ b/packages/icons/src/fabric-icons-14.ts @@ -0,0 +1,34 @@ + // Your use of the content in the files referenced here is subject to the terms of the license at https://aka.ms/fabric-assets-license + +// tslint:disable:max-line-length + +import { + IIconOptions, + IIconSubset, + registerIcons +} from '@uifabric/styling/lib/index'; + +export function initializeIcons( + baseUrl: string = '', + options?: IIconOptions +): void { + const subset: IIconSubset = { + style: { + MozOsxFontSmoothing: 'grayscale', + WebkitFontSmoothing: 'antialiased', + fontStyle: 'normal', + fontWeight: 'normal', + speak: 'none' + }, + fontFace: { + fontFamily: `"FabricMDL2Icons-14"`, + src: `url('${baseUrl}fabric-icons-14-36569c01.woff') format('woff')`, + }, + icons: { + 'Phishing': '\uF679', + 'CreateMailRule': '\uF67A' + } + }; + + registerIcons(subset, options); +} diff --git a/packages/icons/src/fabric-icons-2.ts b/packages/icons/src/fabric-icons-2.ts index f04be16bff35a..fbb527a9e888c 100644 --- a/packages/icons/src/fabric-icons-2.ts +++ b/packages/icons/src/fabric-icons-2.ts @@ -1,3 +1,5 @@ + // Your use of the content in the files referenced here is subject to the terms of the license at https://aka.ms/fabric-assets-license + // tslint:disable:max-line-length import { @@ -20,18 +22,35 @@ export function initializeIcons( }, fontFace: { fontFamily: `"FabricMDL2Icons-2"`, - src: `url('${baseUrl}fabric-icons-2-2be8dca9.woff') format('woff')`, + src: `url('${baseUrl}fabric-icons-2-e2ae1f0c.woff') format('woff')`, }, icons: { + 'Comment': '\uE90A', + 'DockLeft': '\uE90C', + 'DockRight': '\uE90D', + 'Repair': '\uE90F', + 'Accounts': '\uE910', + 'RadioBullet': '\uE915', + 'Stopwatch': '\uE916', + 'Clock': '\uE917', + 'WorldClock': '\uE918', + 'AlarmClock': '\uE919', + 'Hospital': '\uE91D', + 'Timer': '\uE91E', + 'FullCircleMask': '\uE91F', + 'LocationFill': '\uE920', + 'ChromeMinimize': '\uE921', + 'Annotation': '\uE924', 'Fingerprint': '\uE928', 'Handwriting': '\uE929', - 'StackIndicator': '\uE7FF', 'Completed': '\uE930', 'Label': '\uE932', 'FlickDown': '\uE935', 'FlickUp': '\uE936', 'FlickLeft': '\uE937', 'FlickRight': '\uE938', + 'MiniExpand': '\uE93A', + 'MiniContract': '\uE93B', 'Streaming': '\uE93E', 'MusicInCollection': '\uE940', 'OneDrive': '\uE941', @@ -54,28 +73,21 @@ export function initializeIcons( 'ChevronDownMed': '\uE972', 'ChevronLeftMed': '\uE973', 'ChevronRightMed': '\uE974', - 'Dictionary': '\uE82D', - 'ChromeBack': '\uE830', 'PC1': '\uE977', 'PresenceChickletVideo': '\uE979', 'Reply': '\uE97A', 'HalfAlpha': '\uE97E', - 'LockSolid': '\uE9A2', 'ConstructionCone': '\uE98F', 'DoubleChevronLeftMed': '\uE991', 'Volume0': '\uE992', 'Volume1': '\uE993', 'Volume2': '\uE994', 'Volume3': '\uE995', - 'CaretHollow': '\uE817', - 'CaretSolid': '\uE818', - 'FolderOpen': '\uE838', - 'PinnedFill': '\uE842', 'Chart': '\uE999', 'Robot': '\uE99A', + 'LockSolid': '\uE9A2', 'BidiLtr': '\uE9AA', 'BidiRtl': '\uE9AB', - 'RevToggleKey': '\uE845', 'RightDoubleQuote': '\uE9B1', 'Sunny': '\uE9BD', 'CloudWeather': '\uE9BE', @@ -95,8 +107,6 @@ export function initializeIcons( 'Duststorm': '\uE9CD', 'Unknown': '\uE9CE', 'Precipitation': '\uE9CF', - 'Ringer': '\uEA8F', - 'PDF': '\uEA90', 'Ribbon': '\uE9D1', 'AreaChart': '\uE9D2', 'Assign': '\uE9D3', @@ -112,17 +122,9 @@ export function initializeIcons( 'SnowShowerDay': '\uE9FD', 'HailDay': '\uEA00', 'WorkFlow': '\uEA01', - 'StoreLogoMed': '\uEA04', - 'TriangleSolid': '\uEA08', - 'RainShowersNight': '\uEA0F', - 'SnowShowerNight': '\uEA11', - 'HailNight': '\uEA13', - 'Info2': '\uEA1F', - 'StoreLogo': '\uEA96', - 'MultiSelectMirrored': '\uEA98', - 'Broom': '\uEA99', - 'MusicInCollectionFill': '\uEA36', - 'Asterisk': '\uEA38' + 'HourGlass': '\uEA03', + 'StoreLogoMed20': '\uEA04', + 'TimeSheet': '\uEA05' } }; diff --git a/packages/icons/src/fabric-icons-3.ts b/packages/icons/src/fabric-icons-3.ts index 0758fa8440e7c..dd813f825c81a 100644 --- a/packages/icons/src/fabric-icons-3.ts +++ b/packages/icons/src/fabric-icons-3.ts @@ -1,3 +1,5 @@ + // Your use of the content in the files referenced here is subject to the terms of the license at https://aka.ms/fabric-assets-license + // tslint:disable:max-line-length import { @@ -20,9 +22,26 @@ export function initializeIcons( }, fontFace: { fontFamily: `"FabricMDL2Icons-3"`, - src: `url('${baseUrl}fabric-icons-3-80b6008d.woff') format('woff')`, + src: `url('${baseUrl}fabric-icons-3-a13cb765.woff') format('woff')`, }, icons: { + 'TriangleSolid': '\uEA08', + 'VideoSolid': '\uEA0C', + 'RainShowersNight': '\uEA0F', + 'SnowShowerNight': '\uEA11', + 'Teamwork': '\uEA12', + 'HailNight': '\uEA13', + 'PeopleAdd': '\uEA15', + 'Glasses': '\uEA16', + 'DateTime2': '\uEA17', + 'Shield': '\uEA18', + 'Header1': '\uEA19', + 'PageAdd': '\uEA1A', + 'NumberedList': '\uEA1C', + 'PowerBILogo': '\uEA1E', + 'Info2': '\uEA1F', + 'MusicInCollectionFill': '\uEA36', + 'Asterisk': '\uEA38', 'ErrorBadge': '\uEA39', 'CircleFill': '\uEA3B', 'Record2': '\uEA3F', @@ -53,6 +72,12 @@ export function initializeIcons( 'EmojiNeutral': '\uEA87', 'EmojiDisappointed': '\uEA88', 'HomeSolid': '\uEA8A', + 'Ringer': '\uEA8F', + 'PDF': '\uEA90', + 'HeartBroken': '\uEA92', + 'StoreLogo16': '\uEA96', + 'MultiSelectMirrored': '\uEA98', + 'Broom': '\uEA99', 'Cocktails': '\uEA9D', 'Wines': '\uEABF', 'Articles': '\uEAC1', @@ -60,9 +85,11 @@ export function initializeIcons( 'DietPlanNotebook': '\uEAC8', 'Pill': '\uEACB', 'ExerciseTracker': '\uEACC', + 'HandsFree': '\uEAD0', 'Medical': '\uEAD4', 'Running': '\uEADA', 'Weights': '\uEADB', + 'AddNotes': '\uEAE3', 'BarChart4': '\uEAE7', 'CirclePlus': '\uEAEE', 'Coffee': '\uEAEF', @@ -73,8 +100,10 @@ export function initializeIcons( 'PieSingle': '\uEB05', 'RemoveFilter': '\uEB08', 'Savings': '\uEB0B', + 'Sell': '\uEB0C', 'StockDown': '\uEB0F', 'StockUp': '\uEB11', + 'Lamp': '\uEB19', 'MSNVideos': '\uEB1C', 'Cricket': '\uEB1E', 'Golf': '\uEB1F', @@ -87,6 +116,7 @@ export function initializeIcons( 'ProFootball': '\uEB27', 'ProHockey': '\uEB28', 'Rugby': '\uEB2D', + 'SubstitutionsIn': '\uEB31', 'Tennis': '\uEB33', 'Arrivals': '\uEB34', 'Design': '\uEB3C', @@ -94,35 +124,7 @@ export function initializeIcons( 'Drop': '\uEB42', 'SkiResorts': '\uEB45', 'Snowflake': '\uEB46', - 'BusSolid': '\uEB47', - 'FerrySolid': '\uEB48', - 'AirplaneSolid': '\uEB4C', - 'TrainSolid': '\uEB4D', - 'Ticket': '\uEB54', - 'Devices4': '\uEB66', - 'AzureLogo': '\uEB6A', - 'BingLogo': '\uEB6B', - 'MSNLogo': '\uEB6C', - 'OutlookLogoInverse': '\uEB6D', - 'OfficeLogo': '\uEB6E', - 'SkypeLogo': '\uEB6F', - 'Door': '\uEB75', - 'EditMirrored': '\uEB7E', - 'GiftCard': '\uEB8E', - 'DoubleBookmark': '\uEB8F', - 'StatusErrorFull': '\uEB90', - 'Certificate': '\uEB95', - 'FastForward': '\uEB9D', - 'Rewind': '\uEB9E', - 'Photo2': '\uEB9F', - 'OpenSource': '\uEBC2', - 'CloudDownload': '\uEBD3', - 'WindDirection': '\uEBE6', - 'Family': '\uEBDA', - 'CSS': '\uEBEF', - 'JS': '\uEBF0', - 'DeliveryTruck': '\uEBF4', - 'ReminderPerson': '\uEBF7' + 'BusSolid': '\uEB47' } }; diff --git a/packages/icons/src/fabric-icons-4.ts b/packages/icons/src/fabric-icons-4.ts index a27a0773ca31b..03c61f57769a5 100644 --- a/packages/icons/src/fabric-icons-4.ts +++ b/packages/icons/src/fabric-icons-4.ts @@ -1,3 +1,5 @@ +// Your use of the content in the files referenced here is subject to the terms of the license at https://aka.ms/fabric-assets-license + // tslint:disable:max-line-length import { @@ -20,10 +22,44 @@ export function initializeIcons( }, fontFace: { fontFamily: `"FabricMDL2Icons-4"`, - src: `url('${baseUrl}fabric-icons-4-46fbc7bc.woff') format('woff')`, + src: `url('${baseUrl}fabric-icons-4-97372384.woff') format('woff')`, }, icons: { + 'FerrySolid': '\uEB48', + 'AirplaneSolid': '\uEB4C', + 'TrainSolid': '\uEB4D', + 'Ticket': '\uEB54', + 'Devices4': '\uEB66', + 'AzureLogo': '\uEB6A', + 'BingLogo': '\uEB6B', + 'MSNLogo': '\uEB6C', + 'OutlookLogoInverse': '\uEB6D', + 'OfficeLogo': '\uEB6E', + 'SkypeLogo': '\uEB6F', + 'Door': '\uEB75', + 'EditMirrored': '\uEB7E', + 'GiftCard': '\uEB8E', + 'DoubleBookmark': '\uEB8F', + 'StatusErrorFull': '\uEB90', + 'Certificate': '\uEB95', + 'FastForward': '\uEB9D', + 'Rewind': '\uEB9E', + 'Photo2': '\uEB9F', + 'OpenSource': '\uEBC2', + 'Movers': '\uEBCD', + 'CloudDownload': '\uEBD3', + 'Family': '\uEBDA', + 'WindDirection': '\uEBE6', + 'Bug': '\uEBE8', + 'SiteScan': '\uEBEC', + 'BrowserScreenShot': '\uEBED', + 'F12DevTools': '\uEBEE', + 'CSS': '\uEBEF', + 'JS': '\uEBF0', + 'DeliveryTruck': '\uEBF4', + 'ReminderPerson': '\uEBF7', 'ReminderGroup': '\uEBF8', + 'TabletMode': '\uEBFC', 'Umbrella': '\uEC04', 'NetworkTower': '\uEC05', 'CityNext': '\uEC06', @@ -42,6 +78,7 @@ export function initializeIcons( 'PowerPointLogoInverse': '\uEC2A', 'Cafe': '\uEC32', 'SpeedHigh': '\uEC4A', + 'Commitments': '\uEC4D', 'ThisPC': '\uEC4E', 'MusicNote': '\uEC4F', 'MicOff': '\uEC54', @@ -56,6 +93,7 @@ export function initializeIcons( 'DeveloperTools': '\uEC7A', 'InsertTextBox': '\uEC7D', 'LowerBrightness': '\uEC8A', + 'DOM': '\uEC8D', 'CloudUpload': '\uEC8E', 'ScrollUpDown': '\uEC8F', 'DateTime': '\uEC92', @@ -73,16 +111,6 @@ export function initializeIcons( 'RadioBtnOff': '\uECCA', 'RadioBtnOn': '\uECCB', 'ExploreContent': '\uECCD', - 'VideoSolid': '\uEA0C', - 'Teamwork': '\uEA12', - 'PeopleAdd': '\uEA15', - 'Glasses': '\uEA16', - 'DateTime2': '\uEA17', - 'Shield': '\uEA18', - 'Header1': '\uEA19', - 'PageAdd': '\uEA1A', - 'NumberedList': '\uEA1C', - 'PowerBILogo': '\uEA1E', 'Product': '\uECDC', 'ProgressLoopInner': '\uECDE', 'ProgressLoopOuter': '\uECDF', @@ -91,34 +119,11 @@ export function initializeIcons( 'Glimmer': '\uECF4', 'ChatInviteFriend': '\uECFE', 'Crown': '\uED01', + 'ScaleUp': '\uED09', 'Feedback': '\uED15', 'SharepointLogoInverse': '\uED18', 'YammerLogo': '\uED19', - 'Hide': '\uED1A', - 'Uneditable': '\uED1D', - 'ReturnToSession': '\uED24', - 'OpenFolderHorizontal': '\uED25', - 'CalendarMirrored': '\uED28', - 'SwayLogoInverse': '\uED29', - 'OutOfOffice': '\uED34', - 'Trophy': '\uED3F', - 'ReopenPages': '\uED50', - 'AADLogo': '\uED68', - 'AccessLogo': '\uED69', - 'AdminALogoInverse32': '\uED6A', - 'AdminCLogoInverse32': '\uED6B', - 'AdminDLogoInverse32': '\uED6C', - 'AdminELogoInverse32': '\uED6D', - 'AdminLLogoInverse32': '\uED6E', - 'AdminMLogoInverse32': '\uED6F', - 'AdminOLogoInverse32': '\uED70', - 'AdminPLogoInverse32': '\uED71', - 'AdminSLogoInverse32': '\uED72', - 'AdminYLogoInverse32': '\uED73', - 'DelveLogoInverse': '\uED76', - 'ExchangeLogoInverse': '\uED78', - 'LyncLogo': '\uED79', - 'OfficeVideoLogoInverse': '\uED7A' + 'Hide': '\uED1A' } }; diff --git a/packages/icons/src/fabric-icons-5.ts b/packages/icons/src/fabric-icons-5.ts index b44a232cad394..05c1144911ca7 100644 --- a/packages/icons/src/fabric-icons-5.ts +++ b/packages/icons/src/fabric-icons-5.ts @@ -1,3 +1,5 @@ +// Your use of the content in the files referenced here is subject to the terms of the license at https://aka.ms/fabric-assets-license + // tslint:disable:max-line-length import { @@ -20,9 +22,35 @@ export function initializeIcons( }, fontFace: { fontFamily: `"FabricMDL2Icons-5"`, - src: `url('${baseUrl}fabric-icons-5-5bc71068.woff') format('woff')`, + src: `url('${baseUrl}fabric-icons-5-125dbde8.woff') format('woff')`, }, icons: { + 'Uneditable': '\uED1D', + 'ReturnToSession': '\uED24', + 'OpenFolderHorizontal': '\uED25', + 'CalendarMirrored': '\uED28', + 'SwayLogoInverse': '\uED29', + 'OutOfOffice': '\uED34', + 'Trophy': '\uED3F', + 'ReopenPages': '\uED50', + 'EmojiTabSymbols': '\uED58', + 'AADLogo': '\uED68', + 'AccessLogo': '\uED69', + 'AdminALogoInverse32': '\uED6A', + 'AdminCLogoInverse32': '\uED6B', + 'AdminDLogoInverse32': '\uED6C', + 'AdminELogoInverse32': '\uED6D', + 'AdminLLogoInverse32': '\uED6E', + 'AdminMLogoInverse32': '\uED6F', + 'AdminOLogoInverse32': '\uED70', + 'AdminPLogoInverse32': '\uED71', + 'AdminSLogoInverse32': '\uED72', + 'AdminYLogoInverse32': '\uED73', + 'DelveLogoInverse': '\uED76', + 'ExchangeLogoInverse': '\uED78', + 'LyncLogo': '\uED79', + 'OfficeVideoLogoInverse': '\uED7A', + 'ParatureLogo': '\uED7B', 'SocialListeningLogo': '\uED7C', 'VisioLogoInverse': '\uED7D', 'Balloons': '\uED7E', @@ -61,6 +89,7 @@ export function initializeIcons( 'Room': '\uED9F', 'Unsubscribe': '\uEDA0', 'Subscribe': '\uEDA1', + 'HardDrive': '\uEDA2', 'RecurringTask': '\uEDB2', 'TaskManager': '\uEDB7', 'TaskManagerMirrored': '\uEDB8', @@ -93,35 +122,7 @@ export function initializeIcons( 'CaretLeftSolid8': '\uEDD9', 'CaretRightSolid8': '\uEDDA', 'CaretUpSolid8': '\uEDDB', - 'CaretDownSolid8': '\uEDDC', - 'ClearFormatting': '\uEDDD', - 'Superscript': '\uEDDE', - 'Subscript': '\uEDDF', - 'Strikethrough': '\uEDE0', - 'Export': '\uEDE1', - 'ExportMirrored': '\uEDE2', - 'SingleBookmark': '\uEDFF', - 'DoubleChevronDown': '\uEE04', - 'ReplyAll': '\uEE0A', - 'Questionnaire': '\uEE19', - 'ReplyMirrored': '\uEE35', - 'ReplyAllMirrored': '\uEE36', - 'AddGroup': '\uEE3D', - 'QuestionnaireMirrored': '\uEE4B', - 'TemporaryUser': '\uEE58', - 'CaretSolid16': '\uEE62', - 'GroupedDescending': '\uEE66', - 'GroupedAscending': '\uEE67', - 'AwayStatus': '\uEE6A', - 'MyMoviesTV': '\uEE6C', - 'AustralianRules': '\uEE70', - 'WifiEthernet': '\uEE77', - 'DateTimeMirrored': '\uEE93', - 'StopSolid': '\uEE95', - 'DoubleChevronUp12': '\uEE96', - 'DoubleChevronDown12': '\uEE97', - 'DoubleChevronLeft12': '\uEE98', - 'DoubleChevronRight12': '\uEE99' + 'CaretDownSolid8': '\uEDDC' } }; diff --git a/packages/icons/src/fabric-icons-6.ts b/packages/icons/src/fabric-icons-6.ts index ce037afb76fa9..951a2ac5c22f1 100644 --- a/packages/icons/src/fabric-icons-6.ts +++ b/packages/icons/src/fabric-icons-6.ts @@ -1,3 +1,5 @@ +// Your use of the content in the files referenced here is subject to the terms of the license at https://aka.ms/fabric-assets-license + // tslint:disable:max-line-length import { @@ -20,9 +22,42 @@ export function initializeIcons( }, fontFace: { fontFamily: `"FabricMDL2Icons-6"`, - src: `url('${baseUrl}fabric-icons-6-328cd253.woff') format('woff')`, + src: `url('${baseUrl}fabric-icons-6-2e7e2914.woff') format('woff')`, }, icons: { + 'ClearFormatting': '\uEDDD', + 'Superscript': '\uEDDE', + 'Subscript': '\uEDDF', + 'Strikethrough': '\uEDE0', + 'Export': '\uEDE1', + 'ExportMirrored': '\uEDE2', + 'SingleBookmark': '\uEDFF', + 'DoubleChevronDown': '\uEE04', + 'FollowUser': '\uEE05', + 'ReplyAll': '\uEE0A', + 'WorkforceManagement': '\uEE0F', + 'Questionnaire': '\uEE19', + 'ManagerSelfService': '\uEE23', + 'ReplyMirrored': '\uEE35', + 'ReplyAllMirrored': '\uEE36', + 'Medal': '\uEE38', + 'AddGroup': '\uEE3D', + 'QuestionnaireMirrored': '\uEE4B', + 'TemporaryUser': '\uEE58', + 'CaretSolid16': '\uEE62', + 'GroupedDescending': '\uEE66', + 'GroupedAscending': '\uEE67', + 'AwayStatus': '\uEE6A', + 'MyMoviesTV': '\uEE6C', + 'GenericScan': '\uEE6F', + 'AustralianRules': '\uEE70', + 'WifiEthernet': '\uEE77', + 'DateTimeMirrored': '\uEE93', + 'StopSolid': '\uEE95', + 'DoubleChevronUp12': '\uEE96', + 'DoubleChevronDown12': '\uEE97', + 'DoubleChevronLeft12': '\uEE98', + 'DoubleChevronRight12': '\uEE99', 'CalendarAgenda': '\uEE9A', 'AddEvent': '\uEEB5', 'AssetLibrary': '\uEEB6', @@ -55,7 +90,10 @@ export function initializeIcons( 'DelveAnalytics': '\uEEEE', 'ArrowUpRightMirrored8': '\uEEEF', 'ArrowDownRightMirrored8': '\uEEF0', + 'CompanyDirectory': '\uEF0D', + 'CompanyDirectoryMirrored': '\uEF2B', 'OneDriveAdd': '\uEF32', + 'ProfileSearch': '\uEF35', 'Header2': '\uEF36', 'Header3': '\uEF37', 'Header4': '\uEF38', @@ -85,42 +123,7 @@ export function initializeIcons( 'ExpandMenu': '\uEF67', 'Boards': '\uEF68', 'SunAdd': '\uEF69', - 'SunQuestionMark': '\uEF6A', - 'LandscapeOrientation': '\uEF6B', - 'DocumentSearch': '\uEF6C', - 'PublicCalendar': '\uEF6D', - 'PublicContactCard': '\uEF6E', - 'PublicEmail': '\uEF6F', - 'PublicFolder': '\uEF70', - 'WordDocument': '\uEF71', - 'PowerPointDocument': '\uEF72', - 'ExcelDocument': '\uEF73', - 'GroupedList': '\uEF74', - 'ClassroomLogo': '\uEF75', - 'Sections': '\uEF76', - 'EditPhoto': '\uEF77', - 'Starburst': '\uEF78', - 'ShareiOS': '\uEF79', - 'AirTickets': '\uEF7A', - 'PencilReply': '\uEF7B', - 'Tiles2': '\uEF7C', - 'SkypeCircleCheck': '\uEF7D', - 'SkypeCircleClock': '\uEF7E', - 'SkypeCircleMinus': '\uEF7F', - 'SkypeMessage': '\uEF83', - 'ClosedCaption': '\uEF84', - 'ATPLogo': '\uEF85', - 'OfficeFormsLogoInverse': '\uEF86', - 'RecycleBin': '\uEF87', - 'EmptyRecycleBin': '\uEF88', - 'Hide2': '\uEF89', - 'Breadcrumb': '\uEF8C', - 'PageEdit': '\uEFB6', - 'Database': '\uEFC7', - 'DocumentManagement': '\uEFFC', - 'CRMReport': '\uEFFE', - 'ZipFolder': '\uF012', - 'TextDocument': '\uF029' + 'SunQuestionMark': '\uEF6A' } }; diff --git a/packages/icons/src/fabric-icons-7.ts b/packages/icons/src/fabric-icons-7.ts index b94f854b4edfb..ab89a59e387b0 100644 --- a/packages/icons/src/fabric-icons-7.ts +++ b/packages/icons/src/fabric-icons-7.ts @@ -1,3 +1,5 @@ +// Your use of the content in the files referenced here is subject to the terms of the license at https://aka.ms/fabric-assets-license + // tslint:disable:max-line-length import { @@ -20,9 +22,52 @@ export function initializeIcons( }, fontFace: { fontFamily: `"FabricMDL2Icons-7"`, - src: `url('${baseUrl}fabric-icons-7-1bae3315.woff') format('woff')`, + src: `url('${baseUrl}fabric-icons-7-143895dd.woff') format('woff')`, }, icons: { + 'LandscapeOrientation': '\uEF6B', + 'DocumentSearch': '\uEF6C', + 'PublicCalendar': '\uEF6D', + 'PublicContactCard': '\uEF6E', + 'PublicEmail': '\uEF6F', + 'PublicFolder': '\uEF70', + 'WordDocument': '\uEF71', + 'PowerPointDocument': '\uEF72', + 'ExcelDocument': '\uEF73', + 'GroupedList': '\uEF74', + 'ClassroomLogo': '\uEF75', + 'Sections': '\uEF76', + 'EditPhoto': '\uEF77', + 'Starburst': '\uEF78', + 'ShareiOS': '\uEF79', + 'AirTickets': '\uEF7A', + 'PencilReply': '\uEF7B', + 'Tiles2': '\uEF7C', + 'SkypeCircleCheck': '\uEF7D', + 'SkypeCircleClock': '\uEF7E', + 'SkypeCircleMinus': '\uEF7F', + 'SkypeMessage': '\uEF83', + 'ClosedCaption': '\uEF84', + 'ATPLogo': '\uEF85', + 'OfficeFormsLogoInverse': '\uEF86', + 'RecycleBin': '\uEF87', + 'EmptyRecycleBin': '\uEF88', + 'Hide2': '\uEF89', + 'Breadcrumb': '\uEF8C', + 'BirthdayCake': '\uEF8D', + 'TimeEntry': '\uEF95', + 'PageEdit': '\uEFB6', + 'PageRemove': '\uEFBA', + 'Database': '\uEFC7', + 'EditContact': '\uEFD3', + 'ConnectContacts': '\uEFD4', + 'ActivateOrders': '\uEFE0', + 'DeactivateOrders': '\uEFE1', + 'DocumentManagement': '\uEFFC', + 'CRMReport': '\uEFFE', + 'ZipFolder': '\uF012', + 'SurveyQuestions': '\uF01B', + 'TextDocument': '\uF029', 'PageCheckedOut': '\uF02C', 'SaveAndClose': '\uF038', 'Script': '\uF03A', @@ -71,58 +116,13 @@ export function initializeIcons( 'GiftboxOpen': '\uF133', 'StatusCircleOuter': '\uF136', 'StatusCircleInner': '\uF137', + 'Toll': '\uF160', 'ExploreContentSingle': '\uF164', 'CollapseContent': '\uF165', 'CollapseContentSingle': '\uF166', 'InfoSolid': '\uF167', 'ProgressRingDots': '\uF16A', - 'CaloriesAdd': '\uF172', - 'BranchFork': '\uF173', - 'HardDriveGroup': '\uF18F', - 'BucketColor': '\uF1B6', - 'BucketColorFill': '\uF1B7', - 'Taskboard': '\uF1C2', - 'SingleColumn': '\uF1D3', - 'DoubleColumn': '\uF1D4', - 'TripleColumn': '\uF1D5', - 'ColumnLeftTwoThirds': '\uF1D6', - 'ColumnRightTwoThirds': '\uF1D7', - 'AccessLogoFill': '\uF1DB', - 'AnalyticsLogo': '\uF1DE', - 'AnalyticsQuery': '\uF1DF', - 'NewAnalyticsQuery': '\uF1E0', - 'AnalyticsReport': '\uF1E1', - 'WordLogo': '\uF1E3', - 'WordLogoFill': '\uF1E4', - 'ExcelLogo': '\uF1E5', - 'ExcelLogoFill': '\uF1E6', - 'OneNoteLogo': '\uF1E7', - 'OneNoteLogoFill': '\uF1E8', - 'OutlookLogo': '\uF1E9', - 'OutlookLogoFill': '\uF1EA', - 'PowerPointLogo': '\uF1EB', - 'PowerPointLogoFill': '\uF1EC', - 'PublisherLogo': '\uF1ED', - 'PublisherLogoFill': '\uF1EE', - 'ScheduleEventAction': '\uF1EF', - 'FlameSolid': '\uF1F3', - 'ServerProcesses': '\uF1FE', - 'Server': '\uF201', - 'SaveAll': '\uF203', - 'LinkedInLogo': '\uF20A', - 'SidePanelMirrored': '\uF221', - 'ProtectRestrict': '\uF22A', - 'GridViewSmall': '\uF232', - 'GridViewMedium': '\uF233', - 'GridViewLarge': '\uF234', - 'Step': '\uF241', - 'StepInsert': '\uF242', - 'StepShared': '\uF243', - 'StepSharedAdd': '\uF244', - 'StepSharedInsert': '\uF245', - 'ViewDashboard': '\uF246', - 'ViewList': '\uF247', - 'ViewListGroup': '\uF248' + 'CaloriesAdd': '\uF172' } }; diff --git a/packages/icons/src/fabric-icons-8.ts b/packages/icons/src/fabric-icons-8.ts index 3f6eccbce7e3c..57325985ef742 100644 --- a/packages/icons/src/fabric-icons-8.ts +++ b/packages/icons/src/fabric-icons-8.ts @@ -1,3 +1,5 @@ + // Your use of the content in the files referenced here is subject to the terms of the license at https://aka.ms/fabric-assets-license + // tslint:disable:max-line-length import { @@ -20,9 +22,61 @@ export function initializeIcons( }, fontFace: { fontFamily: `"FabricMDL2Icons-8"`, - src: `url('${baseUrl}fabric-icons-8-bf5c8e0c.woff') format('woff')`, + src: `url('${baseUrl}fabric-icons-8-bd2a110b.woff') format('woff')`, }, icons: { + 'BranchFork': '\uF173', + 'MobileReport': '\uF18A', + 'HardDriveGroup': '\uF18F', + 'FastMode': '\uF19A', + 'ToggleOff': '\uF19F', + 'Trophy2': '\uF1AE', + 'BucketColor': '\uF1B6', + 'BucketColorFill': '\uF1B7', + 'Taskboard': '\uF1C2', + 'SingleColumn': '\uF1D3', + 'DoubleColumn': '\uF1D4', + 'TripleColumn': '\uF1D5', + 'ColumnLeftTwoThirds': '\uF1D6', + 'ColumnRightTwoThirds': '\uF1D7', + 'AccessLogoFill': '\uF1DB', + 'AnalyticsLogo': '\uF1DE', + 'AnalyticsQuery': '\uF1DF', + 'NewAnalyticsQuery': '\uF1E0', + 'AnalyticsReport': '\uF1E1', + 'WordLogo': '\uF1E3', + 'WordLogoFill': '\uF1E4', + 'ExcelLogo': '\uF1E5', + 'ExcelLogoFill': '\uF1E6', + 'OneNoteLogo': '\uF1E7', + 'OneNoteLogoFill': '\uF1E8', + 'OutlookLogo': '\uF1E9', + 'OutlookLogoFill': '\uF1EA', + 'PowerPointLogo': '\uF1EB', + 'PowerPointLogoFill': '\uF1EC', + 'PublisherLogo': '\uF1ED', + 'PublisherLogoFill': '\uF1EE', + 'ScheduleEventAction': '\uF1EF', + 'FlameSolid': '\uF1F3', + 'ServerProcesses': '\uF1FE', + 'Server': '\uF201', + 'SaveAll': '\uF203', + 'LinkedInLogo': '\uF20A', + 'SidePanelMirrored': '\uF221', + 'ProtectRestrict': '\uF22A', + 'UnknownMirrored': '\uF22E', + 'PublicContactCardMirrored': '\uF230', + 'GridViewSmall': '\uF232', + 'GridViewMedium': '\uF233', + 'GridViewLarge': '\uF234', + 'Step': '\uF241', + 'StepInsert': '\uF242', + 'StepShared': '\uF243', + 'StepSharedAdd': '\uF244', + 'StepSharedInsert': '\uF245', + 'ViewDashboard': '\uF246', + 'ViewList': '\uF247', + 'ViewListGroup': '\uF248', 'ViewListTree': '\uF249', 'TriggerAuto': '\uF24A', 'TriggerUser': '\uF24B', @@ -32,9 +86,13 @@ export function initializeIcons( 'BuildQueue': '\uF24F', 'BuildQueueNew': '\uF250', 'UserFollowed': '\uF25C', + 'ContactLink': '\uF25F', + 'Stack': '\uF26F', + 'Bullseye': '\uF272', 'VennDiagram': '\uF273', 'FiveTileGrid': '\uF274', 'FocalPoint': '\uF277', + 'RingerRemove': '\uF279', 'TeamsLogoInverse': '\uF27A', 'TeamsLogo': '\uF27B', 'TeamsLogoFill': '\uF27C', @@ -66,63 +124,7 @@ export function initializeIcons( 'RowsGroup': '\uF29B', 'RowsChild': '\uF29C', 'Deploy': '\uF29D', - 'Redeploy': '\uF29E', - 'ServerEnviroment': '\uF29F', - 'Plug': '\uF300', - 'PlugSolid': '\uF301', - 'PlugConnected': '\uF302', - 'PlugDisconnected': '\uF303', - 'UnlockSolid': '\uF304', - 'Variable': '\uF305', - 'Parameter': '\uF306', - 'CommentUrgent': '\uF307', - 'Storyboard': '\uF308', - 'DiffInline': '\uF309', - 'DiffSideBySide': '\uF30A', - 'ImageDiff': '\uF30B', - 'ImagePixel': '\uF30C', - 'FileBug': '\uF30D', - 'FileCode': '\uF30E', - 'FileComment': '\uF30F', - 'FileImage': '\uF311', - 'FileSymlink': '\uF312', - 'AutoFillTemplate': '\uF313', - 'WorkItem': '\uF314', - 'WorkItemBug': '\uF315', - 'LogRemove': '\uF316', - 'ColumnOptions': '\uF317', - 'Packages': '\uF318', - 'BuildIssue': '\uF319', - 'AssessmentGroup': '\uF31A', - 'VariableGroup': '\uF31B', - 'FullHistory': '\uF31C', - 'BusinessHoursSign': '\uF310', - 'VisioDiagram': '\uF2A0', - 'HighlightMappedShapes': '\uF2A1', - 'TextCallout': '\uF2A2', - 'IconSetsFlag': '\uF2A4', - 'VisioLogo': '\uF2A7', - 'VisioLogoFill': '\uF2A8', - 'VisioDocument': '\uF2A9', - 'TimelineProgress': '\uF2AA', - 'TimelineDelivery': '\uF2AB', - 'Backlog': '\uF2AC', - 'TeamFavorite': '\uF2AD', - 'TaskGroup': '\uF2AE', - 'TaskGroupMirrored': '\uF2AF', - 'ScopeTemplate': '\uF2B0', - 'AssessmentGroupTemplate': '\uF2B1', - 'NewTeamProject': '\uF2B2', - 'CommentAdd': '\uF2B3', - 'CommentNext': '\uF2B4', - 'CommentPrevious': '\uF2B5', - 'ShopServer': '\uF2B6', - 'LocaleLanguage': '\uF2B7', - 'QueryList': '\uF2B8', - 'UserSync': '\uF2B9', - 'UserPause': '\uF2BA', - 'StreamingOff': '\uF2BB', - 'ArrowTallUpLeft': '\uF2BD' + 'Redeploy': '\uF29E' } }; diff --git a/packages/icons/src/fabric-icons-9.ts b/packages/icons/src/fabric-icons-9.ts index 1304bf3541261..3dc4b6431a896 100644 --- a/packages/icons/src/fabric-icons-9.ts +++ b/packages/icons/src/fabric-icons-9.ts @@ -1,3 +1,5 @@ + // Your use of the content in the files referenced here is subject to the terms of the license at https://aka.ms/fabric-assets-license + // tslint:disable:max-line-length import { @@ -20,9 +22,36 @@ export function initializeIcons( }, fontFace: { fontFamily: `"FabricMDL2Icons-9"`, - src: `url('${baseUrl}fabric-icons-9-a362212c.woff') format('woff')`, + src: `url('${baseUrl}fabric-icons-9-8ab77260.woff') format('woff')`, }, icons: { + 'ServerEnviroment': '\uF29F', + 'VisioDiagram': '\uF2A0', + 'HighlightMappedShapes': '\uF2A1', + 'TextCallout': '\uF2A2', + 'IconSetsFlag': '\uF2A4', + 'VisioLogo': '\uF2A7', + 'VisioLogoFill': '\uF2A8', + 'VisioDocument': '\uF2A9', + 'TimelineProgress': '\uF2AA', + 'TimelineDelivery': '\uF2AB', + 'Backlog': '\uF2AC', + 'TeamFavorite': '\uF2AD', + 'TaskGroup': '\uF2AE', + 'TaskGroupMirrored': '\uF2AF', + 'ScopeTemplate': '\uF2B0', + 'AssessmentGroupTemplate': '\uF2B1', + 'NewTeamProject': '\uF2B2', + 'CommentAdd': '\uF2B3', + 'CommentNext': '\uF2B4', + 'CommentPrevious': '\uF2B5', + 'ShopServer': '\uF2B6', + 'LocaleLanguage': '\uF2B7', + 'QueryList': '\uF2B8', + 'UserSync': '\uF2B9', + 'UserPause': '\uF2BA', + 'StreamingOff': '\uF2BB', + 'ArrowTallUpLeft': '\uF2BD', 'ArrowTallUpRight': '\uF2BE', 'ArrowTallDownLeft': '\uF2BF', 'ArrowTallDownRight': '\uF2C0', @@ -87,42 +116,15 @@ export function initializeIcons( 'MarkDownLanguage': '\uF2FB', 'FullWidth': '\uF2FE', 'FullWidthEdit': '\uF2FF', - 'SingleColumnEdit': '\uF321', - 'DoubleColumnEdit': '\uF322', - 'TripleColumnEdit': '\uF323', - 'ColumnLeftTwoThirdsEdit': '\uF324', - 'ColumnRightTwoThirdsEdit': '\uF325', - 'StreamLogo': '\uF329', - 'AlertSolid': '\uF331', - 'MegaphoneSolid': '\uF332', - 'TaskSolid': '\uF333', - 'ConfigurationSolid': '\uF334', - 'BugSolid': '\uF335', - 'CrownSolid': '\uF336', - 'Trophy2Solid': '\uF337', - 'QuickNoteSolid': '\uF338', - 'ConstructionConeSolid': '\uF339', - 'PageListSolid': '\uF33A', - 'PageListMirroredSolid': '\uF33B', - 'StarburstSolid': '\uF33C', - 'ReadingModeSolid': '\uF33D', - 'SadSolid': '\uF33E', - 'HealthSolid': '\uF33F', - 'ShieldSolid': '\uF340', - 'GiftBoxSolid': '\uF341', - 'ShoppingCartSolid': '\uF342', - 'MailSolid': '\uF343', - 'ChatSolid': '\uF344', - 'RibbonSolid': '\uF345', - 'FinancialSolid': '\uF346', - 'FinancialMirroredSolid': '\uF347', - 'HeadsetSolid': '\uF348', - 'PermissionsSolid': '\uF349', - 'ParkingSolid': '\uF34A', - 'ParkingMirroredSolid': '\uF34B', - 'DiamondSolid': '\uF34C', - 'AsteriskSolid': '\uF34D', - 'OfflineStorageSolid': '\uF34E' + 'Plug': '\uF300', + 'PlugSolid': '\uF301', + 'PlugConnected': '\uF302', + 'PlugDisconnected': '\uF303', + 'UnlockSolid': '\uF304', + 'Variable': '\uF305', + 'Parameter': '\uF306', + 'CommentUrgent': '\uF307', + 'Storyboard': '\uF308' } }; diff --git a/packages/icons/src/fabric-icons.ts b/packages/icons/src/fabric-icons.ts index ea787ad8c1986..02d7e4ed2f83e 100644 --- a/packages/icons/src/fabric-icons.ts +++ b/packages/icons/src/fabric-icons.ts @@ -1,3 +1,5 @@ + // Your use of the content in the files referenced here is subject to the terms of the license at https://aka.ms/fabric-assets-license + // tslint:disable:max-line-length import { @@ -20,7 +22,7 @@ export function initializeIcons( }, fontFace: { fontFamily: `"FabricMDL2Icons"`, - src: `url('${baseUrl}fabric-icons-4ac62dd2.woff') format('woff')`, + src: `url('${baseUrl}fabric-icons-cf6d96bb.woff') format('woff')`, }, icons: { 'GlobalNavButton': '\uE700', @@ -42,9 +44,11 @@ export function initializeIcons( 'ChevronLeft': '\uE76B', 'ChevronRight': '\uE76C', 'Calendar': '\uE787', + 'Megaphone': '\uE789', 'Undo': '\uE7A7', 'Flag': '\uE7C1', 'Page': '\uE7C3', + 'Pinned': '\uE840', 'View': '\uE890', 'Clear': '\uE894', 'Download': '\uE896', @@ -56,7 +60,6 @@ export function initializeIcons( 'Tag': '\uE8EC', 'AddFriend': '\uE8FA', 'Info': '\uE946', - 'Pinned': '\uE840', 'SortLines': '\uE9D0', 'List': '\uEA37', 'CircleRing': '\uEA3A', diff --git a/packages/icons/src/index.ts b/packages/icons/src/index.ts index 56016b60ce5bf..1d07d5304f327 100644 --- a/packages/icons/src/index.ts +++ b/packages/icons/src/index.ts @@ -11,16 +11,19 @@ import { initializeIcons as i8 } from './fabric-icons-8'; import { initializeIcons as i9 } from './fabric-icons-9'; import { initializeIcons as i10 } from './fabric-icons-10'; import { initializeIcons as i11 } from './fabric-icons-11'; +import { initializeIcons as i12 } from './fabric-icons-12'; +import { initializeIcons as i13 } from './fabric-icons-13'; +import { initializeIcons as i14 } from './fabric-icons-14'; + import { IIconOptions } from '@uifabric/styling/lib/index'; import './icon-aliases'; - const DEFAULT_BASE_URL = 'https://spoprod-a.akamaihd.net/files/fabric/assets/icons/'; export function initializeIcons( baseUrl: string = DEFAULT_BASE_URL, options?: IIconOptions ): void { - [i, i0, i1, i2, i3, i4, i5, i6, i7, i8, i9, i10, i11].forEach( + [i,i0,i1,i2,i3,i4,i5,i6,i7,i8,i9,i10,i11,i12,i13,i14].forEach( (initialize: (url: string, options?: IIconOptions) => void) => initialize(baseUrl, options) ); } diff --git a/packages/jest-serializer-merge-styles/package.json b/packages/jest-serializer-merge-styles/package.json index 01711f8ee61e8..6726de0dcab0e 100644 --- a/packages/jest-serializer-merge-styles/package.json +++ b/packages/jest-serializer-merge-styles/package.json @@ -24,6 +24,6 @@ "office-ui-fabric-react-tslint": ">=5.0.0 <6.0.0" }, "dependencies": { - "@uifabric/merge-styles": ">=5.10.1 <6.0.0" + "@uifabric/merge-styles": ">=5.11.0 <6.0.0" } } \ No newline at end of file diff --git a/packages/merge-styles/CHANGELOG.json b/packages/merge-styles/CHANGELOG.json index 1810ab72ec69a..43bf929efe821 100644 --- a/packages/merge-styles/CHANGELOG.json +++ b/packages/merge-styles/CHANGELOG.json @@ -1,6 +1,20 @@ { "name": "@uifabric/merge-styles", "entries": [ + { + "version": "5.11.0", + "tag": "@uifabric/merge-styles_v5.11.0", + "date": "Thu, 25 Jan 2018 11:23:06 GMT", + "comments": { + "minor": [ + { + "author": "Montse Lozano Dieck ", + "commit": "a2864f8c6d0fc2b271c952b9929767ed760660ab", + "comment": "Change maxHeight/maxFontSize to CSSPixelUnitRule (number and string)" + } + ] + } + }, { "version": "5.10.1", "tag": "@uifabric/merge-styles_v5.10.1", diff --git a/packages/merge-styles/CHANGELOG.md b/packages/merge-styles/CHANGELOG.md index 37091bcd19b88..93b7272d36580 100644 --- a/packages/merge-styles/CHANGELOG.md +++ b/packages/merge-styles/CHANGELOG.md @@ -1,6 +1,13 @@ # Change Log - @uifabric/merge-styles -This log was last generated on Wed, 17 Jan 2018 11:11:25 GMT and should not be manually modified. +This log was last generated on Thu, 25 Jan 2018 11:23:06 GMT and should not be manually modified. + +## 5.11.0 +Thu, 25 Jan 2018 11:23:06 GMT + +### Minor changes + +- Change maxHeight/maxFontSize to CSSPixelUnitRule (number and string) ## 5.10.1 Wed, 17 Jan 2018 11:11:25 GMT diff --git a/packages/merge-styles/api/merge-styles.api.ts b/packages/merge-styles/api/merge-styles.api.ts index d0fc53e5dab8f..eb475fd14c0c8 100644 --- a/packages/merge-styles/api/merge-styles.api.ts +++ b/packages/merge-styles/api/merge-styles.api.ts @@ -1,5 +1,5 @@ // @public -export function concatStyleSets < T extends object >(...args: (T | false | null | undefined)[]): T; +export function concatStyleSets(...args: (T | false | null | undefined)[]): T; // @public export function fontFace(font: IFontFace): void; @@ -8,7 +8,7 @@ export function fontFace(font: IFontFace): void; interface IExtendedRawStyle extends IRawStyle { displayName?: string; selectors?: { - [ key: string ]: IStyle; + [key: string]: IStyle; } } @@ -161,8 +161,8 @@ interface IRawStyle extends IRawFontStyle { maskBorderWidth?: ICSSRule | ICSSPixelUnitRule; maskClip?: ICSSRule | string; maskOrigin?: ICSSRule | string; - maxFontSize?: ICSSRule | string; - maxHeight?: ICSSRule | string; + maxFontSize?: ICSSRule | ICSSPixelUnitRule; + maxHeight?: ICSSRule | ICSSPixelUnitRule; maxWidth?: ICSSRule | ICSSPixelUnitRule; minHeight?: ICSSRule | ICSSPixelUnitRule; minWidth?: ICSSRule | ICSSPixelUnitRule; @@ -282,7 +282,7 @@ export function keyframes(timeline: { [key: string]: {} }): string; export function mergeStyles(...args: (IStyle | IStyle[] | false | null | undefined)[]): string; // @public -export function mergeStyleSets < T extends object >(...cssSets: (T | false | null | undefined)[]): {[P in keyof T]?: string }; +export function mergeStyleSets(...cssSets: (T | false | null | undefined)[]): {[P in keyof T]?: string }; // @public class Stylesheet { diff --git a/packages/merge-styles/package.json b/packages/merge-styles/package.json index 9a40febda14df..2990935f87fed 100644 --- a/packages/merge-styles/package.json +++ b/packages/merge-styles/package.json @@ -1,6 +1,6 @@ { "name": "@uifabric/merge-styles", - "version": "5.10.1", + "version": "5.11.0", "description": "Office UI Fabric style loading utilities.", "main": "lib/index.js", "typings": "lib/index.d.ts", diff --git a/packages/merge-styles/src/IRawStyleBase.ts b/packages/merge-styles/src/IRawStyleBase.ts index 7eec66334a749..a1e8ce30117a2 100644 --- a/packages/merge-styles/src/IRawStyleBase.ts +++ b/packages/merge-styles/src/IRawStyleBase.ts @@ -1053,14 +1053,14 @@ export interface IRawStyleBase extends IRawFontStyle { * used when the text-align-last property is set to size. It controls allowed * adjustments of font-size to fit line content. */ - maxFontSize?: ICSSRule | string; + maxFontSize?: ICSSRule | ICSSPixelUnitRule; /** * Sets the maximum height for an element. It prevents the height of the element to * exceed the specified value. If min-height is specified and is greater than * max-height, max-height is overridden. */ - maxHeight?: ICSSRule | string; + maxHeight?: ICSSRule | ICSSPixelUnitRule; /** * Sets the maximum width for an element. It limits the width property to be larger diff --git a/packages/office-ui-fabric-react-tslint/tslint.json b/packages/office-ui-fabric-react-tslint/tslint.json index 4080beec334cb..67a68159eae09 100644 --- a/packages/office-ui-fabric-react-tslint/tslint.json +++ b/packages/office-ui-fabric-react-tslint/tslint.json @@ -135,7 +135,7 @@ "no-constant-condition": true, "no-construct": true, "no-debugger": true, - "no-duplicate-case": true, + "no-duplicate-switch-case": true, "no-duplicate-parameter-names": true, "no-empty": true, "no-eval": true, @@ -172,7 +172,6 @@ "variable-declaration": "nospace" } ], - "use-named-parameter": true, - "valid-typeof": true + "use-named-parameter": true } } \ No newline at end of file diff --git a/packages/office-ui-fabric-react/CHANGELOG.json b/packages/office-ui-fabric-react/CHANGELOG.json index d5bc5ebc7064d..6ed5890e8e686 100644 --- a/packages/office-ui-fabric-react/CHANGELOG.json +++ b/packages/office-ui-fabric-react/CHANGELOG.json @@ -1,6 +1,347 @@ { "name": "office-ui-fabric-react", "entries": [ + { + "version": "5.45.1", + "tag": "office-ui-fabric-react_v5.45.1", + "date": "Wed, 31 Jan 2018 11:11:59 GMT", + "comments": { + "patch": [ + { + "author": "chang47 ", + "commit": "2a554f6da9bc2655cd13fdd40b3efd0b902a9752", + "comment": "swatch color picker - add ability to add aria-label" + }, + { + "author": "lynamemi ", + "commit": "f803269ad6750215dad105710caeee16c8ea0aea", + "comment": "ChoiceGroup: Wrap long text for image and icon types." + }, + { + "author": "John Lorenz ", + "commit": "7df5be25f84af0d634cc2c428026b0a98000703b", + "comment": "updating willReceiveProps of date picker to not run validation unless the props actually changed" + }, + { + "author": "jspurlin ", + "commit": "e6136d1726d59c4766b58af9dd0bd40a3936952b", + "comment": "ComboBox: ComboBoxes were changed to always expand which is incorrect behavior, fixing to align with the correct design" + }, + { + "author": "jspurlin ", + "commit": "b6a301e8164b5120d9c25049942ef112628f067d", + "comment": "ContextualMenu: Remove the list in the menu and move the aria-label/labelledby to the correct element" + }, + { + "author": "Scott Balentine ", + "commit": "2a9d79021114b2ad4b4c04f8557716077399c592", + "comment": "TextField: fixed whitespace wrapping with prefix/suffix." + }, + { + "author": "Srikanth Reddy Kandula ", + "commit": "88066a817c1341690e124d93b499f34550214a69", + "comment": "Fixing the up and down arrows position and behavior according to RTL expected behavior" + }, + { + "author": "Brian Garland ", + "commit": "7d5b46f17b9fe7f997b815d77e5a2e4a4d038579", + "comment": "Removed unused scss file in Sticky component" + } + ] + } + }, + { + "version": "5.45.0", + "tag": "office-ui-fabric-react_v5.45.0", + "date": "Tue, 30 Jan 2018 11:22:56 GMT", + "comments": { + "patch": [ + { + "author": "Jordan Janzen ", + "commit": "b53aad15358e65df001ab1248cb336b76052cb3e", + "comment": " Fix TeachingBubble dismiss on scroll by passing onDismiss to callout." + } + ], + "minor": [ + { + "author": "Brian Garland ", + "commit": "d64535e7e0a001f39bc81eab1e517d9acd95252c", + "comment": "Added prop to ComboBox to control its button's aria-hidden attribute" + } + ] + } + }, + { + "version": "5.44.0", + "tag": "office-ui-fabric-react_v5.44.0", + "date": "Mon, 29 Jan 2018 11:23:40 GMT", + "comments": { + "patch": [ + { + "author": "chang47 ", + "commit": "58615e57bf5698dc425d8c825163697b26303243", + "comment": "Combox box: added accessibility changes added a title and changed activedescendant to use focused element" + }, + { + "author": "Jon Schectman ", + "commit": "048cf3af397658b628b7495c6ef7354b49147f22", + "comment": "Callout/Popup: Fix a bug where callout doesn't have the correct overflow style\"" + }, + { + "author": "Brian Garland ", + "commit": "9d785c7971d56222ec9cbb72d5d624fa8209718c", + "comment": "setting people picker default size back to 28 from 24" + }, + { + "author": "Jordan Janzen ", + "commit": "4b472acc791f1b1d22b95e2ea48c6538aae94573", + "comment": "Add private _defaultCalloutProps instead of public defaultProps to set calloutProps." + } + ], + "minor": [ + { + "author": "John Lorenz ", + "commit": "c91e28996fc74eff98bbb3c59426e8f6f159e64f", + "comment": "Add work week date range type and update calendar and calendarDay components to consume it" + }, + { + "author": "Brian Garland ", + "commit": "071a6daa6867df57ab98affde613a3264ae62b88", + "comment": "Added onRenderCoin prop that controls the persona coin image" + } + ], + "dependency": [ + { + "comment": "Updating dependency \"@uifabric/icons\" from `>=5.4.0 <6.0.0` to `>=5.4.1 <6.0.0`" + }, + { + "comment": "Updating dependency \"@uifabric/utilities\" from `>=5.8.0 <6.0.0` to `>=5.9.0 <6.0.0`" + } + ] + } + }, + { + "version": "5.43.1", + "tag": "office-ui-fabric-react_v5.43.1", + "date": "Fri, 26 Jan 2018 11:25:22 GMT", + "comments": { + "patch": [ + { + "author": "chang47 ", + "commit": "ec38e5b026b1f8a8e58fa6f3211f98d6d0eb2098", + "comment": "SplitButton - added aria support for button in split buttons and the whole container" + }, + { + "author": "erichdev ", + "commit": "c8a644b42c74a65224fa85c18eacd0de8e2e91c4", + "comment": "Dropdown, Checkbox: Fix disabled Dropdown options and update Checkbox disabled styles" + }, + { + "author": "lynamemi ", + "commit": "9432151081a1c3af197fe5c74b3192fb97267b79", + "comment": "Persona: Changed text and root heights for size24 when secondary text is shown." + }, + { + "author": "Kris Brown ", + "commit": "ecd9ec777720dc4e3c1e72e34640103e803a3a9b", + "comment": "TextField, Pickers, PeoplePicker: Homogenizing input heights and colors" + } + ], + "dependency": [ + { + "comment": "Updating dependency \"@uifabric/utilities\" from `>=5.7.1 <6.0.0` to `>=5.8.0 <6.0.0`" + } + ] + } + }, + { + "version": "5.43.0", + "tag": "office-ui-fabric-react_v5.43.0", + "date": "Thu, 25 Jan 2018 11:23:07 GMT", + "comments": { + "patch": [ + { + "author": "chang47 ", + "commit": "1f86b535cf6347ef09ce6c172eb875a0aaf203ea", + "comment": "spin button - add aria label for decrement and increment buttons" + }, + { + "author": "Kris Brown ", + "commit": "325c15ab5ea077d5b1c1ac77d898eba0dfc0f59a", + "comment": "Pickers: Fixing errors occuring onBlur of limited pickers" + }, + { + "author": "Kris Brown ", + "commit": "59111034b784874eec5c28fef8d6dd11f06502b1", + "comment": "Fixed broken links on documentation pages" + }, + { + "author": "Kris Brown ", + "commit": "3b5b375421343cbc74b4aa72c432a0910224459e", + "comment": "Pickers: Aligning suggestions callout to the correct RTL position" + } + ], + "minor": [ + { + "author": "Montse Lozano Dieck ", + "commit": "a2864f8c6d0fc2b271c952b9929767ed760660ab", + "comment": "Callout: Convert component to JS Styling" + }, + { + "author": "Brian Garland ", + "commit": "bd19b42da3e1452580283a30a682d22349af1fe6", + "comment": "Added onFocus state Boolean to BasePicker" + } + ], + "dependency": [ + { + "comment": "Updating dependency \"@uifabric/merge-styles\" from `>=5.10.1 <6.0.0` to `>=5.11.0 <6.0.0`" + }, + { + "comment": "Updating dependency \"@uifabric/styling\" from `>=5.16.0 <6.0.0` to `>=5.17.0 <6.0.0`" + }, + { + "comment": "Updating dependency \"@uifabric/utilities\" from `>=5.7.0 <6.0.0` to `>=5.7.1 <6.0.0`" + } + ] + } + }, + { + "version": "5.42.0", + "tag": "office-ui-fabric-react_v5.42.0", + "date": "Wed, 24 Jan 2018 11:23:26 GMT", + "comments": { + "patch": [ + { + "author": "Jon Schectman ", + "commit": "09c29d1e2c1d6fc541fb13eacf535fca82f868ba", + "comment": "BaseAutoFill: Fixed a bug where baseautofill would not work with composed languages like Japanese" + }, + { + "author": "lynamemi ", + "commit": "f2dcf91ae4e484ce483b52c35b012c90d28fd89e", + "comment": "Dropdown: Align error message styling to TextField. TextField & ComboBox: Updated invalid input border color to be red in all states." + }, + { + "author": "lynamemi ", + "commit": "b31132497466cd88b1887badfef8c05833e35784", + "comment": "TextField and SearchBox: Specified placeholder text color to be more consistent across browsers." + }, + { + "author": "manueldosal ", + "commit": "e3f2856f94d3a7dd297c05c10ccc49181536dcb4", + "comment": "Prevent default to avoid setting focus on SplitButton menu button" + }, + { + "author": "Srikanth Reddy Kandula ", + "commit": "ee2299a2ea7f5410343a6d50d94fd542c687fc26", + "comment": "Fix CalendarDay RTL view" + } + ], + "minor": [ + { + "author": "jspurlin ", + "commit": "5270872fcdfcbe3dfb5c3592d1bd895bf283414e", + "comment": "ResizeGroup: Add the ability for ResizeGroup to get divProps" + }, + { + "author": "Spencer Lynn ", + "commit": "2a57fb1c2476d8677c4cee76c3ff23958c9ae5bd", + "comment": "Enhance Panel component props to allow all of FocusTrapZone props overrides." + } + ], + "dependency": [ + { + "comment": "Updating dependency \"@uifabric/styling\" from `>=5.15.3 <6.0.0` to `>=5.16.0 <6.0.0`" + } + ] + } + }, + { + "version": "5.41.2", + "tag": "office-ui-fabric-react_v5.41.2", + "date": "Tue, 23 Jan 2018 11:22:12 GMT", + "comments": { + "patch": [ + { + "author": "Sohan Fernando ", + "commit": "e49507cddc72a273449a01aa56d9496787134427", + "comment": "Fixed SuggestionsController method convertSuggestionsToSuggestionItems to handle BasePicker createGenericItem correctly" + } + ] + } + }, + { + "version": "5.41.1", + "tag": "office-ui-fabric-react_v5.41.1", + "date": "Mon, 22 Jan 2018 18:39:02 GMT", + "comments": { + "patch": [ + { + "author": "Jakob Werner ", + "commit": "8fcd40a85b53d1cb43ed444e102a0bdf9975281c", + "comment": "[FocusTrapZone] Text selection inside FocusTrapZone was broken. This brings it back" + }, + { + "author": "MirandaGe ", + "commit": "a541f4ea72c22da9b5b5ae46e896f99f2d97d3e6", + "comment": "fix hover card dismiss issue" + } + ] + } + }, + { + "version": "5.41.0", + "tag": "office-ui-fabric-react_v5.41.0", + "date": "Mon, 22 Jan 2018 11:14:27 GMT", + "comments": { + "patch": [ + { + "author": "Jordan Janzen ", + "commit": "fd2206f8041ba6aca3b61a67a8552652e67d4954", + "comment": "Address issue #1535 - Calendar: Change clickable spans to buttons." + }, + { + "author": "Ben Truelove ", + "commit": "f8dfda114728bf4cd800f8cc69b9ad6a826ba94f", + "comment": "updated divider color to be more visible" + }, + { + "author": "Lambert Wang ", + "commit": "8b2e9c33ba8128e11809bf3f0111d43933457e0c", + "comment": "Hovercard: Changed content keydown listener to element event binding" + }, + { + "author": "lynamemi ", + "commit": "d94d83e908c3deed8de6a05063f18f857c95ea12", + "comment": "MessageBar: scss refactor and component polish." + } + ], + "minor": [ + { + "author": "Bryan Watts ", + "commit": "3918313795cd6f12b7405aa94b559e68c7d71652", + "comment": "Add a context value under ResizeGroup to allow child components to detect whether they are being used only for measurement." + }, + { + "author": "lynamemi ", + "commit": "f3811054f54bdc22b2ee2bcbe9b277faf889b9f5", + "comment": "MessageBar: New prop to allow singleline text with no action buttons to be truncated." + } + ], + "dependency": [ + { + "comment": "Updating dependency \"@uifabric/styling\" from `>=5.15.2 <6.0.0` to `>=5.15.3 <6.0.0`" + }, + { + "comment": "Updating dependency \"@uifabric/utilities\" from `>=5.6.1 <6.0.0` to `>=5.7.0 <6.0.0`" + }, + { + "comment": "Updating dependency \"@uifabric/example-app-base\" from `>=5.2.0 <6.0.0` to `>=5.2.1 <6.0.0`" + } + ] + } + }, { "version": "5.40.2", "tag": "office-ui-fabric-react_v5.40.2", diff --git a/packages/office-ui-fabric-react/CHANGELOG.md b/packages/office-ui-fabric-react/CHANGELOG.md index 6a62b8dec0bcd..775681a12afdb 100644 --- a/packages/office-ui-fabric-react/CHANGELOG.md +++ b/packages/office-ui-fabric-react/CHANGELOG.md @@ -1,6 +1,117 @@ # Change Log - office-ui-fabric-react -This log was last generated on Fri, 19 Jan 2018 11:14:03 GMT and should not be manually modified. +This log was last generated on Wed, 31 Jan 2018 11:11:59 GMT and should not be manually modified. + +## 5.45.1 +Wed, 31 Jan 2018 11:11:59 GMT + +### Patches + +- swatch color picker - add ability to add aria-label +- ChoiceGroup: Wrap long text for image and icon types. +- updating willReceiveProps of date picker to not run validation unless the props actually changed +- ComboBox: ComboBoxes were changed to always expand which is incorrect behavior, fixing to align with the correct design +- ContextualMenu: Remove the list in the menu and move the aria-label/labelledby to the correct element +- TextField: fixed whitespace wrapping with prefix/suffix. +- Fixing the up and down arrows position and behavior according to RTL expected behavior +- Removed unused scss file in Sticky component + +## 5.45.0 +Tue, 30 Jan 2018 11:22:56 GMT + +### Minor changes + +- Added prop to ComboBox to control its button's aria-hidden attribute + +### Patches + +- Fix TeachingBubble dismiss on scroll by passing onDismiss to callout. + +## 5.44.0 +Mon, 29 Jan 2018 11:23:40 GMT + +### Minor changes + +- Add work week date range type and update calendar and calendarDay components to consume it +- Added onRenderCoin prop that controls the persona coin image + +### Patches + +- Combox box: added accessibility changes added a title and changed activedescendant to use focused element +- Callout/Popup: Fix a bug where callout doesn't have the correct overflow style" +- setting people picker default size back to 28 from 24 +- Add private _defaultCalloutProps instead of public defaultProps to set calloutProps. + +## 5.43.1 +Fri, 26 Jan 2018 11:25:22 GMT + +### Patches + +- SplitButton - added aria support for button in split buttons and the whole container +- Dropdown, Checkbox: Fix disabled Dropdown options and update Checkbox disabled styles +- Persona: Changed text and root heights for size24 when secondary text is shown. +- TextField, Pickers, PeoplePicker: Homogenizing input heights and colors + +## 5.43.0 +Thu, 25 Jan 2018 11:23:07 GMT + +### Minor changes + +- Callout: Convert component to JS Styling +- Added onFocus state Boolean to BasePicker + +### Patches + +- spin button - add aria label for decrement and increment buttons +- Pickers: Fixing errors occuring onBlur of limited pickers +- Fixed broken links on documentation pages +- Pickers: Aligning suggestions callout to the correct RTL position + +## 5.42.0 +Wed, 24 Jan 2018 11:23:26 GMT + +### Minor changes + +- ResizeGroup: Add the ability for ResizeGroup to get divProps +- Enhance Panel component props to allow all of FocusTrapZone props overrides. + +### Patches + +- BaseAutoFill: Fixed a bug where baseautofill would not work with composed languages like Japanese +- Dropdown: Align error message styling to TextField. TextField & ComboBox: Updated invalid input border color to be red in all states. +- TextField and SearchBox: Specified placeholder text color to be more consistent across browsers. +- Prevent default to avoid setting focus on SplitButton menu button +- Fix CalendarDay RTL view + +## 5.41.2 +Tue, 23 Jan 2018 11:22:12 GMT + +### Patches + +- Fixed SuggestionsController method convertSuggestionsToSuggestionItems to handle BasePicker createGenericItem correctly + +## 5.41.1 +Mon, 22 Jan 2018 18:39:02 GMT + +### Patches + +- [FocusTrapZone] Text selection inside FocusTrapZone was broken. This brings it back +- fix hover card dismiss issue + +## 5.41.0 +Mon, 22 Jan 2018 11:14:27 GMT + +### Minor changes + +- Add a context value under ResizeGroup to allow child components to detect whether they are being used only for measurement. +- MessageBar: New prop to allow singleline text with no action buttons to be truncated. + +### Patches + +- Address issue #1535 - Calendar: Change clickable spans to buttons. +- updated divider color to be more visible +- Hovercard: Changed content keydown listener to element event binding +- MessageBar: scss refactor and component polish. ## 5.40.2 Fri, 19 Jan 2018 11:14:03 GMT diff --git a/packages/office-ui-fabric-react/package.json b/packages/office-ui-fabric-react/package.json index d0f546254e187..7a28ef220fe84 100644 --- a/packages/office-ui-fabric-react/package.json +++ b/packages/office-ui-fabric-react/package.json @@ -1,6 +1,6 @@ { "name": "office-ui-fabric-react", - "version": "5.40.2", + "version": "5.45.1", "description": "Reusable React components for building experiences for Office 365.", "main": "lib/index.js", "typings": "lib/index.d.ts", @@ -8,6 +8,7 @@ "type": "git", "url": "https://github.com/OfficeDev/office-ui-fabric-react" }, + "sideEffects": false, "license": "MIT", "scripts": { "build": "node ../../scripts/build.js", @@ -29,7 +30,7 @@ "@types/sinon": "2.2.2", "@types/webpack-env": "1.13.0", "@uifabric/jest-serializer-merge-styles": ">=5.1.0 <6.0.0", - "@uifabric/example-app-base": ">=5.2.0 <6.0.0", + "@uifabric/example-app-base": ">=5.2.1 <6.0.0", "enzyme": "^3.2.0", "enzyme-adapter-react-16": "^1.1.0", "es6-promise": "^4.1.0", @@ -47,10 +48,10 @@ }, "dependencies": { "@microsoft/load-themed-styles": "^1.7.13", - "@uifabric/icons": ">=5.4.0 <6.0.0", - "@uifabric/merge-styles": ">=5.10.1 <6.0.0", - "@uifabric/styling": ">=5.15.2 <6.0.0", - "@uifabric/utilities": ">=5.6.1 <6.0.0", + "@uifabric/icons": ">=5.4.1 <6.0.0", + "@uifabric/merge-styles": ">=5.11.0 <6.0.0", + "@uifabric/styling": ">=5.17.0 <6.0.0", + "@uifabric/utilities": ">=5.9.0 <6.0.0", "prop-types": "^15.5.10", "tslib": "^1.7.1" }, diff --git a/packages/office-ui-fabric-react/src/common/_semanticSlots.scss b/packages/office-ui-fabric-react/src/common/_semanticSlots.scss index e3cbc93bd375d..cd4c3729fdedd 100644 --- a/packages/office-ui-fabric-react/src/common/_semanticSlots.scss +++ b/packages/office-ui-fabric-react/src/common/_semanticSlots.scss @@ -27,6 +27,7 @@ $inputBackgroundCheckedHoveredColor: "[theme:inputBackgroundCheckedHovered, defa $inputForegroundCheckedColor: "[theme:inputForegroundChecked, default: #ffffff]"; $inputFocusBorderAltColor: "[theme:inputFocusBorderAlt, default: #0078d7]"; $smallInputBorderColor: "[theme:inputBorder, default: #666666]"; +$inputPlaceholderTextColor: "[theme:inputPlaceholderText, default: #666666]"; /* Buttons */ $buttonBackgroundColor: "[theme:buttonBackground, default: #f4f4f4]"; diff --git a/packages/office-ui-fabric-react/src/components/Button/BaseButton.tsx b/packages/office-ui-fabric-react/src/components/Button/BaseButton.tsx index 3a972ea2b90a7..0c75e3084b169 100644 --- a/packages/office-ui-fabric-react/src/components/Button/BaseButton.tsx +++ b/packages/office-ui-fabric-react/src/components/Button/BaseButton.tsx @@ -429,6 +429,7 @@ export class BaseButton extends BaseComponent { this._onRenderContent(tag, buttonProps) } @@ -478,10 +477,22 @@ export class BaseButton extends BaseComponent; + return ; + + } + + @autobind + private _onMouseDown(ev: React.MouseEvent) { + if (this.props.onMouseDown) { + this.props.onMouseDown(ev); + } + + ev.preventDefault(); } @autobind diff --git a/packages/office-ui-fabric-react/src/components/Button/ButtonPage.tsx b/packages/office-ui-fabric-react/src/components/Button/ButtonPage.tsx index e833b0b18ba91..ee0ef8aa003cf 100644 --- a/packages/office-ui-fabric-react/src/components/Button/ButtonPage.tsx +++ b/packages/office-ui-fabric-react/src/components/Button/ButtonPage.tsx @@ -142,7 +142,7 @@ export class ButtonPage extends React.ComponentButtons are best used to enable a user to commit a change or complete steps in a task. They are typically found inside forms, dialogs, panels or pages. An example of their usage is confirming the deletion of a file in a confirmation dialog.

When considering their place in a layout, contemplate the order in which a user will flow through the UI. As an example, in a form, the individual will need to read and interact with the form fields before submiting the form. Therefore, as a general rule, the button should be placed at the bottom of the UI container (a dialog, panel, or page) which holds the related UI elements.

While buttons can technically be used to navigate a user to another part of the experience, this is not recommended unless that navigation is part of an action or their flow.

-

Note that both iconProps and menuIconProps take IIconProps to specify name and type.

+

Note that both iconProps and menuIconProps take IIconProps to specify name and type.

} bestPractices={ diff --git a/packages/office-ui-fabric-react/src/components/Calendar/Calendar.scss b/packages/office-ui-fabric-react/src/components/Calendar/Calendar.scss index 0d0d0ddf1aa36..5dea7e3f5b337 100644 --- a/packages/office-ui-fabric-react/src/components/Calendar/Calendar.scss +++ b/packages/office-ui-fabric-react/src/components/Calendar/Calendar.scss @@ -223,6 +223,32 @@ $Calendar-dayPicker-margin: 10px; } } +// week numbers style in right-to-left view +.showWeekNumbersRTL { + .weekNumbers { + position: absolute; + margin-top: $Calendar-day; + border-left: 1px solid $ms-color-neutralLight; + box-sizing: border-box; + width: 30px; + .day { + color: $ms-color-neutralSecondary; + &.weekIsHighlighted { + color: $ms-color-black; + } + } + } + .table { + &:not(.weekNumbers) { + margin-right: 30px; + } + .day, + .weekday { + width: 30px; + } + } +} + // Month and year previous/next components. .monthComponents, .yearComponents, @@ -440,6 +466,22 @@ $Calendar-dayPicker-margin: 10px; width: 26px; } } + } // week numbers style in right-to-left view + .showWeekNumbersRTL { + .weekNumbers { + margin-top: $Calendar-day; + width: 26px; + margin-right: -7px; + } + .table { + &:not(.weekNumbers) { + margin-right: 19px; + } + .day, + .weekday { + width: 26px; + } + } } // Show month picker, if enabled .monthPickerVisible { .wrap { diff --git a/packages/office-ui-fabric-react/src/components/Calendar/Calendar.tsx b/packages/office-ui-fabric-react/src/components/Calendar/Calendar.tsx index 7705e3f1b6b82..5f0f764c59289 100644 --- a/packages/office-ui-fabric-react/src/components/Calendar/Calendar.tsx +++ b/packages/office-ui-fabric-react/src/components/Calendar/Calendar.tsx @@ -19,6 +19,13 @@ let iconStrings: ICalendarIconStrings = { leftNavigation: leftArrow, rightNavigation: rightArrow }; +let defaultWorkWeekDays: DayOfWeek[] = [ + DayOfWeek.Monday, + DayOfWeek.Tuesday, + DayOfWeek.Wednesday, + DayOfWeek.Thursday, + DayOfWeek.Friday, +]; let dateTimeFormatterCallbacks: ICalendarFormatDateCallbacks = { formatMonthDayYear: (date: Date, strings: ICalendarStrings) => (strings.months[date.getMonth()] + ' ' + date.getDate() + ', ' + date.getFullYear()), @@ -61,6 +68,7 @@ export class Calendar extends BaseComponent impl firstWeekOfYear: FirstWeekOfYear.FirstDay, dateTimeFormatter: dateTimeFormatterCallbacks, showSixWeeksByDefault: false, + workWeekDays: defaultWorkWeekDays }; public refs: { @@ -161,6 +169,7 @@ export class Calendar extends BaseComponent impl showSixWeeksByDefault={ this.props.showSixWeeksByDefault } minDate={ minDate } maxDate={ maxDate } + workWeekDays={ this.props.workWeekDays } ref='dayPicker' /> } @@ -251,9 +260,9 @@ export class Calendar extends BaseComponent impl @autobind private _onGotoToday() { - let { dateRangeType, firstDayOfWeek, today } = this.props; + let { dateRangeType, firstDayOfWeek, today, workWeekDays } = this.props; - let dates = getDateRangeArray(today!, dateRangeType!, firstDayOfWeek!); + let dates = getDateRangeArray(today!, dateRangeType!, firstDayOfWeek!, workWeekDays!); this._onSelectDate(today!, dates); diff --git a/packages/office-ui-fabric-react/src/components/Calendar/Calendar.types.ts b/packages/office-ui-fabric-react/src/components/Calendar/Calendar.types.ts index 39546d9ed67e9..a833fe1adc7a9 100644 --- a/packages/office-ui-fabric-react/src/components/Calendar/Calendar.types.ts +++ b/packages/office-ui-fabric-react/src/components/Calendar/Calendar.types.ts @@ -138,6 +138,12 @@ export interface ICalendarProps extends React.Props { * @defaultvalue false */ showSixWeeksByDefault?: boolean; + + /** + * The days that are selectable when dateRangeType is WorkWeek. If dateRangeType is not WorkWeek this property does nothing. + * @defaultvalue [Monday,Tuesday,Wednesday,Thursday,Friday] + */ + workWeekDays?: DayOfWeek[]; } export interface ICalendarStrings { diff --git a/packages/office-ui-fabric-react/src/components/Calendar/CalendarDay.tsx b/packages/office-ui-fabric-react/src/components/Calendar/CalendarDay.tsx index 462b38a62fc8d..719346d4bc378 100644 --- a/packages/office-ui-fabric-react/src/components/Calendar/CalendarDay.tsx +++ b/packages/office-ui-fabric-react/src/components/Calendar/CalendarDay.tsx @@ -63,6 +63,7 @@ export interface ICalendarDayProps extends React.Props { showSixWeeksByDefault?: boolean; minDate?: Date; maxDate?: Date; + workWeekDays?: DayOfWeek[]; } export interface ICalendarDayState { @@ -123,7 +124,7 @@ export class CalendarDay extends BaseComponent @@ -142,7 +143,7 @@ export class CalendarDay extends BaseComponent - +
@@ -239,7 +240,7 @@ export class CalendarDay extends BaseComponent minDate={ addMonths(today, -1) } maxDate={ addYears(today, 1) } /> - + + + { @@ -135,7 +137,7 @@ export class CalendarInlineExample extends React.Component { this.props.showNavigateButtons &&
diff --git a/packages/office-ui-fabric-react/src/components/Callout/Callout.scss b/packages/office-ui-fabric-react/src/components/Callout/Callout.scss deleted file mode 100644 index 0567f787fa7a1..0000000000000 --- a/packages/office-ui-fabric-react/src/components/Callout/Callout.scss +++ /dev/null @@ -1,63 +0,0 @@ -@import '../../common/common'; - -// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. - -// -// Office UI Fabric -// -------------------------------------------------- -// Callout styles - -$Callout-beak-slant-width: 28px; -$Callout-smallbeak-slant-width: 16px; - -@mixin calloutBeak { - position: absolute; - background-color: $ms-color-white; - box-shadow: inherit; - border: inherit; - box-sizing: border-box; - -webkit-transform: rotate(45deg); - -ms-transform: rotate(45deg); - transform: rotate(45deg); -} - -.root { - @include ms-drop-shadow(0,0, 5px, 0px); - position: absolute; - box-sizing: border-box; - border: 1px solid $ms-color-neutralLight; - - @include focus-clear(); - - @include high-contrast { - border: 1px solid WindowText; - } -} - -.container { - position: relative; -} - -// The actual callout element -.main { - background-color: $ms-color-white; - overflow-x: hidden; - position: relative; -} - -.overFlowYHidden { - overflow-y: hidden; -} - -.beak { - @include calloutBeak; -} - -.beakCurtain { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background-color: $ms-color-white; -} diff --git a/packages/office-ui-fabric-react/src/components/Callout/Callout.test.tsx b/packages/office-ui-fabric-react/src/components/Callout/Callout.test.tsx index 8b930ff32d90a..623f2f333f7e7 100644 --- a/packages/office-ui-fabric-react/src/components/Callout/Callout.test.tsx +++ b/packages/office-ui-fabric-react/src/components/Callout/Callout.test.tsx @@ -6,9 +6,16 @@ import * as ReactDOM from 'react-dom'; import * as ReactTestUtils from 'react-dom/test-utils'; import * as renderer from 'react-test-renderer'; import { Callout } from './Callout'; +import { ICalloutProps } from './Callout.types'; import { CalloutContent } from './CalloutContent'; import { DirectionalHint } from '../../common/DirectionalHint'; +class CalloutContentWrapper extends React.Component { + public render(): JSX.Element { + return ; + } +} + describe('Callout', () => { it('renders Callout correctly', () => { @@ -18,7 +25,7 @@ describe('Callout', () => { }; }; const component = renderer.create( - Content, + Content, { createNodeMock } ); let tree = component.toJSON(); diff --git a/packages/office-ui-fabric-react/src/components/Callout/Callout.tsx b/packages/office-ui-fabric-react/src/components/Callout/Callout.tsx index 8edf334dc2912..b8c8127d2383d 100644 --- a/packages/office-ui-fabric-react/src/components/Callout/Callout.tsx +++ b/packages/office-ui-fabric-react/src/components/Callout/Callout.tsx @@ -4,7 +4,8 @@ import * as React from 'react'; import { BaseComponent } from '../../Utilities'; import { ICalloutProps } from './Callout.types'; -import { ICalloutState, CalloutContent } from './CalloutContent'; +import { ICalloutState } from './CalloutContent.base'; +import { CalloutContent } from './CalloutContent'; import { Layer } from '../../Layer'; export class Callout extends BaseComponent { diff --git a/packages/office-ui-fabric-react/src/components/Callout/Callout.types.ts b/packages/office-ui-fabric-react/src/components/Callout/Callout.types.ts index d8e4fb805be7b..82c5f6f83e73f 100644 --- a/packages/office-ui-fabric-react/src/components/Callout/Callout.types.ts +++ b/packages/office-ui-fabric-react/src/components/Callout/Callout.types.ts @@ -1,5 +1,6 @@ import * as React from 'react'; import { Callout } from './Callout'; +import { IStyle, ITheme } from '../../Styling'; import { CalloutContent } from './CalloutContent'; import { DirectionalHint } from '../../common/DirectionalHint'; import { @@ -7,12 +8,13 @@ import { IRectangle } from '../../Utilities'; import { ICalloutPositionedInfo } from '../../utilities/positioning'; +import { IStyleFunction } from '../../Utilities'; export interface ICallout { } -export interface ICalloutProps extends React.Props { +export interface ICalloutProps { /** * Optional callback to access the ICallout interface. Use this instead of ref for accessing * the public methods and properties of the component. @@ -192,4 +194,90 @@ export interface ICalloutProps extends React.Props { * Callback when the Callout body is scrolled. */ onScroll?: () => void; + + /** + * Optional theme for component + */ + theme?: ITheme; + + /** + * Optional styles for the component. + */ + getStyles?: IStyleFunction; +} + +export interface ICalloutContentStyleProps { + /** + * Theme to apply to the calloutContent. + */ + theme: ITheme; + + /** + * Width for callout including borders. + */ + calloutWidth?: number; + + /** + * CSS class to apply to the callout. + */ + className?: string; + + /** + * Callout positioning data + */ + positions?: ICalloutPositionedInfo; + + /** + * Whether or not to clip content of the callout, + * if it overflows vertically. + */ + overflowYHidden?: boolean; + + /** + * Max height applied to the content of a callout. + */ + contentMaxHeight?: number; + + /** + * Background color for the beak and callout. + */ + backgroundColor?: string; + + /** + * Width of Callout beak + */ + beakWidth?: number; + + /** + * Deprecated at v0.59.1, to be removed at >= v1.0.0. Pass in a beakWidth to dictate size. + * @deprecated + */ + beakStyle?: string; +} + +export interface ICalloutContentStyles { + /** + * Style for wrapper of Callout component. + */ + container: IStyle; + + /** + * Style for callout container root element. + */ + root: IStyle; + + /** + * Style for callout beak. + */ + beak: IStyle; + + /** + * Style for callout beak curtain. + */ + beakCurtain: IStyle; + + /** + * Style for content component of the callout. + */ + calloutMain: IStyle; } diff --git a/packages/office-ui-fabric-react/src/components/Callout/CalloutContent.base.tsx b/packages/office-ui-fabric-react/src/components/Callout/CalloutContent.base.tsx new file mode 100644 index 0000000000000..de0022878e027 --- /dev/null +++ b/packages/office-ui-fabric-react/src/components/Callout/CalloutContent.base.tsx @@ -0,0 +1,400 @@ +/* tslint:disable:no-unused-variable */ +import * as React from 'react'; +/* tslint:enable:no-unused-variable */ +import { + ICalloutProps, + ICalloutContentStyleProps, + ICalloutContentStyles +} from './Callout.types'; +import { DirectionalHint } from '../../common/DirectionalHint'; +import { + BaseComponent, + IPoint, + IRectangle, + assign, + autobind, + css, + elementContains, + focusFirstChild, + getWindow, + getDocument, + customizable +} from '../../Utilities'; +import { + positionCallout, + ICalloutPositionedInfo, + IPositionProps, + getMaxHeight, + IPosition, + RectangleEdge +} from '../../utilities/positioning'; +import { Popup } from '../../Popup'; +import { classNamesFunction } from '../../Utilities'; + +const getClassNames = classNamesFunction(); +const BORDER_WIDTH: number = 1; + +export interface ICalloutState { + positions?: ICalloutPositionedInfo; + slideDirectionalClassName?: string; + calloutElementRect?: ClientRect; + heightOffset?: number; +} + +@customizable('CalloutContent', ['theme']) +export class CalloutContentBase extends BaseComponent { + + public static defaultProps = { + preventDismissOnScroll: false, + isBeakVisible: true, + beakWidth: 16, + gapSpace: 0, + minPagePadding: 8, + directionalHint: DirectionalHint.bottomAutoEdge + }; + + private _classNames: {[key in keyof ICalloutContentStyles]: string }; + private _didSetInitialFocus: boolean; + private _hostElement: HTMLDivElement; + private _calloutElement: HTMLDivElement; + private _targetWindow: Window; + private _bounds: IRectangle; + private _maxHeight: number | undefined; + private _positionAttempts: number; + private _target: HTMLElement | MouseEvent | IPoint | null; + private _setHeightOffsetTimer: number; + + constructor(props: ICalloutProps) { + super(props); + + this._warnDeprecations({ 'beakStyle': 'beakWidth' }); + + this._didSetInitialFocus = false; + this.state = { + positions: undefined, + slideDirectionalClassName: undefined, + // @TODO it looks like this is not even being used anymore. + calloutElementRect: undefined, + heightOffset: 0 + }; + this._positionAttempts = 0; + } + + public componentDidUpdate() { + this._setInitialFocus(); + this._updateAsyncPosition(); + } + + public componentWillMount() { + this._setTargetWindowAndElement(this._getTarget()); + } + + public componentWillUpdate(newProps: ICalloutProps) { + // If the target element changed, find the new one. If we are tracking target with class name, always find element because we do not know if fabric has rendered a new element and disposed the old element. + let newTarget = this._getTarget(newProps); + let oldTarget = this._getTarget(); + if (newTarget !== oldTarget || typeof (newTarget) === 'string' || newTarget instanceof String) { + this._maxHeight = undefined; + this._setTargetWindowAndElement(newTarget!); + } + if (newProps.gapSpace !== this.props.gapSpace || this.props.beakWidth !== newProps.beakWidth) { + this._maxHeight = undefined; + } + + if (newProps.finalHeight !== this.props.finalHeight) { + this._setHeightOffsetEveryFrame(); + } + } + + public componentDidMount() { + this._onComponentDidMount(); + } + + public render() { + // If there is no target window then we are likely in server side rendering and we should not render anything. + if (!this._targetWindow) { + return null; + } + let { + getStyles, + role, + ariaLabel, + ariaDescribedBy, + ariaLabelledBy, + className, + target, + isBeakVisible, + beakStyle, + children, + beakWidth, + calloutWidth, + finalHeight, + backgroundColor, + calloutMaxHeight, + onScroll, + } = this.props; + target = this._getTarget(); + let { positions } = this.state; + + let getContentMaxHeight: number = this._getMaxHeight() + this.state.heightOffset!; + let contentMaxHeight: number = calloutMaxHeight! && (calloutMaxHeight! < getContentMaxHeight) ? calloutMaxHeight! : getContentMaxHeight!; + const overflowYHidden = !!finalHeight; + + let beakVisible = isBeakVisible && (!!target); + this._classNames = getClassNames( + getStyles!, + { + theme: this.props.theme!, + className, + overflowYHidden: overflowYHidden, + calloutWidth, + contentMaxHeight, + positions, + beakWidth, + backgroundColor, + beakStyle + } + ); + + const overflowStyle: React.CSSProperties = overflowYHidden ? { overflowY: 'hidden' } : {}; + let content = ( +
+
+ + { beakVisible && ( +
) } + { beakVisible && + (
) } + + { children } + +
+
+ ); + + return content; + } + + @autobind + public dismiss(ev?: Event | React.MouseEvent | React.KeyboardEvent) { + let { onDismiss } = this.props; + + if (onDismiss) { + onDismiss(ev); + } + } + + protected _dismissOnScroll(ev: Event) { + const { preventDismissOnScroll } = this.props; + if (this.state.positions && !preventDismissOnScroll) { + this._dismissOnLostFocus(ev); + } + } + + protected _dismissOnLostFocus(ev: Event) { + let target = ev.target as HTMLElement; + let clickedOutsideCallout = this._hostElement && !elementContains(this._hostElement, target); + + if ( + (!this._target && clickedOutsideCallout) || + ev.target !== this._targetWindow && + clickedOutsideCallout && + ((this._target as MouseEvent).stopPropagation || + (!this._target || (target !== this._target && !elementContains(this._target as HTMLElement, target))))) { + this.dismiss(ev); + } + } + + @autobind + protected _setInitialFocus() { + if (this.props.setInitialFocus && !this._didSetInitialFocus && this.state.positions) { + this._didSetInitialFocus = true; + focusFirstChild(this._calloutElement); + } + } + + @autobind + protected _onComponentDidMount() { + // This is added so the callout will dismiss when the window is scrolled + // but not when something inside the callout is scrolled. The delay seems + // to be required to avoid React firing an async focus event in IE from + // the target changing focus quickly prior to rendering the callout. + this._async.setTimeout(() => { + this._events.on(this._targetWindow, 'scroll', this._dismissOnScroll, true); + this._events.on(this._targetWindow, 'resize', this.dismiss, true); + this._events.on(this._targetWindow.document.body, 'focus', this._dismissOnLostFocus, true); + this._events.on(this._targetWindow.document.body, 'click', this._dismissOnLostFocus, true); + }, 0); + + if (this.props.onLayerMounted) { + this.props.onLayerMounted(); + } + + this._updateAsyncPosition(); + this._setHeightOffsetEveryFrame(); + } + + private _updateAsyncPosition() { + this._async.requestAnimationFrame(() => this._updatePosition()); + } + + private _updatePosition() { + let { positions } = this.state; + let hostElement: HTMLElement = this._hostElement; + let calloutElement: HTMLElement = this._calloutElement; + + if (hostElement && calloutElement) { + let currentProps: IPositionProps | undefined; + currentProps = assign(currentProps, this.props); + currentProps!.bounds = this._getBounds(); + currentProps!.target = this._target!; + let newPositions: ICalloutPositionedInfo = positionCallout(currentProps!, hostElement, calloutElement); + + // Set the new position only when the positions are not exists or one of the new callout positions are different. + // The position should not change if the position is within 2 decimal places. + if ((!positions && newPositions) || + (positions && newPositions && !this._arePositionsEqual(positions, newPositions) + && this._positionAttempts < 5)) { + // We should not reposition the callout more than a few times, if it is then the content is likely resizing + // and we should stop trying to reposition to prevent a stack overflow. + this._positionAttempts++; + this.setState({ + positions: newPositions + }); + } else { + this._positionAttempts = 0; + if (this.props.onPositioned) { + this.props.onPositioned(this.state.positions); + } + } + } + } + + private _getBounds(): IRectangle { + if (!this._bounds) { + let currentBounds = this.props.bounds; + + if (!currentBounds) { + currentBounds = { + top: 0 + this.props.minPagePadding!, + left: 0 + this.props.minPagePadding!, + right: this._targetWindow.innerWidth - this.props.minPagePadding!, + bottom: this._targetWindow.innerHeight - this.props.minPagePadding!, + width: this._targetWindow.innerWidth - this.props.minPagePadding! * 2, + height: this._targetWindow.innerHeight - this.props.minPagePadding! * 2 + }; + } + this._bounds = currentBounds; + } + return this._bounds; + } + + private _getMaxHeight(): number { + if (!this._maxHeight) { + if (this.props.directionalHintFixed && this._target) { + let beakWidth = this.props.isBeakVisible ? this.props.beakWidth : 0; + let gapSpace = this.props.gapSpace ? this.props.gapSpace : 0; + // Since the callout cannot measure it's border size it must be taken into account here. Otherwise it will + // overlap with the target. + const totalGap = gapSpace + beakWidth! + BORDER_WIDTH * 2; + this._maxHeight = getMaxHeight(this._target, this.props.directionalHint!, totalGap, this._getBounds()); + } else { + this._maxHeight = this._getBounds().height! - BORDER_WIDTH * 2; + } + } + return this._maxHeight!; + } + + private _arePositionsEqual(positions: ICalloutPositionedInfo, newPosition: ICalloutPositionedInfo) { + return this._comparePositions(positions.elementPosition, newPosition.elementPosition) && + this._comparePositions(positions.beakPosition.elementPosition, newPosition.beakPosition.elementPosition); + } + + private _comparePositions(oldPositions: IPosition, newPositions: IPosition) { + for (const key in newPositions) { + // This needs to be checked here and below because there is a linting error if for in does not immediately have an if statement + if (newPositions.hasOwnProperty(key)) { + const oldPositionEdge = oldPositions[key]; + const newPositionEdge = newPositions[key]; + + if (oldPositionEdge !== undefined && newPositionEdge !== undefined) { + if (oldPositionEdge.toFixed(2) !== newPositionEdge.toFixed(2)) { + return false; + } + } else { + return false; + } + } + } + return true; + } + + private _setTargetWindowAndElement(target: HTMLElement | string | MouseEvent | IPoint | null): void { + if (target) { + if (typeof target === 'string') { + let currentDoc: Document = getDocument()!; + this._target = currentDoc ? currentDoc.querySelector(target) as HTMLElement : null; + this._targetWindow = getWindow()!; + } else if ((target as MouseEvent).stopPropagation) { + this._targetWindow = getWindow((target as MouseEvent).toElement as HTMLElement)!; + this._target = target; + } else if ((target as HTMLElement).getBoundingClientRect) { + let targetElement: HTMLElement = target as HTMLElement; + this._targetWindow = getWindow(targetElement)!; + this._target = target; + // HTMLImgElements can have x and y values. The check for it being a point must go last. + } else { + this._targetWindow = getWindow()!; + this._target = target; + } + } else { + this._targetWindow = getWindow()!; + } + } + + private _setHeightOffsetEveryFrame(): void { + if (this._calloutElement && this.props.finalHeight) { + this._setHeightOffsetTimer = this._async.requestAnimationFrame(() => { + const calloutMainElem = this._calloutElement.lastChild as HTMLElement; + const cardScrollHeight: number = calloutMainElem.scrollHeight; + const cardCurrHeight: number = calloutMainElem.offsetHeight; + const scrollDiff: number = cardScrollHeight - cardCurrHeight; + + this.setState({ + heightOffset: this.state.heightOffset! + scrollDiff + }); + + if (calloutMainElem.offsetHeight < this.props.finalHeight!) { + this._setHeightOffsetEveryFrame(); + } else { + this._async.cancelAnimationFrame(this._setHeightOffsetTimer); + } + }); + } + } + + private _getTarget(props: ICalloutProps = this.props): HTMLElement | string | MouseEvent | IPoint | null { + let { useTargetPoint, targetPoint, target } = props; + return useTargetPoint ? targetPoint! : target!; + } +} diff --git a/packages/office-ui-fabric-react/src/components/Callout/CalloutContent.styles.ts b/packages/office-ui-fabric-react/src/components/Callout/CalloutContent.styles.ts new file mode 100644 index 0000000000000..327cf4dd38f6e --- /dev/null +++ b/packages/office-ui-fabric-react/src/components/Callout/CalloutContent.styles.ts @@ -0,0 +1,141 @@ +import { + HighContrastSelector, + AnimationStyles, + IRawStyle, + focusClear +} from '../../Styling'; +import { + ICalloutPositionedInfo, + RectangleEdge +} from '../../utilities/positioning'; +import { ICalloutContentStyleProps, ICalloutContentStyles } from './Callout.types'; + +const BEAK_ORIGIN_POSITION = { top: 0, left: 0 }; + +const ANIMATIONS: { [key: number]: IRawStyle; } = { + [RectangleEdge.top]: AnimationStyles.slideUpIn20, + [RectangleEdge.bottom]: AnimationStyles.slideDownIn20, + [RectangleEdge.left]: AnimationStyles.slideLeftIn20, + [RectangleEdge.right]: AnimationStyles.slideRightIn20, +}; + +function getBeakStylePosition(positions?: ICalloutPositionedInfo, + beakWidth?: number, + beakStyle?: string): IRawStyle { + let beakStyleWidth = beakWidth; + + // This is here to support the old way of setting the beak size until version 1.0.0. + // beakStyle is now deprecated and will be be removed at version 1.0.0 + if (beakStyle === 'ms-Callout-smallbeak') { + beakStyleWidth = 16; + } + + let beakReactStyle: IRawStyle = { + ...(positions && positions.beakPosition ? positions.beakPosition.elementPosition : null), + }; + beakReactStyle.height = beakStyleWidth; + beakReactStyle.width = beakStyleWidth; + if (!beakReactStyle.top && !beakReactStyle.bottom && !beakReactStyle.left && !beakReactStyle.right) { + beakReactStyle.left = BEAK_ORIGIN_POSITION.left; + beakReactStyle.top = BEAK_ORIGIN_POSITION.top; + } + + return beakReactStyle; +} + +export const getStyles = (props: ICalloutContentStyleProps): ICalloutContentStyles => { + const { + theme, + className, + overflowYHidden, + calloutWidth, + contentMaxHeight, + positions, + beakWidth, + backgroundColor, + beakStyle + } = props; + + const { palette } = theme; + return { + container: [ + 'ms-Callout-container', + { + position: 'relative', + } + ], + root: [ + 'ms-Callout', + { + position: 'absolute', + boxSizing: 'border-box', + borderWidth: 1, + borderStyle: 'solid', + borderColor: palette.neutralLight, + boxShadow: '0 0 5px 0px rgba(0,0,0,0.4)', + selectors: { + [HighContrastSelector]: { + borderWidth: 1, + borderStyle: 'solid', + borderColor: 'WindowText', + } + } + }, + focusClear(), + className, + positions && positions.targetEdge && ANIMATIONS[positions.targetEdge], + // Microsoft Edge will overwrite inline styles if there is an animation pertaining to that style. + // To help ensure that edge will respect the offscreen style opacity + // filter needs to be added as an additional way to set opacity. + !positions && { + opacity: 0, + filter: 'opacity(0)', + }, + positions && { ...positions.elementPosition }, + !!calloutWidth && { width: calloutWidth }, + ], + beak: [ + 'ms-Callout-beak', + { + position: 'absolute', + backgroundColor: palette.white, + boxShadow: 'inherit', + border: 'inherit', + boxSizing: 'border-box', + transform: 'rotate(45deg)' + }, + getBeakStylePosition(positions, beakWidth, beakStyle), + backgroundColor && { + backgroundColor: backgroundColor + } + ], + beakCurtain: [ + 'ms-Callout-beakCurtain', + { + position: 'absolute', + top: 0, + right: 0, + bottom: 0, + left: 0, + backgroundColor: palette.white, + } + ], + calloutMain: [ + 'ms-Callout-main', + { + backgroundColor: palette.white, + overflowX: 'hidden', + overflowY: 'auto', + position: 'relative', + maxHeight: contentMaxHeight + }, + !!calloutWidth && { width: calloutWidth }, + overflowYHidden && { + overflowY: 'hidden' + }, + backgroundColor && { + backgroundColor: backgroundColor + } + ], + }; +}; \ No newline at end of file diff --git a/packages/office-ui-fabric-react/src/components/Callout/CalloutContent.tsx b/packages/office-ui-fabric-react/src/components/Callout/CalloutContent.tsx index 7c597ac6b54b9..bab78ae1af389 100644 --- a/packages/office-ui-fabric-react/src/components/Callout/CalloutContent.tsx +++ b/packages/office-ui-fabric-react/src/components/Callout/CalloutContent.tsx @@ -1,432 +1,13 @@ /* tslint:disable:no-unused-variable */ import * as React from 'react'; -/* tslint:enable:no-unused-variable */ -import { ICalloutProps } from './Callout.types'; -import { DirectionalHint } from '../../common/DirectionalHint'; import { - BaseComponent, - IPoint, - IRectangle, - assign, - autobind, - css, - elementContains, - focusFirstChild, - getWindow, - getDocument + styled } from '../../Utilities'; -import { - positionCallout, - ICalloutPositionedInfo, - IPositionProps, - getMaxHeight, - IPosition, - RectangleEdge -} from '../../utilities/positioning'; -import { Popup } from '../../Popup'; -import * as stylesImport from './Callout.scss'; -import { AnimationClassNames, mergeStyles } from '../../Styling'; - -const styles: any = stylesImport; - -const BEAK_ORIGIN_POSITION = { top: 0, left: 0 }; -// Microsoft Edge will overwrite inline styles if there is an animation pertaining to that style. -// To help ensure that edge will respect the offscreen style opacity -// filter needs to be added as an additional way to set opacity. -const OFF_SCREEN_STYLE = { opacity: 0, filter: 'opacity(0)' }; -const BORDER_WIDTH: number = 1; -const SLIDE_ANIMATIONS: { [key: number]: string; } = { - [RectangleEdge.top]: 'slideUpIn20', - [RectangleEdge.bottom]: 'slideDownIn20', - [RectangleEdge.left]: 'slideLeftIn20', - [RectangleEdge.right]: 'slideRightIn20' -}; - -export interface ICalloutState { - positions?: ICalloutPositionedInfo; - slideDirectionalClassName?: string; - calloutElementRect?: ClientRect; - heightOffset?: number; -} - -export class CalloutContent extends BaseComponent { - - public static defaultProps = { - preventDismissOnScroll: false, - isBeakVisible: true, - beakWidth: 16, - gapSpace: 0, - minPagePadding: 8, - directionalHint: DirectionalHint.bottomAutoEdge - }; - - private _didSetInitialFocus: boolean; - private _hostElement: HTMLDivElement; - private _calloutElement: HTMLDivElement; - private _targetWindow: Window; - private _bounds: IRectangle; - private _maxHeight: number | undefined; - private _positionAttempts: number; - private _target: HTMLElement | MouseEvent | IPoint | null; - private _setHeightOffsetTimer: number; - - constructor(props: ICalloutProps) { - super(props); - - this._warnDeprecations({ 'beakStyle': 'beakWidth' }); - - this._didSetInitialFocus = false; - this.state = { - positions: undefined, - slideDirectionalClassName: undefined, - // @TODO it looks like this is not even being used anymore. - calloutElementRect: undefined, - heightOffset: 0 - }; - this._positionAttempts = 0; - } - - public componentDidUpdate() { - this._setInitialFocus(); - this._updateAsyncPosition(); - } - - public componentWillMount() { - this._setTargetWindowAndElement(this._getTarget()); - } - - public componentWillUpdate(newProps: ICalloutProps) { - // If the target element changed, find the new one. If we are tracking target with class name, always find element because we do not know if fabric has rendered a new element and disposed the old element. - let newTarget = this._getTarget(newProps); - let oldTarget = this._getTarget(); - if (newTarget !== oldTarget || typeof (newTarget) === 'string' || newTarget instanceof String) { - this._maxHeight = undefined; - this._setTargetWindowAndElement(newTarget!); - } - if (newProps.gapSpace !== this.props.gapSpace || this.props.beakWidth !== newProps.beakWidth) { - this._maxHeight = undefined; - } - - if (newProps.finalHeight !== this.props.finalHeight) { - this._setHeightOffsetEveryFrame(); - } - } - - public componentDidMount() { - this._onComponentDidMount(); - } - - public render() { - // If there is no target window then we are likely in server side rendering and we should not render anything. - if (!this._targetWindow) { - return null; - } - let { - role, - ariaLabel, - ariaDescribedBy, - ariaLabelledBy, - className, - target, - isBeakVisible, - beakStyle, - children, - beakWidth, - calloutWidth, - finalHeight, - backgroundColor, - calloutMaxHeight, - onScroll } = this.props; - target = this._getTarget(); - let { positions } = this.state; - - let directionalClassName = (positions && positions.targetEdge) - ? (AnimationClassNames as any)[SLIDE_ANIMATIONS[positions.targetEdge]] - : ''; - - let getContentMaxHeight: number = this._getMaxHeight() + this.state.heightOffset!; - let contentMaxHeight: number = calloutMaxHeight! && (calloutMaxHeight! < getContentMaxHeight) ? calloutMaxHeight! : getContentMaxHeight!; - - const beakReactStyle = this._getBeakPosition(positions, beakWidth, backgroundColor, beakStyle); - - let beakVisible = isBeakVisible && (!!target); - - let content = ( -
-
- - { beakVisible && ( -
) } - - { beakVisible && - (
) } - - { children } - -
-
- ); - - return content; - } - - @autobind - public dismiss(ev?: Event | React.MouseEvent | React.KeyboardEvent) { - let { onDismiss } = this.props; - - if (onDismiss) { - onDismiss(ev); - } - } - - protected _dismissOnScroll(ev: Event) { - const { preventDismissOnScroll } = this.props; - if (this.state.positions && !preventDismissOnScroll) { - this._dismissOnLostFocus(ev); - } - } - - protected _dismissOnLostFocus(ev: Event) { - let target = ev.target as HTMLElement; - let clickedOutsideCallout = this._hostElement && !elementContains(this._hostElement, target); - - if ( - (!this._target && clickedOutsideCallout) || - ev.target !== this._targetWindow && - clickedOutsideCallout && - ((this._target as MouseEvent).stopPropagation || - (!this._target || (target !== this._target && !elementContains(this._target as HTMLElement, target))))) { - this.dismiss(ev); - } - } - - @autobind - protected _setInitialFocus() { - if (this.props.setInitialFocus && !this._didSetInitialFocus && this.state.positions) { - this._didSetInitialFocus = true; - focusFirstChild(this._calloutElement); - } - } - - @autobind - protected _onComponentDidMount() { - // This is added so the callout will dismiss when the window is scrolled - // but not when something inside the callout is scrolled. The delay seems - // to be required to avoid React firing an async focus event in IE from - // the target changing focus quickly prior to rendering the callout. - this._async.setTimeout(() => { - this._events.on(this._targetWindow, 'scroll', this._dismissOnScroll, true); - this._events.on(this._targetWindow, 'resize', this.dismiss, true); - this._events.on(this._targetWindow.document.body, 'focus', this._dismissOnLostFocus, true); - this._events.on(this._targetWindow.document.body, 'click', this._dismissOnLostFocus, true); - }, 0); - - if (this.props.onLayerMounted) { - this.props.onLayerMounted(); - } - - this._updateAsyncPosition(); - this._setHeightOffsetEveryFrame(); - } - - private _updateAsyncPosition() { - this._async.requestAnimationFrame(() => this._updatePosition()); - } - - private _updatePosition() { - let { positions } = this.state; - let hostElement: HTMLElement = this._hostElement; - let calloutElement: HTMLElement = this._calloutElement; - - if (hostElement && calloutElement) { - let currentProps: IPositionProps | undefined; - currentProps = assign(currentProps, this.props); - currentProps!.bounds = this._getBounds(); - currentProps!.target = this._target!; - let newPositions: ICalloutPositionedInfo = positionCallout(currentProps!, hostElement, calloutElement); - - // Set the new position only when the positions are not exists or one of the new callout positions are different. - // The position should not change if the position is within 2 decimal places. - if ((!positions && newPositions) || - (positions && newPositions && !this._arePositionsEqual(positions, newPositions) - && this._positionAttempts < 5)) { - // We should not reposition the callout more than a few times, if it is then the content is likely resizing - // and we should stop trying to reposition to prevent a stack overflow. - this._positionAttempts++; - this.setState({ - positions: newPositions - }); - } else { - this._positionAttempts = 0; - if (this.props.onPositioned) { - this.props.onPositioned(this.state.positions); - } - } - } - } - - private _getBeakPosition(positions?: ICalloutPositionedInfo, - beakWidth?: number, - backgroundColor?: string, - beakStyle?: string) { - let beakStyleWidth = beakWidth; - - // This is here to support the old way of setting the beak size until version 1.0.0. - // beakStyle is now deprecated and will be be removed at version 1.0.0 - if (beakStyle === 'ms-Callout-smallbeak') { - beakStyleWidth = 16; - } - - let beakReactStyle: React.CSSProperties = { - ...(positions && positions.beakPosition ? positions.beakPosition.elementPosition : null), - }; - beakReactStyle.height = beakStyleWidth; - beakReactStyle.width = beakStyleWidth; - beakReactStyle.backgroundColor = backgroundColor; - if (!beakReactStyle.top && !beakReactStyle.bottom && !beakReactStyle.left && !beakReactStyle.right) { - beakReactStyle.left = BEAK_ORIGIN_POSITION.left; - beakReactStyle.top = BEAK_ORIGIN_POSITION.top; - } - - return beakReactStyle; - } - - private _getBounds(): IRectangle { - if (!this._bounds) { - let currentBounds = this.props.bounds; - - if (!currentBounds) { - currentBounds = { - top: 0 + this.props.minPagePadding!, - left: 0 + this.props.minPagePadding!, - right: this._targetWindow.innerWidth - this.props.minPagePadding!, - bottom: this._targetWindow.innerHeight - this.props.minPagePadding!, - width: this._targetWindow.innerWidth - this.props.minPagePadding! * 2, - height: this._targetWindow.innerHeight - this.props.minPagePadding! * 2 - }; - } - this._bounds = currentBounds; - } - return this._bounds; - } - - private _getMaxHeight(): number { - if (!this._maxHeight) { - if (this.props.directionalHintFixed && this._target) { - let beakWidth = this.props.isBeakVisible ? this.props.beakWidth : 0; - let gapSpace = this.props.gapSpace ? this.props.gapSpace : 0; - // Since the callout cannot measure it's border size it must be taken into account here. Otherwise it will - // overlap with the target. - const totalGap = gapSpace + beakWidth! + BORDER_WIDTH * 2; - this._maxHeight = getMaxHeight(this._target, this.props.directionalHint!, totalGap, this._getBounds()); - } else { - this._maxHeight = this._getBounds().height! - BORDER_WIDTH * 2; - } - } - return this._maxHeight!; - } - - private _arePositionsEqual(positions: ICalloutPositionedInfo, newPosition: ICalloutPositionedInfo) { - return this._comparePositions(positions.elementPosition, newPosition.elementPosition) && - this._comparePositions(positions.beakPosition.elementPosition, newPosition.beakPosition.elementPosition); - } - - private _comparePositions(oldPositions: IPosition, newPositions: IPosition) { - for (const key in newPositions) { - // This needs to be checked here and below because there is a linting error if for in does not immediately have an if statement - if (newPositions.hasOwnProperty(key)) { - const oldPositionEdge = oldPositions[key]; - const newPositionEdge = newPositions[key]; - - if (oldPositionEdge !== undefined && newPositionEdge !== undefined) { - if (oldPositionEdge.toFixed(2) !== newPositionEdge.toFixed(2)) { - return false; - } - } else { - return false; - } - } - } - return true; - } - - private _setTargetWindowAndElement(target: HTMLElement | string | MouseEvent | IPoint | null): void { - if (target) { - if (typeof target === 'string') { - let currentDoc: Document = getDocument()!; - this._target = currentDoc ? currentDoc.querySelector(target) as HTMLElement : null; - this._targetWindow = getWindow()!; - } else if ((target as MouseEvent).stopPropagation) { - this._targetWindow = getWindow((target as MouseEvent).toElement as HTMLElement)!; - this._target = target; - } else if ((target as HTMLElement).getBoundingClientRect) { - let targetElement: HTMLElement = target as HTMLElement; - this._targetWindow = getWindow(targetElement)!; - this._target = target; - // HTMLImgElements can have x and y values. The check for it being a point must go last. - } else { - this._targetWindow = getWindow()!; - this._target = target; - } - } else { - this._targetWindow = getWindow()!; - } - } - - private _setHeightOffsetEveryFrame(): void { - if (this._calloutElement && this.props.finalHeight) { - this._setHeightOffsetTimer = this._async.requestAnimationFrame(() => { - const calloutMainElem = this._calloutElement.lastChild as HTMLElement; - const cardScrollHeight: number = calloutMainElem.scrollHeight; - const cardCurrHeight: number = calloutMainElem.offsetHeight; - const scrollDiff: number = cardScrollHeight - cardCurrHeight; - - this.setState({ - heightOffset: this.state.heightOffset! + scrollDiff - }); - - if (calloutMainElem.offsetHeight < this.props.finalHeight!) { - this._setHeightOffsetEveryFrame(); - } else { - this._async.cancelAnimationFrame(this._setHeightOffsetTimer); - } - }); - } - } +import { ICalloutProps } from './Callout.types'; +import { CalloutContentBase } from './CalloutContent.base'; +import { getStyles } from './CalloutContent.styles'; - private _getTarget(props: ICalloutProps = this.props): HTMLElement | string | MouseEvent | IPoint | null { - let { useTargetPoint, targetPoint, target } = props; - return useTargetPoint ? targetPoint! : target!; - } -} +export const CalloutContent = styled( + CalloutContentBase, + getStyles +); \ No newline at end of file diff --git a/packages/office-ui-fabric-react/src/components/Callout/__snapshots__/Callout.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Callout/__snapshots__/Callout.test.tsx.snap index 232ebb8cd1345..e0d53d5ed7639 100644 --- a/packages/office-ui-fabric-react/src/components/Callout/__snapshots__/Callout.test.tsx.snap +++ b/packages/office-ui-fabric-react/src/components/Callout/__snapshots__/Callout.test.tsx.snap @@ -2,30 +2,54 @@ exports[`Callout renders Callout correctly 1`] = `
{ allowFreeform, autoComplete, buttonIconProps, + isButtonAriaHidden = true, styles: customStyles, theme, + title } = this.props; let { isOpen, selectedIndex, focused, suggestedDisplayValue } = this.state; this._currentVisibleValue = this._getVisibleValue(); @@ -295,7 +297,7 @@ export class ComboBox extends BaseComponent { return (
{ label && ( - + ) }
{ onClick={ this._onBaseAutofillClick } onInputValueChange={ this._onInputChange } aria-expanded={ isOpen } - aria-autocomplete={ (!disabled && autoComplete === 'on') } + aria-autocomplete={ this._getAriaAutoCompleteValue() } role='combobox' aria-readonly={ ((allowFreeform || disabled) ? null : 'true') } readOnly={ disabled || !allowFreeform } aria-labelledby={ (label && (id + '-label')) } aria-label={ ((ariaLabel && !label) && ariaLabel) } aria-describedby={ (id + '-option') } - aria-activedescendant={ (isOpen && (selectedIndex as number) >= 0 ? (id + '-list' + selectedIndex) : null) } + aria-activedescendant={ this._getAriaActiveDescentValue() } aria-disabled={ disabled } aria-owns={ (id + '-list') } spellCheck={ false } @@ -330,12 +332,13 @@ export class ComboBox extends BaseComponent { suggestedDisplayValue={ suggestedDisplayValue } updateValueInWillReceiveProps={ this._onUpdateValueInAutoFillWillReceiveProps } shouldSelectFullInputValueInComponentDidUpdate={ this._onShouldSelectFullInputValueInAutoFillComponentDidUpdate } + title={ title } />
); } @@ -182,4 +205,9 @@ export class MessageBar extends BaseComponent) { + this.setState({ expandSingleLine: !this.state.expandSingleLine }); + } +} \ No newline at end of file diff --git a/packages/office-ui-fabric-react/src/components/MessageBar/MessageBar.types.ts b/packages/office-ui-fabric-react/src/components/MessageBar/MessageBar.types.ts index 21d828fe2aa90..f294c9fddc90d 100644 --- a/packages/office-ui-fabric-react/src/components/MessageBar/MessageBar.types.ts +++ b/packages/office-ui-fabric-react/src/components/MessageBar/MessageBar.types.ts @@ -46,6 +46,14 @@ export interface IMessageBarProps extends React.HTMLAttributes { * Aria label on dismiss button if onDismiss is defined. */ dismissButtonAriaLabel?: string; + + /** + * Determines if the message bar text is truncated. + * If true, a button will render to toggle between a single line view and multiline view. + * This prop is for single line message bars with no buttons only in a limited space scenario. + * @defaultvalue false + */ + truncated?: boolean; } export enum MessageBarType { diff --git a/packages/office-ui-fabric-react/src/components/MessageBar/examples/MessageBar.Basic.Example.tsx b/packages/office-ui-fabric-react/src/components/MessageBar/examples/MessageBar.Basic.Example.tsx index 9578fd2ebf378..1082a2ad73524 100644 --- a/packages/office-ui-fabric-react/src/components/MessageBar/examples/MessageBar.Basic.Example.tsx +++ b/packages/office-ui-fabric-react/src/components/MessageBar/examples/MessageBar.Basic.Example.tsx @@ -15,7 +15,7 @@ export const MessageBarBasicExample = () => ( Info lorem ipsum dolor sit amet, a elit sem interdum consectetur adipiscing elit. Visit our website. - + ( Error lorem ipsum dolor sit amet, a elit sem interdum consectetur adipiscing elit. Visit our website. - + Blocked lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi luctus, purus a lobortis tristique, odio augue pharetra metus, ac placerat nunc mi nec dui. Vestibulum aliquam et nunc semper scelerisque. Curabitur vitae orci nec quam condimentum porttitor et sed lacus. Vivamus ac efficitur leo. Cras faucibus mauris libero, ac placerat erat euismod et. Donec pulvinar commodo odio sit amet faucibus. In hac habitasse platea dictumst. Duis eu ante commodo, condimentum nibh pellentesque, laoreet enim. Fusce massa lorem, ultrices eu mi a, fermentum suscipit magna. Integer porta purus pulvinar, hendrerit felis eget, condimentum mauris. Visit our website. - + ( Visit our website. - + @@ -61,7 +62,7 @@ export const MessageBarBasicExample = () => ( Success lorem ipsum dolor sit amet. Visit our website. - + implements IP constructor(props: IPanelProps) { super(props); + this._warnDeprecations({ + 'ignoreExternalFocusing': 'focusTrapZoneProps', + 'forceFocusInsideTrap': 'focusTrapZoneProps', + 'firstFocusableSelector': 'focusTrapZoneProps' + }); + this.state = { isFooterSticky: false, isOpen: false, @@ -73,6 +79,7 @@ export class Panel extends BaseComponent implements IP className = '', elementToFocusOnDismiss, firstFocusableSelector, + focusTrapZoneProps, forceFocusInsideTrap, hasCloseButton, headerText, @@ -151,6 +158,10 @@ export class Panel extends BaseComponent implements IP > { overlay } implements IP isOpen && isAnimating && isOnRightSide && AnimationClassNames.slideLeftIn40, !isOpen && isAnimating && !isOnRightSide && AnimationClassNames.slideLeftOut40, !isOpen && isAnimating && isOnRightSide && AnimationClassNames.slideRightOut40, + focusTrapZoneProps ? focusTrapZoneProps.className : undefined ) } style={ customWidthStyles } elementToFocusOnDismiss={ elementToFocusOnDismiss } isClickableOutsideFocusTrap={ isLightDismiss || isHiddenOnDismiss } - ignoreExternalFocusing={ ignoreExternalFocusing } - forceFocusInsideTrap={ forceFocusInsideTrap } - firstFocusableSelector={ firstFocusableSelector } >
{ onRenderNavigation(renderProps, this._onRenderNavigation) } diff --git a/packages/office-ui-fabric-react/src/components/Panel/Panel.types.ts b/packages/office-ui-fabric-react/src/components/Panel/Panel.types.ts index 3feb0fbd5ad72..1e6acd0c9f70f 100644 --- a/packages/office-ui-fabric-react/src/components/Panel/Panel.types.ts +++ b/packages/office-ui-fabric-react/src/components/Panel/Panel.types.ts @@ -2,6 +2,7 @@ import * as React from 'react'; import { Panel } from './Panel'; import { IRenderFunction } from '../../Utilities'; import { ILayerProps } from '../../Layer'; +import { IFocusTrapZoneProps } from '../../FocusTrapZone'; export interface IPanel { /** @@ -106,22 +107,33 @@ export interface IPanelProps extends React.Props { elementToFocusOnDismiss?: HTMLElement; /** - * Indicates if this Panel will ignore keeping track of HTMLElement that activated the Zone. - * @default false - */ + * Indicates if this Panel will ignore keeping track of HTMLElement that activated the Zone. + * Deprecated, use focusTrapZoneProps. + * @default false + * @deprecated + */ ignoreExternalFocusing?: boolean; /** - * Indicates whether Panel should force focus inside the focus trap zone - * @default true - */ + * Indicates whether Panel should force focus inside the focus trap zone + * Deprecated, use focusTrapZoneProps. + * @default true + * @deprecated + */ forceFocusInsideTrap?: boolean; /** - * Indicates the selector for first focusable item - */ + * Indicates the selector for first focusable item. + * Deprecated, use focusTrapZoneProps. + * @deprecated + */ firstFocusableSelector?: string; + /** + * Optional props to pass to the FocusTrapZone component to manage focus in the panel. + */ + focusTrapZoneProps?: IFocusTrapZoneProps; + /** * Optional props to pass to the Layer component hosting the panel. */ diff --git a/packages/office-ui-fabric-react/src/components/Persona/Persona.scss b/packages/office-ui-fabric-react/src/components/Persona/Persona.scss index 58fc5e67750d7..ad5db01649bb7 100644 --- a/packages/office-ui-fabric-react/src/components/Persona/Persona.scss +++ b/packages/office-ui-fabric-react/src/components/Persona/Persona.scss @@ -360,12 +360,12 @@ $ms-Persona-presenceBorder: 2px; } &.showSecondaryText { - height: 32px; + height: 36px; .primaryText, .secondaryText { display: block; - height: 16px; + height: 18px; line-height: 16px; overflow-x: hidden; } diff --git a/packages/office-ui-fabric-react/src/components/Persona/Persona.tsx b/packages/office-ui-fabric-react/src/components/Persona/Persona.tsx index 60b85db742045..e9e34a8f28424 100644 --- a/packages/office-ui-fabric-react/src/components/Persona/Persona.tsx +++ b/packages/office-ui-fabric-react/src/components/Persona/Persona.tsx @@ -57,7 +57,8 @@ export class Persona extends BaseComponent { imageShouldFadeIn, imageShouldStartVisible, showSecondaryText, - onPhotoLoadingStateChange + onPhotoLoadingStateChange, + onRenderCoin } = this.props; let personaCoinProps = { @@ -72,7 +73,8 @@ export class Persona extends BaseComponent { imageShouldFadeIn, imageShouldStartVisible, size, - onPhotoLoadingStateChange + onPhotoLoadingStateChange, + onRenderCoin }; let divProps = getNativeProps(this.props, divProperties); diff --git a/packages/office-ui-fabric-react/src/components/Persona/Persona.types.ts b/packages/office-ui-fabric-react/src/components/Persona/Persona.types.ts index c91bde05791dc..78c8507daa729 100644 --- a/packages/office-ui-fabric-react/src/components/Persona/Persona.types.ts +++ b/packages/office-ui-fabric-react/src/components/Persona/Persona.types.ts @@ -30,6 +30,11 @@ export interface IPersonaProps extends React.HTMLAttributes { */ size?: PersonaSize; + /** + * Optional custom renderer for the coin + */ + onRenderCoin?: IRenderFunction; + /** * If true, adds the css class 'is-fadeIn' to the image. */ diff --git a/packages/office-ui-fabric-react/src/components/Persona/PersonaCoin.tsx b/packages/office-ui-fabric-react/src/components/Persona/PersonaCoin.tsx index 1d06b81762b5b..cce51e3fb0ba9 100644 --- a/packages/office-ui-fabric-react/src/components/Persona/PersonaCoin.tsx +++ b/packages/office-ui-fabric-react/src/components/Persona/PersonaCoin.tsx @@ -76,6 +76,7 @@ export class PersonaCoin extends React.Component { initialsColor, primaryText, imageShouldFadeIn, + onRenderCoin = this._onRenderCoin, onRenderInitials = this._onRenderInitials, imageShouldStartVisible } = this.props; @@ -114,17 +115,7 @@ export class PersonaCoin extends React.Component {
) } - { + { onRenderCoin(this.props, this._onRenderCoin) }
) : @@ -143,6 +134,33 @@ export class PersonaCoin extends React.Component { ); } + @autobind + private _onRenderCoin(props: IPersonaProps): JSX.Element | null { + let { + coinSize, + imageUrl, + imageAlt, + imageShouldFadeIn, + imageShouldStartVisible + } = this.props; + + let size = this.props.size as PersonaSize; + + return( + { + ); + } + @autobind private _onRenderInitials(props: IPersonaProps): JSX.Element { let { diff --git a/packages/office-ui-fabric-react/src/components/Persona/PersonaPage.tsx b/packages/office-ui-fabric-react/src/components/Persona/PersonaPage.tsx index ac98fabba9ed2..bcadebf3bbf87 100644 --- a/packages/office-ui-fabric-react/src/components/Persona/PersonaPage.tsx +++ b/packages/office-ui-fabric-react/src/components/Persona/PersonaPage.tsx @@ -9,6 +9,7 @@ import { PersonaInitialsExample } from './examples/Persona.Initials.Example'; import { PersonaBasicExample } from './examples/Persona.Basic.Example'; import { PersonaAlternateExample } from './examples/Persona.Alternate.Example'; import { PersonaCustomRenderExample } from './examples/Persona.CustomRender.Example'; +import { PersonaCustomCoinRenderExample } from './examples/Persona.CustomCoinRender.Example'; import { ComponentStatus } from '../../demo/ComponentStatus/ComponentStatus'; import { PersonaStatus } from './Persona.checklist'; @@ -16,6 +17,7 @@ const PersonaInitialsExampleCode = require('!raw-loader!office-ui-fabric-react/s const PersonaBasicExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Persona/examples/Persona.Basic.Example.tsx') as string; const PersonaAlternateExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Persona/examples/Persona.Alternate.Example.tsx') as string; const PersonaCustomRenderExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Persona/examples/Persona.CustomRender.Example.tsx') as string; +const PersonaCustomCoinRenderExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Persona/examples/Persona.CustomCoinRender.Example.tsx') as string; export class PersonaPage extends React.Component { public render() { @@ -37,6 +39,9 @@ export class PersonaPage extends React.Component { + + +
} propertiesTables={ diff --git a/packages/office-ui-fabric-react/src/components/Persona/examples/Persona.CustomCoinRender.Example.tsx b/packages/office-ui-fabric-react/src/components/Persona/examples/Persona.CustomCoinRender.Example.tsx new file mode 100644 index 0000000000000..ce7618c9e61e1 --- /dev/null +++ b/packages/office-ui-fabric-react/src/components/Persona/examples/Persona.CustomCoinRender.Example.tsx @@ -0,0 +1,55 @@ +import * as React from 'react'; +import { autobind } from 'office-ui-fabric-react/lib/Utilities'; +import { + IPersonaProps, + Persona, + PersonaSize, + PersonaPresence +} from 'office-ui-fabric-react/lib/Persona'; +import { Icon } from 'office-ui-fabric-react/lib/Icon'; +import { TestImages } from '../../../common/TestImages'; +import './PersonaExample.scss'; +import * as exampleStylesImport from '../../../common/_exampleStyles.scss'; +const exampleStyles: any = exampleStylesImport; + +const examplePersona = { + imageUrl: TestImages.personaMale, + imageInitials: 'TR', + primaryText: 'Ted Randall', + secondaryText: 'Project Manager', + optionalText: 'Available at 4:00pm' +}; + +export class PersonaCustomCoinRenderExample extends React.Component { + + public render() { + return ( +
+
Custom functional element in place of persona coin's image
+ +
+ ); + } + + @autobind + private _onRenderCoin(props: IPersonaProps): JSX.Element { + let { + coinSize, + imageUrl, + imageAlt, + } = props; + + return ( +
+ { +
+ ); + } +} diff --git a/packages/office-ui-fabric-react/src/components/Persona/examples/PersonaExample.scss b/packages/office-ui-fabric-react/src/components/Persona/examples/PersonaExample.scss index 3f6089366153c..7cb40a69d43f2 100644 --- a/packages/office-ui-fabric-react/src/components/Persona/examples/PersonaExample.scss +++ b/packages/office-ui-fabric-react/src/components/Persona/examples/PersonaExample.scss @@ -7,7 +7,11 @@ margin-right: 5px; } - .example-label { + .exampleLabel { margin: 10px 0; } -} \ No newline at end of file + + .customExampleCoin img { + border-radius: 20px; + } +} diff --git a/packages/office-ui-fabric-react/src/components/Popup/Popup.tsx b/packages/office-ui-fabric-react/src/components/Popup/Popup.tsx index d430613b34288..23cd996751eda 100644 --- a/packages/office-ui-fabric-react/src/components/Popup/Popup.tsx +++ b/packages/office-ui-fabric-react/src/components/Popup/Popup.tsx @@ -72,7 +72,7 @@ export class Popup extends BaseComponent { aria-labelledby={ ariaLabelledBy } aria-describedby={ ariaDescribedBy } onKeyDown={ this._onKeyDown } - style={ { ...style, overflowY: needsVerticalScrollBar ? 'scroll' : 'auto' } } + style={ { overflowY: needsVerticalScrollBar ? 'scroll' : 'auto', ...style } } > { this.props.children }
diff --git a/packages/office-ui-fabric-react/src/components/ResizeGroup/ResizeGroup.tsx b/packages/office-ui-fabric-react/src/components/ResizeGroup/ResizeGroup.tsx index c48d3f17e5aaa..c8c486a47f3ea 100644 --- a/packages/office-ui-fabric-react/src/components/ResizeGroup/ResizeGroup.tsx +++ b/packages/office-ui-fabric-react/src/components/ResizeGroup/ResizeGroup.tsx @@ -1,8 +1,10 @@ import * as React from 'react'; import * as PropTypes from 'prop-types'; import { + BaseComponent, css, - BaseComponent + divProperties, + getNativeProps } from '../../Utilities'; import { provideContext } from '@uifabric/utilities/lib/Context'; import { IResizeGroupProps } from './ResizeGroup.types'; @@ -299,9 +301,10 @@ export class ResizeGroup extends BaseComponent +
{ this._nextResizeGroupStateProvider.shouldRenderDataToMeasureInHiddenDiv(dataToMeasure) && (
{ onRenderData(dataToMeasure) } diff --git a/packages/office-ui-fabric-react/src/components/ResizeGroup/examples/ResizeGroup.OverflowSet.Example.tsx b/packages/office-ui-fabric-react/src/components/ResizeGroup/examples/ResizeGroup.OverflowSet.Example.tsx index 8ad5384c16d1e..0888d19501e45 100644 --- a/packages/office-ui-fabric-react/src/components/ResizeGroup/examples/ResizeGroup.OverflowSet.Example.tsx +++ b/packages/office-ui-fabric-react/src/components/ResizeGroup/examples/ResizeGroup.OverflowSet.Example.tsx @@ -75,6 +75,8 @@ export class ResizeGroupOverflowSetExample extends BaseComponent<{}, IResizeGrou return (
('!raw-loader!office-ui-fabric-react/src/components/ScrollablePane/ScrollablePane.types.ts') + require('!raw-loader!office-ui-fabric-react/src/components/ScrollablePane/ScrollablePane.types.ts'), + require('!raw-loader!office-ui-fabric-react/src/components/Sticky/Sticky.types.ts') ] } /> } diff --git a/packages/office-ui-fabric-react/src/components/ScrollablePane/examples/ScrollablePane.Default.Example.tsx b/packages/office-ui-fabric-react/src/components/ScrollablePane/examples/ScrollablePane.Default.Example.tsx index 6611219f4f865..2d5df4ba126d1 100644 --- a/packages/office-ui-fabric-react/src/components/ScrollablePane/examples/ScrollablePane.Default.Example.tsx +++ b/packages/office-ui-fabric-react/src/components/ScrollablePane/examples/ScrollablePane.Default.Example.tsx @@ -31,17 +31,16 @@ export class ScrollablePaneDefaultExample extends React.Component { } private _createContentArea(index: number) { - const style = { - backgroundColor: this._getRandomColor() - }; + const style = this._getRandomColor(); return (
-
+
Sticky Component #{ index + 1 }
diff --git a/packages/office-ui-fabric-react/src/components/SearchBox/SearchBox.base.tsx b/packages/office-ui-fabric-react/src/components/SearchBox/SearchBox.base.tsx index 3a0c8eea2a98b..956f56893e608 100644 --- a/packages/office-ui-fabric-react/src/components/SearchBox/SearchBox.base.tsx +++ b/packages/office-ui-fabric-react/src/components/SearchBox/SearchBox.base.tsx @@ -36,8 +36,10 @@ export class SearchBoxBase extends BaseComponent { // tslint:disable:jsx-no-lambda onFocus={ () => console.log('onFocus called') } onBlur={ () => console.log('onBlur called') } + onChange={ () => console.log('onChange called') } /> ); } diff --git a/packages/office-ui-fabric-react/src/components/SpinButton/SpinButton.tsx b/packages/office-ui-fabric-react/src/components/SpinButton/SpinButton.tsx index 43d76e8e109d2..5292a2e5b4b28 100644 --- a/packages/office-ui-fabric-react/src/components/SpinButton/SpinButton.tsx +++ b/packages/office-ui-fabric-react/src/components/SpinButton/SpinButton.tsx @@ -126,7 +126,9 @@ export class SpinButton extends BaseComponent
diff --git a/packages/office-ui-fabric-react/src/components/SpinButton/SpinButton.types.ts b/packages/office-ui-fabric-react/src/components/SpinButton/SpinButton.types.ts index f00467988a911..513085a989290 100644 --- a/packages/office-ui-fabric-react/src/components/SpinButton/SpinButton.types.ts +++ b/packages/office-ui-fabric-react/src/components/SpinButton/SpinButton.types.ts @@ -155,6 +155,16 @@ export interface ISpinButtonProps { * Theme provided by HOC. */ theme?: ITheme; + + /** + * Accessibility label text for the increment button for the benefit of the screen reader. + */ + incrementButtonAriaLabel?: string; + + /** + * Accessibility label text for the decrement button for the benefit of the screen reader. + */ + decrementButtonAriaLabel?: string; } export interface ISpinButtonStyles { diff --git a/packages/office-ui-fabric-react/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap b/packages/office-ui-fabric-react/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap index 0abcbc137c9f9..928e00cac02cf 100644 --- a/packages/office-ui-fabric-react/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap +++ b/packages/office-ui-fabric-react/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap @@ -146,7 +146,6 @@ exports[`SpinButton renders SpinButton correctly 1`] = ` >