@shortfuse/materialdesignweb 0.0.9 → 0.4.0

package/docs/src/core/tab.pug

@@ -1,180 +0,0 @@
-include ../mixins.pug
-
-+header()
-  +navdrawer("tab")
-    #horizontalLine
-    #verticalLineLeft
-    #verticalLineRight
-    .comparison.clipped.mdw-theme-tab
-      .render
-        +androidstatusbar('primary-700')
-        .mdw-toolbar(mdw-theme-fill="primary-500 dark")
-          .mdw-toolbar__action
-            .mdw-toolbar__start
-              .mdw-button(mdw-icon).material-icons menu
-            .mdw-toolbar__title Page title
-            .mdw-toolbar__end
-              .mdw-button(mdw-icon).material-icons search
-              .mdw-button(mdw-icon mdw-more-button).material-icons more_vert
-          form.mdw-tab(mdw-theme-color="accent")
-            input(type="radio" name="tab" value="one" id='text-tab1' checked)
-            label.mdw-tab__item(for='text-tab1')
-              .mdw-tab__label Item One
-            input(type="radio" name="tab" value="two" id='text-tab2')
-            label.mdw-tab__item(for='text-tab2')
-              .mdw-tab__label Item Two
-            input(type="radio" name="tab" value="three" id='text-tab3')
-            label.mdw-tab__item(for='text-tab3')
-              .mdw-tab__label Item Three
-            .mdw-tab__indicator
-        .content(mdw-theme-fill="white")
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B6Okdz75tqQsOUdyb0FjQTJTdlk/components-tabs-usage-mobile3.png')
-
-    .comparison.clipped.mdw-theme-tab
-      .render
-        +androidstatusbar('primary-700')
-        .mdw-toolbar(mdw-theme-fill="primary-500 dark")
-          .mdw-toolbar__action
-            .mdw-toolbar__start
-              .mdw-button(mdw-icon).material-icons menu
-            .mdw-toolbar__end
-              .mdw-button(mdw-icon).material-icons search
-              .mdw-button(mdw-icon mdw-more-button).material-icons more_vert
-          .mdw-toolbar__content(style="font-size:2.125em;height:56px") Page title
-          form.mdw-tab(mdw-theme-color="accent")
-            input#large-text-tab1(type="radio" name="tab" value="one" checked)
-            label.mdw-tab__item(for='large-text-tab1')
-              .mdw-tab__label Item One
-            input#large-text-tab2(type="radio" name="tab" value="two")
-            label.mdw-tab__item(for='large-text-tab2')
-              .mdw-tab__label Item Two
-            input#large-text-tab3(type="radio" name="tab" value="three")
-            label.mdw-tab__item(for='large-text-tab3')
-              .mdw-tab__label Item Three
-            .mdw-tab__indicator
-        .content(mdw-theme-fill="white light")
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B6Okdz75tqQsc0lzb2VoMkFBNUE/components-tabs-usage-mobile1.png')
-
-
-    .comparison.clipped.mdw-theme-tab
-      .render
-        form.mdw-tab(mdw-theme-fill="primary-500 dark" mdw-theme-color="accent")
-          input#no-toolbar-tab1(type="radio" name="tab" value="one" checked)
-          label.mdw-tab__item(for='no-toolbar-tab1')
-            .mdw-tab__label Item One
-          input#no-toolbar-tab2(type="radio" name="tab" value="two")
-          label.mdw-tab__item(for='no-toolbar-tab2')
-            .mdw-tab__label Item Two
-          input#no-toolbar-tab3(type="radio" name="tab" value="three")
-          label.mdw-tab__item(for='no-toolbar-tab3')
-            .mdw-tab__label Item Three
-          .mdw-tab__indicator
-        .content(mdw-theme-fill="white light")
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B6Okdz75tqQsbmZJbkdjeHE0RW8/components-tabs-usage-mobile6.png')
-
-    .comparison.clipped.mdw-theme-tab
-      .render
-        +androidstatusbar('background-600 dark')
-        .mdw-toolbar(mdw-theme-fill="background-100 light")
-          .mdw-toolbar__action
-            .mdw-toolbar__start
-              .mdw-button(mdw-icon).material-icons menu
-            .mdw-toolbar__title Page title
-            .mdw-toolbar__end
-              .mdw-button(mdw-icon).material-icons search
-              .mdw-button(mdw-icon mdw-more-button).material-icons more_vert
-          .mdw-toolbar__content
-          form.mdw-tab(mdw-theme-color="primary")
-            input#clear-toolbar-tab1(type="radio" name="tab" value="one" checked)
-            label.mdw-tab__item(for='clear-toolbar-tab1')
-              .mdw-tab__label Item One
-            input#clear-toolbar-tab2(type="radio" name="tab" value="two")
-            label.mdw-tab__item(for='clear-toolbar-tab2')
-              .mdw-tab__label Item Two
-            input#clear-toolbar-tab3(type="radio" name="tab" value="three")
-            label.mdw-tab__item(for='clear-toolbar-tab3')
-              .mdw-tab__label Item Three
-            .mdw-tab__indicator
-        .content(mdw-theme-fill="white light")
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B6Okdz75tqQsVDk4V2Nnc2U3LTQ/components-tabs-usage-mobile4.png')
-
-    .comparison.clipped.mdw-theme-tab
-      .render
-        +androidstatusbar('primary-700 dark')
-        .mdw-toolbar(mdw-theme-fill="primary-500 dark" mdw-theme-color="accent")
-          .mdw-toolbar__action
-            .mdw-toolbar__start
-              .mdw-button(mdw-icon).material-icons menu
-            .mdw-toolbar__title Page title
-            .mdw-toolbar__end
-              .mdw-button(mdw-icon).material-icons search
-              .mdw-button(mdw-icon mdw-more-button).material-icons more_vert
-          .mdw-toolbar__content
-          form.mdw-tab(mdw-theme-color="accent")
-            input(type="radio" name="tab" value="recents" id='tab-text-icon1' checked)
-            label.mdw-tab__item(for='tab-text-icon1')
-              .mdw-tab__icon.material-icons phone
-              .mdw-tab__label Recents
-            input(type="radio" name="tab" value="favorites" id='tab-text-icon2')
-            label.mdw-tab__item(for='tab-text-icon2')
-              .mdw-tab__icon.material-icons favorite
-              .mdw-tab__label Favorites
-            input(type="radio" name="tab" value="nearby" id='tab-text-icon3')
-            label.mdw-tab__item(for='tab-text-icon3')
-              .mdw-tab__icon.material-icons person_pin
-              .mdw-tab__label Nearby
-            .mdw-tab__indicator
-        .content(mdw-theme-fill="white light")
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B6Okdz75tqQsS2pLN2MwWmUyRW8/components-tabs-usage-specs8.png')
-
-    .comparison.clipped.mdw-theme-tab
-      .render
-        +androidstatusbar('background-600 dark')
-        .mdw-toolbar(mdw-theme-fill="background-100 light")
-          .mdw-toolbar__action
-            .mdw-toolbar__start
-              .mdw-button(mdw-icon).material-icons menu
-            .mdw-toolbar__title Page title
-            .mdw-toolbar__end
-              .mdw-button(mdw-icon).material-icons search
-              .mdw-button(mdw-icon mdw-more-button).material-icons more_vert
-          .mdw-toolbar__content
-          form.mdw-tab(mdw-theme-color="primary")
-            input(type="radio" name="tab" value="recents" id='tabs-icon1' checked)
-            label.mdw-tab__item(for='tabs-icon1')
-              .mdw-tab__icon.material-icons phone
-            input(type="radio" name="tab" value="favorites" id='tabs-icon2')
-            label.mdw-tab__item(for='tabs-icon2')
-              .mdw-tab__icon.material-icons favorite
-            input(type="radio" name="tab" value="nearby" id='tabs-icon3')
-            label.mdw-tab__item(for='tabs-icon3')
-              .mdw-tab__icon.material-icons person_pin
-            .mdw-tab__indicator
-        .content(mdw-theme-fill="white light")
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B6Okdz75tqQsQ1Y4YXpwTkZ2MFU/components-tabs-usage-mobile8.png')
-
-    .comparison.clipped.mdw-theme-tab.js
-      .render
-        +androidstatusbar('primary-700 dark')
-        .mdw-toolbar(mdw-theme-fill="primary-500 dark")
-          .mdw-toolbar__action
-            .mdw-toolbar__start
-              .mdw-button(mdw-icon).material-icons menu
-            .mdw-toolbar__title JS version
-            .mdw-toolbar__end
-              .mdw-button(mdw-icon).material-icons search
-              .mdw-button(mdw-icon mdw-more-button).material-icons more_vert
-          .mdw-toolbar__content
-          .mdw-tab(mdw-theme-color="accent")
-            .mdw-tab__item(selected)
-              .mdw-tab__icon.material-icons phone
-              .mdw-tab__label Recents
-            .mdw-tab__item
-              .mdw-tab__icon.material-icons favorite
-              .mdw-tab__label Favorites
-            .mdw-tab__item
-              .mdw-tab__icon.material-icons person_pin
-              .mdw-tab__label Nearby
-        .content(mdw-theme-fill="white light")
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B6Okdz75tqQsS2pLN2MwWmUyRW8/components-tabs-usage-specs8.png')
-  script(src='tab.min.js')

package/docs/src/core/textfield.js

@@ -1,15 +0,0 @@
-import setupImageTargets from '../targetHandler';
-import { TextField } from '../../../components/core/textfield/index';
-
-const componentMap = new WeakMap();
-
-/** @return {void} */
-function initializeMdwComponents() {
-  const components = document.querySelectorAll('.js .mdw-textfield');
-  for (let i = 0; i < components.length; i += 1) {
-    componentMap.set(components[i], new TextField(components[i]));
-  }
-}
-
-initializeMdwComponents();
-setupImageTargets();

package/docs/src/core/textfield.pug

@@ -1,274 +0,0 @@
-include ../mixins.pug
-
-+header()
-  +navdrawer("textfield")
-    #horizontalLine
-    #verticalLineLeft
-    #verticalLineRight
-    .comparison
-      .render
-        +androidstatusbar('primary-700 dark')
-        +toolbar('primary-500 dark', ['arrow_back'], ['more_vert']) Application
-        .content(mdw-theme-fill="background-50 light" style="padding:0px 16px")
-          label.mdw-textfield(style="font-size: 2.125rem")
-            input.mdw-textfield__input(value="Vintage 50" placeholder=" ")
-            .mdw-textfield__label Title
-            .mdw-textfield__border-line
-          .horizontal-controls
-            label.mdw-textfield(style="width:88px")
-              input.mdw-textfield__input(type="text" placeholder=" ")
-              .mdw-textfield__prefix $
-              .mdw-textfield__label Price
-              .mdw-textfield__border-line
-            label.mdw-textfield.flex-1
-              input.mdw-textfield__input(type="text" placeholder=" ")
-              .mdw-textfield__label Location (optional)
-              .mdw-textfield__border-line
-          label.mdw-textfield
-            input.mdw-textfield__input(type="text" placeholder="text")
-            .mdw-textfield__label Description
-            .mdw-textfield__border-line
-          label.mdw-textfield
-            .mdw-textfield__icon.material-icons security
-            input.mdw-textfield__input(type="password" placeholder="••••••••" required minlength="8")
-            .mdw-textfield__label Password field with icon and oversized label *
-            .mdw-textfield__border-line
-            .mdw-textfield__helper-text At least 8 characters
-            .mdw-textfield__error-text Error: Password of at least 8 characters required.
-          label.mdw-textfield(style="max-width:150px")
-            input.mdw-textfield__input(type="text" placeholder=" " disabled value="filled")
-            .mdw-textfield__label Disabled Filled with Suffix
-            .mdw-textfield__suffix lbs
-            .mdw-textfield__border-line
-            .mdw-textfield__helper-text Disabled Helper Text
-        +androidnavbar
-      +target('https://material-design.storage.googleapis.com/publish/material_v_4/material_ext_publish/0Bzhp5Z4wHba3UHZpZjVsYjRHcXc/components_textfields_labels1.png')
-
-    .comparison
-      .render
-        +androidstatusbar('accent-300')
-        +toolbar('accent-A100 dark', ['arrow_back'], ['search'])
-        form.content(mdw-theme-fill="background-50 light" style="padding:9px 16px")
-          label.mdw-textfield(mdw-theme-color="accent")
-            input.mdw-textfield__input(type="text" placeholder=" " required)
-            .mdw-textfield__label Name *
-            .mdw-textfield__border-line
-          label.mdw-textfield(mdw-theme-color="accent")
-            input.mdw-textfield__input(type="text" placeholder=" ")
-            .mdw-textfield__label Address
-            .mdw-textfield__border-line
-          label.mdw-textfield(mdw-theme-color="accent")
-            input.mdw-textfield__input(type="text" placeholder=" ")
-            .mdw-textfield__label City
-            .mdw-textfield__border-line
-          .horizontal-controls
-            label.mdw-textfield(mdw-theme-color="accent" style="width:88px")
-              input.mdw-textfield__input(type="text" placeholder=" ")
-              .mdw-textfield__label State
-              .mdw-textfield__border-line
-            label.mdw-textfield.flex-1
-              input.mdw-textfield__input(type="text" placeholder=" " required)
-              .mdw-textfield__label Zip code *
-              .mdw-textfield__border-line
-          label.mdw-textfield(mdw-theme-color="accent")
-            input.mdw-textfield__input(type="text" placeholder=" ")
-            .mdw-textfield__label Phone number
-            .mdw-textfield__border-line
-          div * Required fields
-        +androidnavbar
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B5ZSepuCX1xOV21vLWJFeUFoUXc/required-example.png')
-
-    .comparison
-      .render
-        +androidstatusbar('accent-800')
-        +toolbar('accent-A700 dark', ['arrow_back'], ['search'])
-        form.content(mdw-theme-fill="background-50 light" style="padding:9px 16px")
-          div.display-flex(style="margin-bottom:-32px;margin-top:-24px;" flex-justify-content="center")
-            i.material-icons(style="color:#ccc;font-size:256px") person
-          .horizontal-controls(style="margin:4px 0")
-            label.mdw-textfield.flex-1(mdw-theme-color="accent")
-              .mdw-textfield__icon.material-icons person
-              input.mdw-textfield__input(type="text" placeholder=" " value="Ali Connors")
-              .mdw-textfield__label Name
-              .mdw-textfield__border-line
-          .horizontal-controls(style="margin:4px 0")
-            label.mdw-textfield(mdw-theme-color="accent")
-              .mdw-textfield__icon.material-icons phone
-              input.mdw-textfield__input(type="phone" placeholder=" " value="65")
-              .mdw-textfield__label Phone number
-              .mdw-textfield__border-line
-            label.mdw-textfield(mdw-theme-color="accent" style="width:150px;")
-              select.mdw-textfield__input(type="phone")
-                option(value="") Unknown
-                option(value="Mobile") Mobile
-                option(value="Home") Home
-                option(value="Work") Work
-              .mdw-textfield__dropdown-button
-              .mdw-textfield__label Phone Type
-              .mdw-textfield__border-line
-          .horizontal-controls(style="margin:4px 0")
-            label.mdw-textfield(mdw-theme-color="accent")
-              .mdw-textfield__icon.material-icons email
-              input.mdw-textfield__input(type="email" placeholder=" ")
-              .mdw-textfield__label Email
-              .mdw-textfield__border-line
-            label.mdw-textfield(mdw-theme-color="accent" style="width:150px;")
-              select.mdw-textfield__input(type="phone")
-                option(value="") Unknown
-                option(value="") Unknown
-                option(value="Personal") Personal
-                option(value="Business") Business
-              .mdw-textfield__dropdown-button
-              .mdw-textfield__label Email type
-              .mdw-textfield__border-line
-          .horizontal-controls(style="margin:4px 0")
-            label.mdw-textfield(mdw-theme-color="accent")
-              .mdw-textfield__icon.material-icons place
-              input.mdw-textfield__input(type="address" placeholder=" ")
-              .mdw-textfield__label Address
-              .mdw-textfield__border-line
-            label.mdw-textfield(mdw-theme-color="accent" style="width:150px;")
-              select.mdw-textfield__input(type="phone")
-                option(value="Home") Home
-                option(value="Work") Work
-              .mdw-textfield__label Address type
-              .mdw-textfield__border-line
-        +androidnavbar
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B5ZSepuCX1xOLTFIRURTTl9mQWc/single2.png')
-
-    .comparison
-      .render.mdw-theme-textfield
-        +androidstatusbar('primary-A700')
-        +toolbar('primary-A200 dark', ['arrow_back'], ['done'])
-        .content(mdw-theme-fill="background-50 light" style="padding:24px 16px")
-          label.mdw-textfield(mdw-box)
-            input.mdw-textfield__input(value="Vintage 50's Dress" placeholder=" ")
-            .mdw-textfield__label Title
-            .mdw-textfield__border-line
-            .mdw-textfield__helper-text Helper
-          .horizontal-controls
-            label.mdw-textfield(mdw-box style="width:88px")
-              input.mdw-textfield__input(value="10.00" placeholder=" ")
-              .mdw-textfield__label Price
-              .mdw-textfield__prefix $
-              .mdw-textfield__border-line
-              .mdw-textfield__helper-text Helper
-            label.mdw-textfield.flex-1(mdw-box)
-              input.mdw-textfield__input(value="Hanover" placeholder=" ")
-              .mdw-textfield__label Location (optional)
-              .mdw-textfield__border-line
-              .mdw-textfield__helper-text Helper
-          label.mdw-textfield(mdw-box mdw-multiline)
-            textarea.mdw-textfield__input(placeholder=" " rows=3)
-              | Unique and rare dress from 1952. Made out of washed cotton with front pockets. Sleeveless with button closures.
-            .mdw-textfield__label Description
-            .mdw-textfield__border-line
-          label.mdw-textfield(mdw-box)
-            .mdw-textfield__icon.material-icons security
-            input.mdw-textfield__input(type="password" placeholder="••••••••" required minlength="8")
-            .mdw-textfield__label Password field with icon and oversized label *
-            .mdw-textfield__border-line
-            .mdw-textfield__helper-text At least 8 characters
-            .mdw-textfield__error-text Error: Password of at least 8 characters required.
-          label.mdw-textfield(mdw-box style="max-width:150px")
-            input.mdw-textfield__input(type="text" placeholder=" " disabled value="filled")
-            .mdw-textfield__label Disabled Filled with Suffix
-            .mdw-textfield__suffix lbs
-            .mdw-textfield__border-line
-            .mdw-textfield__helper-text Disabled Helper Text
-        +androidnavbar
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B5ZSepuCX1xOS295SXBCTUZiV0U/discoverable-multi2.png')
-
-    .comparison
-      .render.mdw-theme-textfield
-        +androidstatusbar('accent-600')
-        +toolbar('accent-A400 dark', ['arrow_back'], ['done'])
-        .content(mdw-theme-fill="background-900 dark" style="padding:18px 16px")
-          label.mdw-textfield(mdw-theme-color="accent")
-            input.mdw-textfield__input(placeholder=" ")
-            .mdw-textfield__label Name
-            .mdw-textfield__border-line
-            .mdw-textfield__error-text spacer
-          label.mdw-textfield(mdw-textarea mdw-theme-color="accent")
-            textarea.mdw-textfield__input(placeholder=" " rows="5")
-            .mdw-textfield__label Message
-            .mdw-textfield__border-line
-          label.mdw-textfield(mdw-textarea mdw-box)
-            textarea.mdw-textfield__input(placeholder=" " rows="5")
-            .mdw-textfield__label Message
-            .mdw-textfield__border-line
-        +androidnavbar
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B5ZSepuCX1xOeEhlTVhUYm53Z1U/area1.png')
-    .comparison
-      .render.mdw-theme-textfield
-        +androidstatusbar('accent-A700')
-        +toolbar('accent-A400 dark', ['arrow_back'], ['done'])
-        .content(mdw-theme-fill="background-900 dark" style="padding:0 16px; margin-top:-44px")
-          label.mdw-textfield(mdw-theme-color="accent")
-            input.mdw-textfield__input(placeholder=" ")
-            .mdw-textfield__label Name
-            .mdw-textfield__border-line
-            .mdw-textfield__error-text spacer
-          label.mdw-textfield(mdw-textarea mdw-theme-color="accent")
-            textarea.mdw-textfield__input(placeholder=" " rows="5" required)
-              | Just wanted to let you kn
-            .mdw-textfield__label(mdw-theme-color="accent") Message *
-            .mdw-textfield__border-line
-            .mdw-textfield__helper-text Helper text.
-            .mdw-textfield__error-text Error: Required.
-          label.mdw-textfield(mdw-textarea)
-            textarea.mdw-textfield__input(placeholder=" " rows="5" disabled)
-              | This textarea is disabled.
-            .mdw-textfield__label Message *
-            .mdw-textfield__border-line
-            .mdw-textfield__helper-text Helper text.
-            .mdw-textfield__error-text Error: Required.
-        +androidnavbar
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B5ZSepuCX1xOS3ZTZld4c3JhUTQ/area2.png')
-
-    .comparison.js
-      .render.mdw-theme-textfield
-        +androidstatusbar('primary-A700')
-        +toolbar('primary-A200 dark', ['arrow_back'], ['done']) With Javascript
-        .content(mdw-theme-fill="background-50 light" style="padding:9px 16px")
-          label.mdw-textfield(mdw-box)
-            input.mdw-textfield__input(placeholder=" ")
-            .mdw-textfield__label Title
-            .mdw-textfield__border-line
-            .mdw-textfield__helper-text Helper
-          .horizontal-controls
-            label.mdw-textfield(style="width:88px")
-              input.mdw-textfield__input(value="10.00" placeholder=" ")
-              .mdw-textfield__prefix $
-              .mdw-textfield__label Price
-              .mdw-textfield__border-line
-              .mdw-textfield__helper-text Helper
-            label.mdw-textfield.flex-1
-              input.mdw-textfield__input(placeholder=" ")
-              .mdw-textfield__label Location (optional)
-              .mdw-textfield__border-line
-              .mdw-textfield__helper-text Helper
-          label.mdw-textfield(mdw-multiline)
-            textarea.mdw-textfield__input(placeholder=" " rows=4)
-              | Unique and rare dress from 1952. Made out of washed cotton with front pockets. Sleeveless with button closures.
-              | (Erase Me)
-            .mdw-textfield__label Description
-            .mdw-textfield__border-line
-          .horizontal-controls
-            label.mdw-textfield(mdw-theme-color="accent")
-              .mdw-textfield__icon.material-icons phone
-              input.mdw-textfield__input(type="phone" placeholder=" " value="65")
-              .mdw-textfield__label Name
-              .mdw-textfield__border-line
-            label.mdw-textfield(mdw-theme-color="accent" style="width:150px;")
-              select.mdw-textfield__input(type="phone")
-                option(value="") Unknown
-                option(value="Mobile") Mobile
-                option(value="Home") Home
-                option(value="Work") Work
-              .mdw-textfield__dropdown-button
-              .mdw-textfield__label Phone Type
-              .mdw-textfield__border-line
-        +androidnavbar
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B5ZSepuCX1xOTjBUMXJUU3c4ZUU/multi1.png')
-  script(src='textfield.min.js')

package/docs/src/core/toolbar.js

@@ -1,4 +0,0 @@
-import setupImageTargets from '../targetHandler';
-
-setupImageTargets();
-

package/docs/src/core/toolbar.pug

@@ -1,79 +0,0 @@
-include ../mixins.pug
-
-
-+header()
-  +navdrawer("toolbar")
-    #horizontalLine
-    #verticalLineLeft
-    #verticalLineRight
-    .comparison.clipped
-      .render
-        +androidstatusbar('background-400 light')
-        +toolbar('background-50 light', ['menu'],  ['search', 'favorite', 'more_vert']) Title
-        .content(mdw-theme-fill="background-300 light")
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B6Okdz75tqQsU1FwTUx3cmRUNG8/layout-structure-appbar-structure2.png')
-
-    .comparison.clipped
-      .render
-        +androidstatusbar('black dark')
-        +toolbar('background-900 dark', ['menu'], ['search', 'favorite', 'more_vert']) Title
-        .content(mdw-theme-fill="background-300 light")
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B6Okdz75tqQsbGREMW9BdDdnSUk/layout-structure-appbar-structure3.png')
-
-    .comparison.clipped
-      .render.mdw-theme-toolbar
-        +androidstatusbar('primary-800 dark')
-        +toolbar('primary-A200 dark', ['menu'], ['search', 'favorite', 'more_vert']) Title
-        .content(mdw-theme-fill="background-300 light")
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B6Okdz75tqQsZF9VZDhtQlF5RGM/layout-structure-appbar-structure4.png')
-
-    .comparison.clipped-304
-      .render
-        +androidstatusbar('background-400 light')
-        +toolbar('background-50 light', ['menu'], ['search', 'favorite', 'more_vert']) Title
-        .content(mdw-theme-fill="background-300 light")
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B6Okdz75tqQsLUFJUnFlRHVhUVU/layout-structure-appbar-metrics1.png')
-
-    .comparison.clipped-304
-      .render
-        +androidstatusbar('background-400 light')
-        .mdw-toolbar
-          .mdw-toolbar__action
-            .mdw-toolbar__start
-              .mdw-button(mdw-icon).material-icons menu
-            .mdw-toolbar__end
-              .mdw-button(mdw-icon).material-icons search
-              .mdw-button(mdw-icon).material-icons favorite
-              .mdw-button(mdw-icon).material-icons more_vert
-          .mdw-toolbar__title Title
-        .content(mdw-theme-fill="background-300 light")
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B6Okdz75tqQsSDBhX3BwSURRc1U/layout-structure-appbar-metrics3.png')
-
-    .comparison.clipped-304
-      .render
-        +androidstatusbar('background-400 light')
-        .mdw-toolbar
-          .mdw-toolbar__action
-            .mdw-toolbar__start
-              .mdw-tooltip__wrapper
-                .mdw-button(mdw-icon).material-icons arrow_back
-                .mdw-tooltip Back
-            .mdw-toolbar__end
-              .mdw-tooltip__wrapper
-                .mdw-button(mdw-icon mdw-more-button).material-icons more_vert
-                .mdw-tooltip More
-          .mdw-toolbar__content
-            label.mdw-textfield(style="font-size: 1.5rem")
-              input.mdw-textfield__input(value="Project Properties" placeholder=" ")
-              .mdw-textfield__label Title
-              .mdw-textfield__border-line
-            div(style="height:8px")
-            label.mdw-textfield
-              input.mdw-textfield__input(value="Sync with the team abo" placeholder=" ")
-              .mdw-textfield__label Description
-              .mdw-textfield__border-line
-            div(style="height:24px")
-              // Spec says 16dp, but it's actually 24dp
-        .content(mdw-theme-fill="background-300 light")
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B6Okdz75tqQsTW1zb2x5WWg5cDA/layout-structure-appbar-metrics5.png')
-  script(src='toolbar.min.js')

package/docs/src/core/tooltip.js

@@ -1,4 +0,0 @@
-import setupImageTargets from '../targetHandler';
-
-setupImageTargets();
-

package/docs/src/core/tooltip.pug

@@ -1,76 +0,0 @@
-include ../mixins.pug
-
-+header()
-  +navdrawer("tooltip")
-    #horizontalLine
-    #verticalLineLeft
-    #verticalLineRight
-    .comparison.mdw-theme-list
-      .render
-        +androidstatusbar('accent-700 dark')
-        .mdw-toolbar(mdw-theme-fill="accent-500 dark")
-          .mdw-toolbar__action
-            .mdw-toolbar__start
-              .mdw-tooltip__wrapper
-                .mdw-button(mdw-icon).material-icons menu
-                .mdw-tooltip Menu
-            .mdw-toolbar__title(style="color:white") Inbox
-            .mdw-toolbar__end
-              .mdw-tooltip__wrapper
-                .mdw-button(mdw-icon).material-icons search
-                .mdw-tooltip Search
-        .content(mdw-theme-fill="background-50 light")
-          ul.mdw-list(mdw-divider)
-            li.mdw-list__subheader Today
-            li.mdw-list__item
-              .mdw-list__avatar
-                i.material-icons(style="font-size:40px") 
-              .mdw-list__text
-                .mdw-list__text-line Brunch this weekend?
-                .mdw-list__text-line Ali Connors 
-                  span  — I'll be in your neighborhood doing errands this weekend. Do you want to meet?
-            li.mdw-list__item
-              .mdw-list__avatar
-                i.material-icons(style="font-size:40px") 
-              .mdw-list__text
-                .mdw-list__text-line Summer BBQ
-                  span  4
-                .mdw-list__text-line to Alex, Scott, Jennifer
-                  span  — Wish I could come. but I'm out of town this weekend.
-            li.mdw-list__item
-              .mdw-list__avatar
-                i.material-icons(style="font-size:40px") 
-              .mdw-list__text
-                .mdw-list__text-line Oui oui
-                .mdw-list__text-line Sandra Adams
-                  span  — Do you have Paris recommendations? Have you ever been?
-            li.mdw-list__item
-              .mdw-list__avatar
-                i.material-icons(style="font-size:40px") 
-              .mdw-list__text
-                .mdw-list__text-line Birthday gift
-                .mdw-list__text-line Trevor Hansen
-                  span  — Have any ideas about what we should get Heidi for her birthday?
-            li.mdw-list__item
-              .mdw-list__avatar
-                i.material-icons(style="font-size:40px") 
-              .mdw-list__text
-                .mdw-list__text-line Recipe to try
-                .mdw-list__text-line Britta Holt
-                  span  — We should eat this: Grated Squash, Corn, and tomatillo Tacos J
-            li.mdw-list__item
-              .mdw-list__avatar
-                i.material-icons(style="font-size:40px") 
-              .mdw-list__text
-                .mdw-list__text-line Giants game
-                .mdw-list__text-line David Park
-                  span  — Any interest in seeing
-            li.mdw-list__item
-              .mdw-list__avatar
-                i.material-icons(style="font-size:40px") 
-              .mdw-list__text
-                .mdw-list__text-line Montauk weekend
-                .mdw-list__text-line -----
-        +androidnavbar
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B6Okdz75tqQsV0g5bVFHeEpxenc/components-tooltips-touch2.png')
-  script(src='tooltip.min.js')

package/docs/src/core/type.js

@@ -1,4 +0,0 @@
-import setupImageTargets from '../targetHandler';
-
-setupImageTargets();
-