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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-basic",
-  "version": "2.3.0-next.1",
+  "version": "2.3.0-next.2",
   "license": "MIT",
   "description": "EllieMae UI Design System Library",
   "module": "./esm/index.js",
@@ -296,49 +296,50 @@
     "dev": "node ../../scripts/build/build.js -w"
   },
   "dependencies": {
-    "@elliemae/ds-accordion": "2.3.0-next.1",
-    "@elliemae/ds-app-picker": "2.3.0-next.1",
-    "@elliemae/ds-backdrop": "2.3.0-next.1",
-    "@elliemae/ds-breadcrumb": "2.3.0-next.1",
-    "@elliemae/ds-button": "2.3.0-next.1",
-    "@elliemae/ds-button-group": "2.3.0-next.1",
-    "@elliemae/ds-card": "2.3.0-next.1",
-    "@elliemae/ds-circular-progress-indicator": "2.3.0-next.1",
-    "@elliemae/ds-form": "2.3.0-next.1",
-    "@elliemae/ds-grid": "2.3.0-next.1",
-    "@elliemae/ds-group-box": "2.3.0-next.1",
-    "@elliemae/ds-header": "2.3.0-next.1",
-    "@elliemae/ds-hidden": "2.3.0-next.1",
-    "@elliemae/ds-icon": "2.3.0-next.1",
-    "@elliemae/ds-indeterminate-progress-indicator": "2.3.0-next.1",
-    "@elliemae/ds-label-value": "2.3.0-next.1",
-    "@elliemae/ds-list-section-header": "2.3.0-next.1",
-    "@elliemae/ds-loading-indicator": "2.3.0-next.1",
-    "@elliemae/ds-menu": "2.3.0-next.1",
-    "@elliemae/ds-overlay": "2.3.0-next.1",
-    "@elliemae/ds-page-header": "2.3.0-next.1",
-    "@elliemae/ds-page-number": "2.3.0-next.1",
-    "@elliemae/ds-pills": "2.3.0-next.1",
-    "@elliemae/ds-popover": "2.3.0-next.1",
-    "@elliemae/ds-popper": "2.3.0-next.1",
-    "@elliemae/ds-portal": "2.3.0-next.1",
-    "@elliemae/ds-progress-indicator": "2.3.0-next.1",
-    "@elliemae/ds-read-more": "2.3.0-next.1",
-    "@elliemae/ds-resizeable-container": "2.3.0-next.1",
-    "@elliemae/ds-separator": "2.3.0-next.1",
-    "@elliemae/ds-side-panel": "2.3.0-next.1",
-    "@elliemae/ds-slider": "2.3.0-next.1",
-    "@elliemae/ds-spinner": "2.3.0-next.1",
-    "@elliemae/ds-tabs": "2.3.0-next.1",
-    "@elliemae/ds-text-wrapper": "2.3.0-next.1",
-    "@elliemae/ds-time-picker": "2.3.0-next.1",
-    "@elliemae/ds-toast": "2.3.0-next.1",
-    "@elliemae/ds-toolbar": "2.3.0-next.1",
-    "@elliemae/ds-tooltip": "2.3.0-next.1",
-    "@elliemae/ds-truncated-expandable-text": "2.3.0-next.1",
-    "@elliemae/ds-truncated-tooltip-text": "2.3.0-next.1",
-    "@elliemae/ds-zipcode-search": "2.3.0-next.1",
-    "@elliemae/ds-zoom": "2.3.0-next.1"
+    "@elliemae/ds-accordion": "2.3.0-next.0",
+    "@elliemae/ds-app-picker": "2.3.0-next.0",
+    "@elliemae/ds-backdrop": "2.3.0-next.0",
+    "@elliemae/ds-breadcrumb": "2.3.0-next.2",
+    "@elliemae/ds-button": "2.3.0-next.0",
+    "@elliemae/ds-button-group": "2.3.0-next.0",
+    "@elliemae/ds-card": "2.3.0-next.0",
+    "@elliemae/ds-circular-progress-indicator": "2.3.0-next.0",
+    "@elliemae/ds-form": "2.3.0-next.0",
+    "@elliemae/ds-grid": "2.3.0-next.0",
+    "@elliemae/ds-group-box": "2.3.0-next.0",
+    "@elliemae/ds-header": "2.3.0-next.0",
+    "@elliemae/ds-hidden": "2.3.0-next.0",
+    "@elliemae/ds-icon": "2.3.0-next.0",
+    "@elliemae/ds-indeterminate-progress-indicator": "2.3.0-next.0",
+    "@elliemae/ds-label-value": "2.3.0-next.0",
+    "@elliemae/ds-list-section-header": "2.3.0-next.0",
+    "@elliemae/ds-loading-indicator": "2.3.0-next.0",
+    "@elliemae/ds-menu": "2.3.0-next.0",
+    "@elliemae/ds-overlay": "2.3.0-next.0",
+    "@elliemae/ds-page-header": "2.3.0-next.0",
+    "@elliemae/ds-page-number": "2.3.0-next.0",
+    "@elliemae/ds-pills": "2.3.0-next.0",
+    "@elliemae/ds-popover": "2.3.0-next.0",
+    "@elliemae/ds-popper": "2.3.0-next.0",
+    "@elliemae/ds-portal": "2.3.0-next.0",
+    "@elliemae/ds-progress-indicator": "2.3.0-next.0",
+    "@elliemae/ds-read-more": "2.3.0-next.0",
+    "@elliemae/ds-resizeable-container": "2.3.0-next.0",
+    "@elliemae/ds-separator": "2.3.0-next.0",
+    "@elliemae/ds-side-panel": "2.3.0-next.0",
+    "@elliemae/ds-slider": "2.3.0-next.0",
+    "@elliemae/ds-spinner": "2.3.0-next.0",
+    "@elliemae/ds-tabs": "2.3.0-next.0",
+    "@elliemae/ds-text-wrapper": "2.3.0-next.0",
+    "@elliemae/ds-time-picker": "2.3.0-next.0",
+    "@elliemae/ds-toast": "2.3.0-next.0",
+    "@elliemae/ds-toolbar": "2.3.0-next.0",
+    "@elliemae/ds-tooltip": "2.3.0-next.0",
+    "@elliemae/ds-truncated-expandable-text": "2.3.0-next.0",
+    "@elliemae/ds-truncated-tooltip-text": "2.3.0-next.0",
+    "@elliemae/ds-zipcode-search": "2.3.0-next.0",
+    "@elliemae/ds-zoom": "2.3.0-next.0",
+    "react-dates": "~18.5.0"
   },
   "devDependencies": {
     "gulp": "~4.0.2",

package/styles/components/packages/ds-datagrids/node_modules/@elliemae/ds-basic/styles/base/_elements/_elements.scss

@@ -0,0 +1,65 @@
+$primary-text-color: color(neutral, 900);
+
+:root {
+  font-family: $theme-font-family;
+  font-size: $theme-base-font-size;
+  color: $primary-text-color;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+}
+
+h1 {
+  @include h1-text-style;
+}
+
+h2 {
+  @include h2-text-style;
+}
+
+h3 {
+  @include h3-text-style;
+}
+
+h4 {
+  @include h4-text-style;
+}
+
+p {
+  @include body-text-style;
+}
+
+a {
+  @include link-text-style;
+}
+
+.#{$prefix}-h1-text-style {
+  @include h1-text-style;
+}
+
+.#{$prefix}-h2-text-style {
+  @include h2-text-style;
+}
+
+.#{$prefix}-h3-text-style {
+  @include h3-text-style;
+}
+
+.#{$prefix}-h4-text-style {
+  @include h4-text-style;
+}
+
+.#{$prefix}-section-header-text-style {
+  @include section-header-text-style;
+}
+
+.#{$prefix}-body-text-style {
+  @include body-text-style;
+}
+
+.#{$prefix}-body-small-text-style {
+  @include body-small-text-style;
+}
+
+.#{$prefix}-link-text-style {
+  @include link-text-style;
+}

package/styles/components/packages/ds-datagrids/node_modules/@elliemae/ds-basic/styles/base/_generic/_general-functions.scss

@@ -0,0 +1,215 @@
+$default-browser-font-size: 16px;
+
+/// Returns the value in rem for a given pixel value.
+/// @param {Number} $value - The pixel value to be converted.
+/// @return {Number} The converted value in rem.
+
+@function rem($value) {
+  $unit: unit($value);
+
+  @if $value == 0 {
+    @return 0;
+  } @else if $unit == 'rem' {
+    @return $value;
+  } @else if $unit == 'px' {
+    @return $value / $theme-base-font-size * 1rem;
+  } @else if $unit == 'em' {
+    @return $unit / 1em * 1rem;
+  } @else {
+    @error 'Value must be in px, em, or rem.';
+  }
+}
+
+
+/// Returns the value in ems for a given pixel value. Note that this
+/// only works for elements that have had no font-size changes.
+/// @param {Number} $value - The pixel value to be converted.
+/// @return {Number} The converted value in ems.
+
+@function em($value) {
+  $unit: unit($value);
+
+  @if $value == 0 {
+    @return 0;
+  } @else if $unit == 'em' {
+    @return $value;
+  } @else if $unit == 'rem' {
+    @return $value / 1rem * 1em * ($theme-base-font-size / $default-browser-font-size);
+  } @else if $unit == 'px' {
+    @return $value / $default-browser-font-size * 1em;
+  } @else {
+    @error 'Value must be in px, rem, or em.';
+  }
+}
+
+
+///
+/// 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 contain($list, $value) {
+  @return not not index($list, $value);
+}
+
+///
+/// @requires sl-contain
+/// @alias sl-contain
+///
+ 
+@function include($list, $value) {
+  @return contain($list, $value);
+}
+
+
+
+/// Removes the unit (e.g. px, em, rem) from a value, returning the number only.
+///
+/// @param {Number} $num - Number to strip unit from.
+///
+/// @returns {Number} The same number, sans unit.
+@function strip-unit($num) {
+  @return $num / ($num * 0 + 1);
+}
+
+/// Converts one or more pixel values into matching rem values.
+///
+/// @param {Number|List} $values - One or more values to convert. Be sure to separate them with spaces and not commas. If you need to convert a comma-separated list, wrap the list in parentheses.
+/// @param {Number} $base [null] - The base value to use when calculating the `rem`. If you're using Foundation out of the box, this is 16px. If this parameter is `null`, the function will reference the `$base-font-size` variable as the base.
+///
+/// @returns {List} A list of converted values.
+@function rem-calc($values, $base: null) {
+  $rem-values: ();
+  $count: length($values);
+
+  // If no base is defined, defer to the global font size
+  @if $base == null {
+    $base: $global-font-size;
+  }
+
+  // If the base font size is a %, then multiply it by 16px
+  // This is because 100% font size = 16px in most all browsers
+  @if unit($base) == '%' {
+    $base: ($base / 100%) * 16px;
+  }
+
+  // Using rem as base allows correct scaling
+  @if unit($base) == 'rem' {
+    $base: strip-unit($base) * 16px;
+  }
+
+  @if $count == 1 {
+    @return -zf-to-rem($values, $base);
+  }
+
+  @for $i from 1 through $count {
+    $rem-values: append($rem-values, -zf-to-rem(nth($values, $i), $base));
+  }
+
+  @return $rem-values;
+}
+
+// Converts a unitless, pixel, or rem value to em, for use in breakpoints.
+@function -zf-bp-to-em($value) {
+  // Pixel and unitless values are converted to rems
+  @if unit($value) == 'px' or unitless($value) {
+    $value: rem-calc($value, $base: 16px);
+  }
+
+  // Then the value is converted to ems
+  @return strip-unit($value) * 1em;
+}
+
+/// Converts a pixel value to matching rem value. *Any* value passed, regardless of unit, is assumed to be a pixel value. By default, the base pixel value used to calculate the rem value is taken from the `$global-font-size` variable.
+/// @access private
+///
+/// @param {Number} $value - Pixel value to convert.
+/// @param {Number} $base [null] - Base for pixel conversion.
+///
+/// @returns {Number} A number in rems, calculated based on the given value and the base pixel value. rem values are passed through as is.
+@function -zf-to-rem($value, $base: null) {
+  // Check if the value is a number
+  @if type-of($value) != 'number' {
+    @warn inspect($value) + ' was passed to rem-calc(), which is not a number.';
+    @return $value;
+  }
+
+  // Transform em into rem if someone hands over 'em's
+  @if unit($value) == 'em' {
+    $value: strip-unit($value) * 1rem;
+  }
+
+  // Calculate rem if units for $value is not rem or em
+  @if unit($value) != 'rem' {
+    $value: strip-unit($value) / strip-unit($base) * 1rem;
+  }
+
+  // Turn 0rem into 0
+  @if $value == 0rem {
+    $value: 0;
+  }
+
+  @return $value;
+}
+
+/// Converts a pixel, percentage, rem or em value to a unitless value based on a given font size. Ideal for working out unitless line heights.
+///
+/// @param {Number} $value - Value to convert to a unitless line height
+/// @param {Number} $base - The font size to use to work out the line height - defaults to $global-font-size
+///
+/// @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;
+  }
+
+  // First, lets convert our $base to pixels
+
+  // If the base font size is a %, then multiply it by 16px
+  @if unit($base) == '%' {
+    $base: ($base / 100%) * 16px;
+  }
+
+  @if unit($base) == 'rem' {
+    $base: strip-unit($base) * 16px;
+  }
+
+  @if unit($base) == 'em' {
+    $base: strip-unit($base) * 16px;
+  }
+
+  // Now lets convert our value to pixels too
+  @if unit($value) == '%' {
+    $value: ($value / 100%) * $base;
+  }
+
+  @if unit($value) == 'rem' {
+    $value: strip-unit($value) * $base;
+  }
+
+  @if unit($value) == 'em' {
+    $value: strip-unit($value) * $base;
+  }
+
+  // 'px'
+  @if unit($value) == 'px' {
+    @return strip-unit($value) / strip-unit($base);
+  }
+
+  // assume that line-heights greatern then 10 are meant to be absolute in 'px'
+  @if unitless($value) and ($value > 10) {
+    @return $value / strip-unit($base);
+  }
+
+  @return $value;
+}

package/styles/components/packages/ds-datagrids/node_modules/@elliemae/ds-basic/styles/base/_generic/_generic-dir.scss

@@ -0,0 +1,2 @@
+@import './_normalize.scss';
+@import './general-functions.scss';