mithril-materialized 3.3.8 → 3.4.1

package/dist/utilities.css

@@ -2225,6 +2225,7 @@ table span.badge {
   font-size: 16px;
   line-height: 32px;
   padding-left: 8px;
+  min-height: 1lh;
 }
 
 .chips {

package/dist/waves.d.ts

@@ -0,0 +1,16 @@
+/*!
+ * Waves Effect for Mithril Materialized
+ * Based on Waves v0.6.4 by Alfiana E. Sibuea
+ * Adapted for TypeScript and Mithril integration
+ */
+export declare class WavesEffect {
+    private static duration;
+    private static offset;
+    private static createRipple;
+    private static removeRipples;
+    static onMouseDown: (e: MouseEvent) => void;
+    static onMouseUp: (e: MouseEvent) => void;
+    static onMouseLeave: (e: MouseEvent) => void;
+    static onTouchStart: (e: TouchEvent) => void;
+    static onTouchEnd: (e: TouchEvent) => void;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mithril-materialized",
-  "version": "3.3.8",
+  "version": "3.4.1",
   "description": "A materialize library for mithril.",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",

package/sass/components/_buttons.scss

@@ -325,3 +325,24 @@ button.btn-floating {
 .btn-block {
   display: block;
 }
+
+// Icon button - compact flat button for icons only
+.btn-flat.btn-icon {
+  min-width: auto;
+  padding: 0 8px;
+  width: auto;
+  line-height: variables.$button-height;
+  background-color: transparent !important;
+
+  i {
+    margin: 0;
+  }
+
+  // Ensure background stays transparent in all states
+  &:hover,
+  &:focus,
+  &:active,
+  &.active {
+    background-color: transparent !important;
+  }
+}

package/sass/components/_chips.scss

@@ -33,6 +33,7 @@
     font-size: 16px;
     line-height: 32px;
     padding-left: 8px;
+    min-height: 1lh;
   }
 }
 

package/sass/components/_theme-switcher.scss

@@ -53,6 +53,12 @@
       .material-icons {
         font-size: 1rem;
       }
+
+      svg {
+        width: 1rem !important;
+        height: 1rem !important;
+        flex-shrink: 0;
+      }
       
       span {
         font-size: 0.75rem;
@@ -84,6 +90,10 @@
   .material-icons {
     font-size: 1.25rem;
   }
+
+  svg {
+    flex-shrink: 0;
+  }
 }
 
 // Navbar theme toggle specific styles

package/sass/components/forms/_select.scss

@@ -150,9 +150,9 @@ body.keyboard-focused {
       background-color: var(--mm-dropdown-hover, variables.$select-option-hover);
     }
 
-    &.selected {
-      background-color: var(--mm-dropdown-selected, variables.$select-option-selected);
-    }
+    // &.selected {
+    //   background-color: var(--mm-dropdown-selected, variables.$select-option-selected);
+    // }
   }
 }