@elliemae/ds-basic 3.50.1-next.8 → 3.51.0-beta.1

package/dist/styles/components/packages/ds-basic/static-build/styles/base/grid/util/_unit.scss

@@ -104,7 +104,6 @@ $global-font-size: 100% !default;
 ///
 /// @return {Number} - Unitless number
 @function unitless-calc($value, $base: null) {
-
   // If no base is defined, defer to the global font size
   @if $base == null {
     $base: $global-font-size;

package/dist/styles/components/packages/ds-basic/static-build/styles/base/grid/util/_value.scss

@@ -37,28 +37,37 @@
     @return $val;
   }
   @if $length == 2 {
-    @return map-get((
-      top: nth($val, 1),
-      bottom: nth($val, 1),
-      left: nth($val, 2),
-      right: nth($val, 2),
-    ), $side);
+    @return map-get(
+      (
+        top: nth($val, 1),
+        bottom: nth($val, 1),
+        left: nth($val, 2),
+        right: nth($val, 2),
+      ),
+      $side
+    );
   }
   @if $length == 3 {
-    @return map-get((
-      top: nth($val, 1),
-      left: nth($val, 2),
-      right: nth($val, 2),
-      bottom: nth($val, 3),
-    ), $side);
+    @return map-get(
+      (
+        top: nth($val, 1),
+        left: nth($val, 2),
+        right: nth($val, 2),
+        bottom: nth($val, 3),
+      ),
+      $side
+    );
   }
   @if $length == 4 {
-    @return map-get((
-      top: nth($val, 1),
-      right: nth($val, 2),
-      bottom: nth($val, 3),
-      left: nth($val, 4),
-    ), $side);
+    @return map-get(
+      (
+        top: nth($val, 1),
+        right: nth($val, 2),
+        bottom: nth($val, 3),
+        left: nth($val, 4),
+      ),
+      $side
+    );
   }
 }
 
@@ -126,17 +135,14 @@
 
     @if $keep == 'keys' {
       @return $keys;
-    }
-    @else if $keep == 'values' {
+    } @else if $keep == 'values' {
       @return $values;
-    }
-    @else {
+    } @else {
       @return zip($keys, $values);
     }
   }
 
-  @return if(type-of($map) != 'list', ($value,), $map);
-
+  @return if(type-of($map) != 'list', ($value), $map);
 }
 
 /// Safely return a value from a map.
@@ -149,12 +155,10 @@
   @if (type-of($map) == 'map' or (type-of($map) == 'list' and length($map) == 0)) {
     @if (map-has-key($map, $key)) {
       @return map-get($map, $key);
-    }
-    @else {
+    } @else {
       @error 'Key: `#{$key}` is not available in `#{$map}`';
     }
-  }
-  @else {
+  } @else {
     @error '`#{$map}` is not a valid map';
   }
 }

package/dist/styles/components/packages/ds-basic/static-build/styles/base/grid/xy-grid/_cell.scss

@@ -9,18 +9,14 @@
 /// Calculate the percentage size of a cell.
 ///
 /// @param {Number|List} $size [$grid-columns] - Size to make the cell. You can pass a value in multiple formats, such as `6`, `50%`, `1 of 2 or 1/3.
-@function xy-cell-size(
-  $size: $grid-columns
-) {
+@function xy-cell-size($size: $grid-columns) {
   // Parsing percents, decimals, n of n and number counts
   @if type-of($size) == 'number' {
     @if unit($size) == '%' {
       $size: $size;
-    }
-    @else if $size < 1 {
+    } @else if $size < 1 {
       $size: percentage($size);
-    }
-    @else {
+    } @else {
       $size: percentage($size / $grid-columns);
     }
   }
@@ -29,8 +25,7 @@
   @else if type-of($size) == 'list' {
     @if length($size) != 3 {
       @error 'Wrong syntax for xy-cell-size(). Use the format "n of n" or "n/n".';
-    }
-    @else {
+    } @else {
       $size: percentage(nth($size, 1) / nth($size, 3));
     }
   }
@@ -46,19 +41,16 @@
 ///
 /// @param {Keyword} $size [full] - The size of your cell. Accepts `full`, `auto`, `shrink` or `grow`.
 @mixin xy-cell-base($size: full) {
-  @if($size == 'full') {
+  @if ($size == 'full') {
     // This is the base style, all others inherit from it
     flex: 0 0 auto;
     min-height: 0px;
     min-width: 0px;
-  }
-  @else if ($size == 'auto') {
+  } @else if ($size == 'auto') {
     flex: 1 1 0px; // sass-lint:disable-line zero-unit
-  }
-  @else if ($size == 'shrink') {
+  } @else if ($size == 'shrink') {
     flex: 0 0 auto;
-  }
-  @else if ($size == 'grow') {
+  } @else if ($size == 'grow') {
     flex: 1 0 auto;
   }
 }
@@ -75,18 +67,15 @@
 // Sets our cell widths or heights depending on gutter type.
 @mixin -xy-cell-properties($size, $margin-gutter, $vertical) {
   $direction: if($vertical == true, height, width);
-  @if($size == 'full') {
+  @if ($size == 'full') {
     $val: if($margin-gutter == 0, 100%, calc(100% - #{rem-calc($margin-gutter)}));
     #{$direction}: $val;
-  }
-  @else if ($size == 'auto') {
+  } @else if ($size == 'auto') {
     #{$direction}: auto;
     $val: if($margin-gutter == 0, 100%, calc(100% - #{rem-calc($margin-gutter)}));
-  }
-  @else if ($size == 'shrink') {
+  } @else if ($size == 'shrink') {
     #{$direction}: auto;
-  }
-  @else {
+  } @else {
     $val: if($margin-gutter == 0, #{xy-cell-size($size)}, calc(#{xy-cell-size($size)} - #{rem-calc($margin-gutter)}));
     #{$direction}: $val;
   }
@@ -110,12 +99,11 @@
   $breakpoint: null,
   $vertical: false
 ) {
-  @if($breakpoint == null) {
+  @if ($breakpoint == null) {
     // If `$bp-size` is available then use this, otherwise revert to the smallest bp.
-    @if(variable-exists(-zf-size) and type-of($-zf-size) != 'number') and $-zf-size != null {
+    @if (variable-exists(-zf-size) and type-of($-zf-size) != 'number') and $-zf-size != null {
       $breakpoint: $-zf-size;
-    }
-    @else {
+    } @else {
       $breakpoint: $-zf-zero-breakpoint;
     }
   }
@@ -126,10 +114,9 @@
   // Base flex properties
   @include xy-cell-base($size);
 
-  @if($gutter-type == 'margin') {
+  @if ($gutter-type == 'margin') {
     @include -xy-cell-properties($size, $gutter, $vertical);
-  }
-  @else {
+  } @else {
     @include -xy-cell-properties($size, 0, $vertical);
   }
 
@@ -154,19 +141,17 @@
   $breakpoint: $-zf-zero-breakpoint,
   $vertical: false
 ) {
-
   $gutter: -zf-get-bp-val($gutters, $breakpoint);
   $gutter-position: if($vertical == true, top bottom, left right);
 
-  @if($gutter-type == 'margin') {
+  @if ($gutter-type == 'margin') {
     @include -xy-cell-properties($size, $gutter, $vertical);
-  }
-  @else {
+  } @else {
     @include -xy-cell-properties($size, 0, $vertical);
   }
 
   // If we want to output the gutters
-  @if($gutter-output) {
+  @if ($gutter-output) {
     // TODO: Figure out if we need to pass breakpoint in here too.
     @include xy-gutters($gutter, $gutter-type, $gutter-position);
   }

package/dist/styles/components/packages/ds-basic/static-build/styles/base/grid/xy-grid/_classes.scss

@@ -8,7 +8,6 @@
 
 // Margin Grid classes
 @mixin xy-base-grid-classes {
-
   // Grid Container
   .grid-container {
     @include xy-grid-container;
@@ -38,7 +37,6 @@
     &.shrink {
       @include xy-cell-base(shrink);
     }
-
   }
   .grid-x {
     > .auto {
@@ -57,9 +55,9 @@
     // https://github.com/zurb/foundation-sites/pull/10222 and
     // https://github.com/zurb/foundation-sites/pull/10164
     .grid-x {
-      $str: "> .#{$-zf-size}-shrink, > .#{$-zf-size}-full";
+      $str: '> .#{$-zf-size}-shrink, > .#{$-zf-size}-full';
       @for $i from 1 through $grid-columns {
-        $str: $str + ", > .#{$-zf-size}-#{$i}"
+        $str: $str + ', > .#{$-zf-size}-#{$i}';
       }
       #{$str} {
         flex-basis: auto;
@@ -120,11 +118,7 @@
 }
 
 // Margin Grid classes
-@mixin xy-margin-grid-classes(
-  $gutter-position: left right,
-  $vertical: false,
-  $wrapping-selector: '.grid-margin-x'
-){
+@mixin xy-margin-grid-classes($gutter-position: left right, $vertical: false, $wrapping-selector: '.grid-margin-x') {
   #{$wrapping-selector} {
     @include xy-gutters($negative: true, $gutter-position: $gutter-position);
 
@@ -135,7 +129,13 @@
 
     // base styles need to all be before the auto and shrink styles
     @include -zf-each-breakpoint() {
-      @if(type-of($grid-margin-gutters) == 'map' and map-has-key($grid-margin-gutters, $-zf-size) and $-zf-size != $-zf-zero-breakpoint) {
+      @if (
+        type-of($grid-margin-gutters) ==
+          'map' and
+          map-has-key($grid-margin-gutters, $-zf-size) and
+          $-zf-size !=
+          $-zf-zero-breakpoint
+      ) {
         > .cell {
           @include xy-cell-static($breakpoint: $-zf-size, $vertical: $vertical);
         }
@@ -143,12 +143,11 @@
     }
 
     @include -zf-each-breakpoint() {
-
       // This is purely for responsive gutters - the margin grid has to go back and adjust widths (or heights)
       // for prior breakpoints based on the responsive gutter.
-      @if(type-of($grid-margin-gutters) == 'map' and map-has-key($grid-margin-gutters, $-zf-size)) {
+      @if (type-of($grid-margin-gutters) == 'map' and map-has-key($grid-margin-gutters, $-zf-size)) {
         @each $bp in -zf-breakpoints-less-than($-zf-size) {
-          @if(map-has-key($grid-margin-gutters, $bp)) {
+          @if (map-has-key($grid-margin-gutters, $bp)) {
             @include -xy-breakpoint-cell-classes($bp, $-zf-size, $vertical);
           }
         }
@@ -162,7 +161,6 @@
 // Padding Grid classes
 @mixin xy-padding-grid-classes {
   .grid-padding-x {
-
     // Negative margin for nested grids
     .grid-padding-x {
       @include xy-gutters($negative: true);
@@ -198,9 +196,9 @@
       @for $i from 1 through $xy-block-grid-max {
         // This is purely for responsive gutters - the margin grid has to go back and adjust widths (or heights)
         // for prior breakpoints based on the responsive gutter.
-        @if(type-of($grid-margin-gutters) == 'map' and map-has-key($grid-margin-gutters, $-zf-size)) {
+        @if (type-of($grid-margin-gutters) == 'map' and map-has-key($grid-margin-gutters, $-zf-size)) {
           @each $bp in -zf-breakpoints-less-than($-zf-size) {
-            @if(map-has-key($grid-margin-gutters, $bp)) {
+            @if (map-has-key($grid-margin-gutters, $bp)) {
               .grid-margin-x.#{$bp}-up-#{$i} {
                 @include xy-grid-layout($i, '.cell', false, $gutter-type: margin, $breakpoint: $bp);
               }
@@ -253,11 +251,7 @@
 }
 
 // Vertical Grid classes
-@mixin xy-vertical-grid-classes(
-  $margin-grid: true,
-  $padding-grid: true
-) {
-
+@mixin xy-vertical-grid-classes($margin-grid: true, $padding-grid: true) {
   @include -zf-each-breakpoint() {
     @if not($-zf-size == small) {
     }
@@ -266,7 +260,6 @@
   .grid-y {
     @include xy-grid(vertical, false);
 
-
     > .cell {
       @include xy-cell-reset();
     }
@@ -279,15 +272,14 @@
       @include xy-cell-static(shrink, false, $breakpoint: $-zf-size, $vertical: true);
     }
 
-
     @include -zf-each-breakpoint() {
       // This is a bit of a hack/workaround, see these issues and PRs for the backstory:
       // https://github.com/zurb/foundation-sites/issues/10244
       // https://github.com/zurb/foundation-sites/pull/10222 and
       // https://github.com/zurb/foundation-sites/pull/10164
-      $str: "> .#{$-zf-size}-shrink, > .#{$-zf-size}-full";
+      $str: '> .#{$-zf-size}-shrink, > .#{$-zf-size}-full';
       @for $i from 1 through $grid-columns {
-        $str: $str + ", > .#{$-zf-size}-#{$i}"
+        $str: $str + ', > .#{$-zf-size}-#{$i}';
       }
       #{$str} {
         flex-basis: auto;
@@ -304,7 +296,6 @@
         > .#{$-zf-size}-shrink {
           @include xy-cell-static(shrink, false, $breakpoint: $-zf-size, $vertical: true);
         }
-
       }
 
       @for $i from 1 through $grid-columns {
@@ -313,7 +304,6 @@
           @include xy-cell-static($i, false, $vertical: true, $gutter-type: padding);
         }
       }
-
     }
   }
 
@@ -334,7 +324,6 @@
   @if $margin-grid {
     @include xy-margin-grid-classes(top bottom, true, '.grid-margin-y');
   }
-
 }
 
 @mixin xy-frame-grid-classes($vertical-grid: true, $margin-grid: true) {
@@ -355,14 +344,11 @@
     @include xy-cell-block(true);
   }
 
-
   .cell-block-container {
     @include xy-cell-block-container();
   }
 
-
   @include -zf-each-breakpoint(false) {
-
     .#{$-zf-size}-grid-frame {
       @include xy-grid-frame;
     }
@@ -396,7 +382,6 @@
           width: auto;
           @include xy-grid-frame(true);
         }
-
       }
     }
     .cell {
@@ -434,43 +419,42 @@
   $vertical-grid: true,
   $frame-grid: true
 ) {
-
   // Base grid styles
-  @if($base-grid) {
+  @if ($base-grid) {
     @include xy-base-grid-classes();
   }
 
   // Margin grid
-  @if($margin-grid) {
+  @if ($margin-grid) {
     @include xy-margin-grid-classes();
   }
 
   // Padding grid
-  @if($padding-grid) {
+  @if ($padding-grid) {
     @include xy-padding-grid-classes();
   }
 
   // Block grid
-  @if($block-grid) {
+  @if ($block-grid) {
     @include xy-block-grid-classes($margin-grid, $padding-grid);
   }
 
   // Collapse gutters
-  @if($collapse) {
+  @if ($collapse) {
     @include xy-collapse-grid-classes($margin-grid, $padding-grid);
   }
 
   // Offset gutters
-  @if($offset) {
+  @if ($offset) {
     @include xy-offset-cell-classes();
   }
 
   // Vertical grid
-  @if($vertical-grid) {
+  @if ($vertical-grid) {
     @include xy-vertical-grid-classes($margin-grid, $padding-grid);
   }
 
   @if ($frame-grid) {
-    @include xy-frame-grid-classes($vertical-grid, $margin-grid)
+    @include xy-frame-grid-classes($vertical-grid, $margin-grid);
   }
 }

package/dist/styles/components/packages/ds-basic/static-build/styles/base/grid/xy-grid/_collapse.scss

@@ -19,7 +19,6 @@
 ) {
   // First, lets negate any margins on the top level
   @if ($gutter-type == 'margin') {
-
     @include breakpoint($min-breakpoint) {
       @each $value in $gutter-position {
         margin-#{$value}: 0;
@@ -36,7 +35,7 @@
 
     // Output new widths to not include gutters
     @each $bp in $breakpoint-classes {
-      @if(sl-contain($excluded-bps, $bp)) {
+      @if (sl-contain($excluded-bps, $bp)) {
         @include breakpoint($min-breakpoint) {
           @for $i from 1 through $grid-columns {
             // Sizing (percentage)
@@ -54,11 +53,9 @@
             }
           }
         }
-      } 
+      }
     }
-  }
-  @else {
-
+  } @else {
     @include breakpoint($min-breakpoint) {
       @each $value in $gutter-position {
         margin-#{$value}: 0;

package/dist/styles/components/packages/ds-basic/static-build/styles/base/grid/xy-grid/_frame.scss

@@ -5,14 +5,7 @@
 /// @param {Number|Map} $gutters [null] - Map or single value for gutters.
 /// @param {String} $breakpoint [null] - The name of the breakpoint size in your gutters map to get the size from.
 /// @param {Boolean} $include-base [true] - Include the base styles that don't vary per breakpoint.
-@mixin xy-grid-frame(
-  $vertical: false,
-  $nested: false,
-  $gutters: null,
-  $breakpoint: null,
-  $include-base: true
-) {
-
+@mixin xy-grid-frame($vertical: false, $nested: false, $gutters: null, $breakpoint: null, $include-base: true) {
   @if $include-base {
     overflow: hidden;
     position: relative;
@@ -39,8 +32,7 @@
         $gutter: rem-calc($gutter);
         width: calc(#{$unit} + #{$gutter});
       }
-    }
-    @else {
+    } @else {
       @if $vertical == true {
         height: if($nested == true, 100%, 100vh);
       } @else {
@@ -53,9 +45,7 @@
 /// Modifies a cell to give it "block" behavior (overflow auto, inertial scrolling)
 ///
 /// @param {Boolean} $vertical [false] - Is grid vertical or horizontal. Should match grid.
-@mixin xy-cell-block(
-  $vertical: false
-) {
+@mixin xy-cell-block($vertical: false) {
   $property: if($vertical == true, 'overflow-y', 'overflow-x');
 
   @if $vertical == true {

package/dist/styles/components/packages/ds-basic/static-build/styles/base/grid/xy-grid/_grid.scss

@@ -9,10 +9,7 @@
 /// Creates a max width container, designed to house your grid content.
 ///
 /// @param {Number} $width [$grid-container] - a width to limit the container to.
-@mixin xy-grid-container(
-  $width: $grid-container,
-  $padding: $grid-container-padding
-) {
+@mixin xy-grid-container($width: $grid-container, $padding: $grid-container-padding) {
   @include xy-gutters($gutters: $padding, $gutter-type: padding);
 
   max-width: $width;
@@ -23,10 +20,7 @@
 ///
 /// @param {Keyword} $direction [horizontal] - Either horizontal or vertical direction of cells within.
 /// @param {Boolean} $wrap [true] - If the cells within should wrap or not.
-@mixin xy-grid(
-  $direction: horizontal,
-  $wrap: true
-) {
+@mixin xy-grid($direction: horizontal, $wrap: true) {
   $direction: if($direction == 'horizontal', row, column);
   $wrap: if($wrap, wrap, nowrap);
 

package/dist/styles/components/packages/ds-basic/static-build/styles/base/grid/xy-grid/_gutters.scss

@@ -30,16 +30,15 @@
 
       // Loop through each gutter position
       @each $value in $gutter-position {
-        #{$gutter-type}-#{$value}: unquote("#{$operator}#{$gutter}");
+        #{$gutter-type}-#{$value}: unquote('#{$operator}#{$gutter}');
       }
     }
-  }
-  @else if (type-of($gutters) == 'number') {
+  } @else if (type-of($gutters) == 'number') {
     $gutter: rem-calc($gutters) / 2;
 
     // Loop through each gutter position
     @each $value in $gutter-position {
-      #{$gutter-type}-#{$value}: unquote("#{$operator}#{$gutter}");
+      #{$gutter-type}-#{$value}: unquote('#{$operator}#{$gutter}');
     }
   }
 }

package/dist/styles/components/packages/ds-basic/static-build/styles/base/grid/xy-grid/_layout.scss

@@ -25,7 +25,7 @@
   $breakpoint: $-zf-zero-breakpoint,
   $vertical: false
 ) {
-  $size: percentage(1/$n);
+  $size: percentage(1 / $n);
 
   & > #{$selector} {
     @include xy-cell($size, $gutter-output, $gutters, $gutter-type, $gutter-position, $breakpoint, $vertical);

package/dist/styles/components/packages/ds-basic/static-build/styles/base/grid/xy-grid/_position.scss

@@ -11,11 +11,11 @@
 /// @param {Number|List} $n - Size to offset by. You can pass in any value accepted by the `zf-cell()` mixin, such as `6`, `50%`, or `1 of 2`.
 /// @param {Boolean} $vertical [false] Sets the direction of the offset. If set to true will apply margin-top instead.
 @mixin xy-cell-offset(
- $n,
- $gutters: $grid-margin-gutters,
- $gutter-type: margin,
- $breakpoint: $-zf-zero-breakpoint,
- $vertical: false
+  $n,
+  $gutters: $grid-margin-gutters,
+  $gutter-type: margin,
+  $breakpoint: $-zf-zero-breakpoint,
+  $vertical: false
 ) {
   $direction: if($vertical, 'top', $global-left);
 

package/dist/styles/components/packages/ds-basic/static-build/styles/base/grid/xy-grid/_xy-grid.scss

@@ -22,7 +22,7 @@ $grid-columns: 12 !default;
 /// @type Map | Length
 $grid-margin-gutters: (
   small: 20px,
-  medium: 30px
+  medium: 30px,
 ) !default;
 
 /// The amount of padding in cells at different screen sizes when using the padding grid. To use just one size, set the variable to a number instead of a map.

package/dist/styles/components/packages/ds-basic/static-build/styles/base/grid.scss

@@ -5,4 +5,4 @@
 
 @import './grid/grid';
 
-@include foundation-xy-grid-classes;
+@include foundation-xy-grid-classes;

package/dist/styles/components/packages/ds-basic/static-build/styles/base/iconography.scss

@@ -1,12 +1,39 @@
 $icon-unit: 8px !default;
 
 $icon-data: (
-  none: 0,                           
-  xxs:  ($icon-unit / 2), // 4px
-  xs:   ($icon-unit),     // 8px
-  s:    ($icon-unit * 2), // 16px
-  m:    ($icon-unit * 3), // 24px
-  l:    ($icon-unit * 4), // 32px
-  xl:   ($icon-unit * 6), // 48px
-  xxl:  ($icon-unit * 8)  // 64px
-) !default;
+  none: 0,
+  xxs: (
+    $icon-unit / 2,
+  ),
+  // 4px
+  xs:
+    (
+      $icon-unit,
+    ),
+  // 8px
+  s:
+    (
+      $icon-unit * 2,
+    ),
+  // 16px
+  m:
+    (
+      $icon-unit * 3,
+    ),
+  // 24px
+  l:
+    (
+      $icon-unit * 4,
+    ),
+  // 32px
+  xl:
+    (
+      $icon-unit * 6,
+    ),
+  // 48px
+  xxl:
+    (
+      $icon-unit * 8,
+    )
+    // 64px,
+) !default;

package/dist/styles/components/packages/ds-basic/static-build/styles/base/index.scss

@@ -16,8 +16,7 @@
 // include iconography data
 @import './iconography.scss';
 
-
 // include scss functions
 @import './utility-functions/_functions-base.scss';
 // base mixins
-@import './utility-mixins/_mixins-base.scss';
+@import './utility-mixins/_mixins-base.scss';

package/dist/styles/components/packages/ds-basic/static-build/styles/base/motion.scss

@@ -16,4 +16,3 @@ $easing-data: (
   overshoot: cubic-bezier(0.07, 0.28, 0.32, 1.22),
   anticipate: cubic-bezier(0.38, -0.4, 0.88, 0.65),
 ) !default;
-