Project import generated by Copybara.
GitOrigin-RevId: 63746295f1a5ab5a619056791995793d65529e62
diff --git a/node_modules/material-design-lite/src/chip/README.md b/node_modules/material-design-lite/src/chip/README.md
new file mode 100644
index 0000000..21a0c9f
--- /dev/null
+++ b/node_modules/material-design-lite/src/chip/README.md
@@ -0,0 +1,65 @@
+## Introduction
+
+The Material Design Lite (MDL) **chip** component is a small, interactive element.
+Chips are commonly used for contacts, text, rules, icons, and photos.
+
+## TO INCLUDE AN MDL CHIP COMPONENT:
+
+ 1. Create a container element for the chip; typically `<span>` and `<div>` are used, but any container element should work equally well. If you need interactivity, use a `<button>`, or add the `tabindex` attribute to your container.
+```html
+<span>
+</span>
+```
+
+ 2. Add in the text wrapper and the MDL classes.
+```html
+<span class="mdl-chip">
+ <span class="mdl-chip__text">Chip Text</span>
+</span>
+```
+
+ 3. For deletable chips, add in the delete icon. This can be an `<a>`, `<button>` or non-interactive tags like `<span>`.
+```html
+<span class="mdl-chip">
+ <span class="mdl-chip__text">Chip Text</span>
+ <a href="#" class="mdl-chip__action"><i class="material-icons">cancel</i></a>
+</span>
+```
+
+ 4. Contact chips need to have the `mdl-chip--contact` class added to the container, along with another container for the contact icon. The icon container for photos is typically an `<img>` tag, but other types of content can be used with a little extra supporting css.
+```html
+<span class="mdl-chip">
+ <span class="mdl-chip__contact mdl-color--teal mdl-color-text--white">A</span>
+ <span class="mdl-chip__text">Chip Text</span>
+ <a href="#" class="mdl-chip__action"><i class="material-icons">cancel</i></a>
+</span>
+```
+
+## Examples
+
+A button based contact chip whose contact image is a `<span>` with a `background-image`.
+
+```html
+<style>
+ .demo-chip .mdl-chip__contact {
+ background-image: url("./path/to/image");
+ background-size: cover;
+ }
+</style>
+
+<button class="mdl-chip demo-chip">
+ <span class="mdl-chip__contact"> </span>
+ <span class="mdl-chip__text">Chip Text</span>
+ <a href="#" class="mdl-chip__action"><i class="material-icons">cancel</i></a>
+</button>
+```
+
+## CSS Classes
+
+| MDL Class | Effect | Remarks |
+|-----------|--------|---------|
+| `mdl-chip` | Defines element as an MDL chip container | Required on "outer" container |
+| `mdl-chip--contact` | Defines an MDL chip as a contact style chip | Optional, goes on "outer" container |
+| `mdl-chip__text` | Defines element as the chip's text | Required on "inner" text container |
+| `mdl-chip__action` | Defines element as the chip's action | Required on "inner" action container, if present |
+| `mdl-chip__contact` | Defines element as the chip's contact container | Required on "inner" contact container, if the `mdl-chip--contact` class is present on "outer" container |
\ No newline at end of file
diff --git a/node_modules/material-design-lite/src/chip/_chip.scss b/node_modules/material-design-lite/src/chip/_chip.scss
new file mode 100644
index 0000000..18e0549
--- /dev/null
+++ b/node_modules/material-design-lite/src/chip/_chip.scss
@@ -0,0 +1,88 @@
+/**
+ * Copyright 2015 Google Inc. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+@import "../variables";
+@import "../mixins";
+
+.mdl-chip {
+ height: $chip-height;
+ font-family: $preferred_font;
+ line-height: $chip-height;
+ padding: 0 12px;
+ border: 0;
+ border-radius: $chip-height / 2;
+ background-color: $chip-bg-color;
+ display: inline-block;
+ color: $text-color-primary;
+ margin: 2px 0;
+ font-size: 0;
+ white-space: nowrap;
+
+ &__text {
+ font-size: $chip-font-size;
+ vertical-align: middle;
+ display: inline-block;
+ }
+
+ &__action {
+ height: 24px;
+ width: 24px;
+ background: transparent;
+ opacity: 0.54;
+ display: inline-block;
+ cursor: pointer;
+ text-align: center;
+ vertical-align: middle;
+ padding: 0;
+ margin: 0 0 0 4px;
+ font-size: $chip-font-size;
+ text-decoration: none;
+ color: $text-color-primary;
+ border: none;
+ outline: none;
+ overflow: hidden;
+ }
+
+ &__contact {
+ height: $chip-height;
+ width: $chip-height;
+ border-radius: $chip-height / 2;
+ display: inline-block;
+ vertical-align: middle;
+ margin-right: 8px;
+ overflow: hidden;
+ text-align: center;
+ font-size: 18px;
+ line-height: 32px;
+ }
+
+ &:focus {
+ outline: 0;
+ @include shadow-2dp();
+ }
+
+ &:active {
+ background-color: $chip-bg-active-color;
+ }
+
+ &--deletable {
+ padding-right: 4px;
+ }
+
+ &--contact {
+ padding-left: 0;
+ }
+}
\ No newline at end of file
diff --git a/node_modules/material-design-lite/src/chip/snippets/basic.html b/node_modules/material-design-lite/src/chip/snippets/basic.html
new file mode 100644
index 0000000..f996f82
--- /dev/null
+++ b/node_modules/material-design-lite/src/chip/snippets/basic.html
@@ -0,0 +1,4 @@
+<!-- Basic Chip -->
+<span class="mdl-chip">
+ <span class="mdl-chip__text">Basic Chip</span>
+</span>
\ No newline at end of file
diff --git a/node_modules/material-design-lite/src/chip/snippets/button.html b/node_modules/material-design-lite/src/chip/snippets/button.html
new file mode 100644
index 0000000..231fdf6
--- /dev/null
+++ b/node_modules/material-design-lite/src/chip/snippets/button.html
@@ -0,0 +1,4 @@
+<!-- Button Chip -->
+<button type="button" class="mdl-chip">
+ <span class="mdl-chip__text">Button Chip</span>
+</button>
\ No newline at end of file
diff --git a/node_modules/material-design-lite/src/chip/snippets/contact.html b/node_modules/material-design-lite/src/chip/snippets/contact.html
new file mode 100644
index 0000000..2d205cf
--- /dev/null
+++ b/node_modules/material-design-lite/src/chip/snippets/contact.html
@@ -0,0 +1,5 @@
+<!-- Contact Chip -->
+<span class="mdl-chip mdl-chip--contact">
+ <span class="mdl-chip__contact mdl-color--teal mdl-color-text--white">A</span>
+ <span class="mdl-chip__text">Contact Chip</span>
+</span>
diff --git a/node_modules/material-design-lite/src/chip/snippets/deletable-contact.html b/node_modules/material-design-lite/src/chip/snippets/deletable-contact.html
new file mode 100644
index 0000000..3f45da3
--- /dev/null
+++ b/node_modules/material-design-lite/src/chip/snippets/deletable-contact.html
@@ -0,0 +1,6 @@
+<!-- Deletable Contact Chip -->
+<span class="mdl-chip mdl-chip--contact mdl-chip--deletable">
+ <img class="mdl-chip__contact" src="/templates/dashboard/images/user.jpg"></img>
+ <span class="mdl-chip__text">Deletable Contact Chip</span>
+ <a href="#" class="mdl-chip__action"><i class="material-icons">cancel</i></a>
+</span>
\ No newline at end of file
diff --git a/node_modules/material-design-lite/src/chip/snippets/deletable.html b/node_modules/material-design-lite/src/chip/snippets/deletable.html
new file mode 100644
index 0000000..6200e39
--- /dev/null
+++ b/node_modules/material-design-lite/src/chip/snippets/deletable.html
@@ -0,0 +1,5 @@
+<!-- Deletable Chip -->
+<span class="mdl-chip mdl-chip--deletable">
+ <span class="mdl-chip__text">Deletable Chip</span>
+ <button type="button" class="mdl-chip__action"><i class="material-icons">cancel</i></button>
+</span>
\ No newline at end of file