Check in compiled bits for 1.2.0

sympmarc · Jan 6, 2016 · aa433fa · aa433fa
1 parent 8ea0216
commit aa433fa
Show file tree

Hide file tree

Showing 423 changed files with 83,115 additions and 1 deletion.
diff --git a/.gitignore b/.gitignore
@@ -10,7 +10,6 @@ npm-debug.log
 # Fabric files
 *.sublime-workspace
 docs.css
-dist
 
 # Docs files
 docs/app

diff --git a/dist/components/Breadcrumb/Breadcrumb.css b/dist/components/Breadcrumb/Breadcrumb.css
@@ -0,0 +1,304 @@
+/* Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. */
+/**
+ * Office UI Fabric 1.1.3
+ * The front-end framework for building experiences for Office 365.
+ **/
+.ms-ContextualMenu {
+  color: #333333;
+  font-family: 'Segoe UI Regular WestEuropean', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
+  font-size: 14px;
+  font-weight: normal;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  box-shadow: none;
+  display: none;
+}
+
+.ms-ContextualMenu.is-open {
+  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
+  background-color: #ffffff;
+  border: 1px solid #c8c8c8;
+  display: block;
+  list-style-type: none;
+  position: absolute;
+  width: 180px;
+  z-index: 105;
+}
+
+.ms-ContextualMenu-item {
+  box-sizing: border-box;
+  position: relative;
+}
+
+.ms-ContextualMenu-item.ms-ContextualMenu-item--divider {
+  cursor: default;
+  display: block;
+  height: 1px;
+  margin: 4px 0;
+  background-color: #eaeaea;
+  position: relative;
+}
+
+.ms-ContextualMenu-item.ms-ContextualMenu-item--header {
+  color: #0078d7;
+  font-size: 12px;
+  text-transform: uppercase;
+  height: 40px;
+  line-height: 40px;
+  padding: 0 30px;
+}
+
+.ms-ContextualMenu-link {
+  text-decoration: none;
+  color: #333333;
+  border: 1px solid transparent;
+  cursor: pointer;
+  display: block;
+  height: 40px;
+  line-height: 40px;
+  padding: 0 18px;
+  position: relative;
+}
+
+.ms-ContextualMenu-link:first-child,
+.ms-ContextualMenu-link:last-child {
+  height: 39px;
+}
+
+.ms-ContextualMenu-link:hover,
+.ms-ContextualMenu-link:active {
+  background-color: #eaeaea;
+  color: #000000;
+}
+
+.ms-ContextualMenu-link:active {
+  border: 1px solid #0078d7;
+}
+
+.ms-ContextualMenu-link.is-selected {
+  background-color: #c7e0f4;
+  color: #000000;
+  font-family: 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe WP Semibold', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
+}
+
+.ms-ContextualMenu-link.is-selected:hover {
+  background-color: #c7e0f4;
+}
+
+.ms-ContextualMenu-link.is-disabled {
+  background-color: #ffffff;
+  color: #a6a6a6;
+  cursor: default;
+  pointer-events: none;
+}
+
+.ms-ContextualMenu-link.is-disabled:active {
+  border-color: #ffffff;
+}
+
+.ms-ContextualMenu-link.ms-ContextualMenu-link--hasMenu ~ .ms-ContextualMenu {
+  position: absolute;
+  top: -1px;
+  left: 178px;
+}
+
+.ms-ContextualMenu-subMenuIcon,
+.ms-ContextualMenu-caretRight {
+  color: #666666;
+  font-size: 16px;
+  height: 39px;
+  line-height: 40px;
+  position: absolute;
+  top: 0;
+  right: 7px;
+  z-index: 1;
+  pointer-events: none;
+}
+
+.ms-ContextualMenu.ms-ContextualMenu--multiselect .ms-ContextualMenu-link {
+  padding: 0 30px;
+}
+
+.ms-ContextualMenu.ms-ContextualMenu--multiselect .ms-ContextualMenu-link.is-selected {
+  background-color: #ffffff;
+}
+
+.ms-ContextualMenu.ms-ContextualMenu--multiselect .ms-ContextualMenu-link.is-selected:after {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  display: inline-block;
+  font-family: 'Office365Icons';
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1;
+  speak: none;
+  color: #333333;
+  content: '\e041';
+  font-size: 12px;
+  height: 39px;
+  line-height: 40px;
+  position: absolute;
+  left: 10px;
+}
+
+.ms-Breadcrumb {
+  margin: 23px 0 1px 0;
+}
+
+.ms-Breadcrumb.is-overflow .ms-Breadcrumb-overflow {
+  display: inline;
+}
+
+.ms-Breadcrumb-chevron {
+  font-size: 17px;
+  color: #666666;
+  vertical-align: top;
+  margin: 10px 0;
+}
+
+.ms-Breadcrumb-list {
+  display: inline;
+  white-space: nowrap;
+  padding: 0;
+  margin: 0;
+}
+
+.ms-Breadcrumb-list .ms-Breadcrumb-listItem {
+  list-style-type: none;
+  vertical-align: top;
+  margin: 0;
+  padding: 0;
+  display: inline-block;
+}
+
+.ms-Breadcrumb-list .ms-Breadcrumb-listItem:last-of-type .ms-Breadcrumb-chevron {
+  display: none;
+}
+
+.ms-Breadcrumb-overflow {
+  display: none;
+  position: relative;
+  margin-right: -4px;
+}
+
+.ms-Breadcrumb-overflow .ms-Breadcrumb-overflowButton {
+  font-size: 12px;
+  display: inline-block;
+  color: #0078d7;
+  margin-right: -4px;
+  padding: 12px 8px 3px 8px;
+  cursor: pointer;
+}
+
+.ms-Breadcrumb-overflowMenu {
+  display: none;
+  position: absolute;
+}
+
+.ms-Breadcrumb-overflowMenu.is-open {
+  display: block;
+  top: 36px;
+  left: 0;
+  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
+  background-color: #ffffff;
+  border: 1px solid #c8c8c8;
+  z-index: 105;
+}
+
+.ms-Breadcrumb-overflowMenu:before {
+  position: absolute;
+  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
+  top: -6px;
+  left: 6px;
+  content: ' ';
+  width: 16px;
+  height: 16px;
+  -webkit-transform: rotate(45deg);
+      -ms-transform: rotate(45deg);
+          transform: rotate(45deg);
+  background-color: white;
+}
+
+.ms-Breadcrumb-overflowMenu .ms-ContextualMenu {
+  border: none;
+  box-shadow: none;
+  position: relative;
+  width: 190px;
+}
+
+.ms-Breadcrumb-overflowMenu .ms-ContextualMenu.is-open {
+  margin-bottom: 0;
+}
+
+.ms-Breadcrumb-itemLink,
+.ms-Breadcrumb-overflowButton {
+  text-decoration: none;
+  outline: transparent;
+}
+
+.ms-Breadcrumb-itemLink:hover,
+.ms-Breadcrumb-overflowButton:hover {
+  background-color: #f4f4f4;
+}
+
+.ms-Breadcrumb-itemLink:focus,
+.ms-Breadcrumb-overflowButton:focus {
+  outline: #767676 solid 1px;
+  color: #000000;
+}
+
+.ms-Breadcrumb-itemLink:active,
+.ms-Breadcrumb-overflowButton:active {
+  outline: transparent;
+  background-color: #c8c8c8;
+}
+
+.ms-Breadcrumb-itemLink {
+  color: #333333;
+  font-family: 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe WP Light', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
+  font-size: 21px;
+  font-weight: normal;
+  display: inline-block;
+  padding: 0 4px;
+  max-width: 160px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+@media screen and (max-width: 639px) {
+  .ms-Breadcrumb {
+    margin: 10px 0;
+  }
+
+  .ms-Breadcrumb-itemLink {
+    font-size: 17px;
+  }
+
+  .ms-Breadcrumb-chevron {
+    font-size: 14px;
+    margin-top: 7px;
+  }
+
+  .ms-Breadcrumb-overflow .ms-Breadcrumb-overflowButton {
+    padding-top: 8px;
+    padding-bottom: 3px;
+  }
+}
+
+@media screen and (max-width: 479px) {
+  .ms-Breadcrumb-itemLink {
+    font-size: 14px;
+    max-width: 116px;
+  }
+
+  .ms-Breadcrumb-chevron {
+    margin-top: 4px;
+  }
+
+  .ms-Breadcrumb-overflow .ms-Breadcrumb-overflowButton {
+    padding-top: 5px;
+    padding-bottom: 3px;
+  }
+}
diff --git a/dist/components/Breadcrumb/Breadcrumb.html b/dist/components/Breadcrumb/Breadcrumb.html
@@ -0,0 +1,37 @@
+<!-- Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. -->
+
+<div class="ms-Breadcrumb">
+  <div class="ms-Breadcrumb-overflow">
+    <div class="ms-Breadcrumb-overflowButton ms-Icon ms-Icon--ellipsis" tabindex="1"></div>
+    <i class="ms-Breadcrumb-chevron ms-Icon ms-Icon--chevronRight"></i>
+    <div class="ms-Breadcrumb-overflowMenu">
+      <ul class="ms-ContextualMenu is-open"></ul>
+    </div>
+  </div>
+  <ul class="ms-Breadcrumb-list">
+    <li class="ms-Breadcrumb-listItem">
+      <a class="ms-Breadcrumb-itemLink" href="#" tabindex="2">Files</a>
+      <i class="ms-Breadcrumb-chevron ms-Icon ms-Icon--chevronRight"></i>
+    </li>
+    <li class="ms-Breadcrumb-listItem">
+      <a class="ms-Breadcrumb-itemLink" href="#" tabindex="3">Folder 1</a>
+      <i class="ms-Breadcrumb-chevron ms-Icon ms-Icon--chevronRight"></i>
+    </li>
+    <li class="ms-Breadcrumb-listItem">
+      <a class="ms-Breadcrumb-itemLink" href="#" tabindex="4">Folder 2</a>
+      <i class="ms-Breadcrumb-chevron ms-Icon ms-Icon--chevronRight"></i>
+    </li>
+    <li class="ms-Breadcrumb-listItem">
+      <a class="ms-Breadcrumb-itemLink" href="#" tabindex="5">Folder 3</a>
+      <i class="ms-Breadcrumb-chevron ms-Icon ms-Icon--chevronRight"></i>
+    </li>
+    <li class="ms-Breadcrumb-listItem">
+      <a class="ms-Breadcrumb-itemLink" href="#" tabindex="6">Folder 4</a>
+      <i class="ms-Breadcrumb-chevron ms-Icon ms-Icon--chevronRight"></i>
+    </li>
+    <li class="ms-Breadcrumb-listItem">
+      <a class="ms-Breadcrumb-itemLink" href="#" tabindex="7">Folder 5</a>
+      <i class="ms-Breadcrumb-chevron ms-Icon ms-Icon--chevronRight"></i>
+    </li>
+  </ul>
+</div>