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

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

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

@@ -17,7 +17,7 @@ $spacing-data: (
   // 32px
   xl: rem($point-unit * 6),
   // 48px
-  xxl: rem($point-unit * 8) // 64px,,,,,,,
+  xxl: rem($point-unit * 8) // 64px,,,,,,,,
 ) !default;
 
 /// A list of named breakpoints. You can use these with the `breakpoint()` mixin to quickly create media queries.

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

@@ -1,13 +1,21 @@
 $font-size-data: (
-  900: 2.7692rem, // 36px
-  800: 1.8461rem, // 24px
-  700: 1.3846rem, // 18px
-  600: 1.2307rem, // 16px
-  500: 1.0769rem, // 14px
-  400: 1rem,      // 13px
-  300: 0.9230rem, // 12px
-  200: 0.8461rem,  // 11px
-  100: 0.75rem
+  900: 2.7692rem,
+  // 36px
+  800: 1.8461rem,
+  // 24px
+  700: 1.3846rem,
+  // 18px
+  600: 1.2307rem,
+  // 16px
+  500: 1.0769rem,
+  // 14px
+  400: 1rem,
+  // 13px
+  300: 0.923rem,
+  // 12px
+  200: 0.8461rem,
+  // 11px
+  100: 0.75rem,
 ) !default;
 
 $line-height-data: (
@@ -17,13 +25,13 @@ $line-height-data: (
   500: 1.2,
   400: 1.5,
   300: 1.5,
-  200: 1.5
+  200: 1.5,
 ) !default;
-  
+
 $font-weight-data: (
   bold: 900,
   semibold: 600,
   regular: 400,
   light: 300,
-  thin: 100
-) !default;
+  thin: 100,
+) !default;

package/dist/styles/components/packages/ds-basic/static-build/styles/components/packages/ds-basic/styles/base/utility-functions/_functions-base.scss

@@ -4,4 +4,4 @@
 @import './motion-functions.scss';
 @import './depth-functions.scss';
 @import './border-functions.scss';
-@import './iconography-functions';
+@import './iconography-functions';

package/dist/styles/components/packages/ds-basic/static-build/styles/components/packages/ds-basic/styles/base/utility-functions/border-functions.scss

@@ -10,4 +10,4 @@
   } @else {
     @error 'Border size `#{$size}` not found. Available variants: #{$border-size-data}';
   }
-}
+}

package/dist/styles/components/packages/ds-basic/static-build/styles/components/packages/ds-basic/styles/base/utility-functions/color-functions.scss

@@ -19,28 +19,28 @@
     $fetched-based-color: map-get(map-get($color-palette-data, $hue), 500);
 
     @if $range <= 100 {
-      $fetched-color: lighten($fetched-based-color, 40%); 
+      $fetched-color: lighten($fetched-based-color, 40%);
       @return $fetched-color;
     } @else if $range == 200 {
-      $fetched-color: lighten($fetched-based-color, 30%); 
+      $fetched-color: lighten($fetched-based-color, 30%);
       @return $fetched-color;
     } @else if $range == 300 {
-      $fetched-color: lighten($fetched-based-color, 20%); 
+      $fetched-color: lighten($fetched-based-color, 20%);
       @return $fetched-color;
     } @else if $range == 400 {
-      $fetched-color: lighten($fetched-based-color, 10%); 
+      $fetched-color: lighten($fetched-based-color, 10%);
       @return $fetched-color;
     } @else if $range == 600 {
-      $fetched-color: darken($fetched-based-color, 10%); 
+      $fetched-color: darken($fetched-based-color, 10%);
       @return $fetched-color;
     } @else if $range == 700 {
       $fetched-color: darken($fetched-based-color, 20%);
       @return $fetched-color;
     } @else if $range == 800 {
-      $fetched-color: darken($fetched-based-color, 30%); 
+      $fetched-color: darken($fetched-based-color, 30%);
       @return $fetched-color;
     } @else if $range >= 900 {
-      $fetched-color: darken($fetched-based-color, 40%); 
+      $fetched-color: darken($fetched-based-color, 40%);
       @return $fetched-color;
     } @else {
       @error 'The `#{$range}` could not be found. Make sure you have specify a range between 000 and 1000.';
@@ -50,7 +50,6 @@
   }
 }
 
-
 /// Returns a foreground color based on a given background-color in accordance with accessibility standards.
 ///
 /// @param {Color} $background-color - The background color where the foreground will sit.
@@ -67,9 +66,6 @@
   }
 }
 
-
-
-
 $contrast-warnings: true !default;
 
 ////
@@ -169,8 +165,7 @@ $contrast-warnings: true !default;
 @function get-color($key) {
   @if map-has-key($color-palette-data, $key) {
     @return map-get($color-palette-data, $key);
-  }
-  @else {
+  } @else {
     @error 'given $key is not available in $color-palette-data';
   }
 }

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

@@ -11,4 +11,4 @@
   } @else {
     @error 'Spacing variant `#{$space}` not found. Available variants: #{$icon-data}';
   }
-}
+}

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

@@ -23,4 +23,4 @@
   } @else {
     @error 'Easing variant `#{$variant}` not found. Available variants: #{$easing-data}';
   }
-}
+}

package/dist/styles/components/packages/ds-basic/static-build/styles/components/packages/ds-basic/styles/base/utility-functions/spacing-functions.scss

@@ -13,8 +13,6 @@
   }
 }
 
-
-
 /// The largest named breakpoint in which to include print as a media type
 /// @type Keyword
 $print-breakpoint: large !default;
@@ -25,8 +23,7 @@ $-zf-breakpoints-keys: map-to-list($breakpoints, 'keys');
 
 @if nth(map-values($breakpoints), 1) != 0 {
   @error 'Your smallest breakpoint (defined in $breakpoints) must be set to "0".';
-}
-@else {
+} @else {
   $-zf-zero-breakpoint: nth(map-keys($breakpoints), 1);
 }
 
@@ -52,8 +49,7 @@ $breakpoint-classes: (small medium large) !default;
   // Orientation media queries have a unique syntax
   @if $bp == 'landscape' or $bp == 'portrait' {
     @return '(orientation: #{$bp})';
-  }
-  @else if $bp == 'retina' {
+  } @else if $bp == 'retina' {
     @return '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)';
   }
 
@@ -66,8 +62,7 @@ $breakpoint-classes: (small medium large) !default;
 
       $bp: map-get($breakpoints, $bp);
       $named: true;
-    }
-    @else {
+    } @else {
       $bp: 0;
       @warn 'breakpoint(): "#{$val}" is not defined in your $breakpoints setting.';
     }
@@ -101,8 +96,7 @@ $breakpoint-classes: (small medium large) !default;
         @if $bp-max != null {
           $str: $str + '(max-width: #{$bp-max})';
         }
-      }
-      @else {
+      } @else {
         @warn 'breakpoint(): Only named media queries can have an `only` range.';
       }
     }
@@ -162,9 +156,8 @@ $breakpoint-classes: (small medium large) !default;
     @if $bp != null and $bp <= $pbp {
       @media print, screen and #{$str} {
         @content;
-       }
-    }
-    @else {
+      }
+    } @else {
       @media screen and #{$str} {
         @content;
       }
@@ -203,7 +196,6 @@ $breakpoint-classes: (small medium large) !default;
 ///
 /// @returns {Mixed} The value for the key after `$key`, if `$key` was found. If `$key` was not found, or `$key` was the last value in the map, returns `null`.
 @function -zf-map-next($map, $key) {
-
   // Store the keys of the map as a list
   $values: map-keys($map);
 
@@ -222,7 +214,6 @@ $breakpoint-classes: (small medium large) !default;
   @else {
     @return map-get($map, nth($values, $i));
   }
-
 }
 
 /// Return a list of our named breakpoints less than $key. Useful for dealing with
@@ -288,7 +279,6 @@ $breakpoint-classes: (small medium large) !default;
     @return $map;
   }
 
-
   // Check if the breakpoint name exists globally
   @if not map-has-key($breakpoints, $value) {
     @if type-of($value) == 'number' {

package/dist/styles/components/packages/ds-basic/static-build/styles/components/packages/ds-basic/styles/base/utility-functions/typography-functions.scss

@@ -35,4 +35,4 @@
   } @else {
     @error 'Font weight `#{$weight}` not found. Available font weights: #{$font-weight-data}';
   }
-}
+}

package/dist/styles/components/packages/ds-basic/static-build/styles/components/packages/ds-basic/styles/base/utility-mixins/_mixins-base.scss

@@ -9,4 +9,4 @@
 @import './dimsum-mixins.scss';
 @import './target-ie.scss';
 @import './media-query-mixins.scss';
-@import './font-weight.scss';
+@import './font-weight.scss';

package/dist/styles/components/packages/ds-basic/static-build/styles/components/packages/ds-basic/styles/base/utility-mixins/arrow-mixins.scss

@@ -1,19 +1,16 @@
 @mixin calc-arrow-pos($direction) {
   @if $direction == 'bottom' {
     left: calc(50% - 5px);
-
   } @else if $direction == 'left' {
     top: calc(50% - 5px);
-
   } @else if $direction == 'top' {
     left: calc(50% - 5px);
-
   } @else if $direction == 'right' {
     top: calc(50% - 5px);
   }
 }
 
-@mixin arrow-direction($direction){
+@mixin arrow-direction($direction) {
   display: block;
   height: 0;
   width: 0;
@@ -25,21 +22,18 @@
     border-top: 0;
     margin-top: 0;
     margin-bottom: 0;
-
   } @else if $direction == 'left' {
     border-top-color: transparent;
     border-bottom-color: transparent;
     border-right: 0;
     margin-left: 0;
     margin-right: 0;
-
   } @else if $direction == 'top' {
     border-right-color: transparent;
     border-left-color: transparent;
     border-bottom: 0;
     margin-top: 0;
     margin-bottom: 0;
-
   } @else if $direction == 'right' {
     border-top-color: transparent;
     border-bottom-color: transparent;
@@ -53,19 +47,19 @@
   position: absolute;
   border: solid $color;
 
-  &[data-placement^="bottom"] {
-    @include arrow-direction(bottom)
+  &[data-placement^='bottom'] {
+    @include arrow-direction(bottom);
   }
 
-  &[data-placement^="top"] {
-    @include arrow-direction(top)
+  &[data-placement^='top'] {
+    @include arrow-direction(top);
   }
 
-  &[data-placement^="left"] {
-    @include arrow-direction(left)
+  &[data-placement^='left'] {
+    @include arrow-direction(left);
   }
 
-  &[data-placement^="right"] {
-    @include arrow-direction(right)
+  &[data-placement^='right'] {
+    @include arrow-direction(right);
   }
-}
+}

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

@@ -57,7 +57,7 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-@mixin position($pos: absolute, $top: 0, $lft: 0,$wid: 100%, $hgt: 100%) {
+@mixin position($pos: absolute, $top: 0, $lft: 0, $wid: 100%, $hgt: 100%) {
   position: $pos;
   top: $top;
   left: $lft;
@@ -74,19 +74,19 @@
 
 @mixin keyframes($animation-name) {
   @-webkit-keyframes #{$animation-name} {
-      @content;
+    @content;
   }
   @-moz-keyframes #{$animation-name} {
-      @content;
+    @content;
   }
   @-ms-keyframes #{$animation-name} {
-      @content;
+    @content;
   }
   @-o-keyframes #{$animation-name} {
-      @content;
+    @content;
   }
   @keyframes #{$animation-name} {
-      @content;
+    @content;
   }
 }
 @mixin animation($str) {
@@ -115,18 +115,18 @@
   // from Reactabular
   .sort-none:after {
     opacity: 0;
-    content: "\25BE";
+    content: '\25BE';
   }
 
   // from Reactabular
   .sort-asc:after {
-    content: "\25BE";
+    content: '\25BE';
     display: inline-block;
     transform: rotateZ(180deg);
   }
 
   // from Reactabular
   .sort-desc:after {
-    content: "\25BE";
+    content: '\25BE';
   }
 }

package/dist/styles/components/packages/ds-basic/static-build/styles/components/packages/ds-basic/styles/base/utility-mixins/color-mixins.scss

@@ -1 +1 @@
-// No mixins yet
+// No mixins yet

package/dist/styles/components/packages/ds-basic/static-build/styles/components/packages/ds-basic/styles/base/utility-mixins/depth-mixins.scss

@@ -1,6 +1,6 @@
 // No mixins yet
 @mixin depth($depth: 100) {
   -webkit-box-shadow: depth($depth);
-  -moz-box-shadow:    depth($depth);
-  box-shadow:         depth($depth);
-}
+  -moz-box-shadow: depth($depth);
+  box-shadow: depth($depth);
+}

package/dist/styles/components/packages/ds-basic/static-build/styles/components/packages/ds-basic/styles/base/utility-mixins/font-weight.scss

@@ -1,12 +1,12 @@
 @mixin safariAndFirefoxBold($color) {
   @media not all and (min-resolution: 0.001dpcm) {
     font-weight: 400;
-    -webkit-font-smoothing: subpixel-antialiased; 
+    -webkit-font-smoothing: subpixel-antialiased;
     -webkit-text-stroke: 0.4px $color;
   }
-  @media screen and (min--moz-device-pixel-ratio:0) {
+  @media screen and (min--moz-device-pixel-ratio: 0) {
     font-weight: 400;
-    -webkit-font-smoothing: subpixel-antialiased; 
+    -webkit-font-smoothing: subpixel-antialiased;
     -webkit-text-stroke: 0.4px $color;
   }
-}
+}

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

@@ -1,18 +1,17 @@
-
 @mixin icon($size: s, $color: null) {
   $fetched-size: s;
   @if map-has-key($icon-data, $size) {
     $fetched-size: map-get($icon-data, $size);
   }
   height: $fetched-size;
-  width:  $fetched-size;
+  width: $fetched-size;
   svg {
     height: $fetched-size;
-    width:  $fetched-size;
+    width: $fetched-size;
   }
   @if $color != null {
-    @include icon-color($color)
-  }  
+    @include icon-color($color);
+  }
 }
 
 @mixin icon-color($color: color(neutral, 800)) {

package/dist/styles/components/packages/ds-basic/static-build/styles/components/packages/ds-basic/styles/base/utility-mixins/media-query-mixins.scss

@@ -1,5 +1,5 @@
 @mixin onlyFirefox {
-  @media screen and (min--moz-device-pixel-ratio:0) {
+  @media screen and (min--moz-device-pixel-ratio: 0) {
     @content;
   }
 }
@@ -14,7 +14,7 @@
   @media not all and (min-resolution: 0.001dpcm) {
     @content;
   }
-  @media screen and (min--moz-device-pixel-ratio:0) {
+  @media screen and (min--moz-device-pixel-ratio: 0) {
     @content;
   }
-}
+}

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

@@ -1 +1 @@
-// No mixins yet
+// No mixins yet

package/dist/styles/components/packages/ds-basic/static-build/styles/components/packages/ds-basic/styles/base/utility-mixins/spacing-mixins.scss

@@ -4,7 +4,6 @@
   align-items: center;
 }
 
-
 @function toMobile($unit) {
   @return $unit * (13 / 16);
-}
+}

package/dist/styles/components/packages/ds-basic/static-build/styles/components/packages/ds-basic/styles/base/utility-mixins/target-ie.scss

@@ -2,4 +2,4 @@
   @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     @content;
   }
-}
+}