@materializecss/materialize 2.0.3-beta → 2.0.3

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 (64) hide show
  1. package/README.md +1 -1
  2. package/dist/css/materialize.css +37 -15
  3. package/dist/css/materialize.min.css +2 -2
  4. package/dist/js/materialize.js +503 -1974
  5. package/dist/js/materialize.min.js +2 -2
  6. package/dist/js/materialize.min.js.map +1 -1
  7. package/dist/src/buttons.d.ts.map +1 -1
  8. package/dist/src/cards.d.ts.map +1 -1
  9. package/dist/src/collapsible.d.ts +1 -0
  10. package/dist/src/collapsible.d.ts.map +1 -1
  11. package/dist/src/dropdown.d.ts.map +1 -1
  12. package/dist/src/global.d.ts.map +1 -1
  13. package/dist/src/materialbox.d.ts +14 -10
  14. package/dist/src/materialbox.d.ts.map +1 -1
  15. package/dist/src/modal.d.ts.map +1 -1
  16. package/dist/src/range.d.ts.map +1 -1
  17. package/dist/src/scrollspy.d.ts.map +1 -1
  18. package/dist/src/sidenav.d.ts +25 -25
  19. package/dist/src/sidenav.d.ts.map +1 -1
  20. package/dist/src/slider.d.ts +12 -12
  21. package/dist/src/slider.d.ts.map +1 -1
  22. package/dist/src/tabs.d.ts +1 -1
  23. package/dist/src/tabs.d.ts.map +1 -1
  24. package/dist/src/toasts.d.ts +7 -2
  25. package/dist/src/toasts.d.ts.map +1 -1
  26. package/dist/src/tooltip.d.ts.map +1 -1
  27. package/package.json +14 -10
  28. package/sass/components/_collapsible.scss +14 -2
  29. package/sass/components/_materialbox.scss +2 -2
  30. package/sass/components/_modal.scss +0 -1
  31. package/sass/components/_tooltip.scss +18 -8
  32. package/sass/components/_variables.scss +2 -2
  33. package/Gruntfile.js +0 -385
  34. package/src/autocomplete.ts +0 -553
  35. package/src/bounding.ts +0 -6
  36. package/src/buttons.ts +0 -260
  37. package/src/cards.ts +0 -53
  38. package/src/carousel.ts +0 -676
  39. package/src/characterCounter.ts +0 -117
  40. package/src/chips.ts +0 -439
  41. package/src/collapsible.ts +0 -249
  42. package/src/component.ts +0 -120
  43. package/src/datepicker.ts +0 -1076
  44. package/src/dropdown.ts +0 -644
  45. package/src/edges.ts +0 -6
  46. package/src/forms.ts +0 -132
  47. package/src/global.ts +0 -114
  48. package/src/index.ts +0 -26
  49. package/src/materialbox.ts +0 -404
  50. package/src/modal.ts +0 -341
  51. package/src/parallax.ts +0 -149
  52. package/src/pushpin.ts +0 -165
  53. package/src/range.ts +0 -198
  54. package/src/scrollspy.ts +0 -263
  55. package/src/select.ts +0 -484
  56. package/src/sidenav.ts +0 -543
  57. package/src/slider.ts +0 -474
  58. package/src/tabs.ts +0 -347
  59. package/src/tapTarget.ts +0 -273
  60. package/src/timepicker.ts +0 -832
  61. package/src/toasts.ts +0 -290
  62. package/src/tooltip.ts +0 -366
  63. package/src/utils.ts +0 -271
  64. package/src/waves.ts +0 -70
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  <p align="center">
2
2
  <a href="https://materializecss.github.io/materialize/">
3
- <img src="https://materializecss.github.io/materialize/images/materialize.svg" width="200">
3
+ <img src="https://materializeweb.com/images/materialize.svg" width="200">
4
4
  </a>
5
5
  </p>
6
6
 
package/dist/css/materialize.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Materialize v2.0.3-beta (https://materializecss.github.io/materialize)
2
+ * Materialize v2.0.3 (https://materializecss.github.io/materialize)
3
3
  * Copyright 2014-2023 Materialize
4
4
  * MIT License (https://raw.githubusercontent.com/materializecss/materialize/master/LICENSE)
5
5
  */
@@ -5564,23 +5564,33 @@ small {
5564
5564
  }
5565
5565
  }
5566
5566
  .material-tooltip {
5567
- padding: 10px 8px;
5568
- font-size: 1rem;
5569
- z-index: 2000;
5570
- border-radius: 2px;
5571
- color: var(--tooltip-font-color);
5572
- min-height: 36px;
5573
- line-height: 120%;
5567
+ padding: 0 8px;
5568
+ border-radius: 4px;
5569
+ background-color: var(--md-sys-color-inverse-surface);
5570
+ color: var(--md-sys-color-inverse-on-surface);
5571
+ font-family: var(--md-sys-typescale-body-small-font-family-name);
5572
+ font-size: var(--md-sys-typescale-body-small-font-size);
5573
+ line-height: var(--md-sys-typescale-body-small-line-height);
5574
+ font-weight: var(--md-sys-typescale-body-small-font-weight);
5575
+ min-height: 24px;
5574
5576
  opacity: 0;
5575
- position: absolute;
5576
5577
  text-align: center;
5578
+ position: absolute;
5577
5579
  max-width: calc(100% - 4px);
5578
5580
  overflow: hidden;
5579
5581
  left: 0;
5580
5582
  top: 0;
5581
5583
  pointer-events: none;
5584
+ display: -webkit-box;
5585
+ display: -webkit-flex;
5586
+ display: -ms-flexbox;
5587
+ display: flex;
5588
+ -webkit-box-align: center;
5589
+ -webkit-align-items: center;
5590
+ -ms-flex-align: center;
5591
+ align-items: center;
5582
5592
  visibility: hidden;
5583
- background-color: var(--tooltip-background-color);
5593
+ z-index: 2000;
5584
5594
  }
5585
5595
 
5586
5596
  .backdrop {
@@ -5589,7 +5599,7 @@ small {
5589
5599
  height: 7px;
5590
5600
  width: 14px;
5591
5601
  border-radius: 0 0 50% 50%;
5592
- background-color: var(--tooltip-background-color);
5602
+ background-color: var(--md-sys-color-inverse-surface);
5593
5603
  z-index: -1;
5594
5604
  -webkit-transform-origin: 50% 0;
5595
5605
  transform-origin: 50% 0;
@@ -6157,16 +6167,28 @@ body.keyboard-focused .dropdown-content li:focus {
6157
6167
  margin-right: 1rem;
6158
6168
  }
6159
6169
 
6170
+ .collapsible-header::after {
6171
+ content: "▾";
6172
+ text-align: right;
6173
+ margin-right: 0.25rem;
6174
+ width: 100%;
6175
+ }
6176
+
6177
+ .active .collapsible-header::after {
6178
+ content: "▴";
6179
+ }
6180
+
6160
6181
  .keyboard-focused .collapsible-header:focus {
6161
6182
  background-color: var(--focus-color);
6162
6183
  }
6163
6184
 
6164
6185
  .collapsible-body {
6165
- display: none;
6186
+ max-height: 0;
6166
6187
  border-bottom: 1px solid var(--separator-color);
6167
6188
  -webkit-box-sizing: border-box;
6168
6189
  box-sizing: border-box;
6169
- padding: 2rem;
6190
+ padding: 0 2rem;
6191
+ overflow: hidden;
6170
6192
  background-color: var(--surface-color);
6171
6193
  }
6172
6194
 
@@ -6353,7 +6375,7 @@ body.keyboard-focused .dropdown-content li:focus {
6353
6375
  right: 0;
6354
6376
  bottom: 0;
6355
6377
  left: 0;
6356
- background-color: #292929;
6378
+ background-color: var(--md-sys-color-background);
6357
6379
  z-index: 1000;
6358
6380
  will-change: opacity;
6359
6381
  }
@@ -6361,7 +6383,7 @@ body.keyboard-focused .dropdown-content li:focus {
6361
6383
  .materialbox-caption {
6362
6384
  position: fixed;
6363
6385
  display: none;
6364
- color: #fff;
6386
+ color: var(--font-color-main);
6365
6387
  line-height: 50px;
6366
6388
  bottom: 0;
6367
6389
  left: 0;