@shortfuse/materialdesignweb 0.2.0 → 0.5.0

package/docs/src/components/textfield.pug

@@ -1,416 +0,0 @@
-include ../mixins.pug
-
-+header()
-  +navdrawer("textfield")
-    .mdw-layout(mdw-margin-top mdw-margin-bottom)
-      .mdw-layout__item(mdw-colspan="100%")
-        div
-          h5.mdw-type(mdw-baseline-next="36") Text fields allow users to input, edit, and select text.
-          p.mdw-type Text fields typically reside in forms but can appear in other places, like dialog boxes and search.
-      .mdw-layout__item(mdw-colspan="4")
-        .component-sample
-          .component-sample__container
-            label.mdw-textfield
-              input.mdw-textfield__input(placeholder="Placeholder")
-              .mdw-textfield__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label Label
-                
-      .mdw-layout__item(mdw-colspan="8")
-        div
-          .mdw-type(mdw-style="subtitle") Javascript
-          div
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="javascript" value="required" disabled)
-              .mdw-selection__icon
-              .mdw-selection__label Required
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="javascript" value="optional" checked)
-              .mdw-selection__icon
-              .mdw-selection__label Optional
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="javascript" value="none")
-              .mdw-selection__icon
-              .mdw-selection__label None
-          .mdw-type(mdw-style="subtitle") Field type
-          div
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="field-type" value="single-line" checked)
-              .mdw-selection__icon
-              .mdw-selection__label Single-line
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="field-type" value="text-area")
-              .mdw-selection__icon
-              .mdw-selection__label Text area
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="field-type" value="dropdown")
-              .mdw-selection__icon
-              .mdw-selection__label Dropdown
-          .mdw-type(mdw-style="subtitle") Style
-          div
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="style" value="filled" checked)
-              .mdw-selection__icon
-              .mdw-selection__label Filled
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="style" value="outlined")
-              .mdw-selection__icon
-              .mdw-selection__label Outlined
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="style" value="solo")
-              .mdw-selection__icon
-              .mdw-selection__label Solo
-          .mdw-type(mdw-style="subtitle") Options
-          div
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="checkbox" name="signifier")
-              .mdw-selection__icon
-              .mdw-selection__label Signifier
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="checkbox" name="prefix")
-              .mdw-selection__icon
-              .mdw-selection__label Prefix
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="checkbox" name="suffix")
-              .mdw-selection__icon
-              .mdw-selection__label Suffix
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="checkbox" name="helper-text")
-              .mdw-selection__icon
-              .mdw-selection__label Helper Text
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="checkbox" name="error-text")
-              .mdw-selection__icon
-              .mdw-selection__label Error Text
-          .mdw-type(mdw-style="subtitle") Color
-          div
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="color" value="none" checked)
-              .mdw-selection__icon
-              .mdw-selection__label Primary
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="color" value="accent")
-              .mdw-selection__icon
-              .mdw-selection__label Accent
-          .mdw-type(mdw-style="subtitle") Attributes
-          div
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="checkbox" name="autosize" checked)
-              .mdw-selection__icon
-              .mdw-selection__label Autosize
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="checkbox" name="disabled")
-              .mdw-selection__icon
-              .mdw-selection__label Disabled
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="checkbox" name="required")
-              .mdw-selection__icon
-              .mdw-selection__label Required
-      .mdw-layout__item(mdw-colspan="100%" style="max-height:0")
-      .mdw-layout__item(mdw-colspan="6")
-        .display-flex(flex-column)
-          h6.mdw-type HTML Code
-          .mdw-card.component-code.component-html
-      .mdw-layout__item(mdw-colspan="2")
-        .display-flex(flex-column)
-          h6.mdw-type Javascript Code
-          .mdw-card.component-code.component-js
-      .mdw-layout__item(mdw-colspan="100%")
-        h6.mdw-type Samples
-      .mdw-layout__item.display-flex(mdw-colspan="4" flex-justify-content="center")
-        .render
-          +androidstatusbar('primary-700 dark')
-          +toolbar('primary-500 dark', ['arrow_back'], ['more_vert']) Application
-          .content(style="padding:0px 16px")
-            label.mdw-textfield(style="font-size: 2.125rem")
-              input.mdw-textfield__input(value="Vintage 50" placeholder=" ")
-              .mdw-textfield__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label Title
-            .horizontal-controls
-              label.mdw-textfield(style="width:88px")
-                input.mdw-textfield__input(type="text" placeholder=" ")
-                .mdw-textfield__prefix $
-                .mdw-textfield__border
-                  .mdw-textfield__outline-gap
-                    .mdw-textfield__label Price
-              label.mdw-textfield.flex-1
-                input.mdw-textfield__input(type="text" placeholder=" ")
-                .mdw-textfield__border
-                  .mdw-textfield__outline-gap
-                    .mdw-textfield__label Location (optional)
-            label.mdw-textfield
-              input.mdw-textfield__input(type="text" placeholder="text")
-              .mdw-textfield__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label Description
-            label.mdw-textfield
-              .mdw-textfield__signifier.material-icons security
-              input.mdw-textfield__input(type="password" placeholder="••••••••" required minlength="8")
-              .mdw-textfield__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label Password text field with signifier and overflowing label *
-              .mdw-textfield__helper-text At least 8 characters
-              .mdw-textfield__error-text Error: Password of at least 8 characters required.
-            label.mdw-textfield
-              input.mdw-textfield__input(type="text" placeholder=" " disabled value="filled")
-              .mdw-textfield__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label Disabled Filled with Suffix
-              .mdw-textfield__suffix lbs
-              .mdw-textfield__helper-text Disabled Helper Text
-          +androidnavbar
-      .mdw-layout__item.display-flex(mdw-colspan="4" flex-justify-content="center")
-        .render
-          +androidstatusbar('accent-300')
-          +toolbar('accent-A100 dark', ['arrow_back'], ['search'])
-          form.content(style="padding:0px 16px")
-            label.mdw-textfield(mdw-theme-color="accent")
-              input.mdw-textfield__input(type="text" placeholder=" " required)
-              .mdw-textfield__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label Name *
-            label.mdw-textfield(mdw-theme-color="accent")
-              input.mdw-textfield__input(type="text" placeholder=" ")
-              .mdw-textfield__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label Address
-            label.mdw-textfield(mdw-theme-color="accent")
-              input.mdw-textfield__input(type="text" placeholder=" ")
-              .mdw-textfield__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label City
-            .horizontal-controls
-              label.mdw-textfield(mdw-theme-color="accent" style="width:88px")
-                input.mdw-textfield__input(type="text" placeholder=" ")
-                .mdw-textfield__border
-                  .mdw-textfield__outline-gap
-                    .mdw-textfield__label State
-              label.mdw-textfield.flex-1
-                input.mdw-textfield__input(type="text" placeholder=" " required)
-                .mdw-textfield__border
-                  .mdw-textfield__outline-gap
-                    .mdw-textfield__label Zip code *
-            label.mdw-textfield(mdw-theme-color="accent")
-              input.mdw-textfield__input(type="text" placeholder=" ")
-              .mdw-textfield__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label Phone number
-            p.mdw-type * Required fields
-          +androidnavbar
-
-      .mdw-layout__item.display-flex(mdw-colspan="4" flex-justify-content="center")
-        .render
-          +androidstatusbar('accent-800')
-          +toolbar('accent-A700 dark', ['arrow_back'], ['search'])
-          form.content(style="padding:8px 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
-              label.mdw-textfield.flex-1(mdw-theme-color="accent")
-                .mdw-textfield__signifier.material-icons person
-                input.mdw-textfield__input(type="text" placeholder=" " value="Ali Connors")
-                .mdw-textfield__border
-                  .mdw-textfield__outline-gap
-                    .mdw-textfield__label Name
-            .horizontal-controls
-              label.mdw-textfield(mdw-theme-color="accent")
-                .mdw-textfield__signifier.material-icons phone
-                input.mdw-textfield__input(type="phone" placeholder=" " value="65")
-                .mdw-textfield__border
-                  .mdw-textfield__outline-gap
-                    .mdw-textfield__label Phone number
-              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__icon(mdw-dropdown)
-                .mdw-textfield__border
-                  .mdw-textfield__outline-gap
-                    .mdw-textfield__label Phone Type
-            .horizontal-controls
-              label.mdw-textfield(mdw-theme-color="accent")
-                .mdw-textfield__signifier.material-icons email
-                input.mdw-textfield__input(type="email" placeholder=" ")
-                .mdw-textfield__border
-                  .mdw-textfield__outline-gap
-                    .mdw-textfield__label Email
-              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__icon(mdw-dropdown)
-                .mdw-textfield__border
-                  .mdw-textfield__outline-gap
-                    .mdw-textfield__label Email type
-            .horizontal-controls
-              label.mdw-textfield(mdw-theme-color="accent")
-                .mdw-textfield__signifier.material-icons place
-                input.mdw-textfield__input(type="address" placeholder=" ")
-                .mdw-textfield__border
-                  .mdw-textfield__outline-gap
-                    .mdw-textfield__label Address
-              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__icon(mdw-dropdown)
-                .mdw-textfield__border
-                  .mdw-textfield__outline-gap
-                    .mdw-textfield__label Address type
-          +androidnavbar
-      .mdw-layout__item.display-flex(mdw-colspan="4" flex-justify-content="center")
-        .render.mdw-theme-textfield
-          +androidstatusbar('primary-A700')
-          +toolbar('primary-A200 dark', ['arrow_back'], ['done'])
-          .content(style="padding:8px 16px")
-            label.mdw-textfield(mdw-outlined)
-              input.mdw-textfield__input(value="Vintage 50's Dress" placeholder=" ")
-              .mdw-textfield__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label Title
-              .mdw-textfield__helper-text Helper
-            .horizontal-controls
-              label.mdw-textfield(mdw-outlined style="width:88px")
-                input.mdw-textfield__input(value="10.00" placeholder=" ")
-                .mdw-textfield__border
-                  .mdw-textfield__outline-gap
-                    .mdw-textfield__label Price
-                .mdw-textfield__prefix $
-                .mdw-textfield__helper-text Helper
-              label.mdw-textfield.flex-1(mdw-outlined)
-                input.mdw-textfield__input(value="Hanover" placeholder=" ")
-                .mdw-textfield__border
-                  .mdw-textfield__outline-gap
-                    .mdw-textfield__label Location (optional)
-                .mdw-textfield__helper-text Helper
-            label.mdw-textfield(mdw-outlined)
-              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__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label Description
-            label.mdw-textfield(mdw-outlined)
-              .mdw-textfield__signifier.material-icons security
-              input.mdw-textfield__input(type="password" placeholder="••••••••" required minlength="8")
-              .mdw-textfield__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label Password text field with signifier and overflowing label *
-              .mdw-textfield__helper-text At least 8 characters
-              .mdw-textfield__error-text Error: Password of at least 8 characters required.
-            label.mdw-textfield(mdw-outlined style="max-width:150px")
-              input.mdw-textfield__input(type="text" placeholder=" " disabled value="filled")
-              .mdw-textfield__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label Disabled Filled with Suffix
-              .mdw-textfield__suffix lbs
-              .mdw-textfield__helper-text Disabled Helper Text
-          +androidnavbar
-      .mdw-layout__item.display-flex(mdw-colspan="4" flex-justify-content="center")
-        .render.mdw-theme-textfield
-          +androidstatusbar('accent-600')
-          +toolbar('accent-A400 dark', ['arrow_back'], ['done'])
-          .content(style="padding:0 16px")
-            label.mdw-textfield(mdw-theme-color="accent")
-              input.mdw-textfield__input(placeholder=" ")
-              .mdw-textfield__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label Name
-              .mdw-textfield__error-text spacer
-            label.mdw-textfield(mdw-theme-color="accent")
-              textarea.mdw-textfield__input(placeholder=" " rows="5")
-              .mdw-textfield__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label Message
-            label.mdw-textfield(mdw-outlined)
-              textarea.mdw-textfield__input(placeholder=" " rows="5")
-              .mdw-textfield__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label Message
-          +androidnavbar
-      .mdw-layout__item.display-flex(mdw-colspan="4" flex-justify-content="center")
-        .render.mdw-theme-textfield
-          +androidstatusbar('accent-A700')
-          +toolbar('accent-A400 dark', ['arrow_back'], ['done'])
-          .content(style="padding:0 16px")
-            label.mdw-textfield(mdw-theme-color="accent")
-              input.mdw-textfield__input(placeholder=" ")
-              .mdw-textfield__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label Name
-              .mdw-textfield__error-text spacer
-            label.mdw-textfield(mdw-theme-color="accent")
-              textarea.mdw-textfield__input(placeholder=" " rows="5" required)
-                | Just wanted to let you kn
-              .mdw-textfield__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label Message *
-              .mdw-textfield__helper-text Helper text.
-              .mdw-textfield__error-text Error: Required.
-            label.mdw-textfield
-              textarea.mdw-textfield__input(placeholder=" " rows="5" disabled)
-                | This textarea is disabled.
-              .mdw-textfield__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label Message *
-              .mdw-textfield__helper-text Helper text.
-              .mdw-textfield__error-text Error: Required.
-          +androidnavbar
-
-      .mdw-layout__item.display-flex(mdw-colspan="4" flex-justify-content="center").js
-        .render.mdw-theme-textfield
-          +androidstatusbar('primary-A700')
-          +toolbar('primary-A200 dark', ['arrow_back'], ['done']) With Javascript
-          .content(style="padding:8px 16px")
-            label.mdw-textfield(mdw-outlined)
-              input.mdw-textfield__input(placeholder=" ")
-              .mdw-textfield__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label Title
-              .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__border
-                  .mdw-textfield__outline-gap
-                    .mdw-textfield__label Price
-                .mdw-textfield__helper-text Helper
-              label.mdw-textfield.flex-1
-                input.mdw-textfield__input(placeholder=" ")
-                .mdw-textfield__border
-                  .mdw-textfield__outline-gap
-                    .mdw-textfield__label Location (optional)
-                .mdw-textfield__helper-text Helper
-            label.mdw-textfield(mdw-autosize)
-              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__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label Description
-            .horizontal-controls
-              label.mdw-textfield(mdw-theme-color="accent")
-                input.mdw-textfield__input(type="phone" placeholder=" " value="65")
-                .mdw-textfield__signifier.material-icons phone
-                .mdw-textfield__border
-                  .mdw-textfield__outline-gap
-                    .mdw-textfield__label Name
-              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__icon(mdw-dropdown)
-                .mdw-textfield__border
-                  .mdw-textfield__outline-gap
-                    .mdw-textfield__label Phone Type
-          +androidnavbar
-      .mdw-layout__item(mdw-colspan="4")
-      .mdw-layout__item(mdw-colspan="4")
-  script(src='textfield.min.js')

package/docs/src/components/toolbar.js

@@ -1,6 +0,0 @@
-import setupImageTargets from '../targetHandler';
-import { setupMenuOptions } from '../menuoptions';
-
-setupMenuOptions();
-setupImageTargets();
-

package/docs/src/components/toolbar.pug

@@ -1,86 +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
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B6Okdz75tqQsZF9VZDhtQlF5RGM/layout-structure-appbar-structure4.png')
-
-    .comparison.clipped-304
-      .render
-        +androidstatusbar('')
-        .mdw-toolbar(mdw-dense)
-          .mdw-toolbar__action
-            .mdw-toolbar__start
-              .mdw-button(mdw-icon).material-icons menu
-            .mdw-toolbar__title Dense (Desktop)
-            .mdw-toolbar__end
-              .mdw-button(mdw-icon).material-icons more_vert
-        .content
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B6Okdz75tqQsLUFJUnFlRHVhUVU/layout-structure-appbar-metrics1.png')
-
-    .comparison.clipped-304
-      .render
-        +androidstatusbar('')
-        .mdw-toolbar(mdw-prominent mdw-dense)
-          .mdw-toolbar__action
-            .mdw-toolbar__start
-              .mdw-button(mdw-icon).material-icons menu
-            .mdw-toolbar__title Prominent Dense
-            .mdw-toolbar__end
-              .mdw-button(mdw-icon).material-icons search
-              .mdw-button(mdw-icon).material-icons more_vert
-        .content
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B6Okdz75tqQsSDBhX3BwSURRc1U/layout-structure-appbar-metrics3.png')
-
-    .comparison.clipped-304
-      .render
-        +androidstatusbar('')
-        .mdw-toolbar
-          .mdw-toolbar__action
-            .mdw-toolbar__start
-              .mdw-tooltip__wrapper
-                .mdw-tooltip__target.mdw-button(mdw-icon).material-icons arrow_back
-                .mdw-tooltip Back
-            .mdw-toolbar__end
-              .mdw-tooltip__wrapper
-                .mdw-tooltip__target.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__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label Title
-            div(style="height:8px")
-            label.mdw-textfield
-              input.mdw-textfield__input(value="Sync with the team abo" placeholder=" ")
-              .mdw-textfield__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label Description
-            div(style="height:24px")
-              // Spec says 16dp, but it's actually 24dp
-        .content
-      +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/components/tooltip.js

@@ -1,6 +0,0 @@
-import setupImageTargets from '../targetHandler';
-import { setupMenuOptions } from '../menuoptions';
-
-setupMenuOptions();
-setupImageTargets();
-

package/docs/src/components/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-tooltip__target.mdw-button(mdw-icon).material-icons menu
-                .mdw-tooltip Menu
-            .mdw-toolbar__title(style="color:white") Inbox
-            .mdw-toolbar__end
-              .mdw-tooltip__wrapper
-                .mdw-tooltip__target.mdw-button(mdw-icon).material-icons search
-                .mdw-tooltip Search
-        .content
-          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/components/type.js

@@ -1,6 +0,0 @@
-import setupImageTargets from '../targetHandler';
-import { setupMenuOptions } from '../menuoptions';
-
-setupMenuOptions();
-setupImageTargets();
-

package/docs/src/components/type.pug

@@ -1,34 +0,0 @@
-include ../mixins.pug
-
-+header()
-  +navdrawer("type")
-    #horizontalLine
-    #verticalLineLeft
-    #verticalLineRight
-    div
-      .content
-        h1.mdw-type H1 Headline
-        h2.mdw-type H2 Headline
-        h3.mdw-type H3 Headline
-        h4.mdw-type H4 Headline
-        h5.mdw-type H5 Headline
-        h6.mdw-type H6 Headline
-        .mdw-type(mdw-style="subtitle") Subtitle 1
-        .mdw-type(mdw-style="subtitle-2") Subtitle 2
-        p.mdw-type Body 1
-        p.mdw-type(mdw-style="body-2") Body 2
-        .mdw-type(mdw-style="button") Button
-        .mdw-type(mdw-style="caption") Caption
-        .mdw-type(mdw-style="overline") Overline
-
-    .comparison.type-comparison-3
-      .render
-        h5.mdw-type(mdw-baseline-top="64" mdw-baseline-next="20") Johannes Guttenberg
-        .mdw-type(mdw-style="caption" mdw-baseline-next="36") German Printer
-        p.mdw-type(mdw-style="body-2" mdw-baseline-next="32") Johannes Gensfleisch zur Laden zum Gutenberg was a German blacksmith, goldsmith, printer, and publisher who introduced printing to Europe with the printing press.
-        p.mdw-type(mdw-style="body-2" mdw-baseline-next="20") Born
-        p.mdw-type(mdw-style="body-2" mdw-baseline-bottom="68") c. 1400, Mainz Germany
-      div
-        div(style="margin-top:10px")
-          +target('https://storage.googleapis.com/spec-host-backup/mio-design%2Fassets%2F1XfS9DMhlPihgJmjRFH7r9OYpLbZJGF6A%2Ftype-setting-baseline.png')
-  script(src='type.min.js')

package/docs/src/components.scss

@@ -1 +0,0 @@
-@import "../../components/all-components.scss";