@materializecss/materialize 1.1.0 → 1.2.1

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 (83) hide show
  1. package/Gruntfile.js +38 -24
  2. package/LICENSE +21 -21
  3. package/README.md +91 -97
  4. package/dist/css/materialize.css +8608 -8631
  5. package/dist/css/materialize.min.css +12 -12
  6. package/dist/js/materialize.js +12816 -12669
  7. package/dist/js/materialize.min.js +6 -6
  8. package/extras/noUiSlider/nouislider.css +404 -406
  9. package/extras/noUiSlider/nouislider.js +2147 -2147
  10. package/extras/noUiSlider/nouislider.min.js +0 -0
  11. package/js/anime.min.js +34 -34
  12. package/js/autocomplete.js +479 -479
  13. package/js/buttons.js +354 -354
  14. package/js/cards.js +40 -40
  15. package/js/carousel.js +732 -732
  16. package/js/cash.js +960 -960
  17. package/js/characterCounter.js +136 -136
  18. package/js/chips.js +486 -486
  19. package/js/collapsible.js +275 -275
  20. package/js/component.js +44 -44
  21. package/js/datepicker.js +983 -983
  22. package/js/dropdown.js +669 -669
  23. package/js/forms.js +285 -275
  24. package/js/global.js +428 -424
  25. package/js/materialbox.js +453 -453
  26. package/js/modal.js +382 -382
  27. package/js/parallax.js +138 -138
  28. package/js/pushpin.js +148 -148
  29. package/js/range.js +263 -263
  30. package/js/scrollspy.js +295 -295
  31. package/js/select.js +391 -310
  32. package/js/sidenav.js +583 -583
  33. package/js/slider.js +359 -359
  34. package/js/tabs.js +402 -402
  35. package/js/tapTarget.js +315 -315
  36. package/js/timepicker.js +712 -648
  37. package/js/toasts.js +325 -322
  38. package/js/tooltip.js +320 -320
  39. package/js/waves.js +614 -614
  40. package/package.json +87 -82
  41. package/sass/_style.scss +929 -929
  42. package/sass/components/_badges.scss +55 -55
  43. package/sass/components/_buttons.scss +322 -322
  44. package/sass/components/_cards.scss +195 -195
  45. package/sass/components/_carousel.scss +90 -90
  46. package/sass/components/_chips.scss +96 -96
  47. package/sass/components/_collapsible.scss +91 -91
  48. package/sass/components/_collection.scss +106 -106
  49. package/sass/components/_color-classes.scss +32 -32
  50. package/sass/components/_color-variables.scss +370 -370
  51. package/sass/components/_datepicker.scss +191 -191
  52. package/sass/components/_dropdown.scss +84 -84
  53. package/sass/components/_global.scss +646 -642
  54. package/sass/components/_grid.scss +158 -158
  55. package/sass/components/_icons-material-design.scss +5 -5
  56. package/sass/components/_materialbox.scss +42 -42
  57. package/sass/components/_modal.scss +97 -97
  58. package/sass/components/_navbar.scss +208 -208
  59. package/sass/components/_normalize.scss +447 -447
  60. package/sass/components/_preloader.scss +334 -334
  61. package/sass/components/_pulse.scss +34 -34
  62. package/sass/components/_sidenav.scss +214 -214
  63. package/sass/components/_slider.scss +91 -91
  64. package/sass/components/_table_of_contents.scss +33 -33
  65. package/sass/components/_tabs.scss +99 -99
  66. package/sass/components/_tapTarget.scss +103 -103
  67. package/sass/components/_timepicker.scss +199 -183
  68. package/sass/components/_toast.scss +58 -58
  69. package/sass/components/_tooltip.scss +32 -32
  70. package/sass/components/_transitions.scss +12 -12
  71. package/sass/components/_typography.scss +62 -62
  72. package/sass/components/_variables.scss +352 -352
  73. package/sass/components/_waves.scss +187 -187
  74. package/sass/components/forms/_checkboxes.scss +200 -200
  75. package/sass/components/forms/_file-input.scss +44 -44
  76. package/sass/components/forms/_forms.scss +22 -22
  77. package/sass/components/forms/_input-fields.scss +388 -379
  78. package/sass/components/forms/_radio-buttons.scss +115 -115
  79. package/sass/components/forms/_range.scss +161 -161
  80. package/sass/components/forms/_select.scss +199 -199
  81. package/sass/components/forms/_switches.scss +91 -91
  82. package/sass/ghpages-materialize.scss +7 -7
  83. package/sass/materialize.scss +42 -42
package/Gruntfile.js CHANGED
@@ -35,15 +35,13 @@ module.exports = function(grunt) {
35
35
  ];
36
36
 
37
37
  // configure the tasks
38
- let config = {
38
+ const config = {
39
39
  // Jasmine
40
40
  jasmine: {
41
41
  components: {
42
42
  src: ['bin/materialize.js'],
43
43
  options: {
44
- vendor: [
45
- 'node_modules/jquery/dist/jquery.min.js'
46
- ],
44
+ vendor: ['node_modules/jquery/dist/jquery.min.js'],
47
45
  styles: 'bin/materialize.css',
48
46
  specs: 'tests/spec/**/*Spec.js',
49
47
  helpers: 'tests/spec/helper.js',
@@ -51,20 +49,19 @@ module.exports = function(grunt) {
51
49
  version: '3.8.0',
52
50
  page: {
53
51
  viewportSize: {
54
- width: 1400,
55
- height: 735
52
+ width: 1400,
53
+ height: 735
56
54
  }
57
55
  },
58
56
  sandboxArgs: {
59
- args: ['--headless', '--no-sandbox', '--disable-gpu']
60
- },
57
+ args: ['--headless', '--no-sandbox']
58
+ }
61
59
  }
62
60
  }
63
61
  },
64
62
 
65
63
  // Sass
66
64
  sass: {
67
-
68
65
  // Global options
69
66
  options: {
70
67
  implementation: sass
@@ -536,7 +533,7 @@ module.exports = function(grunt) {
536
533
  // Replace text to update the version string
537
534
  replace: {
538
535
  version: {
539
- src: ['bower.json', 'package.js', 'pug/**/*.html'],
536
+ src: ['bower.json', 'package.js', 'pug/**/*.html', 'pug/_navbar.pug', 'js/global.js'],
540
537
  overwrite: true,
541
538
  replacements: [
542
539
  {
@@ -575,7 +572,9 @@ module.exports = function(grunt) {
575
572
  banner:
576
573
  '/*!\n * Materialize v' +
577
574
  grunt.option('newver') +
578
- ' (https://materializecss.github.io/materialize)\n * Copyright 2014-2021 Materialize\n * MIT License (https://raw.githubusercontent.com/materializecss/materialize/master/LICENSE)\n */',
575
+ ' (https://materializecss.github.io/materialize)\n * Copyright 2014-' +
576
+ new Date().getFullYear() +
577
+ ' Materialize\n * MIT License (https://raw.githubusercontent.com/materializecss/materialize/master/LICENSE)\n */',
579
578
  linebreak: true
580
579
  },
581
580
  files: {
@@ -608,10 +607,13 @@ module.exports = function(grunt) {
608
607
  port: 9001,
609
608
  protocol: 'http',
610
609
  middleware: function(connect, options, middlewares) {
611
- middlewares.unshift(function(req, res, next){
610
+ middlewares.unshift(function(req, res, next) {
612
611
  res.setHeader('Access-Control-Allow-Origin', '*');
613
612
  res.setHeader('Access-Control-Allow-Credentials', true);
614
- res.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
613
+ res.setHeader(
614
+ 'Access-Control-Allow-Headers',
615
+ 'Origin, X-Requested-With, Content-Type, Accept'
616
+ );
615
617
  res.setHeader('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS');
616
618
  next();
617
619
  });
@@ -622,14 +624,13 @@ module.exports = function(grunt) {
622
624
  },
623
625
 
624
626
  copy: {
625
- docs: {
626
- files: [
627
- {src: 'bin/materialize.js', dest: 'docs/js/materialize.js'},
628
- {src: 'templates/**', dest: 'docs/'}
629
- ]
627
+ docs_js: {
628
+ files: [{ src: 'bin/materialize.js', dest: 'docs/js/materialize.js' }]
629
+ },
630
+ docs_templates: {
631
+ files: [{ src: 'templates/**', dest: 'docs/' }]
630
632
  }
631
633
  }
632
-
633
634
  };
634
635
 
635
636
  grunt.initConfig(config);
@@ -682,7 +683,13 @@ module.exports = function(grunt) {
682
683
  });
683
684
 
684
685
  grunt.registerTask('pug_compile', ['pug', 'notify:pug_compile']);
685
- grunt.registerTask('js_compile', ['concat:temp', 'configureBabel', 'babel:bin', 'clean:temp']);
686
+ grunt.registerTask('js_compile', [
687
+ 'concat:temp',
688
+ 'configureBabel',
689
+ 'babel:bin',
690
+ 'clean:temp',
691
+ 'copy:docs_js'
692
+ ]);
686
693
  grunt.registerTask('sass_compile', [
687
694
  'sass:gh',
688
695
  'sass:bin',
@@ -692,9 +699,9 @@ module.exports = function(grunt) {
692
699
  ]);
693
700
  grunt.registerTask('server', ['browserSync', 'notify:server']);
694
701
  grunt.registerTask('monitor', ['concurrent:monitor']);
695
- grunt.registerTask('travis', ['js_compile', 'sass_compile', 'connect', 'jasmine']);
702
+ grunt.registerTask('test', ['js_compile', 'sass_compile', 'connect', 'jasmine']);
696
703
  grunt.registerTask('jas_test', ['connect', 'jasmine']);
697
- grunt.registerTask('test_repeat', function(){
704
+ grunt.registerTask('test_repeat', function() {
698
705
  const tasks = ['connect'];
699
706
  const n = 30;
700
707
  for (let i = 0; i < n; i++) {
@@ -702,7 +709,14 @@ module.exports = function(grunt) {
702
709
  }
703
710
 
704
711
  grunt.task.run(tasks);
705
-
706
712
  });
707
- grunt.registerTask('docs', ['js_compile', 'copy:docs', 'sass:gh', 'postcss:gh', 'pug', 'replace:docs']);
713
+ grunt.registerTask('docs', [
714
+ 'js_compile',
715
+ 'copy:docs_js',
716
+ 'copy:docs_templates',
717
+ 'sass:gh',
718
+ 'postcss:gh',
719
+ 'pug',
720
+ 'replace:docs'
721
+ ]);
708
722
  };
package/LICENSE CHANGED
@@ -1,21 +1,21 @@
1
- The MIT License (MIT)
2
-
3
- Copyright (c) 2014-2019 Materialize
4
-
5
- Permission is hereby granted, free of charge, to any person obtaining a copy
6
- of this software and associated documentation files (the "Software"), to deal
7
- in the Software without restriction, including without limitation the rights
8
- to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
- copies of the Software, and to permit persons to whom the Software is
10
- furnished to do so, subject to the following conditions:
11
-
12
- The above copyright notice and this permission notice shall be included in all
13
- copies or substantial portions of the Software.
14
-
15
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
- FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
- OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
- SOFTWARE.
1
+ The MIT License (MIT)
2
+
3
+ Copyright (c) 2014-2019 Materialize
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.md CHANGED
@@ -1,97 +1,91 @@
1
- <p align="center">
2
- <a href="https://materializecss.github.io/materialize/">
3
- <img src="https://materializecss.github.io/materialize/res/materialize.svg" width="150">
4
- </a>
5
- </p>
6
-
7
- <h3 align="center">MaterializeCSS</h3>
8
-
9
- <p align="center">
10
- Materialize, a CSS Framework based on material design.
11
- <br>
12
- <a href="https://materializecss.github.io/materialize/"><strong>-- Browse the docs --</strong></a>
13
- <br>
14
- <br>
15
- <a href="https://github.com/materializecss/materialize/actions/">
16
- <img src="https://github.com/materializecss/materialize/actions/workflows/nightly.yml/badge.svg" alt="GitHub Actions badge">
17
- </a>
18
- <a href="https://www.npmjs.com/package/@materializecss/materialize">
19
- <img src="https://badge.fury.io/js/%40materializecss%2Fmaterialize.svg" alt="npm version badge">
20
- </a>
21
- <a href="https://www.jsdelivr.com/package/npm/@materializecss/materialize">
22
- <img src="https://data.jsdelivr.com/v1/package/npm/@materializecss/materialize/badge" alt="jsDelivr version badge">
23
- </a>
24
- <a href="https://david-dm.org/materializecss/materialize">
25
- <img src="https://david-dm.org/materializecss/materialize/status.svg" alt="dependencies Status badge">
26
- </a>
27
- <a href="https://david-dm.org/materializecss/materialize#info=devDependencies">
28
- <img src="https://david-dm.org/materializecss/materialize/dev-status.svg" alt="devDependency Status badge">
29
- </a>
30
- <a href="https://gitter.im/materializecss/materialize">
31
- <img src="https://badges.gitter.im/Join%20Chat.svg" alt="Gitter badge">
32
- </a>
33
- </p>
34
-
35
- ## Table of Contents
36
- - [Quickstart](#quickstart)
37
- - [Documentation](#documentation)
38
- - [Build](#build)
39
- - [Supported Browsers](#supported-browsers)
40
- - [Changelog](#changelog)
41
- - [Testing](#testing)
42
- - [Contributing](#contributing)
43
- - [Copyright and license](#copyright-and-license)
44
-
45
- ## Quickstart:
46
- Read the [getting started guide](https://materializecss.github.io/materialize/getting-started.html) for more information on how to use materialize.
47
-
48
- - [Download the latest release](https://github.com/materializecss/materialize/releases/latest) of materialize directly from GitHub. ([Beta](https://github.com/materializecss/materialize/releases/))
49
- - Clone the repo: `git clone https://github.com/materializecss/materialize.git`
50
- - Include the files via [jsDelivr](https://www.jsdelivr.com/package/npm/@materializecss/materialize).
51
- - Install with [npm](https://www.npmjs.com): `npm install @materializecss/materialize` (Beta: `npm install @materializecss/materialize@next`)
52
-
53
- ## Documentation
54
- The documentation can be found at <https://materializecss.github.io/materialize>. To run the documentation locally on your machine, you need [Node.js](https://nodejs.org/en/) installed on your computer.
55
-
56
- ### Running documentation locally
57
- Run these commands to set up the documentation:
58
-
59
- ```bash
60
- git clone https://github.com/materializecss/materialize
61
- cd materialize
62
- npm install
63
- ```
64
-
65
- Then run `npm run dev` to compile the documentation. When it finishes, open a new browser window and navigate to `localhost:8000/docs`. We use [BrowserSync](https://www.browsersync.io/) to display the documentation.
66
-
67
- ### Documentation for previous releases
68
- Previous releases and their documentation are available for [download](https://github.com/materializecss/materialize/releases).
69
-
70
- ## Build
71
- If you want to build `materialize.css` or `materialize.js` from the latest commit, you can build the files with the following command after `npm install`. See `package.json` to check the current version like `1.0.0`.
72
-
73
- ```sh
74
- npm run release -- --oldver=<current_version> --newver=<new_version>
75
- ```
76
-
77
- ## Supported Browsers:
78
- Materialize is compatible with:
79
-
80
- - Chrome 35+
81
- - Firefox 31+
82
- - Safari 9+
83
- - Opera
84
- - Edge
85
- - IE 11+
86
-
87
- ## Changelog
88
- For changelogs, check out [the Releases section of materialize](https://github.com/materializecss/materialize/releases) or the [CHANGELOG.md](CHANGELOG.md).
89
-
90
- ## Testing
91
- We use Jasmine as our testing framework and we're trying to write a robust test suite for our components. If you want to help, [here's a starting guide on how to write tests in Jasmine](CONTRIBUTING.md#jasmine-testing-guide).
92
-
93
- ## Contributing
94
- Check out the [CONTRIBUTING document](CONTRIBUTING.md) in the root of the repository to learn how you can contribute. You can also browse the [help-wanted](https://github.com/materializecss/materialize/labels/help-wanted) tag in our issue tracker to find things to do.
95
-
96
- ## Copyright and license
97
- Code Copyright 2021 Materialize. Code released under the MIT license.
1
+ <p align="center">
2
+ <a href="https://materializecss.github.io/materialize/">
3
+ <img src="https://materializecss.github.io/materialize/res/materialize.svg" width="150">
4
+ </a>
5
+ </p>
6
+
7
+ <h3 align="center">MaterializeCSS</h3>
8
+
9
+ <p align="center">
10
+ Materialize, a CSS Framework based on material design.
11
+ <br>
12
+ <a href="https://materializecss.github.io/materialize/"><strong>-- Browse the docs --</strong></a>
13
+ <br>
14
+ <br>
15
+ <a href="https://github.com/materializecss/materialize/actions/">
16
+ <img src="https://github.com/materializecss/materialize/actions/workflows/nightly.yml/badge.svg" alt="GitHub Actions badge">
17
+ </a>
18
+ <a href="https://www.npmjs.com/package/@materializecss/materialize">
19
+ <img src="https://badge.fury.io/js/%40materializecss%2Fmaterialize.svg" alt="npm version badge">
20
+ </a>
21
+ <a href="https://www.jsdelivr.com/package/npm/@materializecss/materialize">
22
+ <img src="https://data.jsdelivr.com/v1/package/npm/@materializecss/materialize/badge" alt="jsDelivr version badge">
23
+ </a>
24
+ <a href="https://gitter.im/materializecss/materialize">
25
+ <img src="https://badges.gitter.im/Join%20Chat.svg" alt="Gitter badge">
26
+ </a>
27
+ </p>
28
+
29
+ ## Table of Contents
30
+ - [Quickstart](#quickstart)
31
+ - [Documentation](#documentation)
32
+ - [Build](#build)
33
+ - [Supported Browsers](#supported-browsers)
34
+ - [Changelog](#changelog)
35
+ - [Testing](#testing)
36
+ - [Contributing](#contributing)
37
+ - [Copyright and license](#copyright-and-license)
38
+
39
+ ## Quickstart:
40
+ Read the [getting started guide](https://materializecss.github.io/materialize/getting-started.html) for more information on how to use materialize.
41
+
42
+ - [Download the latest release](https://github.com/materializecss/materialize/releases/latest) of materialize directly from GitHub. ([Beta](https://github.com/materializecss/materialize/releases/))
43
+ - Clone the repo: `git clone https://github.com/materializecss/materialize.git`
44
+ - Include the files via [jsDelivr](https://www.jsdelivr.com/package/npm/@materializecss/materialize).
45
+ - Install with [npm](https://www.npmjs.com): `npm install @materializecss/materialize` (Beta: `npm install @materializecss/materialize@next`)
46
+
47
+ ## Documentation
48
+ The documentation can be found at <https://materializecss.github.io/materialize>. To run the documentation locally on your machine, you need [Node.js](https://nodejs.org/en/) installed on your computer.
49
+
50
+ ### Running documentation locally
51
+ Run these commands to set up the documentation:
52
+
53
+ ```bash
54
+ git clone https://github.com/materializecss/materialize
55
+ cd materialize
56
+ npm install
57
+ ```
58
+
59
+ Then run `npm run dev` to compile the documentation. When it finishes, open a new browser window and navigate to `localhost:8000/docs`. We use [BrowserSync](https://www.browsersync.io/) to display the documentation.
60
+
61
+ ### Documentation for previous releases
62
+ Previous releases and their documentation are available for [download](https://github.com/materializecss/materialize/releases).
63
+
64
+ ## Build
65
+ If you want to build `materialize.css` or `materialize.js` from the latest commit, you can build the files with the following command after `npm install`. See `package.json` to check the current version like `1.0.0`.
66
+
67
+ ```sh
68
+ npm run release -- --oldver=<current_version> --newver=<new_version>
69
+ ```
70
+
71
+ ## Supported Browsers:
72
+ Materialize is compatible with:
73
+
74
+ - Chrome 35+
75
+ - Firefox 31+
76
+ - Safari 9+
77
+ - Opera
78
+ - Edge
79
+ - IE 11+
80
+
81
+ ## Changelog
82
+ For changelogs, check out [the Releases section of materialize](https://github.com/materializecss/materialize/releases) or the [CHANGELOG.md](CHANGELOG.md).
83
+
84
+ ## Testing
85
+ We use Jasmine as our testing framework and we're trying to write a robust test suite for our components. If you want to help, [here's a starting guide on how to write tests in Jasmine](CONTRIBUTING.md#jasmine-testing-guide).
86
+
87
+ ## Contributing
88
+ Check out the [CONTRIBUTING document](CONTRIBUTING.md) in the root of the repository to learn how you can contribute. You can also browse the [help-wanted](https://github.com/materializecss/materialize/labels/help-wanted) tag in our issue tracker to find things to do.
89
+
90
+ ## Copyright and license
91
+ Code Copyright 2022 Materialize. Code released under the MIT license.