mithril-materialized 3.3.2 → 3.3.4

package/dist/index.umd.js

@@ -7753,7 +7753,6 @@
             }
             finally {
                 state.isValidating = false;
-                m.redraw();
             }
         };
         const goToStep = async (stepIndex, attrs) => {
@@ -7785,8 +7784,6 @@
             if (onStepChange && oldStep !== stepIndex) {
                 onStepChange(stepIndex, steps[stepIndex].id || `step-${stepIndex}`);
             }
-            // Force redraw to update UI
-            m.redraw();
             return true;
         };
         const nextStep = async (attrs) => {

package/dist/pickers.css

@@ -30,15 +30,15 @@
   position: relative;
   overflow: visible;
 }
+.datepicker-controls .select-wrapper input:focus {
+  border-bottom: none;
+}
 .datepicker-controls .select-wrapper input {
   border-bottom: none;
   text-align: center;
   margin: 0;
   cursor: pointer;
 }
-.datepicker-controls .select-wrapper input:focus {
-  border-bottom: none;
-}
 .datepicker-controls .select-wrapper .caret {
   position: absolute;
   right: 0;
@@ -177,10 +177,6 @@
   text-decoration: none;
   color: var(--mm-text-secondary, rgba(0, 0, 0, 0.54));
 }
-.datepicker-table td {
-  border-radius: 50%;
-  padding: 0;
-}
 .datepicker-table td.is-today {
   color: var(--mm-primary-color, #26a69a);
 }
@@ -225,6 +221,10 @@
   background-color: var(--mm-border-color, rgba(0, 0, 0, 0.02));
   border-right: 1px solid var(--mm-border-color, rgba(0, 0, 0, 0.05));
 }
+.datepicker-table td {
+  border-radius: 50%;
+  padding: 0;
+}
 
 .datepicker-day-button {
   background-color: transparent;
@@ -457,15 +457,15 @@
   transition: transform 350ms, opacity 350ms;
 }
 
-.timepicker-dial-out {
-  opacity: 0;
-}
 .timepicker-dial-out.timepicker-hours {
   transform: scale(1.1, 1.1);
 }
 .timepicker-dial-out.timepicker-minutes {
   transform: scale(0.8, 0.8);
 }
+.timepicker-dial-out {
+  opacity: 0;
+}
 
 .timepicker-canvas {
   transition: opacity 175ms;

package/dist/utilities.css

@@ -2194,6 +2194,11 @@ table span.badge {
   font-feature-settings: "liga";
 }
 
+.chip:focus {
+  outline: none;
+  background-color: var(--mm-primary-color, #26a69a);
+  color: var(--mm-button-text, #fff);
+}
 .chip {
   display: inline-block;
   height: 32px;
@@ -2207,11 +2212,6 @@ table span.badge {
   margin-bottom: 5px;
   margin-right: 5px;
 }
-.chip:focus {
-  outline: none;
-  background-color: var(--mm-primary-color, #26a69a);
-  color: var(--mm-button-text, #fff);
-}
 .chip > img {
   float: left;
   margin: 0 8px 0 -12px;
@@ -2664,7 +2664,6 @@ td, th {
     border-spacing: 0;
     display: block;
     position: relative;
-    /* sort out borders */
   }
   table.responsive-table td:empty:before {
     content: " ";
@@ -2712,6 +2711,9 @@ td, th {
     border-bottom: none;
     padding: 0 10px;
   }
+  table.responsive-table {
+    /* sort out borders */
+  }
   table.responsive-table thead {
     border: 0;
     border-right: 1px solid rgba(0, 0, 0, 0.12);
@@ -2996,9 +2998,6 @@ td, th {
 .card.large {
   height: 500px;
 }
-.card.horizontal {
-  display: flex;
-}
 .card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image {
   height: 100%;
   max-height: none;
@@ -3007,6 +3006,9 @@ td, th {
 .card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img {
   height: 100%;
 }
+.card.horizontal {
+  display: flex;
+}
 .card.horizontal .card-image {
   max-width: 50%;
 }
@@ -3070,15 +3072,15 @@ td, th {
 .card .card-content .card-title i {
   line-height: 32px;
 }
+.card .card-action:last-child {
+  border-radius: 0 0 2px 2px;
+}
 .card .card-action {
   background-color: inherit;
   border-top: 1px solid rgba(160, 160, 160, 0.2);
   position: relative;
   padding: 16px 24px;
 }
-.card .card-action:last-child {
-  border-radius: 0 0 2px 2px;
-}
 .card .card-action a:not(.btn):not(.btn-large):not(.btn-floating) {
   color: #ffab40;
   margin-right: 24px;
@@ -3169,10 +3171,6 @@ td, th {
   }
 }
 
-.pulse {
-  overflow: visible;
-  position: relative;
-}
 .pulse::before {
   content: "";
   display: block;
@@ -3187,6 +3185,10 @@ td, th {
   animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
   z-index: -1;
 }
+.pulse {
+  overflow: visible;
+  position: relative;
+}
 
 @keyframes pulse-animation {
   0% {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mithril-materialized",
-  "version": "3.3.2",
+  "version": "3.3.4",
   "description": "A materialize library for mithril.",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -72,7 +72,7 @@
   "author": "Erik Vullings <erik.vullings@gmail.com> (http://www.tno.nl)",
   "license": "MIT",
   "dependencies": {
-    "mithril": "^2.3.5"
+    "mithril": "^2.3.7"
   },
   "devDependencies": {
     "@playwright/test": "^1.55.0",
@@ -86,13 +86,13 @@
     "concurrently": "^9.2.1",
     "express": "^5.1.0",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^30.1.2",
+    "jest": "^30.1.3",
     "jest-environment-jsdom": "^30.1.2",
     "js-yaml": "^4.1.0",
     "rimraf": "^6.0.1",
-    "rollup": "^4.50.0",
+    "rollup": "^4.50.1",
     "rollup-plugin-postcss": "^4.0.2",
-    "sass": "^1.91.0",
+    "sass": "^1.92.1",
     "ts-jest": "^29.4.1",
     "tslib": "^2.8.1",
     "typedoc": "^0.28.12",

package/sass/components/forms/_checkboxes.scss

@@ -81,8 +81,8 @@
   }
 
   &:disabled + span:before {
-    border-right: 2px solid variables.$input-disabled-color;
-    border-bottom: 2px solid variables.$input-disabled-color;
+    border-right: 3px solid var(--mm-switch-disabled-track, variables.$input-disabled-color);
+    border-bottom: 3px solid var(--mm-switch-disabled-track, variables.$input-disabled-color);
   }
 }