foundation-rails 6.1.1.3 → 6.1.2.0

data/vendor/assets/js/foundation.util.nest.js

@@ -13,10 +13,9 @@
         var $item = $(this),
             $sub = $item.children('ul');
         if($sub.length){
-          $item.addClass('has-submenu ' + hasSubClass)
+          $item.addClass(hasSubClass)
                .attr({
                  'aria-haspopup': true,
-                 'aria-selected': false,
                  'aria-expanded': false,
                  'aria-label': $item.children('a:first').text()
                });
@@ -42,7 +41,7 @@
       // menu.find('.is-active').removeClass('is-active');
       menu.find('*')
       // menu.find('.' + subMenuClass + ', .' + subItemClass + ', .is-active, .has-submenu, .is-submenu-item, .submenu, [data-submenu]')
-          .removeClass(subMenuClass + ' ' + subItemClass + ' ' + hasSubClass + ' has-submenu is-submenu-item submenu is-active')
+          .removeClass(subMenuClass + ' ' + subItemClass + ' ' + hasSubClass + ' is-submenu-item submenu is-active')
           .removeAttr('data-submenu').css('display', '');
 
       // console.log(      menu.find('.' + subMenuClass + ', .' + subItemClass + ', .has-submenu, .is-submenu-item, .submenu, [data-submenu]')

data/vendor/assets/js/foundation.util.timerAndImageLoader.js

@@ -8,6 +8,8 @@
         start,
         timer;
 
+    this.isPaused = false;
+    
     this.restart = function(){
       remain = -1;
       clearTimeout(timer);
@@ -15,6 +17,7 @@
     };
 
     this.start = function(){
+      this.isPaused = false
       // if(!elem.data('paused')){ return false; }//maybe implement this sanity check if used for other things.
       clearTimeout(timer);
       remain = remain <= 0 ? duration : remain;
@@ -30,6 +33,7 @@
     };
 
     this.pause = function(){
+      this.isPaused = true;
       //if(elem.data('paused')){ return false; }//maybe implement this sanity check if used for other things.
       clearTimeout(timer);
       elem.data('paused', true);

data/vendor/assets/js/foundation.util.touch.js

@@ -96,10 +96,23 @@
             touchmove: 'mousemove',
             touchend: 'mouseup'
           },
-          type = eventTypes[event.type];
-
-      var simulatedEvent = document.createEvent('MouseEvent');
-      simulatedEvent.initMouseEvent(type, true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY, false, false, false, false, 0/*left*/, null);
+          type = eventTypes[event.type],
+          simulatedEvent
+        ;
+
+      if('MouseEvent' in window && typeof window.MouseEvent === 'function') {
+        simulatedEvent = window.MouseEvent(type, {
+          'bubbles': true,
+          'cancelable': true,
+          'screenX': first.screenX,
+          'screenY': first.screenY,
+          'clientX': first.clientX,
+          'clientY': first.clientY
+        });
+      } else {
+        simulatedEvent = document.createEvent('MouseEvent');
+        simulatedEvent.initMouseEvent(type, true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY, false, false, false, false, 0/*left*/, null);
+      }
       first.target.dispatchEvent(simulatedEvent);
     };
   };

data/vendor/assets/js/foundation.util.triggers.js

@@ -25,9 +25,11 @@
   });
 
   // Elements with [data-closable] will respond to close.zf.trigger events.
-  $(document).on('close.zf.trigger', '[data-closable]', function() {
-    var animation = $(this).data('closable') || 'fade-out';
-    if(Foundation.Motion){
+  $(document).on('close.zf.trigger', '[data-closable]', function(e){
+    e.stopPropagation();
+    var animation = $(this).data('closable');
+
+    if(animation !== ''){
       Foundation.Motion.animateOut($(this), animation, function() {
         $(this).trigger('closed.zf');
       });

data/vendor/assets/scss/_global.scss

@@ -194,6 +194,15 @@ $foundation-colors: (
     border-radius: $global-radius;
     line-height: 1;
   }
+
+  // Internal classes to show/hide elements in JavaScript
+  .is-visible {
+    display: block !important;
+  }
+
+  .is-hidden {
+    display: none !important;
+  }
 }
 
 /// Loads normalize.css.
@@ -572,13 +581,14 @@ $foundation-colors: (
 
   /**
    * Define consistent border, margin, and padding.
+   * [NOTE] We don't enable this ruleset in Foundation, because we want the <fieldset> element to have plain styling.
    */
 
-  fieldset {
+  /* fieldset {
     border: 1px solid #c0c0c0;
     margin: 0 2px;
     padding: 0.35em 0.625em 0.75em;
-  }
+  } */
 
   /**
    * 1. Correct `color` not being inherited in IE 8/9/10/11.

data/vendor/assets/scss/components/_accordion.scss

@@ -47,6 +47,7 @@ $accordion-content-padding: 1rem !default;
   list-style-type: none;
   background: $accordion-background;
   border: $accordion-content-border;
+  border-bottom: 0;
   border-radius: $global-radius;
   margin-#{$global-left}: 0;
 }
@@ -66,11 +67,6 @@ $accordion-content-padding: 1rem !default;
     background-color: $accordion-item-background-hover;
   }
 
-  // Remove the border on the last title
-  :last-child > & {
-    border-bottom-width: 0;
-  }
-
   @if $accordion-plusminus {
     &::before {
       content: '+';

data/vendor/assets/scss/components/_button-group.scss

@@ -43,11 +43,15 @@ $buttongroup-expand-max: 6 !default;
 }
 
 /// Creates a full-width button group, making each button equal width.
-/// @param {Keyword|Number} $count [auto] - Number of buttons inside the button group. Set to `auto` to generate CSS that will account for a variable number of buttons.
 /// @param {String} $selector [$buttongroup-child-selector] - Selector for the buttons inside a button group.
 @mixin button-group-expand(
-  $selector: $buttongroup-child-selector
+  $selector: $buttongroup-child-selector,
+  $count: null
 ) {
+  @if $count != null {
+    @warn 'button-group-expand(): the $count property is no longer needed. This parameter will be removed in Foundation 6.2.';
+  }
+
   display: table;
   table-layout: fixed;
   width: 100%;
@@ -126,5 +130,16 @@ $buttongroup-expand-max: 6 !default;
         @include button-group-unstack;
       }
     }
+
+    &.stacked-for-small.expanded {
+      @include breakpoint(small only) {
+        display: block;
+
+        #{$buttongroup-child-selector} {
+          display: block;
+          border-right: 0;
+        }
+      }
+    }
   }
 }

data/vendor/assets/scss/components/_button.scss

@@ -99,20 +99,13 @@ $button-opacity-disabled: 0.25 !default;
   $color: $button-color
 ) {
   @if $color == auto {
-    $color: isitlight($background);
+    $color: foreground($background);
   }
 
   @if $background-hover == auto {
     $background-hover: scale-color($background, $lightness: -20%);
   }
 
-  @if lightness($background) >= 70% {
-    $color: $button-color-alt;
-  }
-  @else {
-    $color: $button-color;
-  }
-
   background-color: $background;
   color: $color;
 

data/vendor/assets/scss/components/_drilldown.scss

@@ -64,12 +64,12 @@ $drilldown-background: $white !default;
       }
     }
 
-    .js-drilldown-back::before {
+    .js-drilldown-back > a::before {
       @include css-triangle(6px, $drilldown-arrow-color, $global-left);
-      float: $global-left;
+      border-#{$global-left}-width: 0;
+      display: inline-block;
+      vertical-align: middle;
       margin-#{$global-right}: 0.75rem; // Creates space between the arrow and the text
-      margin-#{$global-left}: 0.6rem; // Lines the tip of the arrow with the items below
-      margin-top: 14px; // Aligns the arrow with the text
     }
   }
 }

data/vendor/assets/scss/components/_dropdown-menu.scss

@@ -36,113 +36,126 @@ $dropdownmenu-border-width: nth($dropdownmenu-border, 1);
     a {
       @include disable-mouse-outline;
     }
-    .is-dropdown-submenu-parent {
-      position: relative;
+    &:not(.vertical) {
 
-      a::after {
-        float: $global-right;
-        margin-top: 3px;
-        margin-#{$global-left}: 10px;
-      }
-
-      @if $dropdownmenu-arrows {
-        &.is-down-arrow a {
-          padding-#{$global-right}: 1.5rem;
-          position: relative;
-        }
-
-        &.is-down-arrow > a::after {
-          @include css-triangle(5px, $dropdownmenu-arrow-color, down);
-          position: absolute;
-          top: rem-calc(2px) + rem-calc(get-side($menu-item-padding, top));
-          #{$global-right}: 5px;
-        }
-
-        &.is-left-arrow > a::after {
-          @include css-triangle(5px, $dropdownmenu-arrow-color, left);
-          float: left;
-          margin-left: 0;
-          margin-right: 10px;
-        }
+    }
+    .no-js & ul {
+      display: none;
+    }
 
-        &.is-right-arrow > a::after {
-          @include css-triangle(5px, $dropdownmenu-arrow-color, right);
+    &:not(.vertical) {
+      .is-dropdown-submenu {
+        &.first-sub {
+          top: 100%;
+          #{$global-left}: 0;
+          #{$global-right}: auto;
         }
       }
+    }
 
-      &.is-left-arrow.opens-inner .submenu {
-        right: 0;
-        left: auto;
-      }
-
-      &.is-right-arrow.opens-inner .submenu {
-        left: 0;
-        right: auto;
-      }
-      
-      &.opens-inner .submenu {
+    &.align-right {
+      .is-dropdown-submenu.first-sub {
         top: 100%;
+        left: auto;
+        right: 0;
       }
     }
+  }
 
-    .no-js & ul {
-      display: none;
+  .is-dropdown-menu.vertical {
+    width: 100px;
+
+    &.align-right {
+      float: right;
     }
 
-    .submenu {
-      display: none;
-      position: absolute;
+    > li .is-dropdown-submenu {
       top: 0;
       left: 100%;
-      min-width: $dropdownmenu-min-width;
-      z-index: 1;
-      background: $dropdownmenu-background;
-      border: $dropdownmenu-border;
+    }
+  }
 
-      @if (type-of($dropdownmenu-border-width) == 'number') {
-        margin-top: (-$dropdownmenu-border-width);
+  .is-dropdown-submenu-parent {
+    position: relative;
+
+    a::after {
+      float: $global-right;
+      margin-top: 3px;
+      margin-#{$global-left}: 10px;
+    }
+
+    @if $dropdownmenu-arrows {
+      &.is-down-arrow a {
+        padding-#{$global-right}: 1.5rem;
+        position: relative;
       }
 
-      > li {
-        width: 100%;
+      &.is-down-arrow > a::after {
+        @include css-triangle(5px, $dropdownmenu-arrow-color, down);
+        position: absolute;
+        top: rem-calc(2px) + rem-calc(get-side($menu-item-padding, top));
+        #{$global-right}: 5px;
       }
 
-      &.first-sub {
-        top: 100%;
-        left: 0;
-        right: auto;
+      &.is-left-arrow > a::after {
+        @include css-triangle(5px, $dropdownmenu-arrow-color, left);
+        float: left;
+        margin-left: 0;
+        margin-right: 10px;
       }
 
-      &:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > &,
-      &.js-dropdown-active {
-        display: block;
+      &.is-right-arrow > a::after {
+        @include css-triangle(5px, $dropdownmenu-arrow-color, right);
       }
     }
 
-    .is-dropdown-submenu-parent.opens-left .submenu {
+    &.is-left-arrow.opens-inner .is-dropdown-submenu {
+      right: 0;
       left: auto;
-      right: 100%;
     }
 
-    &.align-right {
-      .submenu.first-sub {
-        top: 100%;
-        left: auto;
-        right: 0;
-      }
+    &.is-right-arrow.opens-inner .is-dropdown-submenu {
+      left: 0;
+      right: auto;
+    }
+
+    &.opens-inner .is-dropdown-submenu {
+      top: 100%;
+    }
+
+    &.opens-left .is-dropdown-submenu {
+      left: auto;
+      right: 100%;
     }
   }
 
-  .is-dropdown-menu.vertical {
-    width: 100px;
 
-    &.align-right {
-      float: right;
+  .is-dropdown-submenu {
+    display: none;
+    position: absolute;
+    top: 0;
+    #{$global-left}: 100%;
+    min-width: $dropdownmenu-min-width;
+    z-index: 1;
+    background: $dropdownmenu-background;
+    border: $dropdownmenu-border;
+
+    @if (type-of($dropdownmenu-border-width) == 'number') {
+      .is-dropdown-submenu {
+        margin-top: (-$dropdownmenu-border-width);
+      }
     }
 
-    > li .submenu {
-      top: 0;
-      left: 100%;
+    > li {
+      width: 100%;
+    }
+
+
+    // [TODO] Cut back specificity
+    // scss-lint:disable SelectorDepth
+    &:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > &,
+    &.js-dropdown-active {
+      display: block;
     }
   }
 }

data/vendor/assets/scss/components/_dropdown.scss

@@ -16,7 +16,7 @@ $dropdown-border: 1px solid $medium-gray !default;
 
 /// Font size for dropdown panes.
 /// @type List
-$dropdown-font-size: 16rem !default;
+$dropdown-font-size: 1rem !default;
 
 /// Width for dropdown panes.
 /// @type Number
@@ -38,13 +38,14 @@ $dropdown-sizes: (
 @mixin dropdown-container {
   background-color: $body-background;
   border: $dropdown-border;
+  border-radius: $dropdown-radius;
   display: block;
+  font-size: $dropdown-font-size;
   padding: $dropdown-padding;
   position: absolute;
   visibility: hidden;
   width: $dropdown-width;
   z-index: 10;
-  border-radius: $dropdown-radius;
 
   &.is-open {
     visibility: visible;