material-sass 4.0.0.beta3 → 4.0.0

data/assets/javascripts/material/components/tab-switch.js

@@ -1,13 +1,16 @@
 /*
- * tab indicator animation
- * requires bootstrap's (v4.0.0-beta) tab.js
+ * Tab indicator animation
+ * Requires Bootstrap's (v4.0.0) `tab.js`
  */
 var TabSwitch = function ($) {
   // constants >>>
   var DATA_KEY = 'md.tabswitch';
   var NAME = 'tabswitch';
   var NO_CONFLICT = $.fn[NAME];
-  var TRANSITION_DURATION = 390;
+  var Breakpoints = {
+    DESKTOP: 992,
+    TABLET: 576
+  };
   var ClassName = {
     ANIMATE: 'animate',
     DROPDOWN_ITEM: 'dropdown-item',
@@ -22,7 +25,12 @@ var TabSwitch = function ($) {
   var Selector = {
     DATA_TOGGLE: '.nav-tabs [data-toggle="tab"]',
     DROPDOWN: '.dropdown',
-    NAV: '.nav-tabs' // <<< constants
+    NAV: '.nav-tabs'
+  };
+  var TransitionDuration = {
+    DESKTOP: 200,
+    MOBILE: 300,
+    TABLET: 390 // <<< constants
 
   };
 
@@ -30,10 +38,6 @@ var TabSwitch = function ($) {
   /*#__PURE__*/
   function () {
     function TabSwitch(nav) {
-      if (typeof $.fn.tab === 'undefined') {
-        throw new Error('Material\'s JavaScript requires Bootstrap\'s tab.js');
-      }
-
       this._nav = nav;
       this._navindicator = null;
     }
@@ -80,7 +84,15 @@ var TabSwitch = function ($) {
         return;
       }
 
-      $(this._navindicator).one(Util.TRANSITION_END, complete).emulateTransitionEnd(TRANSITION_DURATION);
+      var transitionDuration = TransitionDuration.MOBILE;
+
+      if (window.innerWidth >= Breakpoints.DESKTOP) {
+        transitionDuration = TransitionDuration.DESKTOP;
+      } else if (window.innerWidth >= Breakpoints.TABLET) {
+        transitionDuration = TransitionDuration.TABLET;
+      }
+
+      $(this._navindicator).one(Util.TRANSITION_END, complete).emulateTransitionEnd(transitionDuration);
     };
 
     _proto._createIndicator = function _createIndicator(navLeft, navScrollLeft, navWidth, relatedTarget) {
@@ -126,7 +138,7 @@ var TabSwitch = function ($) {
   }();
 
   $(document).on(Event.SHOW_BS_TAB, Selector.DATA_TOGGLE, function (event) {
-    TabSwitch._jQueryInterface.call($(event.target), event.relatedTarget);
+    TabSwitch._jQueryInterface.call($(this), event.relatedTarget);
   });
   $.fn[NAME] = TabSwitch._jQueryInterface;
   $.fn[NAME].Constructor = TabSwitch;
@@ -138,4 +150,3 @@ var TabSwitch = function ($) {
 
   return TabSwitch;
 }($);
-//# sourceMappingURL=tab-switch.js.map

data/assets/javascripts/material/components/util.js

@@ -1,16 +1,11 @@
 /*
- * global util js
- * based on bootstrap's (v4.0.0-beta) util.js
+ * Global util js
+ * Based on Bootstrap's (v4.0.0) `util.js`
  */
 var Util = function ($) {
   var MAX_UID = 1000000;
   var transition = false;
 
-  function escapeId(selector) {
-    selector = typeof $.escapeSelector === 'function' ? $.escapeSelector(selector).substr(1) : selector.replace(/(:|\.|\[|\]|,|=|@)/g, '\\$1');
-    return selector;
-  }
-
   function getSpecialTransitionEndEvent() {
     return {
       bindType: transition.end,
@@ -35,7 +30,7 @@ var Util = function ($) {
   }
 
   function toType(obj) {
-    return {}.toString.call(obj).match(/\s([a-zA-Z]+)/)[1].toLowerCase();
+    return {}.toString.call(obj).match(/\s([a-z]+)/i)[1].toLowerCase();
   }
 
   function transitionEndEmulator(duration) {
@@ -54,7 +49,7 @@ var Util = function ($) {
   }
 
   function transitionEndTest() {
-    if (window.QUnit) {
+    if (typeof window !== 'undefined' && window.QUnit) {
       return false;
     }
 
@@ -72,10 +67,6 @@ var Util = function ($) {
         selector = element.getAttribute('href') || '';
       }
 
-      if (selector.charAt(0) === '#') {
-        selector = escapeId(selector);
-      }
-
       try {
         var $selector = $(document).find(selector);
         return $selector.length > 0 ? selector : null;
@@ -120,4 +111,3 @@ var Util = function ($) {
   setTransitionEndSupport();
   return Util;
 }($);
-//# sourceMappingURL=util.js.map

data/assets/stylesheets/material/{_colours.scss → _colors.scss}

@@ -81,7 +81,7 @@ $material-color-deep-orange-900:  #bf360c !default;
 $material-color-deep-orange-a100: #ff9e80 !default;
 $material-color-deep-orange-a200: #ff6e40 !default;
 $material-color-deep-orange-a400: #ff3d00 !default;
-$material-color-deep-orange-a700: #ee2c00 !default;
+$material-color-deep-orange-a700: #dd2c00 !default;
 
 $material-color-deep-purple-050:  #ede7f6 !default;
 $material-color-deep-purple-100:  #d1c4e9 !default;
@@ -274,6 +274,419 @@ $material-color-yellow-a200:      #ffff00 !default;
 $material-color-yellow-a400:      #ffea00 !default;
 $material-color-yellow-a700:      #ffd600 !default;
 
+$ambers: () !default;
+$ambers: map-merge(
+  (
+    50:   $material-color-amber-050,
+    100:  $material-color-amber-100,
+    200:  $material-color-amber-200,
+    300:  $material-color-amber-300,
+    400:  $material-color-amber-400,
+    500:  $material-color-amber-500,
+    600:  $material-color-amber-600,
+    700:  $material-color-amber-700,
+    800:  $material-color-amber-800,
+    900:  $material-color-amber-900,
+    a100: $material-color-amber-a100,
+    a200: $material-color-amber-a200,
+    a400: $material-color-amber-a400,
+    a700: $material-color-amber-a700
+  ),
+  $ambers
+);
+
+$blues: () !default;
+$blues: map-merge(
+  (
+    50:   $material-color-blue-050,
+    100:  $material-color-blue-100,
+    200:  $material-color-blue-200,
+    300:  $material-color-blue-300,
+    400:  $material-color-blue-400,
+    500:  $material-color-blue-500,
+    600:  $material-color-blue-600,
+    700:  $material-color-blue-700,
+    800:  $material-color-blue-800,
+    900:  $material-color-blue-900,
+    a100: $material-color-blue-a100,
+    a200: $material-color-blue-a200,
+    a400: $material-color-blue-a400,
+    a700: $material-color-blue-a700
+  ),
+  $blues
+);
+
+$blue-greys: () !default;
+$blue-greys: map-merge(
+  (
+    50:   $material-color-blue-grey-050,
+    100:  $material-color-blue-grey-100,
+    200:  $material-color-blue-grey-200,
+    300:  $material-color-blue-grey-300,
+    400:  $material-color-blue-grey-400,
+    500:  $material-color-blue-grey-500,
+    600:  $material-color-blue-grey-600,
+    700:  $material-color-blue-grey-700,
+    800:  $material-color-blue-grey-800,
+    900:  $material-color-blue-grey-900
+  ),
+  $blue-greys
+);
+
+$browns: () !default;
+$browns: map-merge(
+  (
+    50:   $material-color-brown-050,
+    100:  $material-color-brown-100,
+    200:  $material-color-brown-200,
+    300:  $material-color-brown-300,
+    400:  $material-color-brown-400,
+    500:  $material-color-brown-500,
+    600:  $material-color-brown-600,
+    700:  $material-color-brown-700,
+    800:  $material-color-brown-800,
+    900:  $material-color-brown-900
+  ),
+  $browns
+);
+
+$cyans: () !default;
+$cyans: map-merge(
+  (
+    50:   $material-color-cyan-050,
+    100:  $material-color-cyan-100,
+    200:  $material-color-cyan-200,
+    300:  $material-color-cyan-300,
+    400:  $material-color-cyan-400,
+    500:  $material-color-cyan-500,
+    600:  $material-color-cyan-600,
+    700:  $material-color-cyan-700,
+    800:  $material-color-cyan-800,
+    900:  $material-color-cyan-900,
+    a100: $material-color-cyan-a100,
+    a200: $material-color-cyan-a200,
+    a400: $material-color-cyan-a400,
+    a700: $material-color-cyan-a700
+  ),
+  $cyans
+);
+
+$deep-oranges: () !default;
+$deep-oranges: map-merge(
+  (
+    50:   $material-color-deep-orange-050,
+    100:  $material-color-deep-orange-100,
+    200:  $material-color-deep-orange-200,
+    300:  $material-color-deep-orange-300,
+    400:  $material-color-deep-orange-400,
+    500:  $material-color-deep-orange-500,
+    600:  $material-color-deep-orange-600,
+    700:  $material-color-deep-orange-700,
+    800:  $material-color-deep-orange-800,
+    900:  $material-color-deep-orange-900,
+    a100: $material-color-deep-orange-a100,
+    a200: $material-color-deep-orange-a200,
+    a400: $material-color-deep-orange-a400,
+    a700: $material-color-deep-orange-a700
+  ),
+  $deep-oranges
+);
+
+$deep-purples: () !default;
+$deep-purples: map-merge(
+  (
+    50:   $material-color-deep-purple-050,
+    100:  $material-color-deep-purple-100,
+    200:  $material-color-deep-purple-200,
+    300:  $material-color-deep-purple-300,
+    400:  $material-color-deep-purple-400,
+    500:  $material-color-deep-purple-500,
+    600:  $material-color-deep-purple-600,
+    700:  $material-color-deep-purple-700,
+    800:  $material-color-deep-purple-800,
+    900:  $material-color-deep-purple-900,
+    a100: $material-color-deep-purple-a100,
+    a200: $material-color-deep-purple-a200,
+    a400: $material-color-deep-purple-a400,
+    a700: $material-color-deep-purple-a700
+  ),
+  $deep-purples
+);
+
+$greens: () !default;
+$greens: map-merge(
+  (
+    50:   $material-color-green-050,
+    100:  $material-color-green-100,
+    200:  $material-color-green-200,
+    300:  $material-color-green-300,
+    400:  $material-color-green-400,
+    500:  $material-color-green-500,
+    600:  $material-color-green-600,
+    700:  $material-color-green-700,
+    800:  $material-color-green-800,
+    900:  $material-color-green-900,
+    a100: $material-color-green-a100,
+    a200: $material-color-green-a200,
+    a400: $material-color-green-a400,
+    a700: $material-color-green-a700
+  ),
+  $greens
+);
+
+$greys: () !default;
+$greys: map-merge(
+  (
+    50:   $material-color-grey-050,
+    100:  $material-color-grey-100,
+    200:  $material-color-grey-200,
+    300:  $material-color-grey-300,
+    400:  $material-color-grey-400,
+    500:  $material-color-grey-500,
+    600:  $material-color-grey-600,
+    700:  $material-color-grey-700,
+    800:  $material-color-grey-800,
+    900:  $material-color-grey-900
+  ),
+  $greys
+);
+
+$indigos: () !default;
+$indigos: map-merge(
+  (
+    50:   $material-color-indigo-050,
+    100:  $material-color-indigo-100,
+    200:  $material-color-indigo-200,
+    300:  $material-color-indigo-300,
+    400:  $material-color-indigo-400,
+    500:  $material-color-indigo-500,
+    600:  $material-color-indigo-600,
+    700:  $material-color-indigo-700,
+    800:  $material-color-indigo-800,
+    900:  $material-color-indigo-900,
+    a100: $material-color-indigo-a100,
+    a200: $material-color-indigo-a200,
+    a400: $material-color-indigo-a400,
+    a700: $material-color-indigo-a700
+  ),
+  $indigos
+);
+
+$light-blues: () !default;
+$light-blues: map-merge(
+  (
+    50:   $material-color-light-blue-050,
+    100:  $material-color-light-blue-100,
+    200:  $material-color-light-blue-200,
+    300:  $material-color-light-blue-300,
+    400:  $material-color-light-blue-400,
+    500:  $material-color-light-blue-500,
+    600:  $material-color-light-blue-600,
+    700:  $material-color-light-blue-700,
+    800:  $material-color-light-blue-800,
+    900:  $material-color-light-blue-900,
+    a100: $material-color-light-blue-a100,
+    a200: $material-color-light-blue-a200,
+    a400: $material-color-light-blue-a400,
+    a700: $material-color-light-blue-a700
+  ),
+  $light-blues
+);
+
+$light-greens: () !default;
+$light-greens: map-merge(
+  (
+    50:   $material-color-light-green-050,
+    100:  $material-color-light-green-100,
+    200:  $material-color-light-green-200,
+    300:  $material-color-light-green-300,
+    400:  $material-color-light-green-400,
+    500:  $material-color-light-green-500,
+    600:  $material-color-light-green-600,
+    700:  $material-color-light-green-700,
+    800:  $material-color-light-green-800,
+    900:  $material-color-light-green-900,
+    a100: $material-color-light-green-a100,
+    a200: $material-color-light-green-a200,
+    a400: $material-color-light-green-a400,
+    a700: $material-color-light-green-a700
+  ),
+  $light-greens
+);
+
+$limes: () !default;
+$limes: map-merge(
+  (
+    50:   $material-color-lime-050,
+    100:  $material-color-lime-100,
+    200:  $material-color-lime-200,
+    300:  $material-color-lime-300,
+    400:  $material-color-lime-400,
+    500:  $material-color-lime-500,
+    600:  $material-color-lime-600,
+    700:  $material-color-lime-700,
+    800:  $material-color-lime-800,
+    900:  $material-color-lime-900,
+    a100: $material-color-lime-a100,
+    a200: $material-color-lime-a200,
+    a400: $material-color-lime-a400,
+    a700: $material-color-lime-a700
+  ),
+  $limes
+);
+
+$oranges: () !default;
+$oranges: map-merge(
+  (
+    50:   $material-color-orange-050,
+    100:  $material-color-orange-100,
+    200:  $material-color-orange-200,
+    300:  $material-color-orange-300,
+    400:  $material-color-orange-400,
+    500:  $material-color-orange-500,
+    600:  $material-color-orange-600,
+    700:  $material-color-orange-700,
+    800:  $material-color-orange-800,
+    900:  $material-color-orange-900,
+    a100: $material-color-orange-a100,
+    a200: $material-color-orange-a200,
+    a400: $material-color-orange-a400,
+    a700: $material-color-orange-a700
+  ),
+  $oranges
+);
+
+$pinks: () !default;
+$pinks: map-merge(
+  (
+    50:   $material-color-pink-050,
+    100:  $material-color-pink-100,
+    200:  $material-color-pink-200,
+    300:  $material-color-pink-300,
+    400:  $material-color-pink-400,
+    500:  $material-color-pink-500,
+    600:  $material-color-pink-600,
+    700:  $material-color-pink-700,
+    800:  $material-color-pink-800,
+    900:  $material-color-pink-900,
+    a100: $material-color-pink-a100,
+    a200: $material-color-pink-a200,
+    a400: $material-color-pink-a400,
+    a700: $material-color-pink-a700
+  ),
+  $pinks
+);
+
+$purples: () !default;
+$purples: map-merge(
+  (
+    50:   $material-color-purple-050,
+    100:  $material-color-purple-100,
+    200:  $material-color-purple-200,
+    300:  $material-color-purple-300,
+    400:  $material-color-purple-400,
+    500:  $material-color-purple-500,
+    600:  $material-color-purple-600,
+    700:  $material-color-purple-700,
+    800:  $material-color-purple-800,
+    900:  $material-color-purple-900,
+    a100: $material-color-purple-a100,
+    a200: $material-color-purple-a200,
+    a400: $material-color-purple-a400,
+    a700: $material-color-purple-a700
+  ),
+  $purples
+);
+
+$reds: () !default;
+$reds: map-merge(
+  (
+    50:   $material-color-red-050,
+    100:  $material-color-red-100,
+    200:  $material-color-red-200,
+    300:  $material-color-red-300,
+    400:  $material-color-red-400,
+    500:  $material-color-red-500,
+    600:  $material-color-red-600,
+    700:  $material-color-red-700,
+    800:  $material-color-red-800,
+    900:  $material-color-red-900,
+    a100: $material-color-red-a100,
+    a200: $material-color-red-a200,
+    a400: $material-color-red-a400,
+    a700: $material-color-red-a700
+  ),
+  $reds
+);
+
+$teals: () !default;
+$teals: map-merge(
+  (
+    50:   $material-color-teal-050,
+    100:  $material-color-teal-100,
+    200:  $material-color-teal-200,
+    300:  $material-color-teal-300,
+    400:  $material-color-teal-400,
+    500:  $material-color-teal-500,
+    600:  $material-color-teal-600,
+    700:  $material-color-teal-700,
+    800:  $material-color-teal-800,
+    900:  $material-color-teal-900,
+    a100: $material-color-teal-a100,
+    a200: $material-color-teal-a200,
+    a400: $material-color-teal-a400,
+    a700: $material-color-teal-a700
+  ),
+  $teals
+);
+
+$yellows: () !default;
+$yellows: map-merge(
+  (
+    50:   $material-color-yellow-050,
+    100:  $material-color-yellow-100,
+    200:  $material-color-yellow-200,
+    300:  $material-color-yellow-300,
+    400:  $material-color-yellow-400,
+    500:  $material-color-yellow-500,
+    600:  $material-color-yellow-600,
+    700:  $material-color-yellow-700,
+    800:  $material-color-yellow-800,
+    900:  $material-color-yellow-900,
+    a100: $material-color-yellow-a100,
+    a200: $material-color-yellow-a200,
+    a400: $material-color-yellow-a400,
+    a700: $material-color-yellow-a700
+  ),
+  $yellows
+);
+
+$colors: () !default;
+$colors: map-merge(
+  (
+    'amber':       $material-color-amber-500,
+    'blue':        $material-color-blue-500,
+    'blue-grey':   $material-color-blue-grey-500,
+    'brown':       $material-color-brown-500,
+    'cyan':        $material-color-cyan-500,
+    'deep-orange': $material-color-deep-orange-500,
+    'deep-purple': $material-color-deep-purple-500,
+    'green':       $material-color-green-500,
+    'grey':        $material-color-grey-500,
+    'indigo':      $material-color-indigo-500,
+    'light-blue':  $material-color-light-blue-500,
+    'light-green': $material-color-light-green-500,
+    'lime':        $material-color-lime-500,
+    'orange':      $material-color-orange-500,
+    'pink':        $material-color-pink-500,
+    'purple':      $material-color-purple-500,
+    'red':         $material-color-red-500,
+    'teal':        $material-color-teal-500,
+    'yellow':      $material-color-yellow-500
+  ),
+  $colors
+);
+
 // Black and white
 // Based on https://material.google.com/style/color.html#color-text-background-colors
 
@@ -284,11 +697,6 @@ $black-secondary-opacity: 0.54 !default;
 $black-hint-opacity:      0.38 !default;
 $black-divider-opacity:   0.12 !default;
 
-$black-primary-solid:     #212121 !default;
-$black-secondary-solid:   #757575 !default;
-$black-hint-solid:        #9e9e9e !default;
-$black-divider-solid:     #e1e1e1 !default;
-
 $black-primary:           rgba(red($black), green($black), blue($black), $black-primary-opacity) !default;
 $black-secondary:         rgba(red($black), green($black), blue($black), $black-secondary-opacity) !default;
 $black-hint:              rgba(red($black), green($black), blue($black), $black-hint-opacity) !default;