@materializecss/materialize 1.2.1 → 2.0.0-alpha

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 (91) hide show
  1. package/Gruntfile.js +68 -313
  2. package/README.md +3 -3
  3. package/dist/css/materialize.css +1019 -1824
  4. package/dist/css/materialize.min.css +3 -9
  5. package/dist/js/materialize.js +8416 -12190
  6. package/dist/js/materialize.min.js +4 -3
  7. package/dist/js/materialize.min.js.map +1 -0
  8. package/package.json +13 -9
  9. package/sass/components/_badges.scss +12 -2
  10. package/sass/components/_buttons.scss +16 -11
  11. package/sass/components/_cards.scss +14 -9
  12. package/sass/components/_carousel.scss +5 -2
  13. package/sass/components/_chips.scss +3 -3
  14. package/sass/components/_collapsible.scss +22 -8
  15. package/sass/components/_collection.scss +14 -6
  16. package/sass/components/_datepicker.scss +30 -11
  17. package/sass/components/_dropdown.scss +6 -4
  18. package/sass/components/_global.scss +132 -111
  19. package/sass/components/_grid.scss +119 -98
  20. package/sass/components/_modal.scss +3 -3
  21. package/sass/components/_navbar.scss +31 -17
  22. package/sass/components/_normalize.scss +26 -124
  23. package/sass/components/_sidenav.scss +21 -20
  24. package/sass/components/_slider.scss +36 -7
  25. package/sass/components/_table_of_contents.scss +12 -12
  26. package/sass/components/_tabs.scss +47 -16
  27. package/sass/components/_tapTarget.scss +6 -6
  28. package/sass/components/_timepicker.scss +54 -46
  29. package/sass/components/_toast.scss +3 -3
  30. package/sass/components/_tooltip.scss +4 -5
  31. package/sass/components/_typography.scss +1 -1
  32. package/sass/components/_variables.scss +185 -120
  33. package/sass/components/forms/_checkboxes.scss +9 -9
  34. package/sass/components/forms/_file-input.scss +9 -7
  35. package/sass/components/forms/_input-fields.scss +173 -234
  36. package/sass/components/forms/_radio-buttons.scss +1 -1
  37. package/sass/components/forms/_range.scss +11 -11
  38. package/sass/components/forms/_select.scss +29 -19
  39. package/sass/components/forms/_switches.scss +22 -18
  40. package/sass/materialize.scss +1 -1
  41. package/src/autocomplete.ts +459 -0
  42. package/src/bounding.ts +6 -0
  43. package/{js/buttons.js → src/buttons.ts} +103 -162
  44. package/src/cards.ts +54 -0
  45. package/{js/carousel.js → src/carousel.ts} +137 -262
  46. package/src/characterCounter.ts +88 -0
  47. package/src/chips.ts +350 -0
  48. package/src/collapsible.ts +184 -0
  49. package/{js/component.js → src/component.ts} +6 -19
  50. package/{js/datepicker.js → src/datepicker.ts} +213 -299
  51. package/{js/dropdown.js → src/dropdown.ts} +140 -254
  52. package/src/edges.ts +6 -0
  53. package/src/forms.ts +120 -0
  54. package/src/global.ts +385 -0
  55. package/src/materialbox.ts +348 -0
  56. package/src/modal.ts +256 -0
  57. package/{js/parallax.js → src/parallax.ts} +47 -60
  58. package/{js/pushpin.js → src/pushpin.ts} +19 -47
  59. package/{js/range.js → src/range.ts} +58 -139
  60. package/{js/scrollspy.js → src/scrollspy.ts} +81 -153
  61. package/src/select.ts +448 -0
  62. package/{js/sidenav.js → src/sidenav.ts} +96 -202
  63. package/src/slider.ts +415 -0
  64. package/src/tabs.ts +290 -0
  65. package/src/tapTarget.ts +240 -0
  66. package/{js/timepicker.js → src/timepicker.ts} +268 -272
  67. package/{js/toasts.js → src/toasts.ts} +75 -134
  68. package/{js/tooltip.js → src/tooltip.ts} +59 -96
  69. package/src/waves.ts +70 -0
  70. package/extras/noUiSlider/nouislider.css +0 -404
  71. package/extras/noUiSlider/nouislider.js +0 -2147
  72. package/extras/noUiSlider/nouislider.min.js +0 -1
  73. package/js/anime.min.js +0 -34
  74. package/js/autocomplete.js +0 -479
  75. package/js/cards.js +0 -40
  76. package/js/cash.js +0 -960
  77. package/js/characterCounter.js +0 -136
  78. package/js/chips.js +0 -486
  79. package/js/collapsible.js +0 -275
  80. package/js/forms.js +0 -285
  81. package/js/global.js +0 -428
  82. package/js/materialbox.js +0 -453
  83. package/js/modal.js +0 -382
  84. package/js/select.js +0 -391
  85. package/js/slider.js +0 -359
  86. package/js/tabs.js +0 -402
  87. package/js/tapTarget.js +0 -315
  88. package/js/waves.js +0 -615
  89. package/sass/_style.scss +0 -929
  90. package/sass/components/_waves.scss +0 -187
  91. package/sass/ghpages-materialize.scss +0 -7
@@ -1,187 +0,0 @@
1
- /*!
2
- * Waves v0.7.6
3
- * http://fian.my.id/Waves
4
- *
5
- * Copyright 2014-2018 Alfiana E. Sibuea and other contributors
6
- * Released under the MIT license
7
- * https://github.com/fians/Waves/blob/master/LICENSE */
8
-
9
- @mixin waves-transition($transition){
10
- -webkit-transition: $transition;
11
- -moz-transition: $transition;
12
- -o-transition: $transition;
13
- transition: $transition;
14
- }
15
-
16
- @mixin waves-transform($string){
17
- -webkit-transform: $string;
18
- -moz-transform: $string;
19
- -ms-transform: $string;
20
- -o-transform: $string;
21
- transform: $string;
22
- }
23
-
24
- @mixin waves-box-shadow($shadow){
25
- -webkit-box-shadow: $shadow;
26
- box-shadow: $shadow;
27
- }
28
-
29
- .waves-effect {
30
- position: relative;
31
- cursor: pointer;
32
- display: inline-block;
33
- overflow: hidden;
34
- -webkit-user-select: none;
35
- -moz-user-select: none;
36
- -ms-user-select: none;
37
- user-select: none;
38
- -webkit-tap-highlight-color: transparent;
39
-
40
- .waves-ripple {
41
- position: absolute;
42
- border-radius: 50%;
43
- width: 100px;
44
- height: 100px;
45
- margin-top:-50px;
46
- margin-left:-50px;
47
- opacity: 0;
48
- background: rgba(0,0,0,0.2);
49
- $gradient: rgba(0,0,0,0.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%;
50
- background: -webkit-radial-gradient($gradient);
51
- background: -o-radial-gradient($gradient);
52
- background: -moz-radial-gradient($gradient);
53
- background: radial-gradient($gradient);
54
- @include waves-transition(all 0.5s ease-out);
55
- -webkit-transition-property: -webkit-transform, opacity;
56
- -moz-transition-property: -moz-transform, opacity;
57
- -o-transition-property: -o-transform, opacity;
58
- transition-property: transform, opacity;
59
- @include waves-transform(scale(0) translate(0,0));
60
- pointer-events: none;
61
- }
62
-
63
- &.waves-light .waves-ripple {
64
- background: rgba(255,255,255,0.4);
65
- $gradient: rgba(255,255,255,0.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%;
66
- background: -webkit-radial-gradient($gradient);
67
- background: -o-radial-gradient($gradient);
68
- background: -moz-radial-gradient($gradient);
69
- background: radial-gradient($gradient);
70
- }
71
-
72
- &.waves-classic .waves-ripple {
73
- background: rgba(0,0,0,0.2);
74
- }
75
-
76
- &.waves-classic.waves-light .waves-ripple {
77
- background: rgba(255,255,255,0.4);
78
- }
79
-
80
- // Waves Colors
81
- &.waves-light .waves-ripple {
82
- background-color: rgba(255, 255, 255, 0.45);
83
- }
84
- &.waves-red .waves-ripple {
85
- background-color: rgba(244, 67, 54, .70);
86
- }
87
- &.waves-yellow .waves-ripple {
88
- background-color: rgba(255, 235, 59, .70);
89
- }
90
- &.waves-orange .waves-ripple {
91
- background-color: rgba(255, 152, 0, .70);
92
- }
93
- &.waves-purple .waves-ripple {
94
- background-color: rgba(156, 39, 176, 0.70);
95
- }
96
- &.waves-green .waves-ripple {
97
- background-color: rgba(76, 175, 80, 0.70);
98
- }
99
- &.waves-teal .waves-ripple {
100
- background-color: rgba(0, 150, 136, 0.70);
101
- }
102
-
103
- // Style input button bug.
104
- input[type="button"], input[type="reset"], input[type="submit"] {
105
- border: 0;
106
- font-style: normal;
107
- font-size: inherit;
108
- text-transform: inherit;
109
- background: none;
110
- }
111
- }
112
-
113
- .waves-notransition {
114
- @include waves-transition(none #{"!important"});
115
- }
116
-
117
- .waves-button,
118
- .waves-circle {
119
- @include waves-transform(translateZ(0));
120
- -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
121
- }
122
-
123
- .waves-button,
124
- .waves-button:hover,
125
- .waves-button:visited,
126
- .waves-button-input {
127
- white-space: nowrap;
128
- vertical-align: middle;
129
- cursor: pointer;
130
- border: none;
131
- outline: none;
132
- color: inherit;
133
- background-color: rgba(0, 0, 0, 0);
134
- font-size: 1em;
135
- line-height:1em;
136
- text-align: center;
137
- text-decoration: none;
138
- z-index: 1;
139
- }
140
-
141
- .waves-button {
142
- padding: 0.85em 1.1em;
143
- border-radius: 0.2em;
144
- }
145
-
146
- .waves-button-input {
147
- margin: 0;
148
- padding: 0.85em 1.1em;
149
- }
150
-
151
- .waves-input-wrapper {
152
- border-radius: 0.2em;
153
- vertical-align: bottom;
154
-
155
- &.waves-button {
156
- padding: 0;
157
- }
158
-
159
- .waves-button-input {
160
- position: relative;
161
- top: 0;
162
- left: 0;
163
- z-index: 1;
164
- }
165
- }
166
-
167
- .waves-circle {
168
- text-align: center;
169
- width: 2.5em;
170
- height: 2.5em;
171
- line-height: 2.5em;
172
- border-radius: 50%;
173
- }
174
-
175
- .waves-float {
176
- -webkit-mask-image: none;
177
- @include waves-box-shadow(0px 1px 1.5px 1px rgba(0, 0, 0, 0.12));
178
- @include waves-transition(all 300ms);
179
-
180
- &:active {
181
- @include waves-box-shadow(0px 8px 20px 1px rgba(0, 0, 0, 0.30));
182
- }
183
- }
184
-
185
- .waves-block {
186
- display: block;
187
- }
@@ -1,7 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- // import materialize
4
- @import "materialize";
5
-
6
- // Custom style
7
- @import "style";