@elliemae/ds-basic 2.3.0-next.2 → 2.3.0-next.3

package/styles/components/packages/ds-mobile/node_modules/@elliemae/ds-basic/styles/base/_generic/_normalize.scss

@@ -0,0 +1,351 @@
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+html {
+  line-height: 1.15; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+  // Set box-sizing globally to handle padding and border widths
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
+
+/* Sections
+   ========================================================================== */
+
+/**
+ * Remove the margin in all browsers.
+ */
+
+body {
+  margin: 0;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+  box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+  background-color: transparent;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+
+img {
+    // Get rid of gap under images by making them display: inline-block; by default
+    display: inline-block;
+    border-style: none;
+    vertical-align: middle;
+
+    // Grid defaults to get images and embeds to work properly
+    max-width: 100%;
+    height: auto;
+    -ms-interpolation-mode: bicubic;
+  }
+
+/* Form
+   ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+  overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+  text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+
+legend {
+  box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+  vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/* Interactive
+   ========================================================================== */
+
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+
+details {
+  display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+  display: list-item;
+}
+
+/* Misc
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 10+.
+ */
+
+template {
+  display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+
+[hidden] {
+  display: none;
+}

package/styles/components/packages/ds-mobile/node_modules/@elliemae/ds-basic/styles/base/border.scss

@@ -0,0 +1,15 @@
+$border-unit: 1px !default;
+// Point-Grid System
+// Use multiples of this value to define dimensions, padding, and margin of both block and inline elements.
+// Learn more here: https://builttoadapt.io/intro-to-the-8-border-grid-system-d2573cde8632
+
+$border-size-data: (
+        none: 0,
+        xxs:  rem($border-unit * 0.5), // 0.5px
+        xs:   rem($border-unit),     // 1px
+        s:    rem($border-unit * 1.5), // 1.5px
+        m:    rem($border-unit * 2), // 2px
+        l:    rem($border-unit * 2.5), // 2.5px
+        xl:   rem($border-unit * 3), // 3px
+        xxl:  rem($border-unit * 4)  // 3.5px
+) !default;

package/styles/components/packages/ds-mobile/node_modules/@elliemae/ds-basic/styles/base/color.scss

@@ -0,0 +1,77 @@
+$color-palette-data: (
+  neutral: (
+    1000: $theme-color-neutral-1000,
+    900: $theme-color-neutral-900,
+    800: $theme-color-neutral-800,
+    700: $theme-color-neutral-700,
+    600: $theme-color-neutral-600,
+    500: $theme-color-neutral-500,
+    400: $theme-color-neutral-400,
+    300: $theme-color-neutral-300,
+    200: $theme-color-neutral-200,
+    100: $theme-color-neutral-100,
+    080: $theme-color-neutral-080,
+    050: $theme-color-neutral-050,
+    000: $theme-color-neutral-000
+  ),
+
+  brand-primary: (
+    900: $theme-color-brand-primary-900,
+    800: $theme-color-brand-primary-800,
+    700: $theme-color-brand-primary-700,
+    600: $theme-color-brand-primary-600,
+    500: $theme-color-brand-primary-500,
+    400: $theme-color-brand-primary-400,
+    300: $theme-color-brand-primary-300,
+    200: $theme-color-brand-primary-200,
+    100: $theme-color-brand-primary-100
+  ),
+
+  brand-secondary: (
+    900: $theme-color-brand-secondary-900,
+    800: $theme-color-brand-secondary-800,
+    700: $theme-color-brand-secondary-700,
+    600: $theme-color-brand-secondary-600,
+    500: $theme-color-brand-secondary-500,
+    400: $theme-color-brand-secondary-400,
+    300: $theme-color-brand-secondary-300,
+    200: $theme-color-brand-secondary-200,
+    100: $theme-color-brand-secondary-100
+  ),
+
+  success: (
+    900: $theme-color-success-900,
+    800: $theme-color-success-800,
+    700: $theme-color-success-700,
+    600: $theme-color-success-600,
+    500: $theme-color-success-500,
+    400: $theme-color-success-400,
+    300: $theme-color-success-300,
+    200: $theme-color-success-200,
+    100: $theme-color-success-100
+  ),
+
+  warning: (
+    900: $theme-color-warning-900,
+    800: $theme-color-warning-800,
+    700: $theme-color-warning-700,
+    600: $theme-color-warning-600,
+    500: $theme-color-warning-500,
+    400: $theme-color-warning-400,
+    300: $theme-color-warning-300,
+    200: $theme-color-warning-200,
+    100: $theme-color-warning-100
+  ),
+
+  danger: (
+    900: $theme-color-danger-900,
+    800: $theme-color-danger-800,
+    700: $theme-color-danger-700,
+    600: $theme-color-danger-600,
+    500: $theme-color-danger-500,
+    400: $theme-color-danger-400,
+    300: $theme-color-danger-300,
+    200: $theme-color-danger-200,
+    100: $theme-color-danger-100
+  ) 
+) !default;

package/styles/components/packages/ds-mobile/node_modules/@elliemae/ds-basic/styles/base/depth.scss

@@ -0,0 +1,26 @@
+$shadows-data: (
+        500: (0 27px 24px 0 rgba(0, 0, 0, 0.24), 0 40px 77px 0 rgba(0, 0, 0, 0.19)),
+        400: (0 16px 28px 0 rgba(0, 0, 0, 0.24), 0 25px 55px 0 rgba(0, 0, 0, 0.19)),
+        300: (0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19)),
+        200: (0 6px 20px 0 rgba(0, 0, 0, 0.24), 0 8px 17px 0 rgba(0, 0, 0, 0.19)),
+        100: (0 1px 5px 0 rgba(0, 0, 0, 0.13), 0 2px 4px 0 rgba(0, 0, 0, 0.2)),
+        000: 0 0 0 0 transparent
+) !default;
+
+$shadows-data-alt: (
+        500: (0 0 0 1px rgba(16,22,26,.1), 0 27px 24px rgba(16,22,26,.2), 0 40px 77px rgba(16,22,26,.2)),
+        400: (0 0 0 1px rgba(16,22,26,.1), 0 16px 28px rgba(16,22,26,.2), 0 25px 55 rgba(16,22,26,.2)),
+        300: (0 0 0 1px rgba(16,22,26,.1), 0 12px 15px rgba(16,22,26,.2), 0 17px 50 rgba(16,22,26,.2)),
+        200: (0 0 0 1px rgba(16,22,26,.1), 0 2px 4px rgba(16,22,26,.2), 0 8px 24px rgba(16,22,26,.2)),
+        100: (0 0 0 1px rgba(16,22,26,.1), 0 0px 0px rgba(16,22,26,.2), 0 0px 0px rgba(16,22,26,.2)),
+        000: 0 0 0 0 transparent
+) !default;
+
+$drop-shadow-data:(
+        500: (0 27px 24px rgba(0, 0, 0, 0.3)),
+        400: (0 16px 28px rgba(0, 0, 0, 0.3)),
+        300: (0 12px 15px rgba(0, 0, 0, 0.3)),
+        200: (0 6px 20px rgba(0, 0, 0, 0.3)),
+        100: (0 0px 2px rgba(0, 0, 0, 0.3)),
+        000: 0 0 0 0 transparent
+) !default;

package/styles/components/packages/ds-mobile/node_modules/@elliemae/ds-basic/styles/base/fonts/font-base.scss

@@ -0,0 +1,9 @@
+// Note: The URLs here don't match with filesystem due to a defect in node-sass and webpack sass loader.
+
+@font-face {
+  font-family: 'proxima-nova';
+  src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaRegular.woff2') format('woff2'),
+    url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaRegular.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+}

package/styles/components/packages/ds-mobile/node_modules/@elliemae/ds-basic/styles/base/grid/_grid-var-styles.scss

@@ -0,0 +1,55 @@
+// 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-mobile/node_modules/@elliemae/ds-basic/styles/base/grid/functions/_contain.scss

@@ -0,0 +1,31 @@
+///
+/// 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-mobile/node_modules/@elliemae/ds-basic/styles/base/grid/functions/_purge.scss

@@ -0,0 +1,38 @@
+/// 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-mobile/node_modules/@elliemae/ds-basic/styles/base/grid/functions/_remove.scss

@@ -0,0 +1,31 @@
+///
+/// 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-mobile/node_modules/@elliemae/ds-basic/styles/base/grid/functions/_replace.scss

@@ -0,0 +1,40 @@
+/// 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-mobile/node_modules/@elliemae/ds-basic/styles/base/grid/functions/_to-list.scss

@@ -0,0 +1,27 @@
+///
+/// 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);
+}