@elliemae/ds-basic 2.3.0-next.3 → 3.0.0-alpha.0

package/styles/components/packages/ds-basic/styles/base/grid/_grid-var-styles.scss

@@ -1,55 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-// sass-lint:disable force-attribute-nesting, force-pseudo-nesting, no-color-literals, no-qualifying-elements
-
-////
-/// @group global
-////
-
-@import 'util/util';
-
-/// Global width of your site. Used by the grid to determine row width.
-/// @type Number
-$global-width: rem-calc(1200) !default;
-
-/// Global value used for positioning on components.
-/// @type Number
-// $global-position: 1rem !default;
-
-/// Sets the text direction of the CSS. Can be either `ltr` or `rtl`.
-/// @type Keyword
-$global-text-direction: ltr !default;
-
-/// Enables flexbox for components that support it.
-/// @type Boolean
-$global-flexbox: true !default;
-
-/// Enabled responsive breakpoints for prototypes if applicable
-/// @type Boolean
-$global-prototype-breakpoints: false !default;
-
-// Internal variables used for text direction
-$global-left: if($global-text-direction == rtl, right, left);
-$global-right: if($global-text-direction == rtl, left, right);
-
-// Internal variable that contains the flex justifying options
-$-zf-flex-justify: -zf-flex-justify($global-text-direction);
-
-/// Global tolerance for color pick contrast.
-/// @type Number
-$global-color-pick-contrast-tolerance: 0 !default;
-
-@mixin foundation-global-styles {
-  @include -zf-normalize;
-
-  // Internal classes to show/hide elements in JavaScript
-  .is-visible {
-    display: block !important;
-  }
-
-  .is-hidden {
-    display: none !important;
-  }
-}

package/styles/components/packages/ds-basic/styles/base/grid/functions/_contain.scss

@@ -1,31 +0,0 @@
-///
-/// Returns whether `$list` contains `$value`.
-///
-/// @ignore Documentation: http://at-import.github.io/SassyLists/documentation/#function-sl-contain
-///
-/// @param {List}    $list  - list to check
-/// @param {*}       $value - value to look for
-///
-/// @example
-/// sl-contain(a b c, a)
-/// // true
-///
-/// @example
-/// sl-contain(a b c, z)
-/// // false
-///
-/// @return {Bool}
-///
-
-@function sl-contain($list, $value) {
-  @return not not index($list, $value);
-}
-
-///
-/// @requires sl-contain
-/// @alias sl-contain
-///
- 
-@function sl-include($list, $value) {
-  @return sl-contain($list, $value);
-}

package/styles/components/packages/ds-basic/styles/base/grid/functions/_purge.scss

@@ -1,38 +0,0 @@
-/// Removes all false and null values from `$list`.
-///
-/// @ignore Documentation: http://at-import.github.io/SassyLists/documentation/#function-sl-purge
-///
-/// @requires sl-is-true
-/// @requires sl-to-list
-///
-/// @param {List} $list - list to purge
-///
-/// @example
-/// sl-purge(null a false b)
-/// // a b
-///
-/// @return {List}
-///
-
-@function sl-purge($list) {
-  $_: sl-missing-dependencies('sl-is-true', 'sl-to-list');
-  
-  $result: ();
-
-  @each $item in $list {
-    @if sl-is-true($item) {
-      $result: append($result, $item, list-separator($list));
-    }
-  }
-
-  @return sl-to-list($result);
-}
-
-///
-/// @requires sl-purge
-/// @alias sl-purge
-///
- 
-@function sl-clean($list) {
-  @return sl-purge($list);
-}

package/styles/components/packages/ds-basic/styles/base/grid/functions/_remove.scss

@@ -1,31 +0,0 @@
-///
-/// Removes value(s) `$value` from `$list`.
-///
-/// @ignore Documentation: http://at-import.github.io/SassyLists/documentation/#function-sl-remove
-///
-/// @requires sl-replace
-///
-/// @param {List}    $list      - list to update
-/// @param {*}       $value     - value to remove
-///
-/// @example
-/// sl-remove(a b c, a)
-/// // b c
-///
-/// @return {List}
-///
-
-@function sl-remove($list, $value) {
-  $_: sl-missing-dependencies('sl-replace');
-
-  @return sl-replace($list, $value, null);
-}
-
-///
-/// @requires sl-remove
-/// @alias sl-remove
-///
-
-@function sl-without($list, $value) {
-  @return sl-remove($list, $value);
-}

package/styles/components/packages/ds-basic/styles/base/grid/functions/_replace.scss

@@ -1,40 +0,0 @@
-/// Replaces `$old` by `$new` in `$list`.
-///
-/// @ignore Documentation: http://at-import.github.io/SassyLists/documentation/#function-sl-replace
-
-/// @requires sl-is-true
-/// @requires sl-purge
-/// @requires sl-to-list
-
-/// @param {List}    $list  - list to update
-/// @param {*}       $old   - value to replace
-/// @param {*}       $value - new value for $old
-
-/// @example
-/// sl-replace(a b c, b, z)
-/// // a z c
-/// @example
-/// sl-replace(a b c, y, z)
-/// // a b c
-
-/// @return {List}
- 
-@function sl-replace($list, $old, $value) {
-  $running: true;
-
-  @while $running {
-    $index: index($list, $old);
-
-    @if not $index {
-      $running: false;
-    }
-
-    @else {
-      $list: set-nth($list, $index, $value);
-    }
-  }
-
-  $list: if(sl-is-true($value), $list, sl-purge($list));
-  
-  @return sl-to-list($list);
-}

package/styles/components/packages/ds-basic/styles/base/grid/functions/_to-list.scss

@@ -1,27 +0,0 @@
-///
-/// Casts `$value` into a list.
-///
-/// @ignore Documentation: http://at-import.github.io/SassyLists/documentation/#function-sl-to-list
-///
-/// @param {*} $value - value to cast to list
-/// @param {String} $separator [space] - separator to use
-///
-/// @example
-/// sl-to-list(a b c, comma)
-/// // a, b, c
-/// 
-/// @return {List}
-///
-
-@function sl-to-list($value, $separator: list-separator($value)) {
-  @return join((), $value, $separator);
-}
-
-///
-/// @requires sl-to-list
-/// @alias sl-to-list
-///
-
-@function sl-listify($value) {
-  @return sl-to-list($value);
-}

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

@@ -1,13 +0,0 @@
-@import './helpers/missing-dependencies';
-@import './helpers/true';
-@import './functions/contain';
-@import './functions/purge';
-@import './functions/remove';
-@import './functions/replace';
-@import './functions/to-list';
-
-// variables and styles
-@import '_grid-var-styles';
-
-// Components
-@import 'xy-grid/xy-grid';

package/styles/components/packages/ds-basic/styles/base/grid/helpers/_missing-dependencies.scss

@@ -1,25 +0,0 @@
-///
-/// Checks whether `$functions` exist in global scope.
-///
-/// @access private
-///
-/// @param {ArgList} $functions - list of functions to check for
-///
-/// @return {Bool} Whether or not there are missing dependencies
-///
- 
-@function sl-missing-dependencies($functions...) {
-  $missing-dependencies: ();
-  
-  @each $function in $functions {
-    @if not function-exists($function) {
-      $missing-dependencies: append($missing-dependencies, $function, comma);
-    }
-  }
-  
-  @if length($missing-dependencies) > 0 {
-    @error 'Unmet dependencies! The following functions are required: #{$missing-dependencies}.';
-  }
-
-  @return length($missing-dependencies) > 0;
-}

package/styles/components/packages/ds-basic/styles/base/grid/helpers/_true.scss

@@ -1,13 +0,0 @@
-///
-/// Returns truthiness of `$value`.
-///
-/// @access private
-///
-/// @param {*} $value - value to check
-///
-/// @return {Bool}
-///
- 
-@function sl-is-true($value) {
-  @return if($value == null, false, $value and $value != null and $value != '' and $value != ());
-}

package/styles/components/packages/ds-basic/styles/base/grid/util/_color.scss

@@ -1,8 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-@import 'math';
-
-
-

package/styles/components/packages/ds-basic/styles/base/grid/util/_direction.scss

@@ -1,31 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-////
-/// @group functions
-////
-
-/// Returns the opposite direction of $dir
-///
-/// @param {Keyword} $dir - Used direction between "top", "right", "bottom" and "left".
-/// @return {Keyword} Opposite direction of $dir
-@function direction-opposite(
-  $dir
-) {
-  $dirs: (top, right, bottom, left);
-  $place: index($dirs, $dir);
-
-  @if $place == null {
-    @error 'direction-opposite: Invalid $dir parameter, expected a value from "#{$dirs}", found "#{$dir}".';
-    @return null;
-  }
-
-  // Calcul the opposite place in a circle, with a starting index of 1
-  $length: length($dirs);
-  $demi: $length / 2;
-  $opposite-place: (($place + $demi - 1) % $length) + 1;
-
-  @return nth($dirs, $opposite-place);
-}
-

package/styles/components/packages/ds-basic/styles/base/grid/util/_flex.scss

@@ -1,90 +0,0 @@
-@function -zf-flex-justify($text-direction){
-  $-zf-flex-justify: (
-    'left': if($text-direction == rtl, flex-end, flex-start),
-    'right': if($text-direction == rtl, flex-start, flex-end),
-    'center': center,
-    'justify': space-between,
-    'spaced': space-around,
-  );
-
-  @return $-zf-flex-justify;
-}
-
-
-$-zf-flex-align: (
-  'top': flex-start,
-  'bottom': flex-end,
-  'middle': center,
-  'stretch': stretch,
-);
-
-$-zf-flex-direction: (
-  'row': row,
-  'row-reverse': row-reverse,
-  'column': column,
-  'column-reverse': column-reverse,
-);
-
-/// Enables flexbox by adding `display: flex` to the element.
-@mixin flex {
-  display: flex;
-}
-
-/// Horizontally or vertically aligns the items within a flex container.
-///
-/// @param {Keyword} $x [null] - Horizontal alignment to use. Can be `left`, `right`, `center`, `justify`, or `spaced`. Or, set it to `null` (the default) to not set horizontal alignment.
-/// @param {Keyword} $y [null] - Vertical alignment to use. Can be `top`, `bottom`, `middle`, or `stretch`. Or, set it to `null` (the default) to not set vertical alignment.
-@mixin flex-align($x: null, $y: null) {
-  @if $x {
-    @if map-has-key($-zf-flex-justify, $x) {
-      $x: map-get($-zf-flex-justify, $x);
-    }
-    @else {
-      @warn 'flex-grid-row-align(): #{$x} is not a valid value for horizontal alignment. Use left, right, center, justify, or spaced.';
-    }
-  }
-
-  @if $y {
-    @if map-has-key($-zf-flex-align, $y) {
-      $y: map-get($-zf-flex-align, $y);
-    }
-    @else {
-      @warn 'flex-grid-row-align(): #{$y} is not a valid value for vertical alignment. Use top, bottom, middle, or stretch.';
-    }
-  }
-
-  justify-content: $x;
-  align-items: $y;
-}
-
-/// Vertically align a single column within a flex row. Apply this mixin to a flex column.
-///
-/// @param {Keyword} $y [null] - Vertical alignment to use. Can be `top`, `bottom`, `middle`, or `stretch`. Or, set it to `null` (the default) to not set vertical alignment.
-@mixin flex-align-self($y: null) {
-  @if $y {
-    @if map-has-key($-zf-flex-align, $y) {
-      $y: map-get($-zf-flex-align, $y);
-    }
-    @else {
-      @warn 'flex-grid-column-align(): #{$y} is not a valid value for alignment. Use top, bottom, middle, or stretch.';
-    }
-  }
-
-  align-self: $y;
-}
-
-/// Changes the source order of a flex child. Children with lower numbers appear first in the layout.
-/// @param {Number} $order [0] - Order number to apply.
-@mixin flex-order($order: 0) {
-  order: $order;
-}
-
-/// Change flex-direction
-/// @param {Keyword} $direction [row] - Flex direction to use. Can be
-///   - row (default): same as text direction
-///   - row-reverse: opposite to text direction
-///   - column: same as row but top to bottom
-///   - column-reverse: same as row-reverse top to bottom
-@mixin flex-direction($direction: row) {
-  flex-direction: $direction;
-}

package/styles/components/packages/ds-basic/styles/base/grid/util/_math.scss

@@ -1,72 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-////
-/// @group functions
-////
-
-/// Finds the greatest common divisor of two integers.
-///
-/// @param {Number} $a - First number to compare.
-/// @param {Number} $b - Second number to compare.
-///
-/// @returns {Number} The greatest common divisor.
-@function gcd($a, $b) {
-  // From: http://rosettacode.org/wiki/Greatest_common_divisor#JavaScript
-  @if ($b != 0) {
-    @return gcd($b, $a % $b);
-  }
-  @else {
-    @return abs($a);
-  }
-}
-
-/// Handles decimal exponents by trying to convert them into a fraction and then use a nth-root-algorithm for parts of the calculation
-///
-/// @param {Number} $base - The base number.
-/// @param {Number} $exponent - The exponent.
-///
-/// @returns {Number} The product of the exponentiation.
-@function pow($base, $exponent, $prec: 16) {
-  @if (floor($exponent) != $exponent) {
-    $prec2 : pow(10, $prec);
-    $exponent: round($exponent * $prec2);
-    $denominator: gcd($exponent, $prec2);
-    @return nth-root(pow($base, $exponent / $denominator), $prec2 / $denominator, $prec);
-  }
-
-  $value: $base;
-  @if $exponent > 1 {
-    @for $i from 2 through $exponent {
-      $value: $value * $base;
-    }
-  }
-  @else if $exponent < 1 {
-    @for $i from 0 through -$exponent {
-      $value: $value / $base;
-    }
-  }
-
-  @return $value;
-}
-
-@function nth-root($num, $n: 2, $prec: 12) {
-  // From: http://rosettacode.org/wiki/Nth_root#JavaScript
-  $x: 1;
-
-  @for $i from 0 through $prec {
-    $x: 1 / $n * (($n - 1) * $x + ($num / pow($x, $n - 1)));
-  }
-
-  @return $x;
-}
-
-/// Calculates the height as a percentage of the width for a given ratio.
-/// @param {List} $ratio - Ratio to use to calculate the height, formatted as `x by y`.
-/// @return {Number} A percentage value for the height relative to the width of a responsive container.
-@function ratio-to-percentage($ratio) {
-  $w: nth($ratio, 1);
-  $h: nth($ratio, 3);
-  @return $h / $w * 100%;
-}