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

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

@@ -7,26 +7,21 @@
 ////
 
 /// Creates an inner box-shadow for only one side
-/// 
+///
 /// @param {Keyword} $side - Side the shadow is supposed to appear. Can be `top`, `left`, `right` or `bottom`.
 /// @param {Number} $size - Width for the target side.
 /// @param {Color} $color - Color of the shadow.
-@mixin inner-side-shadow(
-  $side: bottom,
-  $size: 20px,
-  $color: rgba($black, 0.25)
-) {
-
+@mixin inner-side-shadow($side: bottom, $size: 20px, $color: rgba($black, 0.25)) {
   $helper: round($size * 0.65);
 
   @if ($side == top) {
-    box-shadow: inset 0 $helper $size (-1)*$helper $color;
+    box-shadow: inset 0 $helper $size (-1) * $helper $color;
   } @else if ($side == left) {
-    box-shadow: inset $helper 0 $size (-1)*$helper $color;
+    box-shadow: inset $helper 0 $size (-1) * $helper $color;
   } @else if ($side == right) {
-    box-shadow: inset (-1)*$helper 0 $size (-1)*$helper $color;
+    box-shadow: inset (-1) * $helper 0 $size (-1) * $helper $color;
   } @else if ($side == bottom) {
-    box-shadow: inset 0 (-1)*$helper $size (-1)*$helper $color;
+    box-shadow: inset 0 (-1) * $helper $size (-1) * $helper $color;
   }
 }
 
@@ -35,11 +30,7 @@
 /// @param {Number} $triangle-size - Width of the triangle.
 /// @param {Color} $triangle-color - Color of the triangle.
 /// @param {Keyword} $triangle-direction - Direction the triangle points. Can be `up`, `right`, `down`, or `left`.
-@mixin css-triangle(
-  $triangle-size,
-  $triangle-color,
-  $triangle-direction
-) {
+@mixin css-triangle($triangle-size, $triangle-color, $triangle-direction) {
   display: block;
   width: 0;
   height: 0;
@@ -78,14 +69,7 @@
 /// @param {Number} $height [16px] - Height of the icon.
 /// @param {Number} $weight [2px] - Height of individual bars in the icon.
 /// @param {Number} $bars [3] - Number of bars in the icon.
-@mixin hamburger(
-  $color: $black,
-  $color-hover: $dark-gray,
-  $width: 20px,
-  $height: 16px,
-  $weight: 2px,
-  $bars: 3
-) {
+@mixin hamburger($color: $black, $color-hover: $dark-gray, $width: 20px, $height: 16px, $weight: 2px, $bars: 3) {
   // box-shadow CSS output
   $shadow: ();
   $hover-shadow: ();
@@ -150,12 +134,11 @@
 
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: #{$rgb}'></polygon></svg>");
 
-  @media screen and (min-width:0\0) {
+  @media screen and (min-width: 0\0) {
     @if lightness($color) < 60% {
       // White triangle
       background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==');
-    }
-    @else {
+    } @else {
       // Black triangle
       background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMBJREFUeNrEllsOhCAMRVszC9IlzU7KCmVHTJsoMWYMUtpyv9BgbuXQB5ZSdgBYYY4ycgBivk8KYFsQMfMiTTBP4o3nUzCKzOabLJbLy2/g31evGkAginR4/ZegKH5qX3bJCscA3t0x3kgO5tQFyhhFf50xRqFLbyMUNJQzgyjGS/wgCpvKqkRBpuWrE4V9d+1E4dPUXqIg107SQOE/2DRQxMwTDygIInVDET9T3lCoj/6j/VCmGjZOl2lKpZ8AAwDQP7zIimDGFQAAAABJRU5ErkJggg==');
     }
@@ -213,7 +196,7 @@
   height: 1px;
   padding: 0;
   overflow: hidden;
-  clip: rect(0,0,0,0);
+  clip: rect(0, 0, 0, 0);
   white-space: nowrap;
   clip-path: inset(50%);
   border: 0;
@@ -273,8 +256,7 @@
       @include breakpoint($name) {
         @content;
       }
-    }
-    @else {
+    } @else {
       @content;
     }
   }
@@ -286,10 +268,7 @@
 /// - For "auto", `$-zf-bp-value` is the corresponding breakpoint value in `$map` and is passed to `@content`, which is made responsive for each breakpoint of `$map`.
 /// @param {Number|Array|Keyword} $name [auto] - Single value, breakpoint name, or list of breakpoint names to use. "auto" by default.
 /// @param {Number|Map} $map - Map of breakpoints and values or single value to use.
-@mixin -zf-breakpoint-value(
-  $name: auto,
-  $map: null
-) {
+@mixin -zf-breakpoint-value($name: auto, $map: null) {
   @if $name == auto and type-of($map) == 'map' {
     // "auto"
     @each $k, $v in $map {
@@ -299,8 +278,7 @@
         }
       }
     }
-  }
-  @else {
+  } @else {
     // breakpoint name
     @if type-of($name) == 'string' {
       $name: -zf-get-bp-val($map, $name);

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

@@ -13,28 +13,14 @@
 @function text-inputs($types: (), $modifier: '') {
   $return: ();
 
-  $all-types:
-    text
-    password
-    date
-    datetime
-    datetime-local
-    month
-    week
-    email
-    number
-    search
-    tel
-    time
-    url
-    color;
+  $all-types: text password date datetime datetime-local month week email number search tel time url color;
 
   @if not has-value($types) {
     $types: $all-types;
   }
 
   @each $type in $types {
-    $return: append($return, unquote('[type=\'#{$type}\']#{$modifier}'), comma);
+    $return: append($return, unquote("[type='#{$type}']#{$modifier}"), comma);
   }
 
   @return $return;

package/dist/styles/components/packages/ds-basic/static-build/styles/components/packages/ds-basic/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/components/packages/ds-basic/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/components/packages/ds-basic/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/components/packages/ds-basic/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/components/packages/ds-basic/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/components/packages/ds-basic/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/components/packages/ds-basic/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);