@materializecss/materialize 1.1.0 → 1.2.0

package/package.json

@@ -3,7 +3,7 @@
   "description": "Builds Materialize distribution packages",
   "author": "Alvin Wang, Alan Chang",
   "homepage": "https://materializecss.github.io/materialize/",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "main": "dist/js/materialize.js",
   "style": "dist/css/materialize.css",
   "sass": "sass/materialize.scss",
@@ -17,11 +17,12 @@
   },
   "scripts": {
     "dev": "grunt monitor",
-    "test": "grunt travis",
+    "test": "grunt test",
     "release": "grunt release",
     "precommit": "lint-staged",
     "docs": "grunt docs",
-    "commit": "npx cz"
+    "commit": "npx cz",
+    "postinstall": "husky install"
   },
   "lint-staged": {
     "js/*.js": [
@@ -31,11 +32,12 @@
   },
   "engine": "node >= 6",
   "devDependencies": {
-    "@commitlint/config-conventional": "^12.1.1",
+    "@commitlint/cli": "^17.0.3",
+    "@commitlint/config-conventional": "^17.0.3",
     "autoprefixer": "^7.1.1",
     "babel-plugin-transform-object-rest-spread": "^6.26.0",
     "babel-preset-es2015": "^6.24.1",
-    "commitlint": "^12.1.1",
+    "commitlint": "^17.0.3",
     "cz-conventional-changelog": "^3.3.0",
     "grunt": "^1.0.1",
     "grunt-babel": "^6.0.0",
@@ -57,7 +59,7 @@
     "grunt-rename-util": "^1.0.0",
     "grunt-sass": "^3.1.0",
     "grunt-text-replace": "^0.4.0",
-    "husky": "^0.14.3",
+    "husky": "^8.0.1",
     "jasmine": "^3.8.0",
     "jquery": "^3.2.1",
     "lint-staged": "^7.0.5",

package/sass/components/_global.scss

@@ -398,6 +398,10 @@ table {
     tr {
       border-bottom: none;
     }
+
+    > tbody > tr:nth-child(odd) {
+      background-color: $table-striped-color;
+    }
   }
 
   &.highlight > tbody > tr {

package/sass/components/_timepicker.scss

@@ -11,12 +11,13 @@
 }
 
 .text-primary {
-	color: rgba(255, 255, 255, 1);
+  color: rgba(255, 255, 255, 1);
 }
 
 
 /* Clock Digital Display */
 .timepicker-digital-display {
+  width: 200px;
   flex: 1 auto;
   background-color: $secondary-color;
   padding: 10px;
@@ -24,29 +25,44 @@
 }
 
 .timepicker-text-container {
-	font-size: 4rem;
-	font-weight: bold;
-	text-align: center;
-	color: rgba(255, 255, 255, 0.6);
+  font-size: 4rem;
+  font-weight: bold;
+  text-align: center;
+  color: rgba(255, 255, 255, 0.6);
   font-weight: 400;
-	position: relative;
+  position: relative;
   user-select: none;
+
+  input[type=text]{
+    height: 4rem;
+    color: rgba(255, 255, 255, 0.6);
+    border-bottom: 0px;
+    font-size: 4rem;
+    direction: ltr;
+  }
 }
 
-.timepicker-span-hours,
-.timepicker-span-minutes,
+.timepicker-input-hours,
+.timepicker-input-minutes,
 .timepicker-span-am-pm div {
-	cursor: pointer;
+  cursor: pointer;
 }
 
-.timepicker-span-hours {
+input[type=text].timepicker-input-hours {
+  text-align: right;
+  width: 28%;
   margin-right: 3px;
 }
 
-.timepicker-span-minutes {
+input[type=text].timepicker-input-minutes {
+  width: 33%;
   margin-left: 3px;
 }
 
+input[type=text].text-primary {
+  color: rgba(255, 255, 255, 1);
+}
+
 .timepicker-display-am-pm {
   font-size: 1.3rem;
   position: absolute;

package/sass/components/forms/_input-fields.scss

@@ -18,6 +18,7 @@ input[type=time]:not(.browser-default),
 input[type=date]:not(.browser-default),
 input[type=datetime]:not(.browser-default),
 input[type=datetime-local]:not(.browser-default),
+input[type=month]:not(.browser-default),
 input[type=tel]:not(.browser-default),
 input[type=number]:not(.browser-default),
 input[type=search]:not(.browser-default),
@@ -193,6 +194,14 @@ textarea.materialize-textarea {
       transform: translateY(-14px) scale(.8);
       transform-origin: 0 0;
     }
+
+    // Prevent label from floating on top of default HTML placeholders
+    &:not(.active) + input[type=date],
+    &:not(.active) + input[type=datetime-local],
+    &:not(.active) + input[type=month],
+    &:not(.active) + input[type=time] {
+      color: transparent;
+    }
   }
 
   // Autofill + date + time inputs