@shortfuse/materialdesignweb 0.5.0 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (418) hide show
  1. package/README.md +155 -77
  2. package/bin/generate-css.js +12 -0
  3. package/components/Badge.css +30 -0
  4. package/components/Badge.js +15 -0
  5. package/components/Body.css +14 -0
  6. package/components/Body.js +7 -0
  7. package/components/BottomAppBar.css +23 -0
  8. package/components/BottomAppBar.js +25 -0
  9. package/components/Box.css +31 -0
  10. package/components/Box.js +24 -0
  11. package/components/Button.css +146 -0
  12. package/components/Button.js +95 -0
  13. package/components/Button.md +61 -0
  14. package/components/Card.css +109 -0
  15. package/components/Card.js +82 -0
  16. package/components/Checkbox.css +77 -0
  17. package/components/Checkbox.js +59 -0
  18. package/components/CheckboxIcon.css +89 -0
  19. package/components/CheckboxIcon.js +41 -0
  20. package/components/Chip.css +35 -0
  21. package/components/Chip.js +22 -0
  22. package/components/Dialog.css +235 -0
  23. package/components/Dialog.js +327 -0
  24. package/components/DialogActions.js +13 -0
  25. package/components/Divider.css +41 -0
  26. package/components/Divider.js +13 -0
  27. package/components/ExtendedFab.css +24 -0
  28. package/components/ExtendedFab.js +11 -0
  29. package/components/Fab.css +23 -0
  30. package/components/Fab.js +26 -0
  31. package/components/FilterChip.css +80 -0
  32. package/components/FilterChip.js +51 -0
  33. package/components/Headline.css +14 -0
  34. package/components/Headline.js +33 -0
  35. package/components/Icon.css +76 -0
  36. package/components/Icon.js +174 -0
  37. package/components/IconButton.css +151 -0
  38. package/components/IconButton.js +65 -0
  39. package/components/Input.js +16 -0
  40. package/components/Label.css +14 -0
  41. package/components/Label.js +7 -0
  42. package/components/Layout.css +19 -0
  43. package/components/Layout.js +12 -0
  44. package/components/List.css +12 -0
  45. package/components/List.js +17 -0
  46. package/components/ListItem.css +224 -0
  47. package/components/ListItem.js +112 -0
  48. package/components/ListOption.css +34 -0
  49. package/components/ListOption.js +122 -0
  50. package/components/ListSelect.css +9 -0
  51. package/components/ListSelect.js +206 -0
  52. package/components/Menu.css +171 -0
  53. package/components/Menu.js +470 -0
  54. package/components/MenuItem.css +53 -0
  55. package/components/MenuItem.js +215 -0
  56. package/components/Nav.css +17 -0
  57. package/components/Nav.js +23 -0
  58. package/components/NavBar.css +34 -0
  59. package/components/NavBar.js +88 -0
  60. package/components/NavBarItem.css +41 -0
  61. package/components/NavBarItem.js +7 -0
  62. package/components/NavDrawer.css +31 -0
  63. package/components/NavDrawer.js +13 -0
  64. package/components/NavDrawerItem.css +42 -0
  65. package/components/NavDrawerItem.js +12 -0
  66. package/components/NavItem.css +181 -0
  67. package/components/NavItem.js +83 -0
  68. package/components/NavRail.css +47 -0
  69. package/components/NavRail.js +17 -0
  70. package/components/NavRailItem.css +25 -0
  71. package/components/NavRailItem.js +7 -0
  72. package/components/Option.js +91 -0
  73. package/components/Outline.css +138 -0
  74. package/components/Pane.css +261 -0
  75. package/components/Pane.js +21 -0
  76. package/components/Progress.css +74 -0
  77. package/components/Progress.js +67 -0
  78. package/components/ProgressCircle.css +226 -0
  79. package/components/ProgressLine.css +155 -0
  80. package/components/Radio.css +83 -0
  81. package/components/Radio.js +42 -0
  82. package/components/RadioIcon.css +73 -0
  83. package/components/RadioIcon.js +37 -0
  84. package/components/Ripple.css +74 -0
  85. package/components/Ripple.js +114 -0
  86. package/components/SegmentedButton.css +94 -0
  87. package/components/SegmentedButton.js +49 -0
  88. package/components/SegmentedButtonGroup.css +12 -0
  89. package/components/SegmentedButtonGroup.js +44 -0
  90. package/components/Select.css +52 -0
  91. package/components/Select.js +71 -0
  92. package/components/Shape.css +132 -0
  93. package/components/Shape.js +25 -0
  94. package/components/Slider.css +306 -0
  95. package/components/Slider.js +206 -0
  96. package/components/Snackbar.css +80 -0
  97. package/components/Snackbar.js +75 -0
  98. package/components/Surface.css +10 -0
  99. package/components/Surface.js +23 -0
  100. package/components/Switch.css +63 -0
  101. package/components/Switch.js +127 -0
  102. package/components/SwitchIcon.css +177 -0
  103. package/components/SwitchIcon.js +89 -0
  104. package/components/SwitchIconAnimations.css +89 -0
  105. package/components/Tab.css +85 -0
  106. package/components/Tab.js +103 -0
  107. package/components/TabContent.js +151 -0
  108. package/components/TabList.css +129 -0
  109. package/components/TabList.js +309 -0
  110. package/components/TabPanel.js +37 -0
  111. package/components/TextArea.css +93 -0
  112. package/components/TextArea.js +229 -0
  113. package/components/Title.css +14 -0
  114. package/components/Title.js +15 -0
  115. package/components/Tooltip.css +40 -0
  116. package/components/Tooltip.js +22 -0
  117. package/components/TopAppBar.css +209 -0
  118. package/components/TopAppBar.js +201 -0
  119. package/core/Composition.js +988 -0
  120. package/core/CustomElement.js +844 -0
  121. package/core/ICustomElement.d.ts +288 -0
  122. package/core/ICustomElement.js +1 -0
  123. package/core/css.js +51 -0
  124. package/core/customTypes.js +125 -0
  125. package/core/dom.js +56 -154
  126. package/core/identify.js +40 -0
  127. package/core/observe.js +410 -0
  128. package/core/template.js +121 -0
  129. package/core/typings.d.ts +135 -0
  130. package/core/typings.js +1 -0
  131. package/mixins/AriaReflectorMixin.js +42 -0
  132. package/mixins/AriaToolbarMixin.js +13 -0
  133. package/mixins/ControlMixin.css +57 -0
  134. package/mixins/ControlMixin.js +212 -0
  135. package/mixins/DensityMixin.css +40 -0
  136. package/mixins/DensityMixin.js +11 -0
  137. package/mixins/FlexableMixin.css +79 -0
  138. package/mixins/FlexableMixin.js +32 -0
  139. package/mixins/FormAssociatedMixin.js +170 -0
  140. package/mixins/InputMixin.js +335 -0
  141. package/mixins/KeyboardNavMixin.js +244 -0
  142. package/mixins/RTLObserverMixin.js +35 -0
  143. package/mixins/ResizeObserverMixin.js +38 -0
  144. package/mixins/RippleMixin.css +12 -0
  145. package/mixins/RippleMixin.js +115 -0
  146. package/mixins/ScrollListenerMixin.js +100 -0
  147. package/mixins/ShapeMixin.css +135 -0
  148. package/mixins/ShapeMixin.js +31 -0
  149. package/mixins/StateMixin.css +82 -0
  150. package/mixins/StateMixin.js +114 -0
  151. package/mixins/SurfaceMixin.css +150 -0
  152. package/mixins/SurfaceMixin.js +32 -0
  153. package/mixins/TextFieldMixin.css +657 -0
  154. package/mixins/TextFieldMixin.js +121 -0
  155. package/mixins/ThemableMixin.css +204 -0
  156. package/mixins/ThemableMixin.js +16 -0
  157. package/mixins/TooltipTriggerMixin.css +27 -0
  158. package/mixins/TooltipTriggerMixin.js +366 -0
  159. package/mixins/TouchTargetMixin.css +26 -0
  160. package/mixins/TouchTargetMixin.js +9 -0
  161. package/package.json +54 -49
  162. package/theming/index.js +594 -0
  163. package/theming/loader.js +24 -0
  164. package/utils/cli.js +11 -0
  165. package/utils/color_keywords.js +151 -0
  166. package/utils/hct/Cam16.js +298 -0
  167. package/utils/hct/CorePalette.js +84 -0
  168. package/utils/hct/Hct.js +172 -0
  169. package/utils/hct/Scheme.js +587 -0
  170. package/utils/hct/TonalPalette.js +68 -0
  171. package/utils/hct/ViewingConditions.js +136 -0
  172. package/utils/hct/blend.js +93 -0
  173. package/utils/hct/colorUtils.js +302 -0
  174. package/utils/hct/hctSolver.js +559 -0
  175. package/utils/hct/helper.js +182 -0
  176. package/utils/hct/mathUtils.js +153 -0
  177. package/utils/jsonMergePatch.js +100 -0
  178. package/utils/jsx-runtime.js +101 -0
  179. package/utils/popup.js +117 -0
  180. package/utils/svg.js +129 -0
  181. package/.browserslistrc +0 -4
  182. package/.eslintrc.json +0 -204
  183. package/.stylelintrc.json +0 -645
  184. package/.vscode/launch.json +0 -31
  185. package/.vscode/settings.json +0 -3
  186. package/.vscode/tasks.json +0 -32
  187. package/CHANGELOG.md +0 -36
  188. package/CODE_OF_CONDUCT.md +0 -46
  189. package/adapters/datatable/column.js +0 -176
  190. package/adapters/datatable/index.js +0 -960
  191. package/adapters/dom/index.js +0 -586
  192. package/adapters/list/index.js +0 -69
  193. package/adapters/search/index.js +0 -495
  194. package/components/appbar/_spec.scss +0 -165
  195. package/components/appbar/_theme.scss +0 -0
  196. package/components/appbar/index.scss +0 -2
  197. package/components/banner/_spec.scss +0 -83
  198. package/components/banner/_theme.scss +0 -0
  199. package/components/banner/index.scss +0 -2
  200. package/components/bottomnav/README.md +0 -85
  201. package/components/bottomnav/_spec.scss +0 -149
  202. package/components/bottomnav/_theme.scss +0 -0
  203. package/components/bottomnav/index.js +0 -117
  204. package/components/bottomnav/index.scss +0 -2
  205. package/components/bottomnav/item.js +0 -88
  206. package/components/button/README.md +0 -61
  207. package/components/button/_spec.scss +0 -162
  208. package/components/button/_theme.scss +0 -42
  209. package/components/button/index.eta +0 -32
  210. package/components/button/index.js +0 -43
  211. package/components/button/index.pug +0 -18
  212. package/components/button/index.scss +0 -2
  213. package/components/card/_spec.scss +0 -241
  214. package/components/card/_theme.scss +0 -0
  215. package/components/card/index.scss +0 -2
  216. package/components/chip/_spec.scss +0 -111
  217. package/components/chip/_theme.scss +0 -105
  218. package/components/chip/index.js +0 -23
  219. package/components/chip/index.scss +0 -2
  220. package/components/chip/item.js +0 -20
  221. package/components/datatable/_spec.scss +0 -225
  222. package/components/datatable/_theme.scss +0 -128
  223. package/components/datatable/cell.js +0 -44
  224. package/components/datatable/columnheader.js +0 -46
  225. package/components/datatable/index.js +0 -374
  226. package/components/datatable/index.scss +0 -2
  227. package/components/datatable/row.js +0 -48
  228. package/components/datatable/rowheader.js +0 -18
  229. package/components/dialog/_spec.scss +0 -203
  230. package/components/dialog/_theme.scss +0 -7
  231. package/components/dialog/index.js +0 -601
  232. package/components/dialog/index.scss +0 -2
  233. package/components/divider/_spec.scss +0 -11
  234. package/components/divider/_theme.scss +0 -0
  235. package/components/divider/index.scss +0 -2
  236. package/components/elevation/_spec.scss +0 -9
  237. package/components/elevation/_theme.scss +0 -0
  238. package/components/elevation/index.scss +0 -2
  239. package/components/fab/_spec.scss +0 -210
  240. package/components/fab/_theme.scss +0 -0
  241. package/components/fab/index.js +0 -99
  242. package/components/fab/index.scss +0 -2
  243. package/components/grid/_spec.scss +0 -169
  244. package/components/grid/_theme.scss +0 -0
  245. package/components/grid/index.scss +0 -2
  246. package/components/layout/_mixins.scss +0 -11
  247. package/components/layout/_spec.scss +0 -916
  248. package/components/layout/_theme.scss +0 -19
  249. package/components/layout/index.js +0 -454
  250. package/components/layout/index.scss +0 -2
  251. package/components/list/_spec.scss +0 -363
  252. package/components/list/_theme.scss +0 -102
  253. package/components/list/content.js +0 -106
  254. package/components/list/index.js +0 -256
  255. package/components/list/index.scss +0 -2
  256. package/components/list/item.js +0 -167
  257. package/components/list/secondary.js +0 -45
  258. package/components/menu/_spec.scss +0 -329
  259. package/components/menu/_theme.scss +0 -0
  260. package/components/menu/index.js +0 -705
  261. package/components/menu/index.scss +0 -2
  262. package/components/menu/item.js +0 -231
  263. package/components/progress/_spec.scss +0 -156
  264. package/components/progress/_theme.scss +0 -0
  265. package/components/progress/index.js +0 -36
  266. package/components/progress/index.scss +0 -2
  267. package/components/selection/_spec.scss +0 -376
  268. package/components/selection/_theme.scss +0 -134
  269. package/components/selection/index.eta +0 -60
  270. package/components/selection/index.js +0 -70
  271. package/components/selection/index.pug +0 -30
  272. package/components/selection/index.scss +0 -2
  273. package/components/selection/input.js +0 -54
  274. package/components/selection/radiogroup.js +0 -40
  275. package/components/slider/_spec.scss +0 -59
  276. package/components/slider/_theme.scss +0 -0
  277. package/components/slider/index.scss +0 -2
  278. package/components/snackbar/_spec.scss +0 -150
  279. package/components/snackbar/_theme.scss +0 -0
  280. package/components/snackbar/index.js +0 -338
  281. package/components/snackbar/index.scss +0 -2
  282. package/components/tab/_spec.scss +0 -220
  283. package/components/tab/_theme.scss +0 -0
  284. package/components/tab/content.js +0 -210
  285. package/components/tab/index.js +0 -257
  286. package/components/tab/index.scss +0 -2
  287. package/components/tab/item.js +0 -88
  288. package/components/tab/list.js +0 -196
  289. package/components/tab/panel.js +0 -54
  290. package/components/textfield/README.md +0 -179
  291. package/components/textfield/_spec.scss +0 -763
  292. package/components/textfield/_theme.scss +0 -264
  293. package/components/textfield/index.eta +0 -74
  294. package/components/textfield/index.js +0 -160
  295. package/components/textfield/index.pug +0 -30
  296. package/components/textfield/index.scss +0 -2
  297. package/components/tooltip/_spec.scss +0 -185
  298. package/components/tooltip/_theme.scss +0 -0
  299. package/components/tooltip/index.scss +0 -2
  300. package/components/type/_spec.scss +0 -227
  301. package/components/type/_theme.scss +0 -0
  302. package/components/type/index.scss +0 -2
  303. package/core/_breakpoint.scss +0 -189
  304. package/core/_elevation.scss +0 -78
  305. package/core/_length.scss +0 -8
  306. package/core/_motion.scss +0 -31
  307. package/core/_platform.scss +0 -12
  308. package/core/_type.scss +0 -128
  309. package/core/aria/attributes.js +0 -141
  310. package/core/aria/button.js +0 -49
  311. package/core/aria/keyboard.js +0 -92
  312. package/core/aria/rovingtabindex.js +0 -175
  313. package/core/aria/tab.js +0 -59
  314. package/core/document/index.js +0 -39
  315. package/core/overlay/_spec.scss +0 -28
  316. package/core/overlay/_theme.scss +0 -147
  317. package/core/overlay/index.js +0 -95
  318. package/core/overlay/index.scss +0 -2
  319. package/core/ripple/_spec.scss +0 -196
  320. package/core/ripple/_theme.scss +0 -20
  321. package/core/ripple/index.js +0 -286
  322. package/core/ripple/index.scss +0 -2
  323. package/core/theme/_aliases.scss +0 -15
  324. package/core/theme/_config.scss +0 -8
  325. package/core/theme/_functions.scss +0 -22
  326. package/core/theme/_palettes.scss +0 -405
  327. package/core/theme/_spec.scss +0 -0
  328. package/core/theme/_theme.scss +0 -268
  329. package/core/theme/index.js +0 -50
  330. package/core/theme/index.scss +0 -4
  331. package/core/throttler.js +0 -42
  332. package/core/transition/index.js +0 -465
  333. package/docs/_flex.scss +0 -28
  334. package/docs/_menuoptions.js +0 -183
  335. package/docs/_partials/_androidnavbar.eta +0 -5
  336. package/docs/_partials/_androidstatusbar.eta +0 -13
  337. package/docs/_partials/_appbar.eta +0 -27
  338. package/docs/_partials/_buttontest.eta +0 -31
  339. package/docs/_partials/_header.eta +0 -146
  340. package/docs/_partials/_navlistitem.eta +0 -16
  341. package/docs/_partials/_target.eta +0 -1
  342. package/docs/_sample-utils.js +0 -88
  343. package/docs/_storage.js +0 -33
  344. package/docs/docs.scss +0 -331
  345. package/docs/framework.scss +0 -26
  346. package/docs/index.eta +0 -12
  347. package/docs/index.js +0 -7
  348. package/docs/pages/appbar.eta +0 -108
  349. package/docs/pages/appbar.js +0 -0
  350. package/docs/pages/bottomnav.eta +0 -188
  351. package/docs/pages/bottomnav.js +0 -118
  352. package/docs/pages/button.eta +0 -124
  353. package/docs/pages/button.js +0 -224
  354. package/docs/pages/card.eta +0 -90
  355. package/docs/pages/card.js +0 -175
  356. package/docs/pages/chip.eta +0 -122
  357. package/docs/pages/chip.js +0 -80
  358. package/docs/pages/color.eta +0 -143
  359. package/docs/pages/color.js +0 -261
  360. package/docs/pages/datatable.eta +0 -323
  361. package/docs/pages/datatable.js +0 -160
  362. package/docs/pages/dialog.eta +0 -184
  363. package/docs/pages/dialog.js +0 -174
  364. package/docs/pages/dom.eta +0 -26
  365. package/docs/pages/dom.js +0 -140
  366. package/docs/pages/elevation.eta +0 -35
  367. package/docs/pages/elevation.js +0 -0
  368. package/docs/pages/fab.eta +0 -99
  369. package/docs/pages/fab.js +0 -43
  370. package/docs/pages/grid.eta +0 -135
  371. package/docs/pages/grid.js +0 -128
  372. package/docs/pages/layout.eta +0 -8
  373. package/docs/pages/layout.js +0 -0
  374. package/docs/pages/list.eta +0 -465
  375. package/docs/pages/list.js +0 -8
  376. package/docs/pages/menu.eta +0 -274
  377. package/docs/pages/menu.js +0 -213
  378. package/docs/pages/overlay.eta +0 -69
  379. package/docs/pages/overlay.js +0 -3
  380. package/docs/pages/progress.eta +0 -23
  381. package/docs/pages/progress.js +0 -12
  382. package/docs/pages/ripple.eta +0 -27
  383. package/docs/pages/ripple.js +0 -3
  384. package/docs/pages/search.eta +0 -242
  385. package/docs/pages/search.js +0 -226
  386. package/docs/pages/selection.eta +0 -107
  387. package/docs/pages/selection.js +0 -12
  388. package/docs/pages/slider.eta +0 -23
  389. package/docs/pages/slider.js +0 -0
  390. package/docs/pages/snackbar.eta +0 -83
  391. package/docs/pages/snackbar.js +0 -157
  392. package/docs/pages/tab.eta +0 -407
  393. package/docs/pages/tab.js +0 -152
  394. package/docs/pages/textfield.eta +0 -487
  395. package/docs/pages/textfield.js +0 -257
  396. package/docs/pages/tooltip.eta +0 -92
  397. package/docs/pages/tooltip.js +0 -0
  398. package/docs/pages/transition.eta +0 -117
  399. package/docs/pages/transition.js +0 -52
  400. package/docs/pages/type.eta +0 -31
  401. package/docs/pages/type.js +0 -0
  402. package/docs/postrender.js +0 -41
  403. package/docs/prerender.js +0 -16
  404. package/docs/pwa/_dialogs.eta +0 -143
  405. package/docs/pwa/_menus.eta +0 -16
  406. package/docs/pwa/pwa-prerender.js +0 -3
  407. package/docs/pwa/pwa.eta +0 -478
  408. package/docs/pwa/pwa.js +0 -298
  409. package/docs/pwa/pwa.scss +0 -31
  410. package/docs/themes/theme-colored.scss +0 -15
  411. package/docs/themes/theme-default.scss +0 -3
  412. package/index.scss +0 -27
  413. package/jsconfig.json +0 -16
  414. package/scripts/deploy-docs.sh +0 -9
  415. package/templates/index.eta +0 -2
  416. package/templates/index.pug +0 -3
  417. package/tsconfig.json +0 -16
  418. package/webpack.config.js +0 -304
package/docs/pages/list.eta DELETED
@@ -1,465 +0,0 @@
1
- <% var T = '../../templates/index.eta' %>
2
- <% layout('../_partials/_header.eta', {page: 'list'}) %>
3
- <div class="comparison js">
4
- <div class="render">
5
- <%~ includeFile('../_partials/_androidstatusbar.eta', { surface:'teal 700', dark:true }) %>
6
- <%~ includeFile('../_partials/_appbar.eta', { surface:'teal 500', dark:true, start: ['menu'], end: ['more_vert'], body: 'Topics' }) %>
7
- <div class="content" style="padding-top:2px;">
8
- <ul class="mdw-list">
9
- <li class="mdw-list__item">
10
- <a class="mdw-list__content">Attractions</a>
11
- </li>
12
- <li class="mdw-list__item" aria-expanded="true">
13
- <a class="mdw-list__content">
14
- <div class="mdw-list__text">Dining</div>
15
- <div class="mdw-list__secondary mdw-theme material-icons" mdw-ink="medium">expand_more</div>
16
- </a>
17
- <ul class="mdw-list">
18
- <li class="mdw-list__item">
19
- <a class="mdw-list__content">Breakfast &amp; brunch</a>
20
- </li>
21
- <li class="mdw-list__item">
22
- <a class="mdw-list__content">New American</a>
23
- </li>
24
- <li class="mdw-list__item">
25
- <a class="mdw-list__content">Sushi bars</a>
26
- </li>
27
- </ul>
28
- </li>
29
- <li class="mdw-list__item">
30
- <a class="mdw-list__content">Education</a>
31
- </li>
32
- <li class="mdw-list__item">
33
- <a class="mdw-list__content">Family</a>
34
- </li>
35
- <li class="mdw-list__item">
36
- <a class="mdw-list__content">Health</a>
37
- </li>
38
- <li class="mdw-list__item">
39
- <a class="mdw-list__content">Office</a>
40
- </li>
41
- <li class="mdw-list__item">
42
- <a class="mdw-list__content">Promotions</a>
43
- </li>
44
- <li class="mdw-list__item">
45
- <a class="mdw-list__content">Radio</a>
46
- </li>
47
- <li class="mdw-list__item">
48
- <a class="mdw-list__content">Recipes</a>
49
- </li>
50
- <li class="mdw-list__item">
51
- <a class="mdw-list__content">Sports</a>
52
- </li>
53
- <li class="mdw-list__item">
54
- <a class="mdw-list__content">Travel</a>
55
- </li>
56
- </ul>
57
- </div>
58
- <%~ includeFile('../_partials/_androidnavbar.eta') %>
59
- </div>
60
- </div>
61
- <div class="comparison js">
62
- <div class="render">
63
- <%~ includeFile('../_partials/_androidstatusbar.eta', { surface:'secondary 700', dark:true }) %>
64
- <%~ includeFile('../_partials/_appbar.eta', { surface:'secondary 500', dark:true, start: ['menu'], end: ['search', 'check_circle'], body: 'Inbox' }) %>
65
- <div class="content">
66
- <ul class="mdw-list" mdw-divider>
67
- <li class="mdw-list__item">
68
- <a class="mdw-list__content">
69
- <div class="mdw-list__avatar material-icons" style="font-size:40px;">&#xE853;</div>
70
- <div class="mdw-list__text">
71
- <div class="mdw-list__text-line">Ali Connors</div>
72
- <div class="mdw-list__text-line">Brunch this weekend?</div>
73
- <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">I'll be in your neighborhood doing errands this weekend. Do you want to meet?</div>
74
- </div>
75
- </a>
76
- </li>
77
- <li class="mdw-list__item">
78
- <a class="mdw-list__content">
79
- <div class="mdw-list__avatar material-icons" style="font-size:40px;">&#xE853;</div>
80
- <div class="mdw-list__text">
81
- <div class="mdw-list__text-line">me, Scott, Jennifer</div>
82
- <div class="mdw-list__text-line">Summer BBQ</div>
83
- <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">Wish I could come. but I'm out of town this weekend.</div>
84
- </div>
85
- </a>
86
- </li>
87
- <li class="mdw-list__item">
88
- <a class="mdw-list__content">
89
- <div class="mdw-list__avatar material-icons" style="font-size:40px;">&#xE853;</div>
90
- <div class="mdw-list__text">
91
- <div class="mdw-list__text-line">Sandra Adams</div>
92
- <div class="mdw-list__text-line">Oui oui</div>
93
- <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">Do you have Paris recommendations? Have you ever been?</div>
94
- </div>
95
- </a>
96
- </li>
97
- <li class="mdw-list__item">
98
- <a class="mdw-list__content">
99
- <div class="mdw-list__avatar material-icons" style="font-size:40px;">&#xE853;</div>
100
- <div class="mdw-list__text">
101
- <div class="mdw-list__text-line">Trevor Hansen</div>
102
- <div class="mdw-list__text-line">Order Confirmation</div>
103
- <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">Thank you for your recent order from Google.</div>
104
- </div>
105
- </a>
106
- </li>
107
- <li class="mdw-list__item">
108
- <a class="mdw-list__content">
109
- <div class="mdw-list__avatar material-icons" style="font-size:40px;">&#xE853;</div>
110
- <div class="mdw-list__text">
111
- <div class="mdw-list__text-line">Britta Holt</div>
112
- <div class="mdw-list__text-line">Recipe to try</div>
113
- <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">We should eat this: Grated Squash, Corn, and tomatillo Tacos.</div>
114
- </div>
115
- </a>
116
- </li>
117
- <li class="mdw-list__item">
118
- <a class="mdw-list__content">
119
- <div class="mdw-list__avatar material-icons" style="font-size:40px;">&#xE853;</div>
120
- <div class="mdw-list__text">
121
- <div class="mdw-list__text-line">David Park</div>
122
- <div class="mdw-list__text-line">Giants game</div>
123
- <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">Any interest in seeing</div>
124
- </div>
125
- </a>
126
- </li>
127
- <li class="mdw-list__item">
128
- <a class="mdw-list__content">
129
- <div class="mdw-list__avatar material-icons" style="font-size:40px;">&#xE853;</div>
130
- <div class="mdw-list__text">
131
- <div class="mdw-list__text-line">Montauk weekend</div>
132
- <div class="mdw-list__text-line">-----</div>
133
- <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">-----</div>
134
- </div>
135
- </a>
136
- </li>
137
- </ul>
138
- </div>
139
- <%~ includeFile('../_partials/_androidnavbar.eta') %>
140
- </div>
141
- </div>
142
- <div class="comparison">
143
- <div class="render">
144
- <%~ includeFile('../_partials/_androidstatusbar.eta', { surface:'deeppurple 700', dark:true }) %>
145
- <%~ includeFile('../_partials/_appbar.eta', { surface:'deeppurple 500', dark:true, start: ['menu'], end: ['search', 'more_vert'], body: 'Topics (CSS-Only)' }) %>
146
- <div class="content" style="padding-top:2px;">
147
- <ul class="mdw-list">
148
- <li class="mdw-list__item">
149
- <a class="mdw-list__content mdw-overlay mdw-ripple">Attractions</a>
150
- </li>
151
- <li class="mdw-list__item">
152
- <a class="mdw-list__content mdw-overlay mdw-ripple">Dining</a>
153
- </li>
154
- <li class="mdw-list__item">
155
- <a class="mdw-list__content mdw-overlay mdw-ripple">Education</a>
156
- </li>
157
- <li class="mdw-list__item">
158
- <a class="mdw-list__content mdw-overlay mdw-ripple">Family</a>
159
- </li>
160
- <li class="mdw-list__item">
161
- <a class="mdw-list__content mdw-overlay mdw-ripple">Health</a>
162
- </li>
163
- <li class="mdw-list__item">
164
- <a class="mdw-list__content mdw-overlay mdw-ripple">Office</a>
165
- </li>
166
- <li class="mdw-list__item">
167
- <a class="mdw-list__content mdw-overlay mdw-ripple">Promotions</a>
168
- </li>
169
- <li class="mdw-list__item">
170
- <a class="mdw-list__content mdw-overlay mdw-ripple">Radio</a>
171
- </li>
172
- <li class="mdw-list__item">
173
- <a class="mdw-list__content mdw-overlay mdw-ripple">Recipes</a>
174
- </li>
175
- <li class="mdw-list__item">
176
- <a class="mdw-list__content mdw-overlay mdw-ripple">Sports</a>
177
- </li>
178
- <li class="mdw-list__item">
179
- <a class="mdw-list__content mdw-overlay mdw-ripple">Travel</a>
180
- </li>
181
- </ul>
182
- </div>
183
- </div>
184
- </div>
185
- <div class="comparison">
186
- <div class="render">
187
- <%~ includeFile('../_partials/_androidstatusbar.eta', { surface:'teal 700', dark:true }) %>
188
- <%~ includeFile('../_partials/_appbar.eta', { surface:'teal 500', dark:true, start: ['menu'], end: ['more_vert'], body: 'Topics (CSS-Only)' }) %>
189
- <div class="content" style="padding-top:2px;">
190
- <ul class="mdw-list" mdw-divider>
191
- <li class="mdw-list__item">
192
- <a class="mdw-list__content mdw-overlay mdw-ripple">
193
- <div class="mdw-list__text">Attractions</div>
194
- </a>
195
- </li>
196
- <li class="mdw-list__item">
197
- <a class="mdw-list__content mdw-overlay mdw-ripple">
198
- <div class="mdw-list__text">Dining</div>
199
- </a>
200
- </li>
201
- <li class="mdw-list__item">
202
- <a class="mdw-list__content mdw-overlay mdw-ripple">
203
- <div class="mdw-list__text">Education</div>
204
- </a>
205
- </li>
206
- <li class="mdw-list__item">
207
- <a class="mdw-list__content mdw-overlay mdw-ripple">
208
- <div class="mdw-list__text">Family</div>
209
- </a>
210
- </li>
211
- <li class="mdw-list__item">
212
- <a class="mdw-list__content mdw-overlay mdw-ripple">
213
- <div class="mdw-list__text">Health</div>
214
- </a>
215
- </li>
216
- <li class="mdw-list__item">
217
- <a class="mdw-list__content mdw-overlay mdw-ripple">
218
- <div class="mdw-list__text">Office</div>
219
- </a>
220
- </li>
221
- <li class="mdw-list__item">
222
- <a class="mdw-list__content mdw-overlay mdw-ripple">
223
- <div class="mdw-list__text">Promotions</div>
224
- </a>
225
- </li>
226
- <li class="mdw-list__item">
227
- <a class="mdw-list__content mdw-overlay mdw-ripple">
228
- <div class="mdw-list__text">Radio</div>
229
- </a>
230
- </li>
231
- <li class="mdw-list__item">
232
- <a class="mdw-list__content mdw-overlay mdw-ripple">
233
- <div class="mdw-list__text">Recipes</div>
234
- </a>
235
- </li>
236
- <li class="mdw-list__item">
237
- <a class="mdw-list__content mdw-overlay mdw-ripple">
238
- <div class="mdw-list__text">Sports</div>
239
- </a>
240
- </li>
241
- <li class="mdw-list__item">
242
- <a class="mdw-list__content mdw-overlay mdw-ripple">
243
- <div class="mdw-list__text">Travel</div>
244
- </a>
245
- </li>
246
- </ul>
247
- </div>
248
- <%~ includeFile('../_partials/_androidnavbar.eta') %>
249
- </div>
250
- </div>
251
- <div class="comparison">
252
- <div class="render">
253
- <%~ includeFile('../_partials/_androidstatusbar.eta', { surface:'deeppurple 700', dark:true }) %>
254
- <%~ includeFile('../_partials/_appbar.eta', { surface:'deeppurple 500', dark:true, start: ['menu'], end: ['search', 'more_vert'], body: 'Topics (CSS-Only)' }) %>
255
- <div class="content" style="padding-top:2px;">
256
- <ul class="mdw-list">
257
- <li class="mdw-list__item">
258
- <a class="mdw-list__content mdw-overlay mdw-ripple">Attractions
259
- <div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">local_activity</div>
260
- </a>
261
- </li>
262
- <li class="mdw-list__item">
263
- <a class="mdw-list__content mdw-overlay mdw-ripple">Dining
264
- <div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">local_dining</div>
265
- </a>
266
- </li>
267
- <li class="mdw-list__item">
268
- <a class="mdw-list__content mdw-overlay mdw-ripple">Education
269
- <div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">edit</div>
270
- </a>
271
- </li>
272
- <li class="mdw-list__item">
273
- <a class="mdw-list__content mdw-overlay mdw-ripple">Family
274
- <div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">people</div>
275
- </a>
276
- </li>
277
- <li class="mdw-list__item">
278
- <a class="mdw-list__content mdw-overlay mdw-ripple">Health
279
- <div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">healing</div>
280
- </a>
281
- </li>
282
- <li class="mdw-list__item">
283
- <a class="mdw-list__content mdw-overlay mdw-ripple">Office
284
- <div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">business</div>
285
- </a>
286
- </li>
287
- <li class="mdw-list__item">
288
- <a class="mdw-list__content mdw-overlay mdw-ripple">Promotions
289
- <div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">local_offer</div>
290
- </a>
291
- </li>
292
- <li class="mdw-list__item">
293
- <a class="mdw-list__content mdw-overlay mdw-ripple">Radio
294
- <div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">radio</div>
295
- </a>
296
- </li>
297
- <li class="mdw-list__item">
298
- <a class="mdw-list__content mdw-overlay mdw-ripple">Recipes
299
- <div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">book</div>
300
- </a>
301
- </li>
302
- <li class="mdw-list__item">
303
- <a class="mdw-list__content mdw-overlay mdw-ripple">Sports
304
- <div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">stars</div>
305
- </a>
306
- </li>
307
- <li class="mdw-list__item">
308
- <a class="mdw-list__content mdw-overlay mdw-ripple">Travel
309
- <div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">local_airport</div>
310
- </a>
311
- </li>
312
- </ul>
313
- </div>
314
- </div>
315
- </div>
316
- <div class="comparison">
317
- <div class="render">
318
- <%~ includeFile('../_partials/_androidstatusbar.eta', { surface:'cyan 700', dark:true }) %>
319
- <%~ includeFile('../_partials/_appbar.eta', { surface:'cyan 500', dark:true, start: ['menu'], end: ['search'], body: 'Inbox (CSS-Only)' }) %>
320
- <div class="content">
321
- <div class="mdw-list__subheader mdw-theme" mdw-ink="medium">Today</div>
322
- <ul class="mdw-list" mdw-divider>
323
- <li class="mdw-list__item">
324
- <a class="mdw-list__content mdw-overlay mdw-ripple">
325
- <div class="mdw-list__avatar material-icons" style="font-size:40px;">&#xE853;</div>
326
- <div class="mdw-list__text">
327
- <div class="mdw-list__text-line">Brunch this weekend?</div>
328
- <div class="mdw-list__text-line">Ali Connors<span class="mdw-theme" mdw-ink="medium"> &mdash; I'll be in your neighborhood doing errands this weekend. Do you want to meet?</span></div>
329
- </div>
330
- </a>
331
- </li>
332
- <li class="mdw-list__item">
333
- <a class="mdw-list__content mdw-overlay mdw-ripple">
334
- <div class="mdw-list__avatar material-icons" style="font-size:40px;">&#xE853;</div>
335
- <div class="mdw-list__text">
336
- <div class="mdw-list__text-line">Summer BBQ<span> </span></span><span class="mdw-theme" mdw-ink="medium">4</span></div>
337
- <div class="mdw-list__text-line">to Alex, Scott, Jennifer<span class="mdw-theme" mdw-ink="medium"> &mdash; Wish I could come. but I'm out of town this weekend.</span></div>
338
- </div>
339
- </a>
340
- </li>
341
- <li class="mdw-list__item">
342
- <a class="mdw-list__content mdw-overlay mdw-ripple">
343
- <div class="mdw-list__avatar material-icons" style="font-size:40px;">&#xE853;</div>
344
- <div class="mdw-list__text">
345
- <div class="mdw-list__text-line">Oui oui</div>
346
- <div class="mdw-list__text-line">Sandra Adams<span class="mdw-theme" mdw-ink="medium"> &mdash; Do you have Paris recommendations? Have you ever been?</span></div>
347
- </div>
348
- </a>
349
- </li>
350
- <li class="mdw-list__item">
351
- <a class="mdw-list__content mdw-overlay mdw-ripple">
352
- <div class="mdw-list__avatar material-icons" style="font-size:40px;">&#xE853;</div>
353
- <div class="mdw-list__text">
354
- <div class="mdw-list__text-line">Birthday gift</div>
355
- <div class="mdw-list__text-line">Trevor Hansen<span class="mdw-theme" mdw-ink="medium"> &mdash; Have any ideas about what we should get Heidi for her birthday?</span></div>
356
- </div>
357
- </a>
358
- </li>
359
- <li class="mdw-list__item">
360
- <a class="mdw-list__content mdw-overlay mdw-ripple">
361
- <div class="mdw-list__avatar material-icons" style="font-size:40px;">&#xE853;</div>
362
- <div class="mdw-list__text">
363
- <div class="mdw-list__text-line">Recipe to try</div>
364
- <div class="mdw-list__text-line">Britta Holt<span class="mdw-theme" mdw-ink="medium"> &mdash; We should eat this: Grated Squash, Corn, and tomatillo Tacos.</span></div>
365
- </div>
366
- </a>
367
- </li>
368
- <li class="mdw-list__item">
369
- <a class="mdw-list__content mdw-overlay mdw-ripple">
370
- <div class="mdw-list__avatar material-icons" style="font-size:40px;">&#xE853;</div>
371
- <div class="mdw-list__text">
372
- <div class="mdw-list__text-line">Giants game</div>
373
- <div class="mdw-list__text-line">David Park<span class="mdw-theme" mdw-ink="medium"> &mdash; Any interest in seeing</span></div>
374
- </div>
375
- </a>
376
- </li>
377
- <li class="mdw-list__item">
378
- <a class="mdw-list__content mdw-overlay mdw-ripple">
379
- <div class="mdw-list__avatar material-icons" style="font-size:40px;">&#xE853;</div>
380
- <div class="mdw-list__text">
381
- <div class="mdw-list__text-line">Montauk weekend</div>
382
- <div class="mdw-list__text-line">-----<span class="mdw-theme" mdw-ink="medium"> &mdash; -----</span></div>
383
- </div>
384
- </a>
385
- </li>
386
- </ul>
387
- </div>
388
- <%~ includeFile('../_partials/_androidnavbar.eta') %>
389
- </div>
390
- </div>
391
- <div class="comparison">
392
- <div class="render">
393
- <%~ includeFile('../_partials/_androidstatusbar.eta', { surface:'deeppurple 700', dark:true }) %>
394
- <%~ includeFile('../_partials/_appbar.eta', { surface:'deeppurple 500', dark:true, start: ['menu'], end: ['search'], body: 'Inbox (CSS-Only)' }) %>
395
- <div class="content">
396
- <div class="mdw-list__content mdw-list__subheader mdw-theme" mdw-ink="medium">Today</div>
397
- <ul class="mdw-list" mdw-divider>
398
- <li class="mdw-list__item">
399
- <a class="mdw-list__content mdw-overlay mdw-ripple">
400
- <div class="mdw-list__avatar material-icons" style="font-size:40px;">&#xE853;</div>
401
- <div class="mdw-list__text">
402
- <div class="mdw-list__text-line">Brunch this weekend?</div>
403
- <div class="mdw-list__text-block">Ali Connors<span class="mdw-theme" mdw-ink="medium"> &mdash; I'll be in your neighborhood doing errands this weekend. Do you want to meet?</span></div>
404
- </div>
405
- </a>
406
- </li>
407
- <li class="mdw-list__item">
408
- <a class="mdw-list__content mdw-overlay mdw-ripple">
409
- <div class="mdw-list__avatar material-icons" style="font-size:40px;">&#xE853;</div>
410
- <div class="mdw-list__text">
411
- <div class="mdw-list__text-line">Summer BBQ<span class="mdw-theme" mdw-ink="medium"> 4</span></div>
412
- <div class="mdw-list__text-block">to Alex, Scott, Jennifer<span class="mdw-theme" mdw-ink="medium"> &mdash; Wish I could come. but I'm out of town this weekend.</span></div>
413
- </div>
414
- </a>
415
- </li>
416
- <li class="mdw-list__item">
417
- <a class="mdw-list__content mdw-overlay mdw-ripple">
418
- <div class="mdw-list__avatar material-icons" style="font-size:40px;">&#xE853;</div>
419
- <div class="mdw-list__text">
420
- <div class="mdw-list__text-line">Oui oui</div>
421
- <div class="mdw-list__text-block">Sandra Adams<span class="mdw-theme" mdw-ink="medium"> &mdash; Do you have Paris recommendations? Have you ever been?</span></div>
422
- </div>
423
- </a>
424
- </li>
425
- <li class="mdw-list__item">
426
- <a class="mdw-list__content mdw-overlay mdw-ripple">
427
- <div class="mdw-list__avatar material-icons" style="font-size:40px;">&#xE853;</div>
428
- <div class="mdw-list__text">
429
- <div class="mdw-list__text-line">Birthday gift</div>
430
- <div class="mdw-list__text-block">Trevor Hansen<span class="mdw-theme" mdw-ink="medium"> &mdash; Have any ideas about what we should get Heidi for her birthday?</span></div>
431
- </div>
432
- </a>
433
- </li>
434
- <li class="mdw-list__item">
435
- <a class="mdw-list__content mdw-overlay mdw-ripple">
436
- <div class="mdw-list__avatar material-icons" style="font-size:40px;">&#xE853;</div>
437
- <div class="mdw-list__text">
438
- <div class="mdw-list__text-line">Recipe to try</div>
439
- <div class="mdw-list__text-block">Britta Holt<span class="mdw-theme" mdw-ink="medium"> &mdash; We should eat this: Grated Squash, Corn, and tomatillo Tacos.</span></div>
440
- </div>
441
- </a>
442
- </li>
443
- <li class="mdw-list__item">
444
- <a class="mdw-list__content mdw-overlay mdw-ripple">
445
- <div class="mdw-list__avatar material-icons" style="font-size:40px;">&#xE853;</div>
446
- <div class="mdw-list__text">
447
- <div class="mdw-list__text-line">Giants game</div>
448
- <div class="mdw-list__text-block">David Park<span class="mdw-theme" mdw-ink="medium"> &mdash; Any interest in seeing</span></div>
449
- </div>
450
- </a>
451
- </li>
452
- <li class="mdw-list__item">
453
- <a class="mdw-list__content mdw-overlay mdw-ripple">
454
- <div class="mdw-list__avatar material-icons" style="font-size:40px;">&#xE853;</div>
455
- <div class="mdw-list__text">
456
- <div class="mdw-list__text-line">Montauk weekend</div>
457
- <div class="mdw-list__text-block">-----<span class="mdw-theme" mdw-ink="medium"> &mdash; -----</span></div>
458
- </div>
459
- </a>
460
- </li>
461
- </ul>
462
- </div>
463
- </div>
464
- </div>
465
- <script src="list.min.js"></script>
package/docs/pages/list.js DELETED
@@ -1,8 +0,0 @@
1
- import * as List from '../../components/list/index.js';
2
-
3
- /** @return {void} */
4
- function initializeMdwComponents() {
5
- for (const element of document.querySelectorAll('.js .mdw-list')) List.attach(element);
6
- }
7
-
8
- initializeMdwComponents();