Update MDI to v1.4.57

Closes-Bug: #1531645

Change-Id: Iaf913a10605d99fb5101cc340b5b67b986ac8152

xstatic/pkg/mdi/__init__.py

@@ -15,9 +15,9 @@ NAME = __name__.split('.')[-1] # package name (e.g. 'foo' or 'foo_bar')
                                # please use a all-lowercase valid python
                                # package name
 
-VERSION = '1.1.70' # version of the packaged files, please use the upstream
+VERSION = '1.4.57' # version of the packaged files, please use the upstream
                   # version number
-BUILD = '1' # our package build number, so we can release new builds
+BUILD = '0' # our package build number, so we can release new builds
              # with fixes for xstatic stuff.
 PACKAGE_VERSION = VERSION + '.' + BUILD # version used for PyPi
 

xstatic/pkg/mdi/data/scss/_core.scss

@@ -1,6 +1,6 @@
 .#{$mdi-css-prefix} {
   display: inline-block;
-  font: normal normal normal #{$mdi-font-size-base}/1 MaterialDesignIcons; // shortening font declaration
+  font: normal normal normal #{$mdi-font-size-base}/1 '#{$mdi-font-name}'; // shortening font declaration
   font-size: inherit; // can't have font-size inherit on line above, so need to override
   text-rendering: auto; // optimizelegibility throws things off #1094
   -webkit-font-smoothing: antialiased;

xstatic/pkg/mdi/data/scss/_extras.scss

@@ -0,0 +1,8 @@
+.#{$mdi-css-prefix + '-18px'} { font-size: 18px; }
+.#{$mdi-css-prefix + '-24px'} { font-size: 24px; }
+.#{$mdi-css-prefix + '-36px'} { font-size: 36px; }
+.#{$mdi-css-prefix + '-48px'} { font-size: 48px; }
+.#{$mdi-css-prefix}-dark { color: rgba(0, 0, 0, 0.54); }
+.#{$mdi-css-prefix}-dark.mdi-inactive { color: rgba(0, 0, 0, 0.26); }
+.#{$mdi-css-prefix}-light { color: rgba(255, 255, 255, 1); }
+.#{$mdi-css-prefix}-light.mdi-inactive { color: rgba(255, 255, 255, 0.3); }

xstatic/pkg/mdi/data/scss/_path.scss

@@ -1,11 +1,11 @@
 @font-face {
-  font-family: 'MaterialDesignIcons';
-  src: url('#{$mdi-font-path}/materialdesignicons-webfont.eot?v=#{$mdi-version}');
-  src: url('#{$mdi-font-path}/materialdesignicons-webfont.eot?#iefix&v=#{$mdi-version}') format('embedded-opentype'),
-    url('#{$mdi-font-path}/materialdesignicons-webfont.woff2?v=#{$mdi-version}') format('woff2'),
-    url('#{$mdi-font-path}/materialdesignicons-webfont.woff?v=#{$mdi-version}') format('woff'),
-    url('#{$mdi-font-path}/materialdesignicons-webfont.ttf?v=#{$mdi-version}') format('truetype'),
-    url('#{$mdi-font-path}/materialdesignicons-webfont.svg?v=#{$mdi-version}#materialdesigniconsregular') format('svg');
+  font-family: '#{$mdi-font-name}';
+  src: url('#{$mdi-font-path}/#{$mdi-filename}-webfont.eot?v=#{$mdi-version}');
+  src: url('#{$mdi-font-path}/#{$mdi-filename}-webfont.eot?#iefix&v=#{$mdi-version}') format('embedded-opentype'),
+    url('#{$mdi-font-path}/#{$mdi-filename}-webfont.woff2?v=#{$mdi-version}') format('woff2'),
+    url('#{$mdi-font-path}/#{$mdi-filename}-webfont.woff?v=#{$mdi-version}') format('woff'),
+    url('#{$mdi-font-path}/#{$mdi-filename}-webfont.ttf?v=#{$mdi-version}') format('truetype'),
+    url('#{$mdi-font-path}/#{$mdi-filename}-webfont.svg?v=#{$mdi-version}##{$mdi-filename}#{$mdi-font-weight}') format('svg');
   font-weight: normal;
   font-style: normal;
 }

xstatic/pkg/mdi/data/scss/_variables.scss

@@ -1,4 +1,8 @@
+$mdi-filename:         "materialdesignicons";
+$mdi-font-name:        "Material Design Icons";
+$mdi-font-family:      "materialdesignicons";
+$mdi-font-weight:      "regular";
 $mdi-font-path:        "../fonts" !default;
 $mdi-font-size-base:   24px !default;
 $mdi-css-prefix:       mdi !default;
-$mdi-version:          "1.1.70" !default;
+$mdi-version:          "1.4.57" !default;

xstatic/pkg/mdi/data/scss/materialdesignicons.scss

@@ -2,4 +2,5 @@
 @import "variables";
 @import "path";
 @import "core";
-@import "icons";
+@import "icons";
+@import "extras";