@shortfuse/materialdesignweb 0.4.0 → 0.5.0

package/docs/pages/textfield.pug

@@ -1,360 +0,0 @@
-include ../_mixins.pug
-
-+header("textfield")
-  .mdw-grid(mdw-margin-top mdw-margin-bottom mdw-stretch)
-    .mdw-grid__item(mdw-colspan="100%")
-      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-grid__item(mdw-colspan="4")
-      .mdw-grid__content
-        .component-sample
-          .component-sample__container
-            label.mdw-textfield.mdw-theme(mdw-ink="primary")
-              input.mdw-textfield__input(placeholder="Placeholder")
-              .mdw-textfield__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label Label
-    .mdw-grid__item(mdw-colspan="8")
-      .mdw-type(mdw-style="subtitle") Javascript
-      .docs-option-list
-        +mdwSelection({ink:'secondary', name:'javascript', type:'radio', value:'required', disabled:true}) Required
-        +mdwSelection({ink:'secondary', name:'javascript', type:'radio', value:'optional', checked:true}) Optional
-        +mdwSelection({ink:'secondary', name:'javascript', type:'radio', value:'none'}) None
-      .mdw-type(mdw-style="subtitle") Field type
-      .docs-option-list
-        +mdwSelection({ink:'secondary', name:'field-type', type:'radio', value:'single-line', checked:true}) Single-line
-        +mdwSelection({ink:'secondary', name:'field-type', type:'radio', value:'text-area'}) Text area
-        +mdwSelection({ink:'secondary', name:'field-type', type:'radio', value:'dropdown'}) Dropdown
-      .mdw-type(mdw-style="subtitle") Style
-      .docs-option-list
-        +mdwSelection({ink:'secondary', name:'style', type:'radio', value:'filled', checked:true}) Filled
-        +mdwSelection({ink:'secondary', name:'style', type:'radio', value:'outlined'}) Outlined
-        +mdwSelection({ink:'secondary', name:'style', type:'radio', value:'solo'}) Solo
-      .mdw-type(mdw-style="subtitle") Options
-      .docs-option-list
-        +mdwSelection({ink:'secondary', name:'signifier'}) Signifier
-        +mdwSelection({ink:'secondary', name:'prefix'}) Prefix
-        +mdwSelection({ink:'secondary', name:'suffix'}) Suffix
-        +mdwSelection({ink:'secondary', name:'helper-text'}) Helper Text
-        +mdwSelection({ink:'secondary', name:'error-text'}) Error Text
-      .mdw-type(mdw-style="subtitle") Ink
-      .docs-option-list
-        +mdwSelection({ink:'secondary', name:'ink', type:'radio', value:'none'}) Default
-        +mdwSelection({ink:'secondary', name:'ink', type:'radio', value:'primary', checked:true}) Primary
-        +mdwSelection({ink:'secondary', name:'ink', type:'radio', value:'secondary'}) Secondary
-        +mdwSelection({ink:'secondary', name:'ink', type:'radio', value:'green'}) Green
-      .mdw-type(mdw-style="subtitle") Attributes
-      .docs-option-list
-        +mdwSelection({ink:'secondary', name:'autosize', checked:true}) Autosize
-        +mdwSelection({ink:'secondary', name:'disabled'}) Disabled
-        +mdwSelection({ink:'secondary', name:'4minlength'}) 4 Min Length
-        +mdwSelection({ink:'secondary', name:'required'}) Required
-    .mdw-grid__item(mdw-colspan="100%" style="max-height:0")
-    .mdw-grid__item(mdw-colspan="6")
-      h6.mdw-type HTML Code
-      .mdw-card.mdw-theme.component-code.component-html(mdw-surface="card" mdw-border-ink)
-    .mdw-grid__item(mdw-colspan="6")
-      h6.mdw-type Javascript Code
-      .mdw-card.mdw-theme.component-code.component-js(mdw-surface="card" mdw-border-ink)
-    .mdw-grid__item(mdw-colspan="100%")
-      h6.mdw-type Samples
-    .mdw-grid__item(mdw-colspan="4" flex-justify-content="center")
-      .render-fill
-        +androidstatusbar('primary 700', 'dark')
-        +appbar('primary 500', 'dark', ['arrow_back'], ['more_vert']) Application
-        .content(style="padding:0px 16px")
-          label.mdw-textfield.mdw-type.mdw-theme(mdw-ink="primary" mdw-style="h4")
-            input.mdw-textfield__input(value="Vintage 50" placeholder=" ")
-            .mdw-textfield__border
-              .mdw-textfield__outline-gap
-                .mdw-textfield__label Title
-          .horizontal-controls
-            label.mdw-textfield.mdw-theme(mdw-ink="primary" 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.mdw-theme(mdw-ink="primary")
-              input.mdw-textfield__input(type="text" placeholder=" ")
-              .mdw-textfield__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label Location (optional)
-          +mdwTextField({ink:'primary', placeholder:'text'}) Description
-          +mdwTextField({ink:'primary', placeholder:'••••••••', required:true, minlength:8,
-          signifier:'security', signifierClass:'material-icons', type:'password',
-          helperText: 'At least 8 characters', errorText: 'Error: Password of at least 8 characters required.'})
-            | Password text field with signifier and overflowing label *
-          +mdwTextField({ink:'primary', disabled:true, value:'filled', suffix:'lbs', helperText:'Disabled Helper Text'}) Disabled Filled with Suffix
-        +androidnavbar
-    .mdw-grid__item(mdw-colspan="4" flex-justify-content="center")
-      .render-fill
-        +androidstatusbar('secondary 300', 'light')
-        +appbar('secondary 100', 'light', ['arrow_back'], ['search']) Auto-fill styling
-        form.content(style="padding:0px 16px")
-          +mdwTextField({ink:'secondary', required:true})(name="name") Name *
-          +mdwTextField({ink:'secondary'})(name="address") Address
-          +mdwTextField({ink:'secondary'})(name="city") City
-          .horizontal-controls
-            label.mdw-textfield.mdw-theme(mdw-ink="secondary" style="width:88px;")
-              select.mdw-textfield__input(name="state")
-                option.mdw-theme(mdw-surface="card" value="") --
-                option.mdw-theme(mdw-surface="card" value="AL") AL
-                option.mdw-theme(mdw-surface="card" value="AK") AK
-                option.mdw-theme(mdw-surface="card" value="AZ") AZ
-                option.mdw-theme(mdw-surface="card" value="AR") AR
-                option.mdw-theme(mdw-surface="card" value="CA") CA
-                option.mdw-theme(mdw-surface="card" value="CO") CO
-                option.mdw-theme(mdw-surface="card" value="CT") CT
-                option.mdw-theme(mdw-surface="card" value="DE") DE
-                option.mdw-theme(mdw-surface="card" value="FL") FL
-                option.mdw-theme(mdw-surface="card" value="GA") GA
-                option.mdw-theme(mdw-surface="card" value="HI") HI
-                option.mdw-theme(mdw-surface="card" value="ID") ID
-                option.mdw-theme(mdw-surface="card" value="IL") IL
-                option.mdw-theme(mdw-surface="card" value="IN") IN
-                option.mdw-theme(mdw-surface="card" value="IA") IA
-                option.mdw-theme(mdw-surface="card" value="KS") KS
-                option.mdw-theme(mdw-surface="card" value="KY") KY
-                option.mdw-theme(mdw-surface="card" value="LA") LA
-                option.mdw-theme(mdw-surface="card" value="ME") ME
-                option.mdw-theme(mdw-surface="card" value="MD") MD
-                option.mdw-theme(mdw-surface="card" value="MA") MA
-                option.mdw-theme(mdw-surface="card" value="MI") MI
-                option.mdw-theme(mdw-surface="card" value="MN") MN
-                option.mdw-theme(mdw-surface="card" value="MS") MS
-                option.mdw-theme(mdw-surface="card" value="MO") MO
-                option.mdw-theme(mdw-surface="card" value="MT") MT
-                option.mdw-theme(mdw-surface="card" value="NE") NE
-                option.mdw-theme(mdw-surface="card" value="NV") NV
-                option.mdw-theme(mdw-surface="card" value="NH") NH
-                option.mdw-theme(mdw-surface="card" value="NJ") NJ
-                option.mdw-theme(mdw-surface="card" value="NM") NM
-                option.mdw-theme(mdw-surface="card" value="NY") NY
-                option.mdw-theme(mdw-surface="card" value="NC") NC
-                option.mdw-theme(mdw-surface="card" value="ND") ND
-                option.mdw-theme(mdw-surface="card" value="OH") OH
-                option.mdw-theme(mdw-surface="card" value="OK") OK
-                option.mdw-theme(mdw-surface="card" value="OR") OR
-                option.mdw-theme(mdw-surface="card" value="PA") PA
-                option.mdw-theme(mdw-surface="card" value="RI") RI
-                option.mdw-theme(mdw-surface="card" value="SC") SC
-                option.mdw-theme(mdw-surface="card" value="SD") SD
-                option.mdw-theme(mdw-surface="card" value="TN") TN
-                option.mdw-theme(mdw-surface="card" value="TX") TX
-                option.mdw-theme(mdw-surface="card" value="UT") UT
-                option.mdw-theme(mdw-surface="card" value="VT") VT
-                option.mdw-theme(mdw-surface="card" value="VA") VA
-                option.mdw-theme(mdw-surface="card" value="WA") WA
-                option.mdw-theme(mdw-surface="card" value="WV") WV
-                option.mdw-theme(mdw-surface="card" value="WI") WI
-                option.mdw-theme(mdw-surface="card" value="WY") WY
-              .mdw-textfield__icon(mdw-dropdown)
-              .mdw-textfield__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label State
-            label.mdw-textfield.flex-1.mdw-theme(mdw-ink="primary")
-              input.mdw-textfield__input(type="text" placeholder=" " name="zip" required)
-              .mdw-textfield__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label Zip code *
-          +mdwTextField({ink:'secondary'})(name="phone") Phone number
-          p.mdw-type * Required fields
-        +androidnavbar
-
-    .mdw-grid__item(mdw-colspan="4" flex-justify-content="center")
-      .render-fill
-        +androidstatusbar('secondary 800', 'dark')
-        +appbar('secondary 700', 'dark', ['arrow_back'], ['search'])
-        form.content(style="padding:8px 16px")
-          .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(mdw-ink="secondary")
-              .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
-            +mdwTextField({ink:'secondary', value:'65', type:'phone', signifier:'phone', signifierClass:'material-icons'})
-              | Phone number
-            label.mdw-textfield.mdw-theme(mdw-ink="secondary" style="width:150px;")
-              select.mdw-textfield__input(type="phone")
-                option.mdw-theme(mdw-surface="card" value="") Unknown
-                option.mdw-theme(mdw-surface="card" value="Mobile") Mobile
-                option.mdw-theme(mdw-surface="card" value="Home") Home
-                option.mdw-theme(mdw-surface="card" value="Work") Work
-              .mdw-textfield__icon(mdw-dropdown)
-              .mdw-textfield__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label Phone Type
-          .horizontal-controls
-            +mdwTextField({ink:'secondary', type:'email', signifier:'email', signifierClass:'material-icons'}) Email
-            label.mdw-textfield.mdw-theme(mdw-ink="secondary" style="width:150px;")
-              select.mdw-textfield__input(type="phone")
-                option.mdw-theme(mdw-surface="card" value="") Unknown
-                option.mdw-theme(mdw-surface="card" value="") Unknown
-                option.mdw-theme(mdw-surface="card" value="Personal") Personal
-                option.mdw-theme(mdw-surface="card" value="Business") Business
-              .mdw-textfield__icon(mdw-dropdown)
-              .mdw-textfield__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label Email type
-          .horizontal-controls
-            +mdwTextField({ink:'secondary', type:'address', signifier:'place', signifierClass:'material-icons'}) Address
-            label.mdw-textfield.mdw-theme(mdw-ink="secondary" style="width:150px")
-              select.mdw-textfield__input(type="phone")
-                option.mdw-theme(mdw-surface="card" value="Home") Home
-                option.mdw-theme(mdw-surface="card" value="Work") Work
-              .mdw-textfield__icon(mdw-dropdown)
-              .mdw-textfield__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label Address type
-        +androidnavbar
-    .mdw-grid__item(mdw-colspan="4" flex-justify-content="center")
-      .render-fill
-        +androidstatusbar('primary 700', 'dark')
-        +appbar('primary 500', 'dark', ['arrow_back'], ['done'])
-        .content(style="padding:8px 16px")
-          +mdwTextField({ink:'primary', value:"Vintage 50's Dress", outlined:true, helperText:'Helper'}) Title
-          .horizontal-controls
-            label.mdw-textfield.mdw-theme(mdw-ink="primary" 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-theme(mdw-ink="primary" 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-theme(mdw-ink="primary" 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-theme(mdw-ink="primary" 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-theme(mdw-ink="primary" 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-grid__item(mdw-colspan="4" flex-justify-content="center")
-      .render-fill
-        +androidstatusbar('amber 600', 'dark')
-        +appbar('amber 400', 'dark', ['arrow_back'], ['done'])
-        .content(style="padding:0 16px")
-          label.mdw-textfield.mdw-theme(mdw-ink="amber")
-            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(mdw-ink="amber")
-            textarea.mdw-textfield__input(placeholder=" " rows="5")
-            .mdw-textfield__border
-              .mdw-textfield__outline-gap
-                .mdw-textfield__label Message
-          label.mdw-textfield.mdw-theme(mdw-ink="deeppurple" mdw-outlined)
-            textarea.mdw-textfield__input(placeholder=" " rows="5")
-            .mdw-textfield__border
-              .mdw-textfield__outline-gap
-                .mdw-textfield__label Message
-        +androidnavbar
-    .mdw-grid__item(mdw-colspan="4" flex-justify-content="center")
-      .render-fill
-        +androidstatusbar('amber 700', 'dark')
-        +appbar('amber 400', 'dark', ['arrow_back'], ['done'])
-        .content(style="padding:0 16px")
-          label.mdw-textfield.mdw-theme(mdw-ink="amber")
-            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(mdw-ink="amber")
-            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.mdw-theme(mdw-ink="amber")
-            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-grid__item(mdw-colspan="4").js
-      .render-fill
-        +androidstatusbar('primary 700', 'dark')
-        +appbar('primary 500', 'dark', ['arrow_back'], ['done']) With Javascript
-        .content(style="padding:8px 16px")
-          label.mdw-textfield.mdw-theme(mdw-ink="primary" 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.mdw-theme(mdw-ink="primary" 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.mdw-theme(mdw-ink="primary")
-              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-theme(mdw-ink="primary" 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(mdw-ink="secondary")
-              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(mdw-ink="secondary" style="width:150px")
-              select.mdw-textfield__input(type="phone")
-                option.mdw-theme(mdw-surface="card" value="") Unknown
-                option.mdw-theme(mdw-surface="card" value="Mobile") Mobile
-                option.mdw-theme(mdw-surface="card" value="Home") Home
-                option.mdw-theme(mdw-surface="card" value="Work") Work
-              .mdw-textfield__icon(mdw-dropdown)
-              .mdw-textfield__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label Phone Type
-        +androidnavbar
-    .mdw-grid__item(mdw-colspan="4")
-    .mdw-grid__item(mdw-colspan="4")
-  script(src='textfield.min.js')

package/docs/pages/tooltip.pug

@@ -1,78 +0,0 @@
-include ../_mixins.pug
-
-+header("tooltip")
-  .comparison
-    .render
-      +androidstatusbar('cyan 700', 'dark')
-      .mdw-appbar.mdw-theme(mdw-surface="cyan 500" mdw-dark)
-        .mdw-appbar__action
-          .mdw-appbar__start
-            .mdw-tooltip__wrapper
-              +mdwButton({ icon:true }).mdw-tooltip__target.material-icons menu
-              .mdw-tooltip.mdw-theme(mdw-surface="background 700" mdw-dark mdw-align="start") Menu
-          .mdw-appbar__title(style="color:white") Inbox
-          .mdw-appbar__end
-            .mdw-tooltip__wrapper
-              +mdwButton({ icon:true }).mdw-tooltip__target.material-icons search
-              .mdw-tooltip.mdw-theme(mdw-surface="background 700" mdw-dark mdw-align="end") Search
-      .content
-        ul.mdw-list(mdw-divider)
-          li.mdw-list__subheader.mdw-theme(mdw-ink="medium") Today
-          li.mdw-list__item
-            .mdw-list__content
-              .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.mdw-theme(mdw-ink="medium")  — I'll be in your neighborhood doing errands this weekend. Do you want to meet?
-          li.mdw-list__item
-            .mdw-list__content
-              .mdw-list__avatar
-                i.material-icons(style="font-size:40px") 
-              .mdw-list__text
-                .mdw-list__text-line Summer BBQ
-                  span.mdw-theme(mdw-ink="medium")  4
-                .mdw-list__text-line to Alex, Scott, Jennifer
-                  span.mdw-theme(mdw-ink="medium")  — Wish I could come. but I'm out of town this weekend.
-          li.mdw-list__item
-            .mdw-list__content
-              .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.mdw-theme(mdw-ink="medium")  — Do you have Paris recommendations? Have you ever been?
-          li.mdw-list__item
-            .mdw-list__content
-              .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.mdw-theme(mdw-ink="medium")  — Have any ideas about what we should get Heidi for her birthday?
-          li.mdw-list__item
-            .mdw-list__content
-              .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.mdw-theme(mdw-ink="medium")  — We should eat this: Grated Squash, Corn, and tomatillo Tacos J
-          li.mdw-list__item
-            .mdw-list__content
-              .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.mdw-theme(mdw-ink="medium")  — Any interest in seeing
-          li.mdw-list__item
-            .mdw-list__content
-              .mdw-list__avatar
-                i.material-icons(style="font-size:40px") 
-              .mdw-list__text
-                .mdw-list__text-line Montauk weekend
-                .mdw-list__text-line -----
-      +androidnavbar
-  script(src='tooltip.min.js')

package/docs/pages/transition.pug

@@ -1,76 +0,0 @@
-include ../_mixins.pug
-
-+header("transition")
-  .mdw-grid(mdw-margin-top mdw-margin-bottom mdw-stretch)
-    .mdw-grid__item(mdw-colspan="100%")
-      .mdw-grid__content
-        .display-flex(flex-align-items="center")
-          h5.mdw-type Select two items.
-    .mdw-grid__item(mdw-colspan="25%")
-      .mdw-grid__content
-        .display-flex.flex-column
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="white" mdw-light)
-            span Small
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="black" mdw-dark)
-            span Small
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="primary 500" mdw-dark)
-            span Small
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="secondary 500" mdw-dark)
-            span Small
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="warn 500" mdw-dark)
-            span Small
-    .mdw-grid__item(mdw-colspan="50%")
-      .mdw-grid__content
-        .display-flex.flex-column
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="white" mdw-light)
-            span Medium
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="black" mdw-dark)
-            span Medium
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="primary 500" mdw-dark)
-            span Medium
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="secondary 500" mdw-dark)
-            span Medium
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="warn 500" mdw-dark)
-            span Medium
-    .mdw-grid__item(mdw-colspan="25%")
-      .mdw-grid__content
-        .display-flex.flex-column(flex-align-items="center")
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="white" mdw-light demo-round)
-            span Round
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="black" mdw-dark demo-round)
-            span Round
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="primary 500" mdw-dark demo-round)
-            span Round
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="secondary 500" mdw-dark demo-round)
-            span Round
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="warn 500" mdw-dark demo-round)
-            span Round
-    .mdw-grid__item(mdw-colspan="25%")
-      .mdw-grid__content
-        .display-flex.flex-column(flex-align-items="center")
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="white" mdw-light demo-square)
-            span Square
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="black" mdw-dark demo-square)
-            span Square
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="primary 500" mdw-dark demo-square)
-            span Square
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="secondary 500" mdw-dark demo-square)
-            span Square
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="warn 500" mdw-dark demo-square)
-            span Square
-    .mdw-grid__item(mdw-colspan="75%")
-      .mdw-grid__content
-        .display-flex.flex-column
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="white" mdw-light)
-            span Wide
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="black" mdw-dark)
-            span Wide
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="primary 500" mdw-dark)
-            span Wide
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="secondary 500" mdw-dark)
-            span Wide
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="warn 500" mdw-dark)
-            span Wide
-    
-    
-  script(src='transition.min.js')

package/docs/pages/type.pug

@@ -1,29 +0,0 @@
-include ../_mixins.pug
-
-+header("type")
-  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")
-  script(src='type.min.js')

package/docs/pwa/_dialogs.pug

@@ -1,96 +0,0 @@
-include ../_mixins.pug
-
-#dialog-alert.mdw-dialog(mdw-width-units="5")
-  .mdw-dialog__popup.mdw-theme(mdw-surface="card")
-    .mdw-dialog__title Alert Dialog
-    .mdw-dialog__body.mdw-theme(mdw-ink="medium") Alert dialog body text.
-    .mdw-dialog__button-area
-      +mdwButton({ ink:'secondary' })(mdw-autofocus) OK
-#dialog-confirm.mdw-dialog(mdw-width-units="5")
-  .mdw-dialog__popup.mdw-theme(mdw-surface="card")
-    .mdw-dialog__title Confirm Dialog
-    .mdw-dialog__body.mdw-theme(mdw-ink="medium") Confirm dialog body text.
-    .mdw-dialog__button-area
-      +mdwButton({ ink:'secondary' })(mdw-autofocus) Yes
-      +mdwButton({ ink:'secondary' }) No
-#dialog-autohide-options.mdw-dialog
-  .mdw-dialog__popup.mdw-theme(mdw-surface="card")
-    .mdw-dialog__header
-      .mdw-dialog__title App Bar Auto Hide
-    ul.mdw-dialog__scrolling.mdw-list.mdw-selection__radio-group(role="radiogroup")
-      li.mdw-list__item
-        a.mdw-list__content.mdw-selection(aria-checked="false" data-name="appbar-autohide" data-value="mobile")
-          .mdw-list__text.mdw-selection__label
-            .mdw-list__text-line Mobile Only
-            .mdw-list__text-line.mdw-theme(mdw-ink="medium") [mdw-autohide="mobile"]
-          .mdw-selection__icon.mdw-theme(mdw-ink="secondary" mdw-radio)
-      li.mdw-list__item
-        a.mdw-list__content.mdw-selection(aria-checked="false" data-name="appbar-autohide" data-value="tablet")
-          .mdw-list__text.mdw-selection__label
-            .mdw-list__text-line Tablet Only
-            .mdw-list__text-line.mdw-theme(mdw-ink="medium") [mdw-autohide="tablet"]
-          .mdw-selection__icon.mdw-theme(mdw-ink="secondary" mdw-radio)
-      li.mdw-list__item
-        a.mdw-list__content.mdw-selection(aria-checked="true" data-name="appbar-autohide" data-value="mobile tablet")
-          .mdw-list__text.mdw-selection__label
-            .mdw-list__text-line Mobile and Tablet
-            .mdw-list__text-line.mdw-theme(mdw-ink="medium") [mdw-autohide="mobile tablet"]
-          .mdw-selection__icon.mdw-theme(mdw-ink="secondary" mdw-radio)
-      li.mdw-list__item
-        a.mdw-list__content.mdw-selection(aria-checked="false" data-name="appbar-autohide" data-value="")
-          .mdw-list__text.mdw-selection__label
-            .mdw-list__text-line All Devices
-            .mdw-list__text-line.mdw-theme(mdw-ink="medium") [mdw-autohide=""]
-          .mdw-selection__icon.mdw-theme(mdw-ink="secondary" mdw-radio)
-    // While it is possible to close on CHECK_EVENT, this would cause accessibility issues for keyboard users
-    .mdw-dialog__button-area
-      +mdwButton({ ink:'secondary' })(mdw-autofocus) Change
-      +mdwButton({ ink:'secondary' }) Keep
-#dialog-fabmobile-options.mdw-dialog
-  .mdw-dialog__popup.mdw-theme(mdw-surface="card")
-    .mdw-dialog__header
-      .mdw-dialog__title Mobile Fab Option
-    ul.mdw-dialog__scrolling.mdw-list.mdw-selection__radio-group(role="radiogroup")
-      li.mdw-list__item
-        a.mdw-list__content.mdw-selection(aria-checked="false" data-name="fab-mobile" data-value="")
-          .mdw-selection__label.mdw-list__text
-            .mdw-list__text-line End
-            .mdw-list__text-line.mdw-theme(mdw-ink="medium") [mdw-fab-mobile=""]
-          .mdw-selection__icon.mdw-theme(mdw-ink="secondary" mdw-radio)
-      li.mdw-list__item
-        a.mdw-list__content.mdw-selection(aria-checked="true" data-name="fab-mobile" data-value="center")
-          .mdw-selection__label.mdw-list__text
-            .mdw-list__text-line Center
-            .mdw-list__text-line.mdw-theme(mdw-ink="medium") [mdw-fab-mobile="center"]
-          .mdw-selection__icon.mdw-theme(mdw-ink="secondary" mdw-radio)
-      li.mdw-list__item
-        a.mdw-list__content.mdw-selection(aria-checked="false" data-name="fab-mobile" data-value="full")
-          .mdw-selection__label.mdw-list__text
-            .mdw-list__text-line Full
-            .mdw-list__text-line.mdw-theme(mdw-ink="medium") [mdw-fab-mobile="full"]
-          .mdw-selection__icon.mdw-theme(mdw-ink="secondary" mdw-radio)
-    // While it is possible to close on CHECK_EVENT, this would cause accessibility issues for keyboard users
-    .mdw-dialog__button-area
-      +mdwButton({ ink:'secondary' })(mdw-autofocus) Change
-      +mdwButton({ ink:'secondary' }) Keep
-#dialog-fabdesktop-options.mdw-dialog
-  .mdw-dialog__popup.mdw-theme(mdw-surface="card")
-    .mdw-dialog__header
-      .mdw-dialog__title Mobile Fab Option
-    ul.mdw-dialog__scrolling.mdw-list.mdw-selection__radio-group(role="radiogroup")
-      li.mdw-list__item
-        a.mdw-list__content.mdw-selection(aria-checked="true" data-name="fab-desktop" data-value="")
-          .mdw-selection__label.mdw-list__text
-            .mdw-list__text-line End
-            .mdw-list__text-line.mdw-theme(mdw-ink="medium") [fab-desktop=""]
-          .mdw-selection__icon.mdw-theme(mdw-ink="secondary" mdw-radio)
-      li.mdw-list__item
-        a.mdw-list__content.mdw-selection(aria-checked="false" data-name="fab-desktop" data-value="appbar")
-          .mdw-selection__label.mdw-list__text
-            .mdw-list__text-line App Bar
-            .mdw-list__text-line.mdw-theme(mdw-ink="medium") [fab-desktop="appbar"]
-          .mdw-selection__icon.mdw-theme(mdw-ink="secondary" mdw-radio)
-    // While it is possible to close on CHECK_EVENT, this would cause accessibility issues for keyboard users
-    .mdw-dialog__button-area
-      +mdwButton({ ink:'secondary' })(mdw-autofocus) Change
-      +mdwButton({ ink:'secondary' }) Keep

package/docs/pwa/_menus.pug

@@ -1,11 +0,0 @@
-#sample-menu.mdw-menu(mdw-width-units="4")
-  .mdw-menu__popup.mdw-theme(mdw-surface="card")
-    .mdw-menu__item(data-action="connect")
-      .mdw-menu__icon.mdw-theme.material-icons(mdw-ink="medium") 
-      .mdw-menu__text Connect
-    .mdw-menu__item(data-action="hold")
-      .mdw-menu__icon.mdw-theme.material-icons(mdw-ink="medium") 
-      .mdw-menu__text Hold
-    .mdw-menu__item(data-action="disconnect")
-      .mdw-menu__icon.mdw-theme.material-icons(mdw-ink="medium") 
-      .mdw-menu__text Disconnect