@universal-material/web 3.0.10 → 3.0.12

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 (364) hide show
  1. package/button/button-base.d.ts +43 -0
  2. package/button/button-base.d.ts.map +1 -0
  3. package/button/button-base.js +152 -0
  4. package/button/button-base.js.map +1 -0
  5. package/button/button-base.styles.d.ts +2 -0
  6. package/button/button-base.styles.d.ts.map +1 -0
  7. package/button/button-base.styles.js +75 -0
  8. package/button/button-base.styles.js.map +1 -0
  9. package/button/button-set.d.ts +20 -0
  10. package/button/button-set.d.ts.map +1 -0
  11. package/button/button-set.js +38 -0
  12. package/button/button-set.js.map +1 -0
  13. package/button/button-set.styles.d.ts +2 -0
  14. package/button/button-set.styles.d.ts.map +1 -0
  15. package/button/button-set.styles.js +39 -0
  16. package/button/button-set.styles.js.map +1 -0
  17. package/button/button.d.ts +34 -0
  18. package/button/button.d.ts.map +1 -0
  19. package/button/button.js +64 -0
  20. package/button/button.js.map +1 -0
  21. package/button/button.styles.d.ts +2 -0
  22. package/button/button.styles.d.ts.map +1 -0
  23. package/button/button.styles.js +96 -0
  24. package/button/button.styles.js.map +1 -0
  25. package/button/fab.d.ts +31 -0
  26. package/button/fab.d.ts.map +1 -0
  27. package/button/fab.js +63 -0
  28. package/button/fab.js.map +1 -0
  29. package/button/fab.styles.d.ts +2 -0
  30. package/button/fab.styles.d.ts.map +1 -0
  31. package/button/fab.styles.js +89 -0
  32. package/button/fab.styles.js.map +1 -0
  33. package/button/icon-button.d.ts +35 -0
  34. package/button/icon-button.d.ts.map +1 -0
  35. package/button/icon-button.js +79 -0
  36. package/button/icon-button.js.map +1 -0
  37. package/button/icon-button.styles.d.ts +2 -0
  38. package/button/icon-button.styles.d.ts.map +1 -0
  39. package/button/icon-button.styles.js +70 -0
  40. package/button/icon-button.styles.js.map +1 -0
  41. package/card/card-content.d.ts +13 -0
  42. package/card/card-content.d.ts.map +1 -0
  43. package/card/card-content.js +44 -0
  44. package/card/card-content.js.map +1 -0
  45. package/card/card-content.styles.d.ts +2 -0
  46. package/card/card-content.styles.d.ts.map +1 -0
  47. package/card/card-content.styles.js +15 -0
  48. package/card/card-content.styles.js.map +1 -0
  49. package/card/card-media.d.ts +12 -0
  50. package/card/card-media.d.ts.map +1 -0
  51. package/card/card-media.js +29 -0
  52. package/card/card-media.js.map +1 -0
  53. package/card/card-media.styles.d.ts +2 -0
  54. package/card/card-media.styles.d.ts.map +1 -0
  55. package/card/card-media.styles.js +13 -0
  56. package/card/card-media.styles.js.map +1 -0
  57. package/card/card.d.ts +19 -0
  58. package/card/card.d.ts.map +1 -0
  59. package/card/card.js +40 -0
  60. package/card/card.js.map +1 -0
  61. package/card/card.styles.d.ts +2 -0
  62. package/card/card.styles.d.ts.map +1 -0
  63. package/card/card.styles.js +28 -0
  64. package/card/card.styles.js.map +1 -0
  65. package/checkbox/checkbox.d.ts +16 -0
  66. package/checkbox/checkbox.d.ts.map +1 -0
  67. package/checkbox/checkbox.js +75 -0
  68. package/checkbox/checkbox.js.map +1 -0
  69. package/container/container.d.ts +13 -0
  70. package/container/container.d.ts.map +1 -0
  71. package/container/container.js +23 -0
  72. package/container/container.js.map +1 -0
  73. package/container/container.styles.d.ts +2 -0
  74. package/container/container.styles.d.ts.map +1 -0
  75. package/container/container.styles.js +43 -0
  76. package/container/container.styles.js.map +1 -0
  77. package/custom-elements.json +3706 -0
  78. package/divider/divider.d.ts +14 -0
  79. package/divider/divider.d.ts.map +1 -0
  80. package/divider/divider.js +27 -0
  81. package/divider/divider.js.map +1 -0
  82. package/divider/divider.styles.d.ts +2 -0
  83. package/divider/divider.styles.d.ts.map +1 -0
  84. package/divider/divider.styles.js +15 -0
  85. package/divider/divider.styles.js.map +1 -0
  86. package/elevation/elevation.d.ts +11 -0
  87. package/elevation/elevation.d.ts.map +1 -0
  88. package/elevation/elevation.js +21 -0
  89. package/elevation/elevation.js.map +1 -0
  90. package/elevation/elevation.styles.d.ts +2 -0
  91. package/elevation/elevation.styles.d.ts.map +1 -0
  92. package/elevation/elevation.styles.js +28 -0
  93. package/elevation/elevation.styles.js.map +1 -0
  94. package/index.d.ts +27 -0
  95. package/index.d.ts.map +1 -0
  96. package/{src/index.ts → index.js} +1 -1
  97. package/index.js.map +1 -0
  98. package/package.json +1 -1
  99. package/ripple/ripple.d.ts +25 -0
  100. package/ripple/ripple.d.ts.map +1 -0
  101. package/ripple/ripple.js +119 -0
  102. package/ripple/ripple.js.map +1 -0
  103. package/ripple/ripple.styles.d.ts +2 -0
  104. package/ripple/ripple.styles.d.ts.map +1 -0
  105. package/ripple/ripple.styles.js +74 -0
  106. package/ripple/ripple.styles.js.map +1 -0
  107. package/shared/base.styles.d.ts +2 -0
  108. package/shared/base.styles.d.ts.map +1 -0
  109. package/shared/base.styles.js +9 -0
  110. package/shared/base.styles.js.map +1 -0
  111. package/table/table-body.d.ts +11 -0
  112. package/table/table-body.d.ts.map +1 -0
  113. package/table/table-body.js +21 -0
  114. package/table/table-body.js.map +1 -0
  115. package/table/table-body.styles.d.ts +2 -0
  116. package/table/table-body.styles.d.ts.map +1 -0
  117. package/table/table-body.styles.js +11 -0
  118. package/table/table-body.styles.js.map +1 -0
  119. package/table/table-cell.d.ts +11 -0
  120. package/table/table-cell.d.ts.map +1 -0
  121. package/table/table-cell.js +21 -0
  122. package/table/table-cell.js.map +1 -0
  123. package/table/table-cell.styles.d.ts +2 -0
  124. package/table/table-cell.styles.d.ts.map +1 -0
  125. package/table/table-cell.styles.js +11 -0
  126. package/table/table-cell.styles.js.map +1 -0
  127. package/table/table-head.d.ts +11 -0
  128. package/table/table-head.d.ts.map +1 -0
  129. package/table/table-head.js +21 -0
  130. package/table/table-head.js.map +1 -0
  131. package/table/table-head.styles.d.ts +2 -0
  132. package/table/table-head.styles.d.ts.map +1 -0
  133. package/table/table-head.styles.js +11 -0
  134. package/table/table-head.styles.js.map +1 -0
  135. package/table/table-header-cell.d.ts +11 -0
  136. package/table/table-header-cell.d.ts.map +1 -0
  137. package/table/table-header-cell.js +21 -0
  138. package/table/table-header-cell.js.map +1 -0
  139. package/table/table-header-cell.styles.d.ts +2 -0
  140. package/table/table-header-cell.styles.d.ts.map +1 -0
  141. package/table/table-header-cell.styles.js +12 -0
  142. package/table/table-header-cell.styles.js.map +1 -0
  143. package/table/table-row.d.ts +11 -0
  144. package/table/table-row.d.ts.map +1 -0
  145. package/table/table-row.js +21 -0
  146. package/table/table-row.js.map +1 -0
  147. package/table/table-row.styles.d.ts +2 -0
  148. package/table/table-row.styles.d.ts.map +1 -0
  149. package/table/table-row.styles.js +7 -0
  150. package/table/table-row.styles.js.map +1 -0
  151. package/table/table.d.ts +16 -0
  152. package/table/table.d.ts.map +1 -0
  153. package/{src/table/table.ts → table/table.js} +6 -15
  154. package/table/table.js.map +1 -0
  155. package/table/table.styles.d.ts +2 -0
  156. package/table/table.styles.d.ts.map +1 -0
  157. package/table/table.styles.js +16 -0
  158. package/table/table.styles.js.map +1 -0
  159. package/theme/color.d.ts +7 -0
  160. package/theme/color.d.ts.map +1 -0
  161. package/theme/color.js +2 -0
  162. package/theme/color.js.map +1 -0
  163. package/theme/css-var-builder.d.ts +9 -0
  164. package/theme/css-var-builder.d.ts.map +1 -0
  165. package/theme/css-var-builder.js +25 -0
  166. package/theme/css-var-builder.js.map +1 -0
  167. package/theme/index.d.ts +2 -0
  168. package/theme/index.d.ts.map +1 -0
  169. package/{src/theme/index.ts → theme/index.js} +1 -0
  170. package/theme/index.js.map +1 -0
  171. package/theme/neutral-colors.d.ts +4 -0
  172. package/theme/neutral-colors.d.ts.map +1 -0
  173. package/theme/neutral-colors.js +19 -0
  174. package/theme/neutral-colors.js.map +1 -0
  175. package/theme/rgb-color.d.ts +9 -0
  176. package/theme/rgb-color.d.ts.map +1 -0
  177. package/theme/rgb-color.js +13 -0
  178. package/theme/rgb-color.js.map +1 -0
  179. package/theme/theme-builder.d.ts +27 -0
  180. package/theme/theme-builder.d.ts.map +1 -0
  181. package/theme/theme-builder.js +146 -0
  182. package/theme/theme-builder.js.map +1 -0
  183. package/{src/theme/theme-color.ts → theme/theme-color.d.ts} +2 -3
  184. package/theme/theme-color.d.ts.map +1 -0
  185. package/theme/theme-color.js +2 -0
  186. package/theme/theme-color.js.map +1 -0
  187. package/.editorconfig +0 -8
  188. package/.eleventy.cjs +0 -21
  189. package/.eslintignore +0 -6
  190. package/.eslintrc.json +0 -98
  191. package/.prettierrc.json +0 -7
  192. package/.vscode/extensions.json +0 -9
  193. package/CHANGELOG.md +0 -98
  194. package/LICENSE +0 -28
  195. package/docs/.nojekyll +0 -0
  196. package/docs/api/index.html +0 -149
  197. package/docs/docs.css +0 -185
  198. package/docs/examples/index.html +0 -75
  199. package/docs/examples/name-property/index.html +0 -65
  200. package/docs/index.html +0 -75
  201. package/docs/install/index.html +0 -53
  202. package/docs/prism-okaidia.css +0 -123
  203. package/docs/src/_api-section.pug +0 -27
  204. package/docs/src/_layout.pug +0 -182
  205. package/docs/src/components/button-set/alignment.html +0 -29
  206. package/docs/src/components/button-set/stack.html +0 -5
  207. package/docs/src/components/button-set/usage.html +0 -35
  208. package/docs/src/components/button-set.pug +0 -16
  209. package/docs/src/components/cards/card-media.html +0 -39
  210. package/docs/src/components/cards/card-with-actions.html +0 -38
  211. package/docs/src/components/cards/simple-card.html +0 -3
  212. package/docs/src/components/cards.pug +0 -15
  213. package/docs/src/components/checkbox/usage.html +0 -33
  214. package/docs/src/components/checkbox.pug +0 -7
  215. package/docs/src/components/chips/chip-input.html +0 -73
  216. package/docs/src/components/chips/default-chips.html +0 -25
  217. package/docs/src/components/chips/elevated-chips.html +0 -25
  218. package/docs/src/components/chips/selected-chips.html +0 -50
  219. package/docs/src/components/chips.pug +0 -16
  220. package/docs/src/components/common-buttons/anchor-buttons.html +0 -6
  221. package/docs/src/components/common-buttons/buttons-icons.html +0 -24
  222. package/docs/src/components/common-buttons/buttons-trailing-icons.html +0 -25
  223. package/docs/src/components/common-buttons/buttons-variants.html +0 -6
  224. package/docs/src/components/common-buttons/filled-colors.html +0 -4
  225. package/docs/src/components/common-buttons.pug +0 -22
  226. package/docs/src/components/data-tables/simple-table.html +0 -47
  227. package/docs/src/components/data-tables/table-footer.html +0 -59
  228. package/docs/src/components/data-tables/table-header.html +0 -43
  229. package/docs/src/components/data-tables.pug +0 -15
  230. package/docs/src/components/datepicker.pug +0 -133
  231. package/docs/src/components/dialogs/example.html +0 -44
  232. package/docs/src/components/dialogs.pug +0 -19
  233. package/docs/src/components/dividers/no-margin.html +0 -7
  234. package/docs/src/components/dividers/usage.html +0 -7
  235. package/docs/src/components/dividers.pug +0 -13
  236. package/docs/src/components/dropdown-menus/down-end.html +0 -10
  237. package/docs/src/components/dropdown-menus/down-left.html +0 -10
  238. package/docs/src/components/dropdown-menus/down-right.html +0 -10
  239. package/docs/src/components/dropdown-menus/down-start.html +0 -10
  240. package/docs/src/components/dropdown-menus/down.html +0 -10
  241. package/docs/src/components/dropdown-menus/up-end.html +0 -10
  242. package/docs/src/components/dropdown-menus/up-left.html +0 -10
  243. package/docs/src/components/dropdown-menus/up-right.html +0 -10
  244. package/docs/src/components/dropdown-menus/up-start.html +0 -10
  245. package/docs/src/components/dropdown-menus/up.html +0 -10
  246. package/docs/src/components/expansion-panel.pug +0 -33
  247. package/docs/src/components/fab/button-colors.html +0 -18
  248. package/docs/src/components/fab/button-sizes.html +0 -11
  249. package/docs/src/components/fab/extended-buttons.html +0 -18
  250. package/docs/src/components/fab/floating-action-area.html +0 -5
  251. package/docs/src/components/fab/floating-menu.html +0 -10
  252. package/docs/src/components/fab/lowered-buttons.html +0 -6
  253. package/docs/src/components/fab.pug +0 -25
  254. package/docs/src/components/icon-buttons/anchor-buttons.html +0 -15
  255. package/docs/src/components/icon-buttons/buttons-variants.html +0 -15
  256. package/docs/src/components/icon-buttons/toggle-buttons-manual.html +0 -44
  257. package/docs/src/components/icon-buttons/toggle-buttons.html +0 -48
  258. package/docs/src/components/icon-buttons.pug +0 -18
  259. package/docs/src/components/lists/list-avatars.html +0 -14
  260. package/docs/src/components/lists/list-custom-dividers.html +0 -23
  261. package/docs/src/components/lists/list-dividers.html +0 -17
  262. package/docs/src/components/lists/list-dynamic.html +0 -26
  263. package/docs/src/components/lists/list-hover.html +0 -17
  264. package/docs/src/components/lists/list-icons.html +0 -17
  265. package/docs/src/components/lists/list-indexed.html +0 -123
  266. package/docs/src/components/lists/list-sections.html +0 -16
  267. package/docs/src/components/lists/list-three-lines.html +0 -20
  268. package/docs/src/components/lists/list-two-lines.html +0 -20
  269. package/docs/src/components/lists/list-with-action.html +0 -26
  270. package/docs/src/components/lists/list-with-activated-item.html +0 -17
  271. package/docs/src/components/lists/simple-list.html +0 -17
  272. package/docs/src/components/lists.pug +0 -94
  273. package/docs/src/components/menus.pug +0 -55
  274. package/docs/src/components/progress/circular-progress.html +0 -13
  275. package/docs/src/components/progress/determinate-progress.html +0 -3
  276. package/docs/src/components/progress/indeterminate-progress.html +0 -3
  277. package/docs/src/components/progress/progress-color.html +0 -3
  278. package/docs/src/components/progress.pug +0 -18
  279. package/docs/src/components/ripple/usage.html +0 -9
  280. package/docs/src/components/ripple.pug +0 -10
  281. package/docs/src/components/selection-controls/checkbox.html +0 -22
  282. package/docs/src/components/selection-controls/radio-button.html +0 -36
  283. package/docs/src/components/selection-controls/switch.html +0 -12
  284. package/docs/src/components/selection-controls.pug +0 -13
  285. package/docs/src/components/sliders/example.html +0 -42
  286. package/docs/src/components/sliders.pug +0 -7
  287. package/docs/src/components/snackbar/example.html +0 -35
  288. package/docs/src/components/snackbars.pug +0 -21
  289. package/docs/src/components/steppers.pug +0 -57
  290. package/docs/src/components/tabs/example.html +0 -45
  291. package/docs/src/components/tabs.pug +0 -8
  292. package/docs/src/components/text-fields.pug +0 -88
  293. package/docs/src/components/toolbars/simple-toolbar.html +0 -33
  294. package/docs/src/components/toolbars.pug +0 -7
  295. package/docs/src/content/typography/example.html +0 -15
  296. package/docs/src/content/typography.pug +0 -8
  297. package/docs/src/css/docs.scss +0 -189
  298. package/docs/src/index.pug +0 -10
  299. package/docs/src/js/docs.js +0 -161
  300. package/docs/src/js/universal-material.js +0 -757
  301. package/docs/src/js/universal-material.js.map +0 -1
  302. package/docs/src/js/universal-material.min.js +0 -17
  303. package/docs/src/js/universal-material.min.js.map +0 -1
  304. package/docs/src/layout/grid.pug +0 -15
  305. package/docs/src/utilities/background-colors/common-colors.html +0 -7
  306. package/docs/src/utilities/background-colors/theme-colors.html +0 -16
  307. package/docs/src/utilities/background-colors.pug +0 -10
  308. package/docs/src/utilities/text-and-background-colors/common-colors.html +0 -80
  309. package/docs/src/utilities/text-and-background-colors/theme-colors.html +0 -208
  310. package/docs/src/utilities/text-and-background-colors.pug +0 -10
  311. package/docs/src/utilities/text-colors/common-colors.html +0 -12
  312. package/docs/src/utilities/text-colors/emphasis-colors.html +0 -26
  313. package/docs/src/utilities/text-colors/theme-colors.html +0 -37
  314. package/docs/src/utilities/text-colors.pug +0 -13
  315. package/gulpfile.js +0 -225
  316. package/index.html +0 -11
  317. package/rollup.config.js +0 -42
  318. package/src/_utils.scss +0 -20
  319. package/src/_variables.scss +0 -68
  320. package/src/button/button-base.styles.scss +0 -75
  321. package/src/button/button-base.ts +0 -147
  322. package/src/button/button-set.styles.scss +0 -35
  323. package/src/button/button-set.ts +0 -33
  324. package/src/button/button.styles.scss +0 -97
  325. package/src/button/button.ts +0 -64
  326. package/src/button/fab.styles.scss +0 -90
  327. package/src/button/fab.ts +0 -55
  328. package/src/button/icon-button.styles.scss +0 -74
  329. package/src/button/icon-button.ts +0 -72
  330. package/src/card/card-content.styles.scss +0 -11
  331. package/src/card/card-content.ts +0 -45
  332. package/src/card/card-media.styles.scss +0 -9
  333. package/src/card/card-media.ts +0 -24
  334. package/src/card/card.styles.scss +0 -27
  335. package/src/card/card.ts +0 -37
  336. package/src/checkbox/checkbox.ts +0 -77
  337. package/src/container/container.styles.scss +0 -39
  338. package/src/container/container.ts +0 -24
  339. package/src/divider/divider.styles.scss +0 -13
  340. package/src/divider/divider.ts +0 -21
  341. package/src/elevation/elevation.styles.scss +0 -31
  342. package/src/elevation/elevation.ts +0 -17
  343. package/src/ripple/ripple.styles.scss +0 -80
  344. package/src/ripple/ripple.ts +0 -150
  345. package/src/shared/base.styles.scss +0 -5
  346. package/src/table/table-body.styles.scss +0 -9
  347. package/src/table/table-body.ts +0 -21
  348. package/src/table/table-cell.styles.scss +0 -9
  349. package/src/table/table-cell.ts +0 -21
  350. package/src/table/table-head.styles.scss +0 -9
  351. package/src/table/table-head.ts +0 -21
  352. package/src/table/table-header-cell.styles.scss +0 -10
  353. package/src/table/table-header-cell.ts +0 -21
  354. package/src/table/table-row.styles.scss +0 -3
  355. package/src/table/table-row.ts +0 -21
  356. package/src/table/table.styles.scss +0 -12
  357. package/src/theme/color.ts +0 -6
  358. package/src/theme/css-var-builder.ts +0 -36
  359. package/src/theme/neutral-colors.ts +0 -21
  360. package/src/theme/rgb-color.ts +0 -19
  361. package/src/theme/theme-builder.ts +0 -201
  362. package/tsconfig.json +0 -36
  363. package/web-dev-server.config.js +0 -25
  364. package/web-test-runner.config.js +0 -120
package/docs/src/components/fab/button-sizes.html DELETED
@@ -1,11 +0,0 @@
1
- <u-fab size="small">
2
- <i class="mdi mdi-pencil"></i>
3
- </u-fab>
4
-
5
- <u-fab>
6
- <i class="mdi mdi-pencil"></i>
7
- </u-fab>
8
-
9
- <u-fab size="large">
10
- <i class="mdi mdi-pencil"></i>
11
- </u-fab>
package/docs/src/components/fab/extended-buttons.html DELETED
@@ -1,18 +0,0 @@
1
- <u-fab label="Compose">
2
- <i class="mdi mdi-pencil"></i>
3
- </u-fab>
4
- <u-fab color="secondary" label="Compose">
5
- <i class="mdi mdi-pencil"></i>
6
- </u-fab>
7
- <u-fab color="tertiary" label="Compose">
8
- <i class="mdi mdi-pencil"></i>
9
- </u-fab>
10
- <u-fab color="surface" label="Compose">
11
- <i class="mdi mdi-pencil"></i>
12
- </u-fab>
13
- <u-fab color="branded" label="Compose">
14
- <i class="mdi mdi-pencil"></i>
15
- </u-fab>
16
- <u-fab disabled label="Compose">
17
- <i class="mdi mdi-pencil"></i>
18
- </u-fab>
package/docs/src/components/fab/floating-action-area.html DELETED
@@ -1,5 +0,0 @@
1
- <div class="u-floating-action-area">
2
- <u-fab>
3
- <i class="mdi mdi-plus"></i>
4
- </u-fab>
5
- </div>
package/docs/src/components/fab/floating-menu.html DELETED
@@ -1,10 +0,0 @@
1
- <div class="u-floating-action-area">
2
- <div class="u-floating-menu">
3
- <u-fab size="small" color="tertiary" lowered>
4
- <i class="mdi mdi-crosshairs-gps"></i>
5
- </u-fab>
6
- <u-fab label="Navigate" lowered>
7
- <i class="mdi mdi-crosshairs-gps"></i>
8
- </u-fab>
9
- </div>
10
- </div>
package/docs/src/components/fab/lowered-buttons.html DELETED
@@ -1,6 +0,0 @@
1
- <u-fab color="branded">
2
- <i class="mdi mdi-pencil"></i>
3
- </u-fab>
4
- <u-fab color="branded" lowered>
5
- <i class="mdi mdi-pencil"></i>
6
- </u-fab>
package/docs/src/components/fab.pug DELETED
@@ -1,25 +0,0 @@
1
- extends ../_layout
2
-
3
- block content
4
- .u-container
5
- +renderTitle('Floating action button')
6
-
7
- +renderSection('Sizes')
8
- include:exampleCode fab/button-sizes.html
9
-
10
- +renderSection('Colors')
11
- include:exampleCode fab/button-colors.html
12
-
13
- +renderSection('Extended')
14
- include:exampleCode fab/extended-buttons.html
15
-
16
- +renderSection('Lowered')
17
- include:exampleCode fab/lowered-buttons.html
18
-
19
- +renderSection('Floating action area')
20
- include:exampleCode fab/floating-action-area.html
21
-
22
- +renderSection('Floating menu')
23
- include:exampleCode fab/floating-menu.html
24
-
25
- +renderApiSection(apis.fab)
package/docs/src/components/icon-buttons/anchor-buttons.html DELETED
@@ -1,15 +0,0 @@
1
- <u-icon-button href="https://github.com/universal-material/universal-material-web" target="_blank">
2
- <i class="mdi mdi-share"></i>
3
- </u-icon-button>
4
- <u-icon-button variant="outlined" href="https://github.com/universal-material/universal-material-web" target="_blank">
5
- <i class="mdi mdi-share"></i>
6
- </u-icon-button>
7
- <u-icon-button variant="filled">
8
- <i class="mdi mdi-share"></i>
9
- </u-icon-button>
10
- <u-icon-button variant="tonal" href="https://github.com/universal-material/universal-material-web" target="_blank">
11
- <i class="mdi mdi-share"></i>
12
- </u-icon-button>
13
- <u-icon-button disabled href="https://github.com/universal-material/universal-material-web" target="_blank">
14
- <i class="mdi mdi-share"></i>
15
- </u-icon-button>
package/docs/src/components/icon-buttons/buttons-variants.html DELETED
@@ -1,15 +0,0 @@
1
- <u-icon-button>
2
- <i class="mdi mdi-cards-heart-outline"></i>
3
- </u-icon-button>
4
- <u-icon-button variant="outlined">
5
- <i class="mdi mdi-cards-heart-outline"></i>
6
- </u-icon-button>
7
- <u-icon-button variant="filled">
8
- <i class="mdi mdi-heart"></i>
9
- </u-icon-button>
10
- <u-icon-button variant="tonal">
11
- <i class="mdi mdi-heart"></i>
12
- </u-icon-button>
13
- <u-icon-button disabled>
14
- <i class="mdi mdi-cards-heart-outline"></i>
15
- </u-icon-button>
package/docs/src/components/icon-buttons/toggle-buttons-manual.html DELETED
@@ -1,44 +0,0 @@
1
- <div>
2
- <u-icon-button onclick="this.selected = !this.selected">
3
- <i class="mdi mdi-close"></i>
4
- <i slot="selected" class="mdi mdi-check"></i>
5
- </u-icon-button>
6
- <u-icon-button variant="outlined" onclick="this.selected = !this.selected">
7
- <i class="mdi mdi-close"></i>
8
- <i slot="selected" class="mdi mdi-check"></i>
9
- </u-icon-button>
10
- <u-icon-button variant="filled" onclick="this.selected = !this.selected">
11
- <i class="mdi mdi-close"></i>
12
- <i slot="selected" class="mdi mdi-check"></i>
13
- </u-icon-button>
14
- <u-icon-button variant="tonal" onclick="this.selected = !this.selected">
15
- <i class="mdi mdi-close"></i>
16
- <i slot="selected" class="mdi mdi-check"></i>
17
- </u-icon-button>
18
- <u-icon-button disabled onclick="this.selected = !this.selected">
19
- <i class="mdi mdi-close"></i>
20
- <i slot="selected" class="mdi mdi-check"></i>
21
- </u-icon-button>
22
- </div>
23
- <div>
24
- <u-icon-button selected onclick="this.selected = !this.selected">
25
- <i class="mdi mdi-close"></i>
26
- <i slot="selected" class="mdi mdi-check"></i>
27
- </u-icon-button>
28
- <u-icon-button variant="outlined" selected onclick="this.selected = !this.selected">
29
- <i class="mdi mdi-close"></i>
30
- <i slot="selected" class="mdi mdi-check"></i>
31
- </u-icon-button>
32
- <u-icon-button variant="filled" selected onclick="this.selected = !this.selected">
33
- <i class="mdi mdi-close"></i>
34
- <i slot="selected" class="mdi mdi-check"></i>
35
- </u-icon-button>
36
- <u-icon-button variant="tonal" selected onclick="this.selected = !this.selected">
37
- <i class="mdi mdi-close"></i>
38
- <i slot="selected" class="mdi mdi-check"></i>
39
- </u-icon-button>
40
- <u-icon-button disabled selected onclick="this.selected = !this.selected">
41
- <i class="mdi mdi-close"></i>
42
- <i slot="selected" class="mdi mdi-check"></i>
43
- </u-icon-button>
44
- </div>
package/docs/src/components/icon-buttons/toggle-buttons.html DELETED
@@ -1,48 +0,0 @@
1
- <div>
2
- <u-icon-button toggle>
3
- <i class="mdi mdi-close"></i>
4
- <i slot="selected" class="mdi mdi-check"></i>
5
- </u-icon-button>
6
- <u-icon-button variant="outlined" toggle>
7
- <i class="mdi mdi-close"></i>
8
- <i slot="selected" class="mdi mdi-check"></i>
9
- </u-icon-button>
10
- <u-icon-button variant="filled" toggle>
11
- <i class="mdi mdi-close"></i>
12
- <i slot="selected" class="mdi mdi-check"></i>
13
- </u-icon-button>
14
- <u-icon-button variant="tonal" toggle>
15
- <i class="mdi mdi-close"></i>
16
- <i slot="selected" class="mdi mdi-check"></i>
17
- </u-icon-button>
18
- <u-icon-button disabled toggle>
19
- <i class="mdi mdi-close"></i>
20
- <i slot="selected" class="mdi mdi-check"></i>
21
- </u-icon-button>
22
- </div>
23
- <div>
24
- <u-icon-button selected toggle>
25
- <i class="mdi mdi-close"></i>
26
- <i slot="selected" class="mdi mdi-check"></i>
27
- </u-icon-button>
28
- <u-icon-button variant="outlined" selected toggle>
29
- <i class="mdi mdi-close"></i>
30
- <i slot="selected" class="mdi mdi-check"></i>
31
- </u-icon-button>
32
- <u-icon-button variant="filled" selected toggle>
33
- <i class="mdi mdi-close"></i>
34
- <i slot="selected" class="mdi mdi-check"></i>
35
- </u-icon-button>
36
- <u-icon-button variant="tonal" selected toggle>
37
- <i class="mdi mdi-close"></i>
38
- <i slot="selected" class="mdi mdi-check"></i>
39
- </u-icon-button>
40
- <u-icon-button disabled selected toggle>
41
- <i class="mdi mdi-close"></i>
42
- <i slot="selected" class="mdi mdi-check"></i>
43
- </u-icon-button>
44
- <u-icon-button selected toggle aria-label="off" aria-label-selected="on">
45
- <i class="mdi mdi-close"></i>
46
- <i slot="selected" class="mdi mdi-check"></i>
47
- </u-icon-button>
48
- </div>
package/docs/src/components/icon-buttons.pug DELETED
@@ -1,18 +0,0 @@
1
- extends ../_layout
2
-
3
- block content
4
- +renderTitle('Icon buttons')
5
-
6
- +renderSection('Variants')
7
- include:exampleCode icon-buttons/buttons-variants.html
8
-
9
- +renderSection('Anchor buttons')
10
- include:exampleCode icon-buttons/anchor-buttons.html
11
-
12
- +renderSection('Toggles')
13
- include:exampleCode icon-buttons/toggle-buttons.html
14
-
15
- +renderSection('Toggles (manual)')
16
- include:exampleCode icon-buttons/toggle-buttons-manual.html
17
-
18
- +renderApiSection(apis.iconButton)
package/docs/src/components/lists/list-avatars.html DELETED
@@ -1,14 +0,0 @@
1
- <div class="u-list u-list-selectable">
2
- <div class="u-list-item">
3
- <div class="u-list-item-avatar"></div>
4
- <div class="u-list-item-content">Item A</div>
5
- </div>
6
- <div class="u-list-item">
7
- <div class="u-list-item-avatar"></div>
8
- <div class="u-list-item-content">Item B</div>
9
- </div>
10
- <div class="u-list-item">
11
- <div class="u-list-item-avatar"></div>
12
- <div class="u-list-item-content">Item C</div>
13
- </div>
14
- </div>
package/docs/src/components/lists/list-custom-dividers.html DELETED
@@ -1,23 +0,0 @@
1
- <div class="u-list">
2
- <div class="u-list-item">
3
- <div class="u-list-item-content">
4
- <div class="u-list-headline">Headline</div>
5
- </div>
6
- </div>
7
- <div class="u-list-item">
8
- <div class="u-list-item-content">
9
- <div class="u-list-headline">Headline</div>
10
- </div>
11
- </div>
12
- <div class="u-divider"></div>
13
- <div class="u-list-item">
14
- <div class="u-list-item-content">
15
- <div class="u-list-headline">Headline</div>
16
- </div>
17
- </div>
18
- <div class="u-list-item">
19
- <div class="u-list-item-content">
20
- <div class="u-list-headline">Headline</div>
21
- </div>
22
- </div>
23
- </div>
package/docs/src/components/lists/list-dividers.html DELETED
@@ -1,17 +0,0 @@
1
- <div class="u-list u-list-item-dividers">
2
- <div class="u-list-item">
3
- <div class="u-list-item-content">
4
- <div class="u-list-headline">Headline</div>
5
- </div>
6
- </div>
7
- <div class="u-list-item">
8
- <div class="u-list-item-content">
9
- <div class="u-list-headline">Headline</div>
10
- </div>
11
- </div>
12
- <div class="u-list-item">
13
- <div class="u-list-item-content">
14
- <div class="u-list-headline">Headline</div>
15
- </div>
16
- </div>
17
- </div>
package/docs/src/components/lists/list-dynamic.html DELETED
@@ -1,26 +0,0 @@
1
- <div class="u-list">
2
- <div class="u-list-item u-list-item-dynamic">
3
- <div class="u-list-item-content">Item A
4
- <div class="u-progress show">
5
- <div class="u-progress-indicator" style="width: 30%;"></div>
6
- </div>
7
- <div class="u-text-end">30%</div>
8
- </div>
9
- </div>
10
- <div class="u-list-item u-list-item-dynamic">
11
- <div class="u-list-item-content">Item B
12
- <div class="u-progress show">
13
- <div class="u-progress-indicator" style="width: 67%;"></div>
14
- </div>
15
- <div class="u-text-end">67%</div>
16
- </div>
17
- </div>
18
- <div class="u-list-item u-list-item-dynamic">
19
- <div class="u-list-item-content">Item C
20
- <div class="u-progress show">
21
- <div class="u-progress-indicator" style="width: 10%;"></div>
22
- </div>
23
- <div class="u-text-end">10%</div>
24
- </div>
25
- </div>
26
- </div>
package/docs/src/components/lists/list-hover.html DELETED
@@ -1,17 +0,0 @@
1
- <div class="u-list u-list-selectable">
2
- <div class="u-list-item">
3
- <div class="u-list-item-content">
4
- <div class="u-list-headline">Headline</div>
5
- </div>
6
- </div>
7
- <div class="u-list-item">
8
- <div class="u-list-item-content">
9
- <div class="u-list-headline">Headline</div>
10
- </div>
11
- </div>
12
- <div class="u-list-item">
13
- <div class="u-list-item-content">
14
- <div class="u-list-headline">Headline</div>
15
- </div>
16
- </div>
17
- </div>
package/docs/src/components/lists/list-icons.html DELETED
@@ -1,17 +0,0 @@
1
- <div class="u-list u-list-selectable">
2
- <div class="u-list-item">
3
- <div class="u-list-item-icon mdi mdi-star"></div>
4
- <div class="u-list-item-content">Item A</div>
5
- <div class="u-list-item-icon mdi mdi-information"></div>
6
- </div>
7
- <div class="u-list-item">
8
- <div class="u-list-item-icon mdi mdi-star"></div>
9
- <div class="u-list-item-content">Item B</div>
10
- <div class="u-list-item-icon mdi mdi-information"></div>
11
- </div>
12
- <div class="u-list-item">
13
- <div class="u-list-item-icon mdi mdi-star"></div>
14
- <div class="u-list-item-content">Item C</div>
15
- <div class="u-list-item-icon mdi mdi-information"></div>
16
- </div>
17
- </div>
package/docs/src/components/lists/list-indexed.html DELETED
@@ -1,123 +0,0 @@
1
- <div class="u-list u-list-indexed">
2
- <div class="u-list-group">
3
- <div class="u-list-index">A</div>
4
- <div class="u-list-group-items">
5
- <div class="u-list-item">
6
- <div class="u-list-item-content">Angelita Kellar  </div>
7
- </div>
8
- <div class="u-list-item">
9
- <div class="u-list-item-content">Ayesha Commons  </div>
10
- </div>
11
- </div>
12
- </div>
13
- <div class="u-list-group">
14
- <div class="u-list-index">B</div>
15
- <div class="u-list-group-items">
16
- <div class="u-list-item">
17
- <div class="u-list-item-content">Bella Drayton  </div>
18
- </div>
19
- </div>
20
- </div>
21
- <div class="u-list-group">
22
- <div class="u-list-index">C</div>
23
- <div class="u-list-group-items">
24
- <div class="u-list-item">
25
- <div class="u-list-item-content">Carlita Baum  </div>
26
- </div>
27
- <div class="u-list-item">
28
- <div class="u-list-item-content">Collette Morena  </div>
29
- </div>
30
- <div class="u-list-item">
31
- <div class="u-list-item-content">Corliss Vaughan  </div>
32
- </div>
33
- </div>
34
- </div>
35
- <div class="u-list-group">
36
- <div class="u-list-index">E</div>
37
- <div class="u-list-group-items">
38
- <div class="u-list-item">
39
- <div class="u-list-item-content">Earline Marcoux  </div>
40
- </div>
41
- <div class="u-list-item">
42
- <div class="u-list-item-content">Eilene Mcarthur  </div>
43
- </div>
44
- </div>
45
- </div>
46
- <div class="u-list-group">
47
- <div class="u-list-index">J</div>
48
- <div class="u-list-group-items">
49
- <div class="u-list-item">
50
- <div class="u-list-item-content">Jerold Sancho  </div>
51
- </div>
52
- <div class="u-list-item">
53
- <div class="u-list-item-content">Josef Ariza  </div>
54
- </div>
55
- <div class="u-list-item">
56
- <div class="u-list-item-content">Jospeh Wooten</div>
57
- </div>
58
- </div>
59
- </div>
60
- <div class="u-list-group">
61
- <div class="u-list-index">L</div>
62
- <div class="u-list-group-items">
63
- <div class="u-list-item">
64
- <div class="u-list-item-content">Lupe Kerry</div>
65
- </div>
66
- </div>
67
- </div>
68
- <div class="u-list-group">
69
- <div class="u-list-index">M</div>
70
- <div class="u-list-group-items">
71
- <div class="u-list-item">
72
- <div class="u-list-item-content">Marin Whitwell  </div>
73
- </div>
74
- <div class="u-list-item">
75
- <div class="u-list-item-content">Matt Tugwell</div>
76
- </div>
77
- </div>
78
- </div>
79
- <div class="u-list-group">
80
- <div class="u-list-index">N</div>
81
- <div class="u-list-group-items">
82
- <div class="u-list-item">
83
- <div class="u-list-item-content">Norine Woodell  </div>
84
- </div>
85
- <div class="u-list-item"></div>
86
- </div>
87
- </div>
88
- <div class="u-list-group">
89
- <div class="u-list-index">O</div>
90
- <div class="u-list-group-items">
91
- <div class="u-list-item">
92
- <div class="u-list-item-content">Olen Beumer</div>
93
- </div>
94
- </div>
95
- </div>
96
- <div class="u-list-group">
97
- <div class="u-list-index">S</div>
98
- <div class="u-list-group-items">
99
- <div class="u-list-item">
100
- <div class="u-list-item-content">Shannan Mathews</div>
101
- </div>
102
- <div class="u-list-item">
103
- <div class="u-list-item-content">Stephaine Fraise  </div>
104
- </div>
105
- </div>
106
- </div>
107
- <div class="u-list-group">
108
- <div class="u-list-index">T</div>
109
- <div class="u-list-group-items">
110
- <div class="u-list-item">
111
- <div class="u-list-item-content">Timika Soller</div>
112
- </div>
113
- </div>
114
- </div>
115
- <div class="u-list-group">
116
- <div class="u-list-index">V</div>
117
- <div class="u-list-group-items">
118
- <div class="u-list-item">
119
- <div class="u-list-item-content">Vannessa Armer</div>
120
- </div>
121
- </div>
122
- </div>
123
- </div>
package/docs/src/components/lists/list-sections.html DELETED
@@ -1,16 +0,0 @@
1
- <div class="u-list">
2
- <div class="u-list-section">Section 1</div>
3
- <div class="u-list-item">
4
- <div class="u-list-item-content">Item A</div>
5
- </div>
6
- <div class="u-list-item">
7
- <div class="u-list-item-content">Item B</div>
8
- </div>
9
- <div class="u-list-section">Section 2</div>
10
- <div class="u-list-item">
11
- <div class="u-list-item-content">Item C</div>
12
- </div>
13
- <div class="u-list-item">
14
- <div class="u-list-item-content">Item D</div>
15
- </div>
16
- </div>
package/docs/src/components/lists/list-three-lines.html DELETED
@@ -1,20 +0,0 @@
1
- <div class="u-list u-list-selectable">
2
- <div class="u-list-item u-list-item-three-lines">
3
- <div class="u-list-item-content">
4
- <div class="u-list-headline">Headline</div>
5
- <div class="u-list-supporting-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras congue sagittis erat at ultrices. In vel dolor bibendum, pretium elit sed, viverra neque. Donec tincidunt lorem orci, et ultricies est elementum at. Suspendisse potenti. Cras non ullamcorper turpis. Etiam sagittis erat ut blandit posuere. Aliquam eget leo vel nisl varius feugiat vel a magna. Nulla ornare libero id lacus ultricies sodales. In scelerisque erat eget metus luctus, sed blandit felis condimentum. Suspendisse hendrerit lorem at enim mattis, ut pharetra dui mattis. Sed eget mi est. Proin pretium faucibus turpis ut blandit. Sed dapibus, velit sit amet pretium maximus, ex arcu vulputate felis, eget vestibulum ligula quam et elit. Donec aliquam id massa ac fringilla.</div>
6
- </div>
7
- </div>
8
- <div class="u-list-item u-list-item-three-lines">
9
- <div class="u-list-item-content">
10
- <div class="u-list-headline">Headline</div>
11
- <div class="u-list-supporting-text">In hac habitasse platea dictumst. Nullam pulvinar, lacus sed laoreet gravida, neque mi vulputate nunc, ut cursus quam nisl eu felis. Curabitur vel blandit diam. Praesent ultrices mi quis interdum ultricies. Duis faucibus quis ligula vitae sagittis. Phasellus eu faucibus neque. Morbi et nulla augue. Integer dictum justo a sem mattis eleifend. Ut lorem velit, vestibulum vitae fermentum a, laoreet eu tellus. Proin egestas tellus ut dolor sollicitudin rutrum</div>
12
- </div>
13
- </div>
14
- <div class="u-list-item u-list-item-three-lines">
15
- <div class="u-list-item-content">
16
- <div class="u-list-headline">Headline</div>
17
- <div class="u-list-supporting-text">Nulla vehicula lectus lorem, varius euismod libero aliquam tempor. Donec ornare, neque vitae rhoncus viverra, dolor quam lacinia ligula, at laoreet ex neque nec tellus. Curabitur iaculis elementum turpis et commodo. Donec feugiat diam ac quam aliquam, sit amet pellentesque nunc imperdiet. Phasellus laoreet arcu vitae ipsum molestie, ac consequat felis tempor. Maecenas non velit sit amet ipsum lacinia feugiat vel et ante. Donec faucibus ligula nec tortor hendrerit imperdiet. Aliquam ante eros, ultricies nec enim et, pulvinar rutrum arcu.</div>
18
- </div>
19
- </div>
20
- </div>
package/docs/src/components/lists/list-two-lines.html DELETED
@@ -1,20 +0,0 @@
1
- <div class="u-list u-list-selectable">
2
- <div class="u-list-item u-list-item-two-lines">
3
- <div class="u-list-item-content">
4
- <div class="u-list-headline">Headline</div>
5
- <div class="u-list-supporting-text">Supporting text</div>
6
- </div>
7
- </div>
8
- <div class="u-list-item u-list-item-two-lines">
9
- <div class="u-list-item-content">
10
- <div class="u-list-headline">Headline</div>
11
- <div class="u-list-supporting-text">Supporting text</div>
12
- </div>
13
- </div>
14
- <div class="u-list-item u-list-item-two-lines">
15
- <div class="u-list-item-content">
16
- <div class="u-list-headline">Headline</div>
17
- <div class="u-list-supporting-text">Supporting text</div>
18
- </div>
19
- </div>
20
- </div>
package/docs/src/components/lists/list-with-action.html DELETED
@@ -1,26 +0,0 @@
1
- <div class="u-list">
2
- <div class="u-list-item">
3
- <div class="u-list-item-hover"></div>
4
- <div class="u-list-item-avatar"></div>
5
- <div class="u-list-item-content">Item A</div>
6
- <button class="u-list-item-icon u-icon-btn u-btn-default">
7
- <i class="u-btn-icon mdi mdi-heart-outline"></i>
8
- </button>
9
- </div>
10
- <div class="u-list-item">
11
- <div class="u-list-item-hover"></div>
12
- <div class="u-list-item-avatar"></div>
13
- <div class="u-list-item-content">Item B</div>
14
- <button class="u-list-item-icon u-icon-btn u-btn-default">
15
- <i class="u-btn-icon mdi mdi-heart-outline"></i>
16
- </button>
17
- </div>
18
- <div class="u-list-item">
19
- <div class="u-list-item-hover"></div>
20
- <div class="u-list-item-avatar"></div>
21
- <div class="u-list-item-content">Item C</div>
22
- <button class="u-list-item-icon u-icon-btn u-btn-default">
23
- <i class="u-btn-icon mdi mdi-heart-outline"></i>
24
- </button>
25
- </div>
26
- </div>
package/docs/src/components/lists/list-with-activated-item.html DELETED
@@ -1,17 +0,0 @@
1
- <div class="u-list u-list-selectable">
2
- <div class="u-list-item active">
3
- <div class="u-list-item-icon u-list-item-activity-icon mdi mdi-star"></div>
4
- <div class="u-list-item-content">Item A</div>
5
- <div class="u-list-item-icon mdi mdi-information"></div>
6
- </div>
7
- <div class="u-list-item">
8
- <div class="u-list-item-icon u-list-item-activity-icon mdi mdi-star"></div>
9
- <div class="u-list-item-content">Item B</div>
10
- <div class="u-list-item-icon mdi mdi-information"></div>
11
- </div>
12
- <div class="u-list-item">
13
- <div class="u-list-item-icon u-list-item-activity-icon mdi mdi-star"></div>
14
- <div class="u-list-item-content">Item C</div>
15
- <div class="u-list-item-icon mdi mdi-information"></div>
16
- </div>
17
- </div>
package/docs/src/components/lists/simple-list.html DELETED
@@ -1,17 +0,0 @@
1
- <div class="u-list">
2
- <div class="u-list-item">
3
- <div class="u-list-item-content">
4
- <div class="u-list-headline">Headline</div>
5
- </div>
6
- </div>
7
- <div class="u-list-item">
8
- <div class="u-list-item-content">
9
- <div class="u-list-headline">Headline</div>
10
- </div>
11
- </div>
12
- <div class="u-list-item">
13
- <div class="u-list-item-content">
14
- <div class="u-list-headline">Headline</div>
15
- </div>
16
- </div>
17
- </div>