@shortfuse/materialdesignweb 0.2.0 → 0.5.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 (416) hide show
  1. package/.browserslistrc +2 -1
  2. package/.eslintrc.json +188 -30
  3. package/.stylelintrc.json +643 -2
  4. package/.vscode/launch.json +20 -5
  5. package/.vscode/settings.json +3 -0
  6. package/CHANGELOG.md +36 -0
  7. package/README.md +82 -2
  8. package/adapters/datatable/column.js +176 -0
  9. package/adapters/datatable/index.js +253 -437
  10. package/adapters/dom/index.js +586 -0
  11. package/adapters/list/index.js +36 -113
  12. package/adapters/search/index.js +153 -180
  13. package/components/appbar/_spec.scss +165 -0
  14. package/components/appbar/_theme.scss +0 -0
  15. package/components/appbar/index.scss +2 -0
  16. package/components/banner/_spec.scss +83 -0
  17. package/components/banner/_theme.scss +0 -0
  18. package/components/banner/index.scss +2 -0
  19. package/components/bottomnav/README.md +4 -4
  20. package/components/bottomnav/_spec.scss +149 -0
  21. package/components/bottomnav/_theme.scss +0 -0
  22. package/components/bottomnav/index.js +100 -120
  23. package/components/bottomnav/index.scss +2 -0
  24. package/components/bottomnav/item.js +88 -0
  25. package/components/button/README.md +16 -22
  26. package/components/button/_spec.scss +162 -0
  27. package/components/button/_theme.scss +42 -0
  28. package/components/button/index.eta +32 -0
  29. package/components/button/index.js +37 -48
  30. package/components/button/index.pug +18 -0
  31. package/components/button/index.scss +2 -0
  32. package/components/card/_spec.scss +241 -0
  33. package/components/card/_theme.scss +0 -0
  34. package/components/card/index.scss +2 -0
  35. package/components/chip/_spec.scss +111 -0
  36. package/components/chip/_theme.scss +105 -0
  37. package/components/chip/index.js +23 -0
  38. package/components/chip/index.scss +2 -0
  39. package/components/chip/item.js +20 -0
  40. package/components/datatable/_spec.scss +225 -0
  41. package/components/datatable/_theme.scss +128 -0
  42. package/components/datatable/cell.js +44 -0
  43. package/components/datatable/columnheader.js +46 -0
  44. package/components/datatable/index.js +339 -443
  45. package/components/datatable/index.scss +2 -0
  46. package/components/datatable/row.js +48 -0
  47. package/components/datatable/rowheader.js +18 -0
  48. package/components/dialog/_spec.scss +203 -0
  49. package/components/dialog/_theme.scss +7 -0
  50. package/components/dialog/index.js +512 -437
  51. package/components/dialog/index.scss +2 -0
  52. package/components/divider/_spec.scss +11 -0
  53. package/components/divider/_theme.scss +0 -0
  54. package/components/divider/index.scss +2 -0
  55. package/components/elevation/_spec.scss +9 -0
  56. package/components/elevation/_theme.scss +0 -0
  57. package/components/elevation/index.scss +2 -0
  58. package/components/fab/{style.scss → _spec.scss} +104 -79
  59. package/components/fab/_theme.scss +0 -0
  60. package/components/fab/index.js +85 -79
  61. package/components/fab/index.scss +2 -0
  62. package/components/grid/_spec.scss +169 -0
  63. package/components/grid/_theme.scss +0 -0
  64. package/components/grid/index.scss +2 -0
  65. package/components/layout/_mixins.scss +11 -0
  66. package/components/layout/_spec.scss +916 -0
  67. package/components/layout/_theme.scss +19 -0
  68. package/components/layout/index.js +454 -0
  69. package/components/layout/index.scss +2 -0
  70. package/components/list/_spec.scss +363 -0
  71. package/components/list/_theme.scss +102 -0
  72. package/components/list/content.js +106 -0
  73. package/components/list/index.js +234 -79
  74. package/components/list/index.scss +2 -0
  75. package/components/list/item.js +167 -0
  76. package/components/list/secondary.js +45 -0
  77. package/components/menu/_spec.scss +329 -0
  78. package/components/menu/_theme.scss +0 -0
  79. package/components/menu/index.js +636 -651
  80. package/components/menu/index.scss +2 -0
  81. package/components/menu/item.js +231 -0
  82. package/components/progress/_spec.scss +156 -0
  83. package/components/progress/_theme.scss +0 -0
  84. package/components/progress/index.js +29 -13
  85. package/components/progress/index.scss +2 -0
  86. package/components/selection/_spec.scss +376 -0
  87. package/components/selection/_theme.scss +134 -0
  88. package/components/selection/index.eta +60 -0
  89. package/components/selection/index.js +70 -0
  90. package/components/selection/index.pug +30 -0
  91. package/components/selection/index.scss +2 -0
  92. package/components/selection/input.js +54 -0
  93. package/components/selection/radiogroup.js +40 -0
  94. package/components/slider/{style.scss → _spec.scss} +31 -34
  95. package/components/slider/_theme.scss +0 -0
  96. package/components/slider/index.scss +2 -0
  97. package/components/snackbar/_spec.scss +150 -0
  98. package/components/snackbar/_theme.scss +0 -0
  99. package/components/snackbar/index.js +293 -206
  100. package/components/snackbar/index.scss +2 -0
  101. package/components/tab/_spec.scss +220 -0
  102. package/components/tab/_theme.scss +0 -0
  103. package/components/tab/content.js +210 -0
  104. package/components/tab/index.js +229 -213
  105. package/components/tab/index.scss +2 -0
  106. package/components/tab/item.js +88 -0
  107. package/components/tab/list.js +196 -0
  108. package/components/tab/panel.js +54 -0
  109. package/components/textfield/README.md +4 -4
  110. package/components/textfield/_spec.scss +763 -0
  111. package/components/textfield/_theme.scss +264 -0
  112. package/components/textfield/index.eta +74 -0
  113. package/components/textfield/index.js +132 -138
  114. package/components/textfield/index.pug +30 -0
  115. package/components/textfield/index.scss +2 -0
  116. package/components/tooltip/_spec.scss +185 -0
  117. package/components/tooltip/_theme.scss +0 -0
  118. package/components/tooltip/index.scss +2 -0
  119. package/components/type/_spec.scss +227 -0
  120. package/components/type/_theme.scss +0 -0
  121. package/components/type/index.scss +2 -0
  122. package/core/_breakpoint.scss +189 -0
  123. package/core/_elevation.scss +78 -0
  124. package/core/_length.scss +8 -0
  125. package/core/_motion.scss +31 -0
  126. package/core/_platform.scss +12 -0
  127. package/core/_type.scss +128 -0
  128. package/core/aria/attributes.js +141 -0
  129. package/core/aria/button.js +49 -0
  130. package/core/aria/keyboard.js +92 -0
  131. package/core/aria/rovingtabindex.js +175 -0
  132. package/core/aria/tab.js +59 -0
  133. package/core/document/index.js +39 -0
  134. package/core/dom.js +180 -0
  135. package/core/overlay/_spec.scss +28 -0
  136. package/core/overlay/_theme.scss +147 -0
  137. package/core/overlay/index.js +95 -0
  138. package/core/overlay/index.scss +2 -0
  139. package/core/ripple/_spec.scss +196 -0
  140. package/core/ripple/_theme.scss +20 -0
  141. package/core/ripple/index.js +286 -0
  142. package/core/ripple/index.scss +2 -0
  143. package/core/theme/_aliases.scss +15 -0
  144. package/core/theme/_config.scss +8 -0
  145. package/core/theme/_functions.scss +22 -0
  146. package/{components/theming/palettes.scss → core/theme/_palettes.scss} +173 -151
  147. package/core/theme/_spec.scss +0 -0
  148. package/core/theme/_theme.scss +268 -0
  149. package/core/theme/index.js +50 -0
  150. package/core/theme/index.scss +4 -0
  151. package/core/throttler.js +42 -0
  152. package/core/transition/index.js +465 -0
  153. package/docs/_flex.scss +28 -0
  154. package/docs/_menuoptions.js +183 -0
  155. package/docs/_partials/_androidnavbar.eta +5 -0
  156. package/docs/_partials/_androidstatusbar.eta +13 -0
  157. package/docs/_partials/_appbar.eta +27 -0
  158. package/docs/_partials/_buttontest.eta +31 -0
  159. package/docs/_partials/_header.eta +146 -0
  160. package/docs/_partials/_navlistitem.eta +16 -0
  161. package/docs/_partials/_target.eta +1 -0
  162. package/docs/_sample-utils.js +88 -0
  163. package/docs/{src/storage.js → _storage.js} +0 -0
  164. package/docs/docs.scss +331 -0
  165. package/docs/framework.scss +26 -0
  166. package/docs/index.eta +12 -0
  167. package/docs/index.js +7 -0
  168. package/docs/pages/appbar.eta +108 -0
  169. package/docs/pages/appbar.js +0 -0
  170. package/docs/pages/bottomnav.eta +188 -0
  171. package/docs/pages/bottomnav.js +118 -0
  172. package/docs/pages/button.eta +124 -0
  173. package/docs/pages/button.js +224 -0
  174. package/docs/pages/card.eta +90 -0
  175. package/docs/pages/card.js +175 -0
  176. package/docs/pages/chip.eta +122 -0
  177. package/docs/pages/chip.js +80 -0
  178. package/docs/pages/color.eta +143 -0
  179. package/docs/pages/color.js +261 -0
  180. package/docs/pages/datatable.eta +323 -0
  181. package/docs/pages/datatable.js +160 -0
  182. package/docs/pages/dialog.eta +184 -0
  183. package/docs/{src/components → pages}/dialog.js +35 -48
  184. package/docs/pages/dom.eta +26 -0
  185. package/docs/pages/dom.js +140 -0
  186. package/docs/pages/elevation.eta +35 -0
  187. package/docs/pages/elevation.js +0 -0
  188. package/docs/pages/fab.eta +99 -0
  189. package/docs/{src/components → pages}/fab.js +6 -13
  190. package/docs/pages/grid.eta +135 -0
  191. package/docs/pages/grid.js +128 -0
  192. package/docs/pages/layout.eta +8 -0
  193. package/docs/pages/layout.js +0 -0
  194. package/docs/pages/list.eta +465 -0
  195. package/docs/pages/list.js +8 -0
  196. package/docs/pages/menu.eta +274 -0
  197. package/docs/{src/components → pages}/menu.js +26 -42
  198. package/docs/pages/overlay.eta +69 -0
  199. package/docs/pages/overlay.js +3 -0
  200. package/docs/pages/progress.eta +23 -0
  201. package/docs/{src/components → pages}/progress.js +2 -4
  202. package/docs/pages/ripple.eta +27 -0
  203. package/docs/pages/ripple.js +3 -0
  204. package/docs/pages/search.eta +242 -0
  205. package/docs/pages/search.js +226 -0
  206. package/docs/pages/selection.eta +107 -0
  207. package/docs/pages/selection.js +12 -0
  208. package/docs/pages/slider.eta +23 -0
  209. package/docs/pages/slider.js +0 -0
  210. package/docs/pages/snackbar.eta +83 -0
  211. package/docs/{src/components → pages}/snackbar.js +31 -36
  212. package/docs/pages/tab.eta +407 -0
  213. package/docs/pages/tab.js +152 -0
  214. package/docs/pages/textfield.eta +487 -0
  215. package/docs/{src/components → pages}/textfield.js +41 -45
  216. package/docs/pages/tooltip.eta +92 -0
  217. package/docs/pages/tooltip.js +0 -0
  218. package/docs/pages/transition.eta +117 -0
  219. package/docs/pages/transition.js +52 -0
  220. package/docs/pages/type.eta +31 -0
  221. package/docs/pages/type.js +0 -0
  222. package/docs/postrender.js +41 -0
  223. package/docs/prerender.js +16 -0
  224. package/docs/pwa/_dialogs.eta +143 -0
  225. package/docs/pwa/_menus.eta +16 -0
  226. package/docs/pwa/pwa-prerender.js +3 -0
  227. package/docs/pwa/pwa.eta +478 -0
  228. package/docs/pwa/pwa.js +298 -0
  229. package/docs/pwa/pwa.scss +31 -0
  230. package/docs/themes/theme-colored.scss +15 -0
  231. package/docs/themes/theme-default.scss +3 -0
  232. package/index.scss +27 -0
  233. package/jsconfig.json +8 -2
  234. package/package.json +54 -27
  235. package/scripts/deploy-docs.sh +9 -0
  236. package/templates/index.eta +2 -0
  237. package/templates/index.pug +3 -0
  238. package/tsconfig.json +16 -0
  239. package/utils/function.js +3 -0
  240. package/webpack.config.js +224 -68
  241. package/_index.scss +0 -4
  242. package/components/all-components.scss +0 -21
  243. package/components/bottomnav/style.scss +0 -190
  244. package/components/bottomnav/theming.scss +0 -76
  245. package/components/button/style.scss +0 -315
  246. package/components/button/theming.scss +0 -134
  247. package/components/card/style.scss +0 -175
  248. package/components/card/theming.scss +0 -43
  249. package/components/common/dom.js +0 -51
  250. package/components/common/functions.scss +0 -174
  251. package/components/common/mixins.scss +0 -122
  252. package/components/common/motion.scss +0 -36
  253. package/components/common/type.scss +0 -104
  254. package/components/common/variables.scss +0 -46
  255. package/components/datatable/style.scss +0 -257
  256. package/components/datatable/theming.scss +0 -119
  257. package/components/dialog/style.scss +0 -159
  258. package/components/dialog/theming.scss +0 -29
  259. package/components/divider/style.scss +0 -7
  260. package/components/divider/theming.scss +0 -20
  261. package/components/elevation/style.scss +0 -32
  262. package/components/layout/style.scss +0 -223
  263. package/components/list/style.scss +0 -358
  264. package/components/list/theming.scss +0 -83
  265. package/components/menu/style.scss +0 -280
  266. package/components/menu/theming.scss +0 -80
  267. package/components/navdrawer/index.js +0 -200
  268. package/components/navdrawer/style.scss +0 -595
  269. package/components/navdrawer/theming.scss +0 -62
  270. package/components/progress/style.scss +0 -136
  271. package/components/ripple/index.js +0 -63
  272. package/components/ripple/ripple.scss +0 -122
  273. package/components/selection/style.scss +0 -320
  274. package/components/selection/theming.scss +0 -98
  275. package/components/snackbar/style.scss +0 -212
  276. package/components/switch/style.scss +0 -3
  277. package/components/tab/style.scss +0 -275
  278. package/components/tab/theming.scss +0 -34
  279. package/components/template/theming.scss +0 -31
  280. package/components/textfield/style.scss +0 -795
  281. package/components/textfield/theming.scss +0 -256
  282. package/components/theming/globals.scss +0 -25
  283. package/components/theming/theming.scss +0 -559
  284. package/components/toolbar/style.scss +0 -190
  285. package/components/toolbar/theming.scss +0 -32
  286. package/components/tooltip/style.scss +0 -135
  287. package/components/type/style.scss +0 -167
  288. package/components/type/theming.scss +0 -25
  289. package/docs/bottomnav.html +0 -1
  290. package/docs/bottomnav.min.js +0 -2
  291. package/docs/bottomnav.min.js.map +0 -1
  292. package/docs/button.html +0 -1
  293. package/docs/button.min.js +0 -2
  294. package/docs/button.min.js.map +0 -1
  295. package/docs/card.html +0 -1
  296. package/docs/card.min.js +0 -2
  297. package/docs/card.min.js.map +0 -1
  298. package/docs/components.min.css +0 -1
  299. package/docs/components.min.js +0 -2
  300. package/docs/components.min.js.map +0 -1
  301. package/docs/datatable.html +0 -1
  302. package/docs/datatable.min.js +0 -2
  303. package/docs/datatable.min.js.map +0 -1
  304. package/docs/dialog.html +0 -1
  305. package/docs/dialog.min.js +0 -2
  306. package/docs/dialog.min.js.map +0 -1
  307. package/docs/docs.min.css +0 -1
  308. package/docs/docs.min.js +0 -2
  309. package/docs/docs.min.js.map +0 -1
  310. package/docs/elevation.html +0 -1
  311. package/docs/elevation.min.js +0 -2
  312. package/docs/elevation.min.js.map +0 -1
  313. package/docs/fab.html +0 -1
  314. package/docs/fab.min.js +0 -2
  315. package/docs/fab.min.js.map +0 -1
  316. package/docs/index.html +0 -1
  317. package/docs/index.min.js +0 -2
  318. package/docs/index.min.js.map +0 -1
  319. package/docs/layout.html +0 -1
  320. package/docs/layout.min.js +0 -2
  321. package/docs/layout.min.js.map +0 -1
  322. package/docs/list.html +0 -1
  323. package/docs/list.min.js +0 -2
  324. package/docs/list.min.js.map +0 -1
  325. package/docs/menu.html +0 -1
  326. package/docs/menu.min.js +0 -2
  327. package/docs/menu.min.js.map +0 -1
  328. package/docs/navdrawer.html +0 -1
  329. package/docs/navdrawer.min.js +0 -2
  330. package/docs/navdrawer.min.js.map +0 -1
  331. package/docs/prerender.min.js +0 -2
  332. package/docs/prerender.min.js.map +0 -1
  333. package/docs/progress.html +0 -1
  334. package/docs/progress.min.js +0 -2
  335. package/docs/progress.min.js.map +0 -1
  336. package/docs/search.html +0 -1
  337. package/docs/search.min.js +0 -2
  338. package/docs/search.min.js.map +0 -1
  339. package/docs/selection.html +0 -1
  340. package/docs/selection.min.js +0 -2
  341. package/docs/selection.min.js.map +0 -1
  342. package/docs/slider.html +0 -1
  343. package/docs/slider.min.js +0 -2
  344. package/docs/slider.min.js.map +0 -1
  345. package/docs/snackbar.html +0 -1
  346. package/docs/snackbar.min.js +0 -2
  347. package/docs/snackbar.min.js.map +0 -1
  348. package/docs/src/components/bottomnav.js +0 -16
  349. package/docs/src/components/bottomnav.pug +0 -112
  350. package/docs/src/components/button.js +0 -156
  351. package/docs/src/components/button.pug +0 -194
  352. package/docs/src/components/card.js +0 -136
  353. package/docs/src/components/card.pug +0 -133
  354. package/docs/src/components/datatable.js +0 -183
  355. package/docs/src/components/datatable.pug +0 -324
  356. package/docs/src/components/dialog.pug +0 -138
  357. package/docs/src/components/elevation.js +0 -3
  358. package/docs/src/components/elevation.pug +0 -17
  359. package/docs/src/components/fab.pug +0 -84
  360. package/docs/src/components/layout.js +0 -116
  361. package/docs/src/components/layout.pug +0 -104
  362. package/docs/src/components/list.js +0 -15
  363. package/docs/src/components/list.pug +0 -293
  364. package/docs/src/components/menu.pug +0 -292
  365. package/docs/src/components/navdrawer.js +0 -112
  366. package/docs/src/components/navdrawer.pug +0 -113
  367. package/docs/src/components/progress.pug +0 -17
  368. package/docs/src/components/search.js +0 -206
  369. package/docs/src/components/search.pug +0 -149
  370. package/docs/src/components/selection.js +0 -6
  371. package/docs/src/components/selection.pug +0 -116
  372. package/docs/src/components/slider.js +0 -3
  373. package/docs/src/components/slider.pug +0 -19
  374. package/docs/src/components/snackbar.pug +0 -145
  375. package/docs/src/components/tab.js +0 -137
  376. package/docs/src/components/tab.pug +0 -329
  377. package/docs/src/components/textfield.pug +0 -416
  378. package/docs/src/components/toolbar.js +0 -6
  379. package/docs/src/components/toolbar.pug +0 -86
  380. package/docs/src/components/tooltip.js +0 -6
  381. package/docs/src/components/tooltip.pug +0 -76
  382. package/docs/src/components/type.js +0 -6
  383. package/docs/src/components/type.pug +0 -34
  384. package/docs/src/components.scss +0 -1
  385. package/docs/src/docs.scss +0 -284
  386. package/docs/src/index.js +0 -3
  387. package/docs/src/index.pug +0 -6
  388. package/docs/src/menuoptions.js +0 -136
  389. package/docs/src/mixins.pug +0 -139
  390. package/docs/src/prerender.js +0 -26
  391. package/docs/src/sample-utils.js +0 -108
  392. package/docs/src/targetHandler.js +0 -50
  393. package/docs/src/theming.ie11.scss +0 -18
  394. package/docs/src/theming.scss +0 -18
  395. package/docs/tab.html +0 -1
  396. package/docs/tab.min.js +0 -2
  397. package/docs/tab.min.js.map +0 -1
  398. package/docs/textfield.html +0 -2
  399. package/docs/textfield.min.js +0 -2
  400. package/docs/textfield.min.js.map +0 -1
  401. package/docs/theming.ie11.min.css +0 -1
  402. package/docs/theming.ie11.min.js +0 -2
  403. package/docs/theming.ie11.min.js.map +0 -1
  404. package/docs/theming.min.css +0 -1
  405. package/docs/theming.min.js +0 -2
  406. package/docs/theming.min.js.map +0 -1
  407. package/docs/toolbar.html +0 -1
  408. package/docs/toolbar.min.js +0 -2
  409. package/docs/toolbar.min.js.map +0 -1
  410. package/docs/tooltip.html +0 -1
  411. package/docs/tooltip.min.js +0 -2
  412. package/docs/tooltip.min.js.map +0 -1
  413. package/docs/type.html +0 -1
  414. package/docs/type.min.js +0 -2
  415. package/docs/type.min.js.map +0 -1
  416. package/index.js +0 -16
package/{components/theming/palettes.scss → core/theme/_palettes.scss} RENAMED
@@ -1,63 +1,46 @@
1
1
  // https://material.io/guidelines/style/color.html#color-color-tool
2
2
 
3
- $palette-red: (
4
- "50" : #FFEBEE,
5
- "100": #FFCDD2,
6
- "200": #EF9A9A,
7
- "300": #E57373,
8
- "400": #EF5350,
9
- "500": #F44336,
10
- "600": #E53935,
11
- "700": #D32F2F,
12
- "800": #C62828,
13
- "900": #B71C1C,
14
- "A100": #FF8A80,
15
- "A200": #FF5252,
16
- "A400": #FF1744,
17
- "A700": #D50000,
18
- "light": ("50", "100", "200", "300", "A100"),
19
- "dark": ("400", "500", "600", "700", "800", "900", "A200", "A400", "A700")
20
- );
21
-
22
- $palette-pink: (
23
- "50": #FCE4EC,
24
- "100": #F8BBD0,
25
- "200": #F48FB1,
26
- "300": #F06292,
27
- "400": #EC407A,
28
- "500": #E91E63,
29
- "600": #D81B60,
30
- "700": #C2185B,
31
- "800": #AD1457,
32
- "900": #880E4F,
33
- "A100": #FF80AB,
34
- "A200": #FF4081,
35
- "A400": #F50057,
36
- "A700": #C51162,
37
- "light": ("50", "100", "200", "300", "A100"),
38
- "dark": ("400", "500", "600", "700", "800", "900", "A200", "A400", "A700")
39
- );
3
+ $bluePalette: (
4
+ "50": #E3F2FD,
5
+ "100": #BBDEFB,
6
+ "200": #90CAF9,
7
+ "300": #64B5F6,
8
+ "400": #42A5F5,
9
+ "500": #2196F3,
10
+ "600": #1E88E5,
11
+ "700": #1976D2,
12
+ "800": #1565C0,
13
+ "900": #0D47A1,
14
+ "A100": #82B1FF,
15
+ "A200": #448AFF,
16
+ "A400": #2979FF,
17
+ "A700": #2962FF,
18
+ "light": ("50", "100", "200", "300", "400", "500", "A100"),
19
+ "dark": ("600", "700", "800", "900", "A200", "A400", "A700"),
20
+ "shadow": #1A237E,
21
+ ) !default;
40
22
 
41
- $palette-purple: (
42
- "50": #F3E5F5,
43
- "100": #E1BEE7,
44
- "200": #CE93D8,
45
- "300": #BA68C8,
46
- "400": #AB47BC,
47
- "500": #9C27B0,
48
- "600": #8E24AA,
49
- "700": #7B1FA2,
50
- "800": #6A1B9A,
51
- "900": #4A148C,
52
- "A100": #EA80FC,
53
- "A200": #E040FB,
54
- "A400": #D500F9,
55
- "A700": #AA00FF,
23
+ $indigoPalette: (
24
+ "50": #E8EAF6,
25
+ "100": #C5CAE9,
26
+ "200": #9FA8DA,
27
+ "300": #7986CB,
28
+ "400": #5C6BC0,
29
+ "500": #3F51B5,
30
+ "600": #3949AB,
31
+ "700": #303F9F,
32
+ "800": #283593,
33
+ "900": #1A237E,
34
+ "A100": #8C9EFF,
35
+ "A200": #536DFE,
36
+ "A400": #3D5AFE,
37
+ "A700": #304FFE,
56
38
  "light": ("50", "100", "200", "A100"),
57
- "dark": ("300", "400", "500", "600", "700", "800", "900", "A200", "A400", "A700")
58
- );
39
+ "dark": ("300", "400", "500", "600", "700", "800", "900", "A200", "A400", "A700"),
40
+ "shadow": #1A237E,
41
+ ) !default;
59
42
 
60
- $palette-deeppurple: (
43
+ $deeppurplePalette: (
61
44
  "50": #EDE7F6,
62
45
  "100": #D1C4E9,
63
46
  "200": #B39DDB,
@@ -73,48 +56,31 @@ $palette-deeppurple: (
73
56
  "A400": #651FFF,
74
57
  "A700": #6200EA,
75
58
  "light": ("50", "100", "200", "A100"),
76
- "dark": ("300", "400", "500", "600", "700", "800", "900", "A200", "A400", "A700")
77
- );
59
+ "dark": ("300", "400", "500", "600", "700", "800", "900", "A200", "A400", "A700"),
60
+ "shadow": #1A237E,
61
+ ) !default;
78
62
 
79
- $palette-indigo: (
80
- "50": #E8EAF6,
81
- "100": #C5CAE9,
82
- "200": #9FA8DA,
83
- "300": #7986CB,
84
- "400": #5C6BC0,
85
- "500": #3F51B5,
86
- "600": #3949AB,
87
- "700": #303F9F,
88
- "800": #283593,
89
- "900": #1A237E,
90
- "A100": #8C9EFF,
91
- "A200": #536DFE,
92
- "A400": #3D5AFE,
93
- "A700": #304FFE,
63
+ $purplePalette: (
64
+ "50": #F3E5F5,
65
+ "100": #E1BEE7,
66
+ "200": #CE93D8,
67
+ "300": #BA68C8,
68
+ "400": #AB47BC,
69
+ "500": #9C27B0,
70
+ "600": #8E24AA,
71
+ "700": #7B1FA2,
72
+ "800": #6A1B9A,
73
+ "900": #4A148C,
74
+ "A100": #EA80FC,
75
+ "A200": #E040FB,
76
+ "A400": #D500F9,
77
+ "A700": #AA00FF,
94
78
  "light": ("50", "100", "200", "A100"),
95
- "dark": ("300", "400", "500", "600", "700", "800", "900", "A200", "A400", "A700")
96
- );
79
+ "dark": ("300", "400", "500", "600", "700", "800", "900", "A200", "A400", "A700"),
80
+ "shadow": #1A237E,
81
+ ) !default;
97
82
 
98
- $palette-blue: (
99
- "50": #E3F2FD,
100
- "100": #BBDEFB,
101
- "200": #90CAF9,
102
- "300": #64B5F6,
103
- "400": #42A5F5,
104
- "500": #2196F3,
105
- "600": #1E88E5,
106
- "700": #1976D2,
107
- "800": #1565C0,
108
- "900": #0D47A1,
109
- "A100": #82B1FF,
110
- "A200": #448AFF,
111
- "A400": #2979FF,
112
- "A700": #2962FF,
113
- "light": ("50", "100", "200", "300", "400", "500", "A100"),
114
- "dark": ("600", "700", "800", "900", "A200", "A400", "A700")
115
- );
116
-
117
- $palette-lightblue: (
83
+ $lightbluePalette: (
118
84
  "50": #E1F5FE,
119
85
  "100": #B3E5FC,
120
86
  "200": #81D4FA,
@@ -130,10 +96,11 @@ $palette-lightblue: (
130
96
  "A400": #00B0FF,
131
97
  "A700": #0091EA,
132
98
  "light": ("50", "100", "200", "300", "400", "500", "600", "A100", "A200", "A400"),
133
- "dark": ("700", "800", "900", "A700")
134
- );
99
+ "dark": ("700", "800", "900", "A700"),
100
+ "shadow": #263238,
101
+ ) !default;
135
102
 
136
- $palette-cyan: (
103
+ $cyanPalette: (
137
104
  "50": #E0F7FA,
138
105
  "100": #B2EBF2,
139
106
  "200": #80DEEA,
@@ -149,10 +116,11 @@ $palette-cyan: (
149
116
  "A400": #00E5FF,
150
117
  "A700": #00B8D4,
151
118
  "light": ("50", "100", "200", "300", "400", "500", "600", "A100", "A200", "A400", "A700"),
152
- "dark": ("700", "800", "900")
153
- );
119
+ "dark": ("700", "800", "900"),
120
+ "shadow": #263238,
121
+ ) !default;
154
122
 
155
- $palette-teal: (
123
+ $tealPalette: (
156
124
  "50": #E0F2F1,
157
125
  "100": #B2DFDB,
158
126
  "200": #80CBC4,
@@ -168,10 +136,11 @@ $palette-teal: (
168
136
  "A400": #1DE9B6,
169
137
  "A700": #00BFA5,
170
138
  "light": ("50", "100", "200", "300", "400", "A100", "A200", "A400", "A700"),
171
- "dark": ("500", "600", "700", "800", "900")
172
- );
139
+ "dark": ("500", "600", "700", "800", "900"),
140
+ "shadow": #263238,
141
+ ) !default;
173
142
 
174
- $palette-green: (
143
+ $greenPalette: (
175
144
  "50": #E8F5E9,
176
145
  "100": #C8E6C9,
177
146
  "200": #A5D6A7,
@@ -187,10 +156,11 @@ $palette-green: (
187
156
  "A400": #00E676,
188
157
  "A700": #00C853,
189
158
  "light": ("50", "100", "200", "300", "400", "500", "A100", "A200", "A400", "A700"),
190
- "dark": ("600", "700", "800", "900")
191
- );
159
+ "dark": ("600", "700", "800", "900"),
160
+ "shadow": #263238,
161
+ ) !default;
192
162
 
193
- $palette-lightgreen: (
163
+ $lightgreenPalette: (
194
164
  "50": #F1F8E9,
195
165
  "100": #DCEDC8,
196
166
  "200": #C5E1A5,
@@ -206,10 +176,11 @@ $palette-lightgreen: (
206
176
  "A400": #76FF03,
207
177
  "A700": #64DD17,
208
178
  "light": ("50", "100", "200", "300", "400", "500", "600", "700", "A100", "A200", "A400", "A700"),
209
- "dark": ("800", "900")
210
- );
179
+ "dark": ("800", "900"),
180
+ "shadow": #263238,
181
+ ) !default;
211
182
 
212
- $palette-lime: (
183
+ $limePalette: (
213
184
  "50": #F9FBE7,
214
185
  "100": #F0F4C3,
215
186
  "200": #E6EE9C,
@@ -225,10 +196,11 @@ $palette-lime: (
225
196
  "A400": #C6FF00,
226
197
  "A700": #AEEA00,
227
198
  "light": ("50", "100", "200", "300", "400", "500", "600", "700", "800", "A100", "A200", "A400", "A700"),
228
- "dark": ("900")
229
- );
199
+ "dark": ("900"),
200
+ "shadow": #263238,
201
+ ) !default;
230
202
 
231
- $palette-yellow: (
203
+ $yellowPalette: (
232
204
  "50": #FFFDE7,
233
205
  "100": #FFF9C4,
234
206
  "200": #FFF59D,
@@ -244,10 +216,11 @@ $palette-yellow: (
244
216
  "A400": #FFEA00,
245
217
  "A700": #FFD600,
246
218
  "light": ("50", "100", "200", "300", "400", "500", "600", "700", "800", "900", "A100", "A200", "A400", "A700"),
247
- "dark": ()
248
- );
219
+ "dark": (),
220
+ "shadow": #BF360C,
221
+ ) !default;
249
222
 
250
- $palette-amber: (
223
+ $amberPalette: (
251
224
  "50": #FFF8E1,
252
225
  "100": #FFECB3,
253
226
  "200": #FFE082,
@@ -264,9 +237,10 @@ $palette-amber: (
264
237
  "A700": #FFAB00,
265
238
  "light": ("50", "100", "200", "300", "400", "500", "600", "700", "800", "900", "A100", "A200", "A400", "A700"),
266
239
  "dark": (),
267
- );
240
+ "shadow": #BF360C,
241
+ ) !default;
268
242
 
269
- $palette-orange: (
243
+ $orangePalette: (
270
244
  "50": #FFF3E0,
271
245
  "100": #FFE0B2,
272
246
  "200": #FFCC80,
@@ -282,10 +256,11 @@ $palette-orange: (
282
256
  "A400": #FF9100,
283
257
  "A700": #FF6D00,
284
258
  "light": ("50", "100", "200", "300", "400", "500", "600", "700", "800", "A100", "A200", "A400", "A700"),
285
- "dark": ("900")
286
- );
259
+ "dark": ("900"),
260
+ "shadow": #BF360C,
261
+ ) !default;
287
262
 
288
- $palette-deeporange: (
263
+ $deeporangePalette: (
289
264
  "50": #FBE9E7,
290
265
  "100": #FFCCBC,
291
266
  "200": #FFAB91,
@@ -301,10 +276,51 @@ $palette-deeporange: (
301
276
  "A400": #FF3D00,
302
277
  "A700": #DD2C00,
303
278
  "light": ("50", "100", "200", "300", "400", "500", "A100", "A200"),
304
- "dark": ("600", "700", "800", "900", "A400", "A700")
305
- );
279
+ "dark": ("600", "700", "800", "900", "A400", "A700"),
280
+ "shadow": #3E2723
281
+ ) !default;
282
+
283
+ $redPalette: (
284
+ "50" : #FFEBEE,
285
+ "100": #FFCDD2,
286
+ "200": #EF9A9A,
287
+ "300": #E57373,
288
+ "400": #EF5350,
289
+ "500": #F44336,
290
+ "600": #E53935,
291
+ "700": #D32F2F,
292
+ "800": #C62828,
293
+ "900": #B71C1C,
294
+ "A100": #FF8A80,
295
+ "A200": #FF5252,
296
+ "A400": #FF1744,
297
+ "A700": #D50000,
298
+ "light": ("50", "100", "200", "300", "A100"),
299
+ "dark": ("400", "500", "600", "700", "800", "900", "A200", "A400", "A700"),
300
+ "shadow": #3E2723,
301
+ ) !default;
302
+
303
+ $pinkPalette: (
304
+ "50": #FCE4EC,
305
+ "100": #F8BBD0,
306
+ "200": #F48FB1,
307
+ "300": #F06292,
308
+ "400": #EC407A,
309
+ "500": #E91E63,
310
+ "600": #D81B60,
311
+ "700": #C2185B,
312
+ "800": #AD1457,
313
+ "900": #880E4F,
314
+ "A100": #FF80AB,
315
+ "A200": #FF4081,
316
+ "A400": #F50057,
317
+ "A700": #C51162,
318
+ "light": ("50", "100", "200", "300", "A100"),
319
+ "dark": ("400", "500", "600", "700", "800", "900", "A200", "A400", "A700"),
320
+ "shadow": #3E2723,
321
+ ) !default;
306
322
 
307
- $palette-brown: (
323
+ $brownPalette: (
308
324
  "50": #EFEBE9,
309
325
  "100": #D7CCC8,
310
326
  "200": #BCAAA4,
@@ -320,10 +336,11 @@ $palette-brown: (
320
336
  "A400": #8D6E63,
321
337
  "A700": #5D4037,
322
338
  "light": ("50", "100", "200", "A100", "A200"),
323
- "dark": ("300", "400", "500", "600", "700", "800", "900", "A100", "A200", "A400", "A700")
324
- );
339
+ "dark": ("300", "400", "500", "600", "700", "800", "900", "A100", "A200", "A400", "A700"),
340
+ "shadow": #3E2723,
341
+ ) !default;
325
342
 
326
- $palette-grey: (
343
+ $grayPalette: (
327
344
  "50": #FAFAFA,
328
345
  "100": #F5F5F5,
329
346
  "200": #EEEEEE,
@@ -339,10 +356,11 @@ $palette-grey: (
339
356
  "A400": #BDBDBD,
340
357
  "A700": #616161,
341
358
  "light": ("50", "100", "200", "300", "400", "500", "A100", "A200", "A400"),
342
- "dark": ("600", "700", "800", "900", "A700")
343
- );
359
+ "dark": ("600", "700", "800", "900", "A700"),
360
+ "shadow": #212121,
361
+ ) !default;
344
362
 
345
- $palette-bluegrey: (
363
+ $bluegrayPalette: (
346
364
  "50": #ECEFF1,
347
365
  "100": #CFD8DC,
348
366
  "200": #B0BEC5,
@@ -356,28 +374,32 @@ $palette-bluegrey: (
356
374
  "A100": #CFD8DC,
357
375
  "A200": #B0BEC5,
358
376
  "A400": #78909C,
359
- "A700": #455A64,
377
+ "A700": #455A64,
360
378
  "light": ("50", "100", "200", "300", "A100", "A200"),
361
- "dark": ("400", "500", "600", "700", "800", "900", "A400", "A700")
362
- );
379
+ "dark": ("400", "500", "600", "700", "800", "900", "A400", "A700"),
380
+ "shadow": #263238,
381
+ ) !default;
363
382
 
364
383
  $palettes: (
365
- "red": $palette-red,
366
- "pink": $palette-pink,
367
- "purple": $palette-purple,
368
- "deeppurple": $palette-deeppurple,
369
- "indigo": $palette-indigo,
370
- "blue": $palette-blue,
371
- "lightblue": $palette-lightblue,
372
- "cyan": $palette-cyan,
373
- "teal": $palette-teal,
374
- "green": $palette-green,
375
- "lightgreen": $palette-lightgreen,
376
- "lime": $palette-lime,
377
- "yellow": $palette-yellow,
378
- "amber": $palette-amber,
379
- "orange": $palette-orange,
380
- "deeporange": $palette-deeporange,
381
- "brown": $palette-brown,
382
- "grey": $palette-grey
383
- );
384
+ "blue": $bluePalette,
385
+ "indigo": $indigoPalette,
386
+ "deeppurple": $deeppurplePalette,
387
+ "purple": $purplePalette,
388
+ "lightblue": $lightbluePalette,
389
+ "cyan": $cyanPalette,
390
+ "teal": $tealPalette,
391
+ "green": $greenPalette,
392
+ "lightgreen": $lightgreenPalette,
393
+ "lime": $limePalette,
394
+ "yellow": $yellowPalette,
395
+ "amber": $amberPalette,
396
+ "orange": $orangePalette,
397
+ "deeporange": $deeporangePalette,
398
+ "red": $redPalette,
399
+ "pink": $pinkPalette,
400
+ "brown": $brownPalette,
401
+ "bluegrey": $bluegrayPalette,
402
+ "bluegray": $bluegrayPalette,
403
+ "grey": $grayPalette,
404
+ "gray": $grayPalette,
405
+ ) !default;
package/core/theme/_spec.scss ADDED
File without changes