Add built files for 1.4.0

.gitignore

@@ -10,7 +10,6 @@ npm-debug.log
 # Fabric files
 *.sublime-workspace
 docs.css
-dist
 
 # Docs files
 docs/app

dist/components/Breadcrumb/Breadcrumb.hbs

@@ -0,0 +1,21 @@
+<!--
+Office UI Fabric JS 1.4.0
+The JavaScript front-end framework for building experiences for Office 365.
+-->
+<!-- Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. -->
+<div class="ms-Breadcrumb{{#if props.customClasses}} {{props.customClasses}}{{/if}}">
+ <div class="ms-Breadcrumb-overflow">
+ <div class="ms-Breadcrumb-overflowButton ms-Icon ms-Icon--More"></div>
+ <div class="ms-Breadcrumb-overflowMenu">
+ <ul class="ms-ContextualMenu is-open"></ul>
+ </div>
+ </div>
+ <ul class="ms-Breadcrumb-list">
+ {{#each props.items}}
+ <li class="ms-Breadcrumb-listItem">
+ <a class="ms-Breadcrumb-itemLink">{{name}}</a>
+ <i class="ms-Breadcrumb-chevron ms-Icon ms-Icon--ChevronRight"></i>
+ </li>
+ {{/each}}
+ </ul>
+</div>

dist/components/Breadcrumb/Breadcrumb.json

@@ -0,0 +1,6 @@
+{
+ "name": "Breadcrumb",
+ "dependencies": [
+ "ContextualMenu"
+ ]
+}

dist/components/Breadcrumb/Breadcrumb.scss

@@ -0,0 +1,177 @@
+/**
+ * Office UI Fabric JS 1.4.0
+ * The JavaScript front-end framework for building experiences for Office 365.
+ **/
+// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
+
+//
+// Office UI Fabric
+// --------------------------------------------------
+// Breadcrumb styles
+
+
+.ms-Breadcrumb {
+ @include ms-baseFont;
+ margin: 23px 0 1px;
+
+ &.is-overflow {
+ .ms-Breadcrumb-overflow {
+ display: inline;
+ }
+ }
+}
+
+.ms-Breadcrumb-chevron {
+ font-size: $ms-font-size-s;
+ color: $ms-color-neutralSecondary;
+ vertical-align: top;
+ margin: 11px 7px;
+}
+
+.ms-Breadcrumb-list {
+ display: inline;
+ white-space: nowrap;
+ padding: 0;
+ margin: 0;
+
+ .ms-Breadcrumb-listItem {
+ list-style-type: none;
+ vertical-align: top;
+ margin: 0;
+ padding: 0;
+ display: inline-block;
+
+ &:last-of-type {
+ .ms-Breadcrumb-chevron {
+ display: none;
+ }
+ }
+ }
+}
+
+.ms-Breadcrumb-overflow {
+ display: none;
+ position: relative;
+
+ .ms-Breadcrumb-overflowButton {
+ font-size: 16px;
+ display: inline-block;
+ color: $ms-color-themePrimary;
+ padding: 8px;
+ cursor: pointer;
+ vertical-align: top;
+ }
+}
+
+.ms-Breadcrumb-overflowMenu {
+ display: none;
+ position: absolute;
+ margin-right: -2px;
+
+ &.is-open {
+ display: block;
+ top: 36px;
+ left: 0;
+ @include drop-shadow;
+ background-color: $ms-color-white;
+ border: 1px solid $ms-color-neutralTertiaryAlt;
+ z-index: ($ms-zIndex-ContextualMenu + $ms-zIndex-middle);
+ }
+
+ &::before {
+ position: absolute;
+ @include drop-shadow;
+ top: -6px;
+ left: 6px;
+ content: ' ';
+ width: 16px;
+ height: 16px;
+ transform: rotate(45deg);
+ background-color: $ms-color-white;
+ }
+
+ .ms-ContextualMenu {
+ border: 0;
+ box-shadow: none;
+ position: relative;
+ width: 190px;
+
+ &.is-open {
+ margin-bottom: 0;
+ }
+ }
+}
+
+.ms-Breadcrumb-itemLink,
+.ms-Breadcrumb-overflowButton {
+ text-decoration: none;
+ outline: transparent;
+
+ &:hover {
+ background-color: $ms-color-neutralLighter;
+ cursor: pointer;
+ }
+
+ &:focus {
+ outline: $ms-color-neutralSecondaryAlt solid 1px;
+ color: $ms-color-black;
+ }
+
+ &:active {
+ outline: transparent;
+ background-color: $ms-color-neutralTertiaryAlt;
+ }
+}
+
+.ms-Breadcrumb-itemLink {
+ font-weight: $ms-font-weight-light;
+ font-size: $ms-font-size-xl;
+ color: $ms-color-neutralPrimary;
+ display: inline-block;
+ padding: 0 4px;
+ max-width: 160px;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ vertical-align: top;
+}
+
+
+@media screen and (max-width: $ms-screen-md-max) {
+ .ms-Breadcrumb {
+ margin: 10px 0;
+ }
+
+ .ms-Breadcrumb-itemLink {
+ font-size: $ms-font-size-l;
+ }
+
+ .ms-Breadcrumb-chevron {
+ font-size: 10px;
+ margin: 8px 5px;
+ }
+
+ .ms-Breadcrumb-overflow {
+ .ms-Breadcrumb-overflowButton {
+ font-size: 16px;
+ padding: 5px 4px;
+ }
+ }
+}
+
+@media screen and (max-width: $ms-screen-sm-max) {
+ .ms-Breadcrumb-itemLink {
+ font-size: $ms-font-size-m;
+ max-width: 116px;
+ }
+
+ .ms-Breadcrumb-chevron {
+ margin: 5px 4px;
+ }
+
+ .ms-Breadcrumb-overflow {
+ .ms-Breadcrumb-overflowButton {
+ padding: 2px 4px;
+ }
+ }
+}

dist/components/Button/Button.hbs

@@ -0,0 +1,20 @@
+<!--
+Office UI Fabric JS 1.4.0
+The JavaScript front-end framework for building experiences for Office 365.
+-->
+<!-- Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. -->
+<{{props.tag}} class="ms-Button
+{{~#if props.customClasses}} {{props.customClasses}}{{/if}}
+{{~#if props.modifier}} ms-Button--{{props.modifier}}{{/if}}
+{{~#if props.label}}{{else}} ms-Button--noLabel{{/if}}">
+{{#if props.icon}}
+<span class="ms-Button-icon"><i class="ms-Icon ms-Icon--{{props.icon}}"></i></span>
+{{/if}}
+<span class="ms-Button-label">{{props.label}}</span>
+{{#if props.description}}
+<span class="ms-Button-description">{{props.description}}</span>
+{{/if}}
+{{#if props.dropdownIcon}}
+<span class="ms-Button-dropdownIcon"><i class="ms-Icon ms-Icon--{{props.dropdownIcon}}"></i></span>
+{{/if}}
+</{{props.tag}}>

dist/components/Button/Button.json

@@ -0,0 +1,7 @@
+{
+ "name": "Button",
+ "props": {
+ "label": "Create Account",
+ "tag": "button"
+ }
+}