2.2.2

Author: wuda-io

dist/css/materialize.css

@@ -1,5 +1,5 @@
 /*!
-* Materialize v2.2.1 (https://materializeweb.com)
+* Materialize v2.2.2 (https://materializeweb.com)
 * Copyright 2014-2025 Materialize
 * MIT License (https://raw.githubusercontent.com/materializecss/materialize/master/LICENSE)
 */
@@ -4497,6 +4497,7 @@ small {
   -webkit-align-items: center;
       -ms-flex-align: center;
           align-items: center;
+  border: none;
   cursor: pointer;
   -webkit-tap-highlight-color: transparent;
   white-space: nowrap;
@@ -5556,7 +5557,7 @@ body {
 }
 
 @media only screen and (min-width : 601px) {
-  nav.nav-extended .nav-wrapper {
+  .nav.nav-extended .nav-wrapper {
     min-height: var(--navbar-height-mobile);
   }
   .nav, .navbar .nav-wrapper i, nav a.sidenav-trigger, .navbar a.sidenav-trigger i {
@@ -5763,6 +5764,7 @@ body {
   -webkit-align-items: center;
       -ms-flex-align: center;
           align-items: center;
+  border: none;
   cursor: pointer;
   -webkit-tap-highlight-color: transparent;
   white-space: nowrap;
@@ -6755,6 +6757,11 @@ textarea.materialize-textarea {
   color: var(--md-sys-color-error);
 }
 
+/* Inline */
+.inline {
+  display: inline-block;
+}
+
 /* Search Field */
 .searchbar .prefix {
   position: absolute;
@@ -7280,7 +7287,6 @@ select.browser-default {
 }
 
 select {
-  opacity: 0;
   background-color: var(--md-sys-color-surface);
   width: 100%;
   padding: 5px;
@@ -7289,6 +7295,11 @@ select {
   height: 3rem;
 }
 
+.select-wrapper:focus-within {
+  outline: 2px solid var(--md-sys-color-primary);
+  border-radius: 4px;
+}
+
 .select-wrapper {
   position: relative;
 }
@@ -7300,6 +7311,7 @@ select {
   margin: auto 0;
   z-index: 0;
   fill: var(--md-sys-color-on-background);
+  pointer-events: none;
 }
 .select-wrapper .hide-select {
   width: 0;
@@ -7408,12 +7420,14 @@ input[type=range] + .thumb {
 
 input[type=range] {
   position: relative;
-  background-color: transparent;
+  background: -webkit-gradient(linear, left top, left bottom, from(var(--md-sys-color-outline-variant)), to(var(--md-sys-color-outline-variant)));
+  background: linear-gradient(var(--md-sys-color-outline-variant), var(--md-sys-color-outline-variant));
   border: none;
   outline: none;
   width: 100%;
   margin: 15px 0;
   padding: 0;
+  height: 3px;
 }
 input[type=range]:focus {
   outline: none;
@@ -9393,6 +9407,7 @@ input[type=text].timepicker-input-minutes:focus {
   -webkit-align-items: center;
       -ms-flex-align: center;
           align-items: center;
+  border: none;
   cursor: pointer;
   -webkit-tap-highlight-color: transparent;
   white-space: nowrap;

dist/css/materialize.min.css

@@ -1,5 +1,5 @@
 /*!
-* Materialize v2.2.1 (https://materializeweb.com)
+* Materialize v2.2.2 (https://materializeweb.com)
 * Copyright 2014-2025 Materialize
 * MIT License (https://raw.githubusercontent.com/materializecss/materialize/master/LICENSE)
 */
@@ -8149,7 +8149,7 @@ class Toast {
 }
 
 /* eslint-disable @typescript-eslint/no-unused-vars */
-const version = '2.2.1';
+const version = '2.2.2';
 /**
  * Automatically initialize components.
  * @param context Root element to initialize. Defaults to `document.body`.

dist/css/materialize.min.css.map

@@ -2560,7 +2560,7 @@ declare class Range extends Component<RangeOptions> {
     static Init(): void;
 }
 
-declare const version = "2.2.1";
+declare const version = "2.2.2";
 interface AutoInitOptions {
     Autocomplete?: Partial<AutocompleteOptions>;
     Cards?: Partial<CardsOptions>;
@@ -2589,4 +2589,5 @@ interface AutoInitOptions {
  */
 declare function AutoInit(context?: HTMLElement, options?: Partial<AutoInitOptions>): void;
 
-export { AutoInit, type AutoInitOptions, Autocomplete, Cards, Carousel, CharacterCounter, Chips, Collapsible, Datepicker, Dropdown, FloatingActionButton, FormSelect, Forms, Materialbox, Modal, Parallax, Pushpin, Range, ScrollSpy, Sidenav, Slider, Tabs, TapTarget, Timepicker, Toast, Tooltip, Waves, version };
+export { AutoInit, Autocomplete, Cards, Carousel, CharacterCounter, Chips, Collapsible, Datepicker, Dropdown, FloatingActionButton, FormSelect, Forms, Materialbox, Modal, Parallax, Pushpin, Range, ScrollSpy, Sidenav, Slider, Tabs, TapTarget, Timepicker, Toast, Tooltip, Waves, version };
+export type { AutoInitOptions };

dist/js/materialize.cjs.js

@@ -1,5 +1,5 @@
 /*!
-* Materialize v2.2.1 (https://materializeweb.com)
+* Materialize v2.2.2 (https://materializeweb.com)
 * Copyright 2014-2025 Materialize
 * MIT License (https://raw.githubusercontent.com/materializecss/materialize/master/LICENSE)
 */
@@ -8150,7 +8150,7 @@ var M = (function (exports) {
     }
 
     /* eslint-disable @typescript-eslint/no-unused-vars */
-    const version = '2.2.1';
+    const version = '2.2.2';
     /**
      * Automatically initialize components.
      * @param context Root element to initialize. Defaults to `document.body`.

dist/js/materialize.d.ts

@@ -1,5 +1,5 @@
 /*!
-* Materialize v2.2.1 (https://materializeweb.com)
+* Materialize v2.2.2 (https://materializeweb.com)
 * Copyright 2014-2025 Materialize
 * MIT License (https://raw.githubusercontent.com/materializecss/materialize/master/LICENSE)
 */
@@ -8147,7 +8147,7 @@ class Toast {
 }
 
 /* eslint-disable @typescript-eslint/no-unused-vars */
-const version = '2.2.1';
+const version = '2.2.2';
 /**
  * Automatically initialize components.
  * @param context Root element to initialize. Defaults to `document.body`.

dist/js/materialize.js

@@ -3,7 +3,7 @@
   "description": "The responsive front-end library based on Material Design from Google.",
   "author": "The Materialize Team",
   "homepage": "https://materializeweb.com",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "style": "dist/css/materialize.css",
   "sass": "sass/materialize.scss",
   "typings": "dist/js/materialize.d.ts",

dist/js/materialize.min.js

@@ -54,7 +54,7 @@ export { Tooltip } from './tooltip';
 export { Waves } from './waves';
 export { Range } from './range';
 
-export const version = '2.2.1';
+export const version = '2.2.2';
 
 export interface AutoInitOptions {
   Autocomplete?: Partial<AutocompleteOptions>;